:root,[data-theme=dark]{--black: #0A0A0A;--dark: #111111;--dark2: #171717;--dark3: #1E1E1E;--border: #242424;--border2: #2E2E2E;--mid: #555555;--silver: #777777;--offwhite: #F0EEE9;--cream: #E8E4DC;--bg: var(--black);--panel: var(--dark);--card: var(--dark2);--hover: var(--dark3);--text: var(--offwhite);--text-mute: var(--silver);--label: var(--mid);--pos: #7c9a7c;--neg: #b06a6a;--pend: var(--mid)}[data-theme=light]{--bg: #F0EEE9;--panel: #E8E4DC;--card: #FFFFFF;--hover: #EDEAE3;--border: #DAD6CD;--border2: #CFCabf;--text: #0A0A0A;--text-mute: #555555;--label: #777777;--offwhite: #0A0A0A;--cream: #1E1E1E;--pos: #4f7a4f;--neg: #9a4a4a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Montserrat,system-ui,sans-serif;font-weight:300;font-size:14px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wordmark{font-weight:300;letter-spacing:.35em;text-transform:uppercase;font-size:15px}.page-title{font-weight:300;letter-spacing:-.02em;font-size:28px;line-height:1.2}.section-label{font-size:9px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--label)}.mute{color:var(--text-mute)}.btn{font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;padding:11px 18px;border-radius:3px;cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--offwhite);color:var(--black);border:none}.btn-primary:hover{background:var(--cream)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover{background:var(--hover)}.btn:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font-family:inherit;font-weight:300;font-size:14px;background:var(--bg);color:var(--text);border:1px solid var(--border2);border-radius:3px;padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--silver)}label.field{display:block;margin-bottom:14px}label.field>span{display:block;margin-bottom:6px;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--label)}.card{background:var(--card);border:1px solid var(--border);border-radius:5px;padding:22px}.stat-value{font-size:30px;font-weight:300;letter-spacing:-.02em}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--label);padding:12px 14px;border-bottom:1px solid var(--border)}td{padding:14px;border-bottom:1px solid var(--border);font-weight:300}tbody tr.clickable:hover{background:var(--hover);cursor:pointer}.pill{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:4px 9px;border-radius:20px;border:1px solid var(--border2);color:var(--text-mute)}.pill.pos{color:var(--pos);border-color:var(--pos)}.pill.neg{color:var(--neg);border-color:var(--neg)}.app{display:flex;min-height:100%}.sidebar{width:230px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:26px 22px 20px;border-bottom:1px solid var(--border)}.nav{padding:14px 12px;flex:1}.nav a{display:block;padding:11px 14px;border-radius:4px;font-size:13px;font-weight:400;color:var(--text-mute);letter-spacing:.02em;margin-bottom:2px}.nav a:hover,.nav a.active{background:var(--hover);color:var(--text)}.sidebar .foot{padding:16px 22px;border-top:1px solid var(--border)}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.content{padding:32px;max-width:1180px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.mt{margin-top:24px}.mt-sm{margin-top:12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px}.tabs button{background:transparent;border:none;color:var(--text-mute);font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;padding:12px 16px;cursor:pointer;border-bottom:2px solid transparent}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--offwhite)}.toggle{background:transparent;border:1px solid var(--border2);color:var(--text-mute);border-radius:3px;padding:8px 12px;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.toggle:hover{color:var(--text);background:var(--hover)}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.auth-card{width:340px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{width:460px;max-width:100%;max-height:90vh;overflow:auto}.empty{color:var(--text-mute);padding:40px 0;text-align:center;font-size:13px}@media (max-width: 820px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar .brand,.sidebar .foot{display:none}.nav{display:flex;padding:8px}.nav a{white-space:nowrap}.content{padding:18px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.topbar{padding:14px 18px}.page-title{font-size:22px}input,select,textarea{font-size:16px;padding:14px}.btn{padding:14px 18px}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}}