.viz-root{color-scheme:light;--chart-surface: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--grid-line: #e1e0d9;--axis-line: #c3c2b7;--series-1: #2a78d6;--series-1-fill: rgba(42, 120, 214, .14)}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])) .viz-root{color-scheme:dark;--chart-surface: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--grid-line: #2c2c2a;--axis-line: #383835;--series-1: #3987e5;--series-1-fill: rgba(57, 135, 229, .18)}}:root[data-theme=dark] .viz-root{color-scheme:dark;--chart-surface: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--grid-line: #2c2c2a;--axis-line: #383835;--series-1: #3987e5;--series-1-fill: rgba(57, 135, 229, .18)}:root{color-scheme:light;--bg: #f4f4f1;--surface: #ffffff;--surface-2: #fcfcfb;--surface-hover: #f0efe9;--border: #e1e0d9;--border-strong: #c3c2b7;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--accent: #2a78d6;--accent-strong: #1c5fb0;--accent-fill: rgba(42, 120, 214, .1);--accent-fill-strong: rgba(42, 120, 214, .18);--danger: #d03b3b;--danger-fill: rgba(208, 59, 59, .1);--danger-strong: #b32e2e;--success: #1f9254;--success-fill: rgba(31, 146, 84, .1);--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(11, 11, 11, .05);--shadow-md: 0 4px 16px rgba(11, 11, 11, .06);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Consolas", monospace}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--bg: #0c0c0b;--surface: #1a1a19;--surface-2: #201f1d;--surface-hover: #232320;--border: #2c2c2a;--border-strong: #3a3a37;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--accent: #3987e5;--accent-strong: #6bacf2;--accent-fill: rgba(57, 135, 229, .14);--accent-fill-strong: rgba(57, 135, 229, .24);--danger: #ef6a6a;--danger-fill: rgba(239, 106, 106, .14);--danger-strong: #f5908f;--success: #34c37c;--success-fill: rgba(52, 195, 124, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 28px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0c0c0b;--surface: #1a1a19;--surface-2: #201f1d;--surface-hover: #232320;--border: #2c2c2a;--border-strong: #3a3a37;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--accent: #3987e5;--accent-strong: #6bacf2;--accent-fill: rgba(57, 135, 229, .14);--accent-fill-strong: rgba(57, 135, 229, .24);--danger: #ef6a6a;--danger-fill: rgba(239, 106, 106, .14);--danger-strong: #f5908f;--success: #34c37c;--success-fill: rgba(52, 195, 124, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 28px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed}::selection{background:var(--accent-fill-strong)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}a{color:var(--accent)}table{font-variant-numeric:tabular-nums}.brand-logo-dark{display:block}.brand-logo-light{display:none}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])) .brand-logo-dark{display:none}:root:where(:not([data-theme=light])) .brand-logo-light{display:block}}:root[data-theme=dark] .brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-light{display:block}.adp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:var(--font-sans);color:var(--text-secondary);font-size:14px}.adp-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:adp-spin .8s linear infinite}@keyframes adp-spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.section-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}.btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-fill)}.input,select.input{font-family:inherit;font-size:13px;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;outline:none;transition:border-color .12s ease}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-active{background:var(--accent-fill);color:var(--accent)}.badge-success{background:var(--success-fill);color:var(--success)}.badge-danger{background:var(--danger-fill);color:var(--danger)}.badge-muted{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.mono{font-family:var(--font-mono);font-size:12.5px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:background-color .1s ease}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.data-table th,.data-table td{padding:8px 10px}@media(min-width:640px){.data-table th,.data-table td{padding:10px 14px}}.app-container{max-width:1160px;margin:0 auto;padding:0 16px}@media(min-width:720px){.app-container{padding:0 24px}}.app-header-row{display:flex;flex-direction:column;gap:12px;padding:12px 0}@media(min-width:860px){.app-header-row{flex-direction:row;justify-content:space-between;align-items:center;padding:14px 0}}.header-left{display:flex;flex-direction:column;gap:10px}@media(min-width:860px){.header-left{flex-direction:row;align-items:center;gap:20px}}.brand-row{display:flex;align-items:center;gap:14px}.nav-row{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(to right,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 20px),transparent 100%)}.nav-row::-webkit-scrollbar{display:none}.nav-row>a{flex-shrink:0}.header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}@media(min-width:860px){.header-right{justify-content:flex-end}}.main-content{padding:20px 0 48px}@media(min-width:720px){.main-content{padding:28px 0 64px}}.page-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}@media(min-width:640px){.page-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.filter-row{display:flex;flex-direction:column;gap:10px}@media(min-width:560px){.filter-row{flex-direction:row;flex-wrap:wrap}}.filter-row>.input,.filter-row>button{width:100%;flex:1 1 auto}@media(min-width:560px){.filter-row>.input{width:auto;flex:var(--field-flex, 1 1 200px)}.filter-row>button{width:auto;flex:0 0 auto}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-grid{display:flex;flex-direction:column;gap:16px}@media(min-width:820px){.chart-grid{flex-direction:row}}.chart-col{flex:1;min-width:0}.segmented-filter{display:flex;flex-wrap:wrap;width:100%}@media(min-width:640px){.segmented-filter{display:inline-flex;width:auto}}.header-divider,.username-text{display:none}@media(min-width:480px){.username-text{display:inline}}@media(min-width:860px){.header-divider{display:block}}