:root{color-scheme:light;--bg:#f5f5f7;--surface:#ffffff;--surface-2:#f8f8fa;--surface-3:#eeeeef;--text:#1d1d1f;--muted:#6e6e73;--faint:#86868b;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.13);--accent:#386f50;--accent-soft:#eaf3ed;--success:#248a3d;--success-soft:#eaf6ed;--warning:#9a5b00;--warning-soft:#fff3df;--danger:#c9342f;--danger-soft:#fff0ef;--grid:rgba(60,60,67,.12);--shadow:0 1px 2px rgba(0,0,0,.03),0 12px 32px rgba(0,0,0,.035);--radius:22px;--radius-sm:14px;--sidebar:rgba(255,255,255,.78)}:root[data-theme="dark"]{color-scheme:dark;--bg:#000000;--surface:#1c1c1e;--surface-2:#242426;--surface-3:#2c2c2e;--text:#f5f5f7;--muted:#a1a1a6;--faint:#8e8e93;--border:rgba(255,255,255,.09);--border-strong:rgba(255,255,255,.15);--accent:#72ad84;--accent-soft:rgba(83,156,105,.16);--success:#49a95f;--success-soft:rgba(73,169,95,.13);--warning:#f0a84a;--warning-soft:rgba(240,168,74,.13);--danger:#ff6961;--danger-soft:rgba(255,105,97,.13);--grid:rgba(235,235,245,.12);--shadow:0 1px 2px rgba(0,0,0,.35),0 18px 46px rgba(0,0,0,.18);--sidebar:rgba(28,28,30,.8)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.auth-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:var(--bg)}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.auth-logo,.brand-mark{display:grid;place-items:center;background:var(--text);color:var(--bg);font-weight:800;letter-spacing:-.03em}.auth-logo{width:60px;height:60px;border-radius:18px;font-size:19px;margin-bottom:24px}.auth-card h1{font-size:30px;letter-spacing:-.045em;margin:0 0 8px}.auth-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.auth-note{margin:20px 0 14px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--muted)}.auth-note strong{color:var(--text)}.auth-message{min-height:18px;margin-top:12px;font-size:12px;color:var(--muted);line-height:1.45}.primary{width:100%;border:0;background:var(--text);color:var(--bg);border-radius:14px;padding:13px 16px;font-weight:650;transition:transform .18s ease,opacity .18s ease}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:wait}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px 16px;border-right:1px solid var(--border);background:var(--sidebar);backdrop-filter:saturate(180%) blur(26px);-webkit-backdrop-filter:saturate(180%) blur(26px);display:flex;flex-direction:column;gap:18px;z-index:20}.brand-row{display:flex;align-items:center;gap:11px;padding:5px 7px}.brand-mark{width:40px;height:40px;border-radius:12px;font-size:14px}.brand-name{font-weight:700;font-size:15px;letter-spacing:-.015em}.brand-sub{margin-top:2px;color:var(--muted);font-size:9px;letter-spacing:.13em}.nav{display:grid;gap:3px}.nav-btn{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;border-radius:12px;padding:10px 11px;color:var(--muted);text-align:left;font-size:13px;font-weight:520;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-btn:hover{background:var(--surface-2);color:var(--text)}.nav-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.nav-icon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto}.nav-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-status{margin:2px 6px 0;padding:12px 12px;border-radius:15px;background:var(--surface-2);border:1px solid var(--border)}.status-line{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.sidebar-status b{display:block;margin-top:8px;font-size:12px;line-height:1.4}.side-footer{margin-top:auto;padding:14px 7px 4px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.side-user{color:var(--text);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout{margin-top:10px;border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:8px 10px;color:var(--muted);font-size:11px}.signout:hover{color:var(--text);border-color:var(--border-strong)}.main{min-width:0;padding:26px 30px 54px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 auto 26px;max-width:1500px}.eyebrow{font-size:11px;color:var(--muted);margin-bottom:5px}.title{margin:0;font-size:32px;line-height:1.05;letter-spacing:-.045em}.subtitle{max-width:650px;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.5}.filters{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.control,.icon-button{height:38px;border:1px solid var(--border);background:var(--surface);border-radius:12px;box-shadow:0 1px 1px rgba(0,0,0,.02)}.control{padding:0 11px;font-size:11px;color:var(--text)}.control:hover,.icon-button:hover{border-color:var(--border-strong)}.icon-button{width:38px;display:grid;place-items:center;padding:0}.icon-button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sync{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:650}.sync .status-dot{box-shadow:none}.error-banner{max-width:1500px;margin:0 auto 15px;padding:11px 13px;background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);border-radius:14px;font-size:12px}.page{display:none;max-width:1500px;margin:0 auto;animation:pageIn .24s ease}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi{padding:17px 17px 16px;min-height:122px}.kpi-label{font-size:10px;letter-spacing:.065em;text-transform:uppercase;color:var(--muted)}.kpi-value{margin-top:9px;font-size:25px;line-height:1;font-weight:730;letter-spacing:-.045em}.kpi-meta{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.35}.kpi.emphasis{background:linear-gradient(155deg,var(--surface),var(--accent-soft))}.integration-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.integration-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:10px;color:var(--muted)}.integration-pill b{color:var(--text);font-weight:630}.integration-pill .mini-dot{width:6px;height:6px;border-radius:50%;background:var(--warning)}.integration-pill.ok .mini-dot{background:var(--success)}.charts-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,.75fr);gap:12px;margin-bottom:12px}.charts-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card{padding:18px 18px 14px;min-height:340px}.chart-card.compact{min-height:340px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.section-title h2{margin:0;font-size:15px;letter-spacing:-.02em}.section-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.section-kicker{color:var(--muted);font-size:10px;white-space:nowrap}.chart-box{height:265px;position:relative}.chart-box.small{height:245px}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:11px;text-align:center;padding:24px}.locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.location-card{padding:18px}.loc-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.loc-title b{font-size:14px}.status{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:650}.status.ok{background:var(--success-soft);color:var(--success)}.status.review{background:var(--warning-soft);color:var(--warning)}.status.empty{background:var(--surface-2);color:var(--muted)}.loc-sales{margin-top:17px;font-size:28px;font-weight:720;letter-spacing:-.045em}.loc-note{margin-top:3px;color:var(--muted);font-size:10px}.stat-list{display:grid;margin-top:16px}.stat-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:10px}.stat-row span{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 10px}.section-head h2{margin:0;font-size:16px;letter-spacing:-.02em}.section-head span{color:var(--muted);font-size:10px}.alerts-card{padding:12px}.alert-list{display:grid;gap:5px}.alert{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px;border-radius:14px}.alert:hover{background:var(--surface-2)}.alert-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:11px}.alert.info .alert-icon{background:var(--accent-soft);color:var(--accent)}.alert.review .alert-icon{background:var(--warning-soft);color:var(--warning)}.alert.danger .alert-icon{background:var(--danger-soft);color:var(--danger)}.alert b{display:block;font-size:11px}.alert p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.metric-label{font-size:10px;letter-spacing:.065em;text-transform:uppercase;color:var(--muted)}.metric-value{margin-top:7px;font-size:23px;font-weight:720;letter-spacing:-.04em}.metric-meta{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.35}.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:12px}.table-card{padding:8px 14px 12px;overflow:hidden}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:10px}.table th{text-align:left;padding:11px 9px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:11px 9px;border-bottom:1px solid var(--border);white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.empty-state{padding:42px 20px;text-align:center;color:var(--muted);font-size:11px;line-height:1.5}.empty-state strong{display:block;color:var(--text);font-size:12px;margin-bottom:4px}.timeline{display:grid;gap:0}.timeline-card{display:grid;grid-template-columns:90px 1fr;gap:13px;padding:12px 0;border-bottom:1px solid var(--border)}.timeline-card:last-child{border-bottom:0}.timeline-date{font-size:10px;color:var(--muted)}.timeline-content b{display:block;font-size:11px}.timeline-content p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.config-card{padding:18px}.config-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);font-size:11px}.config-line:last-child{border-bottom:0}.config-line span{color:var(--muted)}.config-line b{font-weight:620;text-align:right}.theme-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.theme-option{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--surface-2);font-size:11px}.theme-option.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.loading{opacity:.55;pointer-events:none;transition:opacity .18s ease}@media(max-width:1250px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.charts-grid,.charts-grid.equal,.two{grid-template-columns:1fr}.chart-card{min-height:320px}.locations{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;height:auto;top:0;display:flex;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--border)}.brand-row{min-width:max-content}.brand-sub,.sidebar-status,.side-footer{display:none}.nav{display:flex;min-width:max-content}.nav-btn{width:auto}.nav-btn span:last-child{display:none}.main{padding:20px}.topbar{display:block}.filters{justify-content:flex-start;margin-top:15px}.locations{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}}@media(max-width:650px){.main{padding:16px 12px 38px}.title{font-size:28px}.subtitle{display:none}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:110px;padding:14px}.kpi-value{font-size:22px}.charts-grid,.charts-grid.equal{gap:8px}.chart-card{padding:15px;min-height:300px}.chart-box{height:230px}.three{grid-template-columns:1fr}.filters .sync{display:none}.control{max-width:150px}.section-kicker{display:none}}