:root{--canvas:#f3f5f1;--surface:#fff;--surface-soft:#f8faf7;--sidebar:#12302b;--sidebar-soft:#1a4039;--text:#17231f;--muted:#6e7a75;--border:#dfe5df;--green:#1d7b5a;--green-soft:#e8f4ee;--gold:#c88a2b;--gold-soft:#fbf2df;--red:#bd4b49;--red-soft:#fbeaea;--blue:#39739f;--blue-soft:#eaf2f8;--shadow:0 12px 30px #1a312a0f}:root[data-theme=dark]{--canvas:#0e1714;--surface:#16221e;--surface-soft:#1b2924;--sidebar:#0a1d19;--sidebar-soft:#15342e;--text:#eef5f1;--muted:#a6b3ad;--border:#2b3c36;--green-soft:#193b2f;--gold-soft:#40331d;--red-soft:#462526;--blue-soft:#203847;--shadow:0 15px 34px #0000002e}*{box-sizing:border-box}html{background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--canvas);color:var(--text);margin:0;font-family:Tahoma,Segoe UI,Arial,sans-serif;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:30;background:radial-gradient(circle at 20% 8%, #c88a2b2e, transparent 25%), linear-gradient(180deg, var(--sidebar) 0%, #0d2722 100%);color:#f5fbf8;flex-direction:column;width:270px;padding:26px 18px 18px;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto}.brand{align-items:center;gap:12px;padding:0 10px 32px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#ddb05e,#b5761f);border:1px solid #ffffff4d;border-radius:15px;place-items:center;width:44px;height:44px;font-size:25px;font-weight:800;display:grid;box-shadow:0 10px 24px #0000002e}.brand>span:last-child{flex-direction:column;line-height:1.35;display:flex}.brand strong{font-size:19px}.brand small{color:#ffffffa3;font-size:12px}.sidebar-section-label{color:#ffffff6b;letter-spacing:.08em;margin:0 14px 9px;font-size:10px;font-weight:700}.main-nav{flex-direction:column;gap:6px;display:flex}.main-nav a{color:#ffffffad;border:1px solid #0000;border-radius:13px;grid-template-columns:28px 1fr auto;align-items:center;min-height:48px;padding:9px 13px;font-size:13px;font-weight:600;transition:background .16s,color .16s,transform .16s;display:grid}.main-nav a:hover{color:#fff;background:#ffffff0f;transform:translate(-2px)}.main-nav a.active{color:#fff;background:linear-gradient(90deg,#ddb05e2e,#ffffff12);border-color:#ddb05e38;box-shadow:inset -3px 0 #d6a750}.nav-icon{color:#dfb96f;font-size:19px;line-height:1}.main-nav em{color:#ffffffb8;text-align:center;background:#ffffff1c;border-radius:999px;min-width:27px;font-size:10px;font-style:normal}.sidebar-insight{background:linear-gradient(145deg,#ffffff1a,#ffffff09);border:1px solid #ffffff1a;border-radius:17px;margin:auto 5px 18px;padding:18px;position:relative;overflow:hidden}.sidebar-insight:before{content:"";background:#c88a2b2e;border-radius:50%;width:90px;height:90px;position:absolute;top:-35px;left:-25px}.insight-icon{color:#e7c682;background:#ddb05e29;border-radius:10px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.sidebar-insight strong{margin-top:12px;font-size:13px;display:block}.sidebar-insight p{color:#ffffff94;margin:5px 0 11px;font-size:11px;line-height:1.7}.sidebar-insight a{color:#e3bf74;font-size:11px;font-weight:700}.sidebar-user{border-top:1px solid #ffffff1a;grid-template-columns:36px 1fr 34px;align-items:center;gap:9px;padding:18px 7px 0;display:grid}.user-avatar{color:#edcf90;background:#ddb05e2b;border-radius:12px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.sidebar-user>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-user strong{font-size:11px}.sidebar-user small{color:#ffffff7a;font-size:9px}.sidebar-user button{color:#eed49c;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;width:32px;height:32px}.main-content{min-height:100vh;margin-right:270px}.topbar{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--canvas) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:25px;min-height:92px;padding:18px clamp(22px,3.5vw,52px);display:flex;position:sticky;top:0}.topbar-copy h1{margin:3px 0 0;font-size:clamp(19px,2vw,26px);line-height:1.4}.eyebrow{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.live-dot{border:2px solid color-mix(in srgb, var(--green) 30%, transparent);background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 12%, transparent);border-radius:50%}.topbar-actions{align-items:center;gap:10px;display:flex}.period-control{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:9px;height:43px;padding:0 12px;display:flex;box-shadow:0 5px 12px #182d2708}.period-control span{color:var(--muted);font-size:10px}.period-control select{min-width:110px;color:var(--text);background:0 0;border:0;outline:0;font-size:11px;font-weight:700}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;position:relative}.notification-count{border:2px solid var(--canvas);background:var(--red);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:8px;display:grid;position:absolute;top:-5px;left:-4px}.read-only-badge{border:1px solid color-mix(in srgb, var(--green) 30%, transparent);background:var(--green-soft);color:var(--green);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.preview-notice{border:1px solid color-mix(in srgb, var(--gold) 24%, var(--border));background:color-mix(in srgb, var(--gold-soft) 70%, var(--surface));color:color-mix(in srgb, var(--text) 73%, var(--gold));border-radius:12px;margin:20px clamp(22px,3.5vw,52px) 0;padding:10px 14px;font-size:10px}.preview-notice span{background:var(--gold);color:#fff;border-radius:999px;margin-left:8px;padding:4px 8px;font-weight:800}.page-content{padding:26px clamp(22px,3.5vw,52px) 55px}.mobile-menu-button,.sidebar-backdrop{display:none}.hero-row{justify-content:space-between;align-items:flex-end;gap:28px;margin:0 0 22px;display:flex}.hero-row h2{margin:4px 0 2px;font-size:clamp(20px,2.1vw,29px);line-height:1.45}.hero-row p{max-width:680px;color:var(--muted);margin:0;font-size:11px}.section-kicker{color:var(--green);letter-spacing:.04em;font-size:9px;font-weight:800}.hero-actions{flex-shrink:0;gap:8px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:8px 15px;font-size:10px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{border-color:var(--green);background:var(--green);box-shadow:0 8px 16px color-mix(in srgb, var(--green) 18%, transparent);color:#fff}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button.ghost{background:var(--surface-soft);color:var(--muted);border-color:#0000}.button.compact{min-height:38px;padding:6px 12px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.kpi-card{border:1px solid var(--border);background:var(--surface);min-height:142px;box-shadow:var(--shadow);border-radius:16px;padding:17px;position:relative;overflow:hidden}.kpi-card:after{content:"";opacity:.035;background:currentColor;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;left:-25px}.kpi-card-head,.kpi-card-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.kpi-card-head>span:first-child{color:var(--muted);font-size:10px;font-weight:700}.kpi-icon{border-radius:10px;place-items:center;width:31px;height:31px;font-size:17px;font-weight:800;display:grid}.kpi-card.green,.kpi-card.green .kpi-icon{color:var(--green)}.kpi-card.green .kpi-icon{background:var(--green-soft)}.kpi-card.red,.kpi-card.red .kpi-icon{color:var(--red)}.kpi-card.red .kpi-icon{background:var(--red-soft)}.kpi-card.gold,.kpi-card.gold .kpi-icon{color:var(--gold)}.kpi-card.gold .kpi-icon{background:var(--gold-soft)}.kpi-card.blue,.kpi-card.blue .kpi-icon{color:var(--blue)}.kpi-card.blue .kpi-icon{background:var(--blue-soft)}.kpi-card>strong{color:var(--text);letter-spacing:-.03em;margin:8px 0 9px;font-size:clamp(20px,2vw,27px);line-height:1.25;display:block}.kpi-card-foot small{color:var(--muted);font-size:9px}.kpi-card-foot em{color:inherit;opacity:.86;background:currentColor;border-radius:999px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:800}.kpi-card-foot em:first-letter{color:#fff}.mini-stat-row{border:1px solid var(--border);background:var(--surface);border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));margin:13px 0 17px;display:grid;box-shadow:0 7px 22px #1a312a09}.mini-stat-row article{border-left:1px solid var(--border);gap:1px;padding:13px 17px;display:grid}.mini-stat-row article:last-child{border-left:0}.mini-stat-row span,.mini-stat-row small{color:var(--muted);font-size:8px}.mini-stat-row strong{font-size:14px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:15px;margin-top:15px;display:grid}.lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:17px;padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel h3{margin:2px 0 0;font-size:15px}.chart-legend{color:var(--muted);align-items:center;gap:13px;font-size:8px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:3px;width:8px;height:8px}.sales-color{background:var(--green)}.purchase-color{background:var(--gold)}.bar-chart{border-bottom:1px solid var(--border);justify-content:space-around;align-items:flex-end;gap:12px;height:210px;margin-top:22px;padding:0 14px;display:flex;position:relative}.chart-grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 28px}.chart-grid-lines span{border-top:1px dashed color-mix(in srgb, var(--border) 80%, transparent);width:100%}.bar-group{z-index:1;grid-template-rows:1fr 26px;align-items:end;gap:5px;width:16%;height:100%;display:grid;position:relative}.bar-pair{justify-content:center;align-items:flex-end;gap:5px;height:100%;display:flex}.chart-bar{border-radius:5px 5px 2px 2px;width:min(18px,38%);min-height:3px;transition:filter .14s;display:block}.chart-bar:hover{filter:brightness(1.16)}.sales-bar{background:linear-gradient(180deg, #36a779, var(--green))}.purchase-bar{background:linear-gradient(180deg, #e2b45e, var(--gold))}.bar-group small{color:var(--muted);text-align:center;font-size:8px}.more-button{color:var(--muted);cursor:pointer;letter-spacing:2px;background:0 0;border:0}.donut-wrap{justify-content:space-around;align-items:center;gap:18px;padding:28px 4px 10px;display:flex}.donut{background:conic-gradient(var(--green) 0 72.5%, var(--gold) 72.5% 89.4%, var(--blue) 89.4% 97.6%, #c9d0cc 97.6% 100%);border-radius:50%;flex-shrink:0;place-items:center;width:138px;height:138px;display:grid;position:relative}.donut:after{background:var(--surface);content:"";border-radius:50%;width:92px;height:92px;position:absolute}.donut>span{z-index:1;color:var(--muted);text-align:center;flex-direction:column;font-size:8px;display:flex;position:relative}.donut strong{color:var(--text);font-size:22px}.donut-legend{gap:9px;min-width:105px;display:grid}.donut-legend span{grid-template-columns:8px 1fr auto;align-items:center;gap:6px;font-size:8px;display:grid}.dot{border-radius:50%;width:7px;height:7px}.green-dot{background:var(--green)}.gold-dot{background:var(--gold)}.blue-dot{background:var(--blue)}.gray-dot{background:#aeb7b2}.donut-legend b{font-weight:600}.donut-legend em{color:var(--muted);font-style:normal}.count-pill,.results-count{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:8px;font-weight:700}.alerts-list,.ranking-list{gap:2px;margin-top:11px;display:grid}.alert-row{border-bottom:1px solid var(--border);grid-template-columns:33px 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.alert-row:last-child,.ranking-row:last-child{border-bottom:0}.alert-symbol{border-radius:10px;place-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:grid}.alert-row.danger .alert-symbol{background:var(--red-soft);color:var(--red)}.alert-row.warning .alert-symbol{background:var(--gold-soft);color:var(--gold)}.alert-row.info .alert-symbol{background:var(--blue-soft);color:var(--blue)}.alert-row.neutral .alert-symbol{background:var(--surface-soft);color:var(--muted)}.alert-row>div,.ranking-row>div{flex-direction:column;min-width:0;display:flex}.alert-row strong,.ranking-row strong{font-size:9px}.alert-row small,.ranking-row small{color:var(--muted);font-size:7px}.alert-row em{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 7px;font-size:7px;font-style:normal}.text-link{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:800}.ranking-row{border-bottom:1px solid var(--border);grid-template-columns:24px minmax(100px,.9fr) minmax(80px,1fr) 32px;align-items:center;gap:8px;padding:9px 0;display:grid}.rank-number{background:var(--surface-soft);width:22px;height:22px;color:var(--muted);border-radius:8px;place-items:center;font-size:8px;font-weight:800;display:grid}.ranking-row:first-child .rank-number{background:var(--gold-soft);color:var(--gold)}.rank-bar{background:var(--surface-soft);border-radius:99px;height:5px;overflow:hidden}.rank-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--green), #4eb88e);height:100%;display:block}.ranking-row em{color:var(--green);text-align:left;font-size:8px;font-style:normal;font-weight:800}.report-category-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:15px;display:grid}.report-category-strip button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:13px;grid-template-columns:30px 1fr auto;align-items:center;gap:6px;min-height:72px;padding:10px;display:grid}.report-category-strip button>span{background:var(--surface-soft);width:30px;height:30px;color:var(--muted);border-radius:9px;place-items:center;font-size:14px;display:grid}.report-category-strip b{text-align:right;font-size:8px}.report-category-strip em{color:var(--muted);font-size:7px;font-style:normal}.report-category-strip button.active{border-color:color-mix(in srgb, var(--green) 40%, var(--border));background:var(--green-soft);box-shadow:inset 0 -2px 0 var(--green)}.report-category-strip button.active>span,.report-category-strip button.active b{color:var(--green)}.report-browser,.inventory-table-panel,.customer-table-panel{padding:0;overflow:hidden}.report-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 15px;display:flex}.search-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;align-items:center;gap:8px;width:min(420px,48%);min-width:250px;height:40px;padding:0 12px;display:flex}.search-box>span{color:var(--muted);font-size:18px}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.filter-button{border-color:var(--border);background:var(--surface);min-height:40px}.filter-button.active{border-color:var(--green);background:var(--green-soft);color:var(--green)}.results-count{margin-right:auto}.advanced-filters{border-bottom:1px solid var(--border);background:var(--surface-soft);grid-template-columns:repeat(4,minmax(120px,1fr)) auto auto;align-items:end;gap:10px;padding:13px 15px;display:grid}.advanced-filters label,.sync-options>label:first-child{gap:4px;display:grid}.advanced-filters label>span,.sync-options label>span:first-child{color:var(--muted);font-size:8px;font-weight:700}.advanced-filters input,.advanced-filters select,.standalone-select,.sync-options select{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text);border-radius:9px;outline:0;padding:0 9px;font-size:9px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th{background:var(--surface-soft);color:var(--muted);text-align:right;padding:11px 14px;font-size:8px;font-weight:800}.data-table td{border-top:1px solid var(--border);color:color-mix(in srgb, var(--text) 90%, var(--muted));padding:11px 14px;font-size:9px}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:color-mix(in srgb, var(--surface-soft) 70%, transparent)}.report-name-cell,.product-cell{align-items:center;gap:10px;display:flex}.report-file-icon,.product-cell>span{background:var(--green-soft);width:34px;height:34px;color:var(--green);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.report-name-cell>div,.product-cell>div{flex-direction:column;display:flex}.report-name-cell strong,.product-cell strong{font-size:9px}.report-name-cell small,.product-cell small{max-width:400px;color:var(--muted);text-overflow:ellipsis;font-size:7px;overflow:hidden}.favorite-star{color:var(--gold);margin-left:5px;font-size:8px;font-style:normal}.category-badge,.status-badge,.movement-badge,.stock-status,.segment-badge{border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:7px;font-weight:800;display:inline-flex}.category-badge{background:var(--surface-soft);color:var(--muted)}.status-badge.ready,.stock-status.ready{background:var(--green-soft);color:var(--green)}.status-badge.pending,.stock-status.low{background:var(--gold-soft);color:var(--gold)}.stock-status.out{background:var(--red-soft);color:var(--red)}.row-actions{align-items:center;gap:5px;display:flex}.row-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:29px;padding:4px 8px;font-size:7px;font-weight:700}.row-actions button:first-child{border-color:color-mix(in srgb, var(--green) 28%, var(--border));color:var(--green)}.empty-state{text-align:center;height:130px;color:var(--muted)!important}.inventory-stat-grid,.customer-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.inventory-stat-grid article,.customer-stat-grid>article:not(.customer-total-card){border:1px solid var(--border);background:var(--surface);min-height:105px;box-shadow:var(--shadow);border-radius:15px;align-items:center;gap:12px;padding:15px;display:flex}.stat-icon{border-radius:13px;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:18px;font-weight:800;display:grid}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.red{background:var(--red-soft);color:var(--red)}.stat-icon.gold{background:var(--gold-soft);color:var(--gold)}.inventory-stat-grid article>div,.customer-stat-grid article>div{flex-direction:column;display:flex}.inventory-stat-grid small,.customer-stat-grid small{color:var(--muted);font-size:8px}.inventory-stat-grid strong,.customer-stat-grid strong{font-size:20px;line-height:1.35}.inventory-stat-grid em,.customer-stat-grid em{color:var(--muted);font-size:7px;font-style:normal}.inventory-layout,.customer-layout,.settings-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:15px;margin:15px 0;display:grid}.horizontal-bars{gap:17px;margin-top:22px;display:grid}.horizontal-bars>div{grid-template-columns:115px 1fr;align-items:center;gap:12px;display:grid}.horizontal-bars>div>span{justify-content:space-between;gap:10px;font-size:8px;display:flex}.horizontal-bars em{color:var(--muted);font-style:normal}.horizontal-bars>div>i{background:var(--surface-soft);border-radius:999px;height:8px;overflow:hidden}.horizontal-bars .fill{border-radius:inherit;height:100%;display:block}.fill.available{background:var(--green)}.fill.out{background:var(--red)}.fill.missing{background:var(--gold)}.fill.negative{background:var(--blue)}.stock-summary-card{text-align:center;flex-direction:column;justify-content:center;display:flex}.movement-number{color:var(--green);letter-spacing:-.05em;margin-top:11px;font-size:43px;font-weight:800;line-height:1.2}.stock-summary-card p{color:var(--muted);margin:4px auto 16px;font-size:8px}.movement-legend{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.movement-legend span{color:var(--muted);align-items:center;gap:4px;font-size:7px;display:flex}.standalone-select{min-width:145px}.movement-badge{background:var(--blue-soft);color:var(--blue)}.movement-badge.slow{background:var(--surface-soft);color:var(--muted)}.customer-total-card{border:1px solid color-mix(in srgb, var(--green) 28%, var(--border));background:linear-gradient(135deg, var(--green-soft), var(--surface));min-height:105px;box-shadow:var(--shadow);border-radius:15px;flex-direction:column;justify-content:center;padding:15px;display:flex}.customer-total-card>span{color:var(--muted);font-size:8px}.customer-total-card>strong{font-size:25px}.split-stat{flex-wrap:wrap;gap:4px;flex-direction:row!important;display:flex!important}.split-stat em{background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--green);border-radius:999px;padding:3px 6px;font-size:6px;font-style:normal;font-weight:700}.segment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.segment-grid button{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;text-align:right;border-radius:13px;grid-template-rows:auto auto auto;grid-template-columns:34px 1fr;gap:1px 8px;padding:12px;display:grid}.segment-grid button>span{border-radius:11px;grid-row:1/4;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.segment-grid button strong{font-size:9px}.segment-grid button small,.segment-grid button em{color:var(--muted);font-size:7px;font-style:normal}.gold-segment>span{background:var(--gold-soft);color:var(--gold)}.green-segment>span{background:var(--green-soft);color:var(--green)}.gray-segment>span{background:var(--surface);color:var(--muted)}.segment-grid button.selected{border-color:var(--green);box-shadow:inset 0 -2px 0 var(--green)}.collection-panel h3{margin-bottom:20px}.collection-progress>div{justify-content:space-between;align-items:flex-end;display:flex}.collection-progress strong{color:var(--green);font-size:27px}.collection-progress small{color:var(--muted);font-size:7px}.collection-progress>span{background:var(--surface-soft);border-radius:999px;height:9px;margin:8px 0 18px;display:block;overflow:hidden}.collection-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--green), #49b78a);height:100%;display:block}.collection-split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.collection-split span{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;flex-direction:column;padding:9px;display:flex}.collection-split small{color:var(--muted);font-size:7px}.collection-split strong{font-size:10px}.customer-cell>span{background:var(--blue-soft);color:var(--blue);font-size:8px}.due-value{color:var(--red)}.segment-badge.ذهبي{background:var(--gold-soft);color:var(--gold)}.segment-badge.نشط{background:var(--green-soft);color:var(--green)}.segment-badge.متوقف{background:var(--surface-soft);color:var(--muted)}.connection-card{min-width:0}.connection-status{border-radius:999px;padding:5px 8px;font-size:7px;font-weight:800}.connection-status.snapshot{background:var(--gold-soft);color:var(--gold)}.connection-diagram{border:1px dashed var(--border);background:var(--surface-soft);border-radius:14px;justify-content:center;align-items:center;gap:13px;margin:22px 0;padding:18px;display:flex}.system-node{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;min-width:130px;padding:12px;display:flex}.system-node>span{border-radius:11px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.primary-node>span{background:var(--green-soft);color:var(--green)}.source-node>span{background:var(--blue-soft);color:var(--blue);font-size:8px}.system-node strong{margin-top:6px;font-size:8px}.system-node small{color:var(--muted);font-size:6px}.connection-line{border-top:1px dashed var(--green);text-align:center;width:100px;position:relative}.connection-line:before,.connection-line:after{background:var(--green);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:-4px}.connection-line:before{right:0}.connection-line:after{left:0}.connection-line span{background:var(--green-soft);color:var(--green);border-radius:999px;padding:3px 6px;font-size:6px;font-weight:800;position:relative;top:-17px}.connection-details{border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:0;margin:0;display:grid;overflow:hidden}.connection-details>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:9px 11px;display:flex}.connection-details>div:nth-last-child(-n+2){border-bottom:0}.connection-details>div:nth-child(odd){border-left:1px solid var(--border)}.connection-details dt{color:var(--muted);font-size:7px}.connection-details dd{margin:0;font-size:7px;font-weight:700}.safe-status{color:var(--green)}.muted-status{color:var(--gold)}.security-note{background:var(--green-soft);border-radius:11px;align-items:flex-start;gap:9px;margin-top:12px;padding:10px;display:flex}.security-note>span{background:var(--green);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.security-note strong{color:var(--green);font-size:8px;display:block}.security-note p{color:var(--muted);margin:2px 0 0;font-size:7px}.sync-timeline{gap:0;margin:18px 0;display:grid}.sync-timeline>div{grid-template-columns:31px 1fr;align-items:start;gap:10px;min-height:56px;display:grid;position:relative}.sync-timeline>div:not(:last-child):after{background:var(--border);content:"";width:1px;height:25px;position:absolute;top:31px;right:15px}.sync-timeline>div>span{border:1px solid var(--border);background:var(--surface-soft);width:31px;height:31px;color:var(--muted);border-radius:10px;place-items:center;font-size:8px;font-weight:800;display:grid}.sync-timeline .done>span{background:var(--green-soft);color:var(--green);border-color:#0000}.sync-timeline .current>span{border-color:var(--gold);background:var(--gold-soft);color:var(--gold)}.sync-timeline>div>div{flex-direction:column;display:flex}.sync-timeline strong{font-size:8px}.sync-timeline small{color:var(--muted);font-size:7px}.sync-options{border-top:1px solid var(--border);gap:12px;padding-top:14px;display:grid}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-row>span{flex-direction:column;display:flex}.toggle-row strong{font-size:8px}.toggle-row small{color:var(--muted);font-size:7px}.toggle-row input{width:35px;height:18px;accent-color:var(--green)}.roles-panel,.audit-panel{margin-top:15px}.roles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.roles-grid article{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;grid-template-columns:35px 1fr;gap:8px;padding:11px;display:grid}.role-icon{border-radius:11px;grid-row:1/3;place-items:center;width:35px;height:35px;font-size:10px;font-weight:800;display:grid}.role-icon.green{background:var(--green-soft);color:var(--green)}.role-icon.blue{background:var(--blue-soft);color:var(--blue)}.role-icon.gold{background:var(--gold-soft);color:var(--gold)}.role-icon.gray{background:var(--surface);color:var(--muted)}.roles-grid article>div{flex-direction:column;display:flex}.roles-grid strong{font-size:8px}.roles-grid small{color:var(--muted);font-size:6px}.roles-grid em{color:var(--muted);font-size:6px;font-style:normal}.roles-grid button{color:var(--green);cursor:pointer;background:0 0;border:0;justify-self:end;font-size:7px}.audit-list{margin-top:9px;display:grid}.audit-list>div{border-bottom:1px solid var(--border);grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:9px 0;display:grid}.audit-list>div:last-child{border-bottom:0}.audit-avatar{background:var(--green-soft);width:31px;height:31px;color:var(--green);border-radius:10px;place-items:center;font-size:8px;font-weight:800;display:grid}.audit-avatar.system{background:var(--blue-soft);color:var(--blue)}.audit-list p{flex-direction:column;margin:0;font-size:8px;display:flex}.audit-list p small{color:var(--muted);font-size:6px}.audit-list em{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:3px 7px;font-size:6px;font-style:normal}@media (max-width:1180px){.sidebar{width:235px}.main-content{margin-right:235px}.kpi-grid,.inventory-stat-grid,.customer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.advanced-filters{grid-template-columns:repeat(2,minmax(130px,1fr)) auto auto}.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.sidebar{transition:transform .18s;transform:translate(105%);box-shadow:-20px 0 45px #00000040}.sidebar.is-open{transform:translate(0)}.main-content{margin-right:0}.mobile-menu-button{z-index:27;border:1px solid var(--border);background:var(--surface);width:42px;height:42px;box-shadow:var(--shadow);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:fixed;top:19px;right:18px}.sidebar-backdrop{z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000061;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{padding-right:76px}.read-only-badge,.period-control>span{display:none}.dashboard-grid,.lower-grid,.inventory-layout,.customer-layout,.settings-layout{grid-template-columns:1fr}.mini-stat-row{grid-template-columns:1fr 1fr}.mini-stat-row article:nth-child(2){border-left:0}.mini-stat-row article:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (max-width:620px){.topbar{min-height:80px;padding:14px 68px 14px 15px}.topbar-actions{gap:6px}.period-control{width:114px;padding:0 7px}.period-control select{min-width:90px}.icon-button{width:39px;height:39px}.eyebrow{display:none}.topbar-copy h1{max-width:140px;font-size:15px}.preview-notice{margin:13px 14px 0;padding:8px 10px;font-size:8px}.preview-notice span{margin-bottom:3px;display:inline-block}.page-content{padding:18px 14px 40px}.hero-row{flex-direction:column;align-items:stretch;gap:13px}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.hero-actions .button:only-child,.hero-actions .button:last-child:nth-child(3){grid-column:1/-1}.kpi-grid,.inventory-stat-grid,.customer-stat-grid,.report-category-strip,.roles-grid{grid-template-columns:1fr}.kpi-card{min-height:128px}.mini-stat-row{grid-template-columns:1fr}.mini-stat-row article{border-bottom:1px solid var(--border);border-left:0}.mini-stat-row article:last-child{border-bottom:0}.donut-wrap,.connection-diagram{flex-direction:column}.connection-line{border-top:0;border-right:1px dashed var(--green);width:1px;height:45px}.connection-line:before,.connection-line:after{left:auto;right:-3px}.connection-line:before{top:0}.connection-line:after{top:auto;bottom:0}.connection-line span{white-space:nowrap;top:10px;right:8px}.report-toolbar{flex-wrap:wrap;align-items:stretch}.search-box{width:100%;min-width:0}.results-count{align-self:center}.advanced-filters{grid-template-columns:1fr}.report-category-strip{grid-template-columns:1fr 1fr}.segment-grid,.connection-details{grid-template-columns:1fr}.connection-details>div,.connection-details>div:nth-child(odd){border-bottom:1px solid var(--border);border-left:0}.connection-details>div:last-child{border-bottom:0}}@media print{.sidebar,.topbar,.mobile-menu-button,.preview-notice,.hero-actions,.report-category-strip,.report-toolbar,.advanced-filters,.row-actions{display:none!important}.main-content{margin:0}.page-content{padding:0}.panel,.kpi-card{break-inside:avoid;box-shadow:none}}