:root,:root[data-theme=dark]{color-scheme:dark;--bg:#121317;--bg-subtle:#191b20;--surface:#1f2229;--surface-2:#262a31;--surface-raised:#2b2f38;--sidebar-bg:#131418;--topbar-bg:#1a1b1f;--border:#2c2f36;--border-subtle:#23262d;--border-strong:#3a3e46;--text:#f2f3f5;--text-secondary:#c4c8cf;--muted:#8a909b;--primary:#1a86d6;--primary-hover:#2f95e0;--primary-contrast:#ffffff;--accent:#4aa3e6;--accent-hover:#66b3ec;--accent-soft:rgba(74,163,230,0.16);--success:#46c46a;--success-soft:rgba(70,196,106,0.14);--success-subtle:rgba(70,196,106,0.1);--warning:#d99a3a;--warning-soft:rgba(217,154,58,0.14);--danger:#ef5350;--danger-soft:rgba(239,83,80,0.14);--danger-subtle:rgba(239,83,80,0.1);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 12px -2px rgba(0,0,0,0.5);--shadow-lg:0 16px 40px -12px rgba(0,0,0,0.65);--shadow:var(--shadow-sm);--chart-1:#5aa9e6;--chart-2:#3fb98f;--chart-3:#e0a13a;--chart-4:#9a86e6;--chart-5:#e07a6a;--chart-6:#7b93aa;--chart-positive:#3fbf7f;--chart-negative:#e5654f;--chart-grid:#2c2f36;--chart-axis:#6b7280;--tooltip-bg:#262a32;--tooltip-border:#3a3e46}:root[data-theme=light]{color-scheme:light;--bg:#ffffff;--bg-subtle:#fafafa;--surface:#ffffff;--surface-2:#f5f6f7;--surface-raised:#ffffff;--sidebar-bg:#fafafa;--topbar-bg:#ffffff;--border:#e5e7eb;--border-subtle:#eef0f2;--border-strong:#d7dbe0;--text:#1a1a1a;--text-secondary:#4a4a4a;--muted:#6b7280;--primary:#1a1a1a;--primary-hover:#000000;--primary-contrast:#ffffff;--accent:#1478c8;--accent-hover:#0f6bb3;--accent-soft:rgba(20,120,200,0.09);--success:#2e7d46;--success-soft:rgba(46,125,70,0.1);--success-subtle:rgba(46,125,70,0.07);--warning:#b26a00;--warning-soft:rgba(178,106,0,0.1);--danger:#c0392b;--danger-soft:rgba(192,57,43,0.08);--danger-subtle:rgba(192,57,43,0.06);--shadow-sm:0 1px 2px rgba(16,24,40,0.06);--shadow-md:0 4px 12px -2px rgba(16,24,40,0.1);--shadow-lg:0 16px 40px -12px rgba(16,24,40,0.16);--shadow:var(--shadow-sm);--chart-1:#1478c8;--chart-2:#0f9e7e;--chart-3:#c77700;--chart-4:#6b57c8;--chart-5:#c74f3a;--chart-6:#5a7089;--chart-positive:#1a8f5a;--chart-negative:#c0392b;--chart-grid:#eef0f2;--chart-axis:#9aa1ac;--tooltip-bg:#ffffff;--tooltip-border:#e5e7eb}:root{--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-full:999px;--bw:1px;--bw-thick:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--fs-display:1.75rem;--fs-h1:1.375rem;--fs-h2:1rem;--fs-body:0.875rem;--fs-label:0.8rem;--fs-caption:0.72rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:650;--lh-tight:1.2;--lh-normal:1.5;--transition-fast:120ms ease;--transition:160ms ease;--ring:0 0 0 3px var(--accent-soft);--sidebar-w:240px;--topbar-h:60px;--content-max:1520px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}h1{font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:-.01em;margin:0 0 var(--space-1)}h1,h2{font-weight:var(--fw-semibold);color:var(--text)}h2{font-size:var(--fs-h2);margin:0 0 var(--space-4)}.muted,.who{color:var(--muted);font-size:var(--fs-label)}.data-table .num,.info-list dd,.kpi-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.brand{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.95rem;letter-spacing:-.01em;color:var(--text)}.brand-mark{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--primary-contrast);background:var(--primary);font-weight:700;font-size:.72rem;flex:0 0 auto}.brand-logo{height:24px;width:auto;display:block;flex:0 0 auto}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .7rem;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{padding:.4rem .6rem 1.1rem}.side-nav{display:flex;flex-direction:column;gap:1px}.side-section{color:var(--muted);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:1.1rem .75rem .4rem}.nav-item{display:flex;align-items:center;gap:.6rem;padding:.48rem .7rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;border-left:2px solid transparent;transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent)}.nav-item svg{width:16px;height:16px;flex:0 0 auto}.side-spacer{flex:1 1 auto}.side-user{border-top:1px solid var(--border);padding:.85rem .4rem .2rem;font-size:.82rem}.side-user .who-name{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user .who-meta{font-size:.75rem;color:var(--muted);margin-top:.15rem}.main-col{flex:1 1 auto;display:flex;flex-direction:column}.topbar{min-height:var(--topbar-h);flex:0 0 auto;background:var(--topbar-bg);border-bottom:var(--bw) solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar-left{display:flex;flex-direction:column;justify-content:center;min-width:0}.topbar-title{font-size:var(--fs-h2);font-weight:var(--fw-semibold);color:var(--text);line-height:var(--lh-tight)}.topbar-subtitle{font-size:var(--fs-caption);color:var(--muted);margin-top:2px}.topbar-right{flex:0 0 auto}.tb-group,.topbar-right{display:flex;align-items:center;gap:var(--space-2)}.tb-sep{width:1px;height:20px;background:var(--border);flex:0 0 auto}.content{flex:1 1 auto;min-width:0;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-8)}.page-head{margin-bottom:var(--space-5)}.page-head p{margin:var(--space-1) 0 0}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:17px;height:17px}button{font-family:inherit}.primary,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.55rem .9rem;background:var(--primary);color:var(--primary-contrast);border:1px solid var(--primary);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:background .12s ease}.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.primary:disabled{opacity:.55;cursor:not-allowed}a.secondary,button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .85rem;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}a.secondary:hover,button.secondary:hover:not(:disabled){background:var(--surface-2)}button.secondary:disabled{opacity:.55;cursor:not-allowed}a.secondary.on,button.secondary.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}button.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:500;padding:0}button.link:hover:not(:disabled){color:var(--accent-hover);text-decoration:underline}button.link:disabled{opacity:.45;cursor:not-allowed}button.link.danger{color:var(--danger)}label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.35rem}input[type=date],input[type=email],input[type=password],input[type=text],select{width:100%;padding:.5rem .7rem;margin-bottom:1rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;transition:border-color .12s ease,box-shadow .12s ease}input::placeholder{color:var(--muted)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-subtle)}.card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md)}.card .brand{margin-bottom:1.5rem}.card h1{font-size:1.25rem;margin:0 0 .3rem}.card p.sub{margin:0 0 1.5rem;color:var(--muted);font-size:.86rem}.form-links{margin-top:1.1rem;font-size:.85rem;text-align:center;color:var(--muted)}.notice{padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:1rem;border:1px solid transparent}.notice.error{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.notice.success{background:var(--success-soft);border-color:var(--success);color:var(--success)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);box-shadow:none}.panel h2{font-size:1.0625rem;font-weight:var(--fw-bold);letter-spacing:-.01em;margin:0 0 var(--space-3)}.panel>.who{margin-top:-6px;margin-bottom:var(--space-3)}.chart-duo{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.chart-duo>.panel{margin-bottom:0;min-width:0}@media (max-width:1080px){.chart-duo{grid-template-columns:1fr}}.data-table td,.data-table th,.kpi-value,.recon-pill,.stat-card-value,.stat-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seg{background:var(--surface-2);border-color:var(--border);padding:3px;gap:2px}.seg button{background:transparent;border-radius:var(--radius-xs);color:var(--muted)}.seg button:hover:not(.on){color:var(--text-secondary)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-secondary);padding:.12rem .5rem;border-radius:999px}.dash-subnav{display:flex;gap:.2rem;flex-wrap:wrap;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.dash-subnav a{padding:.5rem .85rem;color:var(--muted);font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.dash-subnav a:hover{color:var(--text)}.dash-subnav a.on{color:var(--text);border-bottom-color:var(--primary)}:root[data-theme=dark] .dash-subnav a.on{border-bottom-color:var(--accent)}.range-presets{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.data-through{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:var(--bw) solid var(--border);background:var(--surface);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap}.dt-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex:0 0 auto}.live-refresh{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:var(--bw) solid var(--border);background:var(--surface);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap}.lr-dot{width:7px;height:7px;border-radius:50%;background:var(--accent,var(--success));flex:0 0 auto;animation:lr-pulse 2.4s ease-in-out infinite}@keyframes lr-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.lr-dot{animation:none}}.refresh{position:relative}.refresh,.refresh-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.refresh-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-caption);font-weight:var(--fw-medium);border:var(--bw) solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer}.refresh-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent)}.refresh-btn:disabled{cursor:default;color:var(--muted)}.refresh-icon{width:14px;height:14px;flex:0 0 auto}.refresh-icon.spin{animation:refresh-spin 1s linear infinite;transform-origin:center}@keyframes refresh-spin{to{transform:rotate(1turn)}}.refresh-note{font-size:var(--fs-caption);color:var(--muted);max-width:22ch}.refresh-note.err{color:var(--danger)}.recon-control{position:relative}.recon-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-caption);font-weight:var(--fw-medium);border:var(--bw) solid var(--border);white-space:nowrap}.recon-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.recon-pill.loading{color:var(--muted)}.recon-pill.loading .recon-dot{background:var(--muted)}.recon-pill.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.recon-pill.ok .recon-dot{background:var(--success)}button.recon-pill.warn{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 45%,transparent);background:var(--warning-soft);cursor:pointer}button.recon-pill.warn .recon-dot{background:var(--warning)}.recon-popover{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-width:80vw;background:var(--surface-raised);border:var(--bw) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:40}.recon-head{font-weight:var(--fw-semibold);color:var(--text);margin-bottom:var(--space-1)}.recon-popover p{margin:0 0 var(--space-3)}.recon-popover .data-table td,.recon-popover .data-table th{padding:var(--space-2)}.recon-pill.na{color:var(--muted);border-style:dashed}.recon-pill.na .recon-dot{background:var(--muted)}.user-selector{position:relative}.user-selector .recon-pill{cursor:pointer;background:var(--surface)}.us-glyph{color:var(--accent)}.user-pop{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-width:86vw;max-height:70vh;overflow-y:auto;background:var(--surface-raised);border:var(--bw) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:40}.user-pop .who{margin:var(--space-1) 0 var(--space-3)}.us-all,.us-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text)}.us-all{border:var(--bw) solid var(--border);margin-bottom:var(--space-2)}.us-all.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.us-list{list-style:none;margin:0;padding:0}.us-list>li{border-top:var(--bw) solid var(--border)}.us-list>li.sel{background:color-mix(in srgb,var(--accent) 8%,transparent)}.us-owner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.us-caret{border:none;background:none;color:var(--muted);cursor:pointer;font-size:var(--fs-caption);width:1.2em;flex:0 0 auto}.us-name{color:var(--text);font-weight:var(--fw-medium);flex:1 1 auto}.us-name.on{color:var(--accent)}.us-count{color:var(--muted);font-size:var(--fs-caption);white-space:nowrap}.us-carriers{list-style:none;margin:0 0 var(--space-2);padding:0 0 0 calc(1.2em + var(--space-2))}.us-carriers li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:2px 0}.us-carrier-name{color:var(--text);font-size:var(--fs-label)}.kpi-card.kpi-na .kpi-value{color:var(--muted)}.kpi-card.kpi-na .ring-fill{stroke:var(--muted)}.range-control{position:relative}.range-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:var(--bw) solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-label);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.range-btn:hover,.range-btn[aria-expanded=true]{background:var(--surface-2);border-color:var(--accent)}.range-btn svg{width:15px;height:15px;color:var(--muted)}.range-popover{position:absolute;right:0;top:calc(100% + 8px);display:flex;gap:var(--space-3);background:var(--surface-raised);border:var(--bw) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:40}.range-preset-list{display:flex;flex-direction:column;gap:2px;min-width:128px;border-right:var(--bw) solid var(--border);padding-right:var(--space-3)}.range-preset{text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:none;border:none;color:var(--text-secondary);font-size:var(--fs-label);font-weight:var(--fw-medium);cursor:pointer;font-family:inherit;transition:background var(--transition-fast)}.range-preset:hover{background:var(--surface-2);color:var(--text)}.range-preset.on{background:var(--accent-soft);color:var(--accent)}.range-popover .rdp-root{--rdp-accent-color:var(--accent);--rdp-accent-background-color:var(--accent-soft);--rdp-day-height:36px;--rdp-day-width:36px;--rdp-day_button-border-radius:var(--radius-sm);--rdp-today-color:var(--accent);--rdp-range_middle-background-color:var(--accent-soft);--rdp-range_middle-color:var(--text);--rdp-range_start-color:var(--primary-contrast);--rdp-range_end-color:var(--primary-contrast);--rdp-range_start-background:var(--accent);--rdp-range_end-background:var(--accent);--rdp-selected-border:none;margin:0;color:var(--text);font-size:var(--fs-label)}.range-popover .rdp-caption_label,.range-popover .rdp-weekday{color:var(--muted);font-weight:var(--fw-semibold)}.range-popover .rdp-day_button:hover{background:var(--surface-2)}.range-popover .rdp-chevron{fill:var(--muted)}@media (max-width:560px){.range-popover{flex-direction:column}.range-preset-list{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:var(--bw) solid var(--border);padding-right:0;padding-bottom:var(--space-3)}}.kpi-block{margin-bottom:var(--space-5)}.kpi-section-label{color:var(--muted);font-size:var(--fs-caption);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;margin:var(--space-4) 0 var(--space-3)}.kpi-block .kpi-section-label:first-child{margin-top:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.kpi-grid.rates{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:var(--space-2)}.kpi-card{background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.kpi-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.kpi-icon{color:var(--muted);display:inline-flex}.kpi-icon svg{width:15px;height:15px}.kpi-label{color:var(--muted);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.05em}.kpi-label,.kpi-value{font-weight:var(--fw-semibold)}.kpi-value{font-size:1.5rem;letter-spacing:-.02em;line-height:var(--lh-tight);color:var(--text);margin-top:var(--space-2)}.kpi-hint{color:var(--muted);margin-top:var(--space-1)}.kpi-hint,.kpi-trend{font-size:var(--fs-caption)}.kpi-trend{display:inline-flex;align-items:center;gap:2px;margin-top:var(--space-2);font-weight:var(--fw-semibold);padding:1px 6px;border-radius:var(--radius-full)}.kpi-trend.good{color:var(--success);background:var(--success-subtle)}.kpi-trend.bad{color:var(--danger);background:var(--danger-subtle)}.kpi-trend.neutral{color:var(--muted);background:var(--surface-2)}.kpi-rate{display:flex;align-items:center;gap:var(--space-3)}.kpi-rate .ring{flex:0 0 auto}.kpi-rate .ring-track{stroke:var(--border)}.kpi-rate .ring-fill{stroke:var(--accent);transition:stroke-dashoffset var(--transition)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table td,.data-table th{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.data-table thead th{color:var(--muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;border-bottom-color:var(--border)}.data-table tbody tr:hover,.data-table thead th{background:var(--surface-2)}.data-table td.num,.data-table th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table code{font-size:.8rem;color:var(--text-secondary);word-break:break-all}.data-table .actions{gap:.85rem;flex-wrap:wrap}.status-active{color:var(--success);font-weight:500}.status-inactive{color:var(--muted)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6)}.stat-cards.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-cards.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:720px){.stat-cards.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.drill-title{margin:0 0 var(--space-4)}.drill-link{margin-left:var(--space-2);color:var(--accent);text-decoration:none;font-weight:var(--fw-semibold)}.drill-link:hover{text-decoration:underline}@media (max-width:720px){.stat-cards.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.stat-cards.cols-3{grid-template-columns:1fr}}.stat-card.kpi-na .stat-card-value{color:var(--muted)}.stat-card{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card-label{color:var(--muted);font-size:var(--fs-label);font-weight:var(--fw-medium)}.stat-card-value{font-size:1.5rem;font-weight:var(--fw-semibold);color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card-sub{color:var(--muted);font-size:var(--fs-caption)}.stat-card.rich{gap:var(--space-2);transition:border-color var(--transition-fast),background var(--transition-fast)}.stat-card.rich:hover{border-color:var(--border-strong);background:var(--surface-2)}.sc-top{display:flex;align-items:center;justify-content:space-between}.sc-icon{width:18px;height:18px;color:var(--muted);flex:0 0 auto}.sc-icon svg{width:100%;height:100%}.sc-value-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.sc-pill{font-size:var(--fs-caption);font-weight:var(--fw-medium);white-space:nowrap;padding:1px 6px;border-radius:var(--radius-full)}.sc-pill.good{color:var(--success);background:var(--success-soft)}.sc-pill.bad{color:var(--danger);background:var(--danger-soft)}.sc-pill.neutral{background:var(--surface-2)}.sc-pill.muted,.sc-pill.neutral,.sc-spark{color:var(--muted)}.sc-spark{width:100%;height:22px;opacity:.5;display:block}.account-panel{padding:1.6rem 1.75rem}.acct-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:1.4rem}.acct-head h2{margin:0 0 .25rem;font-size:1.35rem}.acct-head .sub{margin:0;color:var(--muted);font-size:.9rem}.btn-invert{flex:0 0 auto;padding:.6rem 1.1rem;background:var(--text);color:var(--bg);border:1px solid var(--text);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast)}.btn-invert:hover:not(:disabled){opacity:.85}.users-toolbar{display:flex;gap:var(--space-3);margin-bottom:.4rem}.search-box{position:relative;display:flex;align-items:center;flex:0 1 320px}.search-box svg{position:absolute;left:.7rem;width:16px;height:16px;color:var(--muted);pointer-events:none}.search-box input{width:100%;margin:0;padding-left:2.1rem;border-radius:var(--radius-sm)}.role-filter{width:auto;margin:0;border-style:dashed;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.uname{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;font-weight:500}.uname:hover{text-decoration:underline}.uname-sub{color:var(--muted);font-size:.78rem;margin-top:.1rem}.users-table td,.users-table th{padding-top:.85rem;padding-bottom:.85rem}.col-actions{width:1%;white-space:nowrap;text-align:right}.kebab-wrap{position:relative;display:inline-block}.kebab{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.kebab:hover{background:var(--surface-2);color:var(--text)}.kebab svg{width:18px;height:18px}.kebab-wrap .menu-panel{width:190px}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.menu-item:disabled{opacity:.45;cursor:not-allowed}.data-table .actions{display:flex;gap:var(--space-2);justify-content:flex-end}.data-table .actions button.link{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.28rem .6rem;font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--text-secondary)}.data-table .actions button.link:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft);text-decoration:none}.table-scroll.tall{max-height:600px;overflow-y:auto}.data-table.sticky thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.th-sort{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.th-sort:hover{color:var(--text)}.data-table th.num .th-sort{flex-direction:row-reverse}.th-arrow{color:var(--accent);font-size:.6rem;width:8px}.cell-neg{color:var(--danger);background:var(--danger-subtle)}.cell-pos{color:var(--success)}.movers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:720px){.movers-grid{grid-template-columns:1fr}}.caveat{margin-bottom:var(--space-4)}.explorer-toolbar{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.explorer-toolbar,.explorer-toolbar-right{display:flex;align-items:center;flex-wrap:wrap}.explorer-toolbar-right{gap:var(--space-2)}.explorer-toolbar-right .secondary{width:auto}.explorer-search{width:260px;max-width:100%;margin:0}.explorer-count{margin-top:var(--space-3)}.summary-head{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.chips-bar,.summary-head{display:flex;align-items:center;flex-wrap:wrap}.chips-bar{gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--accent-soft);color:var(--accent);border:var(--bw) solid var(--accent);border-radius:var(--radius-full);padding:2px 6px 2px 10px;font-size:var(--fs-caption);font-weight:var(--fw-medium)}.chip-x{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.chip-x:hover{color:var(--text)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.stat-label{color:var(--muted);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.05em}.stat-label,.stat-value{display:block;font-weight:var(--fw-semibold)}.stat-value{margin-top:var(--space-1);font-size:1.15rem;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-select,.stat-value.cell-neg{background:none}.row-select{border:none;padding:0;margin:0;color:var(--accent);font:inherit;cursor:pointer;text-align:left}.row-select:hover{text-decoration:underline}.row-static{color:var(--text)}.th-static{color:inherit}.data-table tr.row-dim{opacity:.4}.data-table tr.row-sel,.data-table tr.row-sel:hover{background:var(--accent-soft)}.seg{display:inline-flex;border:var(--bw) solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{background:var(--surface);border:none;border-left:var(--bw) solid var(--border-strong);color:var(--text-secondary);font-size:var(--fs-label);font-weight:var(--fw-medium);padding:var(--space-2) var(--space-3);cursor:pointer;font-family:inherit;transition:background var(--transition-fast),color var(--transition-fast)}.seg button:first-child{border-left:none}.seg button:hover{background:var(--surface-2)}.seg button.on{background:var(--accent-soft);color:var(--accent)}.create-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;margin:0 0 1.5rem;box-shadow:var(--shadow)}.create-form h2{font-size:.95rem}.field-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.field-row>div{flex:1 1 160px}.field-row input,.field-row select{margin-bottom:0}.field-actions{display:flex;gap:.5rem;flex:0 0 auto}.field-actions button{width:auto}.reset-link{display:block;margin:.5rem 0;padding:.55rem .65rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);word-break:break-all;font-size:.8rem;color:var(--text-secondary)}.chart{width:100%}.chart.empty{color:var(--muted);padding:var(--space-7) 0;text-align:center;font-size:var(--fs-body)}.spark-cell{width:92px}.spark{display:block}.spark.up{color:var(--success)}.spark.down{color:var(--danger)}.spark-empty{color:var(--muted)}.heatmap-scroll{overflow-x:auto}.heatmap{display:grid;grid-gap:2px;gap:2px;min-width:560px}.hm-corner{min-width:46px}.hm-colhead{font-size:10px;color:var(--muted);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hm-rowhead{font-size:11px;color:var(--muted);padding-right:var(--space-2);white-space:nowrap;display:flex;align-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hm-cell{aspect-ratio:1/1;min-height:16px;border-radius:2px;background:color-mix(in srgb,var(--accent) calc(var(--i, 0) * 92% + 8%),var(--surface-2))}.hm-cell.no-data{background:repeating-linear-gradient(45deg,var(--border-strong) 0,var(--border-strong) 1.5px,transparent 1.5px,transparent 5px),var(--surface)}.hm-legend{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--fs-caption);color:var(--muted);flex-wrap:wrap}.hm-legend-bar{width:120px;height:8px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,var(--surface-2)),var(--accent))}.hm-legend-sep{width:1px;height:16px;background:var(--border);margin:0 var(--space-1)}.hm-cap{font-feature-settings:"smcp";font-variant:small-caps}.hm-legend-swatch{width:16px;height:16px;aspect-ratio:auto;display:inline-block}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-raised) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-title{height:16px;width:190px;margin-bottom:var(--space-4)}.skeleton-chart{height:260px;width:100%}.diag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.diag-grid .panel{margin:0}.settings{display:flex;flex-direction:column;gap:2.25rem;max-width:920px}.settings-section{display:grid;grid-template-columns:240px 1fr;grid-gap:2rem;gap:2rem;align-items:start}.settings-head h2{margin:0 0 .25rem;font-size:.95rem}.settings-head p,.settings-section .panel{margin:0}.settings-section .panel input:last-of-type,.settings-section .panel select:last-of-type{margin-bottom:0}.form-actions{display:flex;justify-content:flex-end;margin-top:1.1rem}.form-actions .primary{width:auto}.info-list{display:flex;flex-direction:column;margin:0}.info-list>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--border)}.info-list>div:first-child{padding-top:0}.info-list>div:last-child{padding-bottom:0;border-bottom:none}.info-list dt{color:var(--muted);font-size:.82rem}.info-list dd{margin:0;color:var(--text);font-size:.88rem;text-align:right}@media (max-width:760px){.settings-section{grid-template-columns:1fr;gap:.85rem}}.rankings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.rankings-grid .panel{margin-bottom:0}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:1.25rem}.toolbar .primary,.toolbar .secondary{width:auto}.user-menu{position:relative}.user-avatar-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.user-avatar-btn:hover,.user-avatar-btn[aria-expanded=true]{background:var(--surface);color:var(--text)}.user-avatar-btn svg{width:18px;height:18px}.menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.35rem;z-index:40}.menu-header{padding:.5rem .6rem .6rem;border-bottom:1px solid var(--border);margin-bottom:.3rem}.menu-header .who-name{font-weight:600;color:var(--text);font-size:.85rem}.menu-header .who-meta{color:var(--muted);font-size:.75rem;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--text);background:none;border:none;cursor:pointer;font-size:.85rem;font-family:inherit;text-decoration:none}.menu-item:hover{background:var(--surface-2);color:var(--text)}.menu-item svg{width:16px;height:16px;color:var(--muted);flex:0 0 auto}.menu-sep{height:1px;background:var(--border);margin:.3rem 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:1rem;z-index:50}.modal{width:100%;max-width:480px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.5rem}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-head h2{margin:0;font-size:1.1rem}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:.2rem;line-height:0;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text);background:var(--surface-2)}.modal-close svg{width:18px;height:18px}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.5rem}.modal-actions button{width:auto}.cd-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:1rem;z-index:100;animation:cd-fade .15s ease}.cd-panel{width:100%;max-width:440px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.5rem;animation:cd-pop .15s ease}.cd-panel.destructive{border-top:3px solid var(--danger)}.cd-title{margin:0 0 .6rem;font-size:1.05rem}.cd-body{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.cd-typed{display:block;margin-top:1rem}.cd-typed-label{display:block;font-size:var(--fs-caption);color:var(--muted);margin-bottom:var(--space-2)}.cd-typed input{width:100%}.cd-error{margin-top:1rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-caption)}.cd-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.5rem}.cd-actions button{width:auto}.danger,button.danger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .9rem;background:var(--danger);color:#fff;border:1px solid var(--danger);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:filter .12s ease}.danger:hover:not(:disabled){filter:brightness(1.08)}.danger:disabled{opacity:.55;cursor:not-allowed}@keyframes cd-fade{0%{opacity:0}}@keyframes cd-pop{0%{opacity:0;transform:scale(.96)}}.toast-viewport{position:fixed;right:1rem;bottom:1rem;z-index:200;display:flex;flex-direction:column-reverse;gap:.5rem;max-width:min(380px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;background:var(--surface-raised);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:.85rem;color:var(--text);animation:toast-in .18s ease}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--accent)}.toast-icon{flex:0 0 auto;width:16px;height:16px;margin-top:1px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--accent)}.toast-msg{flex:1 1 auto;line-height:1.4}.toast-action{flex:0 0 auto;background:none;border:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.toast-action:hover{text-decoration:underline}.toast-close{flex:0 0 auto;background:none;border:none;padding:0;width:16px;height:16px;color:var(--muted);cursor:pointer}.toast-close:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.cd-overlay,.cd-panel,.drawer,.drawer-overlay,.toast{animation:none}}.hamburger{display:none}.main-col{min-width:0}@media (max-width:900px){.sidebar{display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;margin-right:var(--space-1);background:none;border:var(--bw) solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.hamburger svg{width:22px;height:22px}.topbar{flex-wrap:wrap;row-gap:var(--space-2);min-height:0;padding:var(--space-3) var(--space-4)}.topbar-subtitle{display:none}.topbar-right{order:3;width:100%;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2)}.tb-group{flex-wrap:wrap;min-width:0}.tb-sep{display:none}.kebab,.refresh-btn,.theme-toggle{min-height:40px}.dash-subnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 18px),transparent)}.dash-subnav::-webkit-scrollbar{display:none}.dash-subnav a{white-space:nowrap;flex:0 0 auto}.content{padding:1.25rem 1.1rem 2.5rem}}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:120;animation:cd-fade .15s ease}@media (min-width:901px){.drawer-overlay{display:none}}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(82vw,300px);background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:drawer-in .18s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.drawer-close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted);cursor:pointer}.drawer-close svg{width:20px;height:20px}.drawer-nav{display:flex;flex-direction:column;padding:var(--space-3);gap:2px;overflow-y:auto}.drawer-section{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:var(--space-3) var(--space-2) var(--space-1)}.drawer-item{display:flex;align-items:center;gap:var(--space-3);padding:.7rem var(--space-3);min-height:44px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-weight:var(--fw-medium)}.drawer-item svg{width:20px;height:20px;flex:0 0 auto}.drawer-item:hover{background:var(--bg-subtle);color:var(--text)}.drawer-item.active{background:var(--accent-soft);color:var(--accent)}@keyframes drawer-in{0%{transform:translateX(-100%)}}@media (max-width:640px){.kpi-grid,.kpi-grid.rates,.stat-cards,.stat-cards.cols-3,.stat-cards.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:340px){.kpi-grid,.kpi-grid.rates,.stat-cards,.stat-cards.cols-3,.stat-cards.cols-4{grid-template-columns:1fr}}@media (max-width:640px){.data-table td:first-child,.data-table th:first-child{position:-webkit-sticky;position:sticky;left:0;background:var(--surface-raised);z-index:1;box-shadow:1px 0 0 var(--border-subtle)}.data-table.sticky thead th:first-child{z-index:2}.menu-panel,.range-popover,.recon-popover,.user-pop{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;max-height:80vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -12px 40px -12px rgba(0,0,0,.6);z-index:130;animation:sheet-up .18s ease}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.menu-panel,.range-popover,.recon-popover,.user-pop{animation:none}}@media (max-width:640px){.topbar{flex-wrap:wrap;min-height:0;padding:var(--space-3) var(--space-4);gap:var(--space-2)}.topbar-subtitle{display:none}.topbar-right{flex-wrap:wrap;width:100%;justify-content:flex-start}.acct-head{flex-direction:column;align-items:stretch}.btn-invert{width:100%}.users-toolbar{flex-direction:column}.role-filter,.search-box{flex:1 1 auto;width:100%}.explorer-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.seg,.stat-row{flex-wrap:wrap}.account-panel{padding:1.1rem 1rem}.users-table td,.users-table th{padding-left:.8rem;padding-right:.8rem}}