:root{color-scheme:light;--paper: #f4f7f6;--paper-cool: #eaf4f3;--ink: #071015;--ink-rgb: 7, 16, 21;--paper-rgb: 244, 247, 246;--paper-cool-rgb: 234, 244, 243;--panel-rgb: 255, 255, 255;--elevated-rgb: 242, 248, 248;--field-rgb: 146, 194, 210;--spark-rgb: 63, 199, 186;--muted: rgba(var(--ink-rgb), .64);--line: rgba(var(--ink-rgb), .1);--brand-blue: #0070f0;--brand-blue-deep: #0060b0;--brand-cyan: #00d0b8;--blue: #9fcfe3;--blue-deep: #176bb7;--signal: #00bfb0;--white: #ffffff;--interaction-action-surface: rgba(var(--elevated-rgb), .78);--interaction-action-border: rgba(0, 112, 240, .26);--interaction-shadow-action: 0 14px 30px rgba(40, 86, 128, .12);--interaction-info-surface: rgba(var(--ink-rgb), .025);--interaction-info-border: rgba(var(--ink-rgb), .18);--interaction-row-surface: rgba(var(--spark-rgb), .07);--interaction-focus-ring: var(--brand-blue);--interaction-focus-offset: 3px;--interaction-lift-action: -3px;--interaction-shift-inline: 4px;--interaction-duration-fast: .18s;--interaction-duration-standard: .2s;--interaction-ease-out: cubic-bezier(.22, 1, .36, 1);--floating-tools-surface: rgba(var(--panel-rgb), .86);--floating-tools-popover-surface: rgba(var(--panel-rgb), .96);--floating-tools-border: rgba(var(--ink-rgb), .14);--floating-tools-icon: rgba(var(--ink-rgb), .78);--floating-tools-shadow: 0 18px 44px rgba(40, 86, 128, .16);--mx: 0;--my: 0}:root[data-theme=dark]{color-scheme:dark;--paper: #070a0c;--paper-cool: #0d1717;--ink: #edf7f4;--ink-rgb: 237, 247, 244;--paper-rgb: 7, 10, 12;--paper-cool-rgb: 13, 23, 23;--panel-rgb: 13, 20, 22;--elevated-rgb: 18, 32, 34;--field-rgb: 45, 107, 131;--spark-rgb: 47, 215, 198;--muted: rgba(237, 247, 244, .66);--line: rgba(136, 225, 214, .13);--brand-blue: #3b9dff;--brand-blue-deep: #7cc7ff;--brand-cyan: #38e3cf;--blue: #4d94aa;--blue-deep: #75c8f3;--signal: #37dbc8;--interaction-action-surface: rgba(var(--elevated-rgb), .68);--interaction-row-surface: rgba(var(--panel-rgb), .48);--interaction-shadow-action: 0 14px 30px rgba(0, 0, 0, .28);--interaction-action-border: rgba(59, 157, 255, .3);--interaction-info-surface: rgba(var(--ink-rgb), .035);--interaction-info-border: rgba(136, 225, 214, .2);--floating-tools-surface: rgba(var(--panel-rgb), .9);--floating-tools-popover-surface: rgba(var(--elevated-rgb), .96);--floating-tools-border: rgba(136, 225, 214, .26);--floating-tools-icon: rgba(var(--ink-rgb), .88);--floating-tools-shadow: 0 18px 44px rgba(0, 0, 0, .34)}:root{--bg: var(--paper);--surface: rgb(var(--panel-rgb));--surface2: rgb(var(--elevated-rgb));--surface3: rgba(var(--ink-rgb), .06);--border: var(--line);--border-light: rgba(var(--ink-rgb), .2);--text: rgba(var(--ink-rgb), .82);--text-dim: var(--muted);--text-bright: var(--ink);--accent: var(--brand-blue);--accent-glow: rgba(var(--spark-rgb), .15);--accent2: var(--blue-deep);--green: var(--success-text);--green-dim: rgba(55, 219, 200, .16);--red: #b91343;--red-dim: rgba(255, 40, 104, .16);--amber: #805b00;--amber-dim: rgba(243, 182, 31, .14);--cyan: var(--brand-cyan);--purple: var(--blue);--radius: 16px;--radius-sm: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif;--font-heading: "Avenir Next", "DIN Alternate", "PingFang SC", sans-serif;--mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--success-text: #006c61;--primary-button-text: #ffffff;--panel-shadow: 0 24px 80px rgba(40, 74, 108, .07)}:root[data-theme=dark]{--success-text: #37dbc8;--red: #ff7199;--amber: #f3b61f;--primary-button-text: #071015;--panel-shadow: 0 24px 80px rgba(0, 0, 0, .24)}:focus-visible{outline:2px solid var(--interaction-focus-ring);outline-offset:var(--interaction-focus-offset)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}html{min-width:320px}body{font:14px/1.6 var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button:disabled{opacity:.6;cursor:wait}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--ink)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}a{color:var(--accent);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);transition:all .15s;white-space:nowrap}.btn:hover{background:var(--surface3);border-color:var(--border-light)}.btn-primary{background:var(--accent);color:var(--primary-button-text);border-color:var(--accent)}.btn-primary:hover{background:var(--brand-blue-deep);border-color:var(--brand-blue-deep)}.btn-danger{color:var(--red);border-color:var(--red-dim)}.btn-danger:hover{background:var(--red-dim)}.btn-sm{padding:4px 10px;font-size:12px}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;color:var(--text);outline:none;font-family:var(--font);transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:15px;font-weight:600;color:var(--text-bright)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-blue{background:var(--accent-glow);color:var(--accent)}.stat-value{font-size:28px;font-weight:800;color:var(--text-bright)}.stat-label{font-size:11px;color:var(--text-dim);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:14px 20px;color:var(--text-dim);background:var(--surface2);font-weight:500;font-size:12px;white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:16px 20px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}tr:hover td{background:var(--surface2)}.logout-btn{background:none;border:1px solid var(--red-dim);color:var(--red);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.logout-btn:hover{background:var(--red-dim)}.page-heading{margin-bottom:28px}.page-heading h1{margin-top:8px;font:650 clamp(24px,3vw,32px)/1.3 var(--font-heading);letter-spacing:-.04em}.page-heading>p:last-child:not(.eyebrow){margin-top:10px;color:var(--muted);font-size:13px}.eyebrow{color:var(--muted);font:10px var(--mono);letter-spacing:.12em}@media (max-width: 640px){.card{padding:18px}}