:root{--bg:#08090a;--sidebar:#0b0c0d;--surface:#0f1011;--surface-2:#17181a;--surface-3:#202124;--text:#f7f8f8;--muted:#9ca3af;--soft:#c6c8ca;--border:#ffffff14;--border-strong:#ffffff26;--button:#e5e5e6;--button-text:#08090a;--accent:#f7f8f8;--error:#ff6b6b;--green:#6bd497;--amber:#d9b35f;--blue:#8db4ff;--radius:12px}:root[data-theme=light]{--bg:#fff;--sidebar:#f7f7f5;--surface:#fff;--surface-2:#f4f4f2;--surface-3:#e9e9e6;--text:#08090a;--muted:#63666b;--soft:#33363b;--border:#0000001a;--border-strong:#0000002a;--button:#455dd3;--button-text:#fff;--accent:#455dd3;--error:#d92d20;--green:#177245;--amber:#8a6116;--blue:#455dd3}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-feature-settings:"ss01", "ss02", "cv01", "cv03";margin:0;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:258px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;gap:24px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:8px 8px 12px;display:flex}.brand-mark{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:10px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.brand strong{letter-spacing:-.01em;font-size:15px;font-weight:700;display:block}.brand small{color:var(--muted);font-size:12px}.nav{flex-direction:column;gap:3px;display:flex}.nav a,.ghost,.user-pill{min-height:36px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 10px;transition:background .18s,color .18s,transform .18s;display:flex}.nav a:hover,.ghost:hover{background:var(--surface-2);color:var(--text);transform:translateY(-1px)}.nav a.active{background:var(--surface-2);color:var(--text)}.sidebar-bottom{flex-direction:column;gap:4px;margin-top:auto;display:flex}.user-pill{background:var(--surface-2);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content{min-width:0;padding:0 28px 48px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:78px;margin-bottom:24px;display:flex}.title-stack{flex-direction:column;gap:3px;display:flex}h1{letter-spacing:-.045em;margin:0;font-size:30px;font-weight:680;line-height:1.06}h2{letter-spacing:-.025em;margin:0 0 16px;font-size:18px;font-weight:680;line-height:1.2}h3{color:var(--muted);margin:18px 0 8px;font-size:13px;font-weight:560}p{color:var(--muted);line-height:1.55}.actions,.filter-row,.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary,.secondary,.small,.danger{border:1px solid var(--border);background:var(--button);min-height:40px;color:var(--button-text);border-radius:999px;padding:0 16px;font-weight:680;transition:transform .16s,opacity .16s,background .16s}.primary:hover,.secondary:hover,.small:hover,.danger:hover{transform:translateY(-1px)}.primary:active,.secondary:active,.small:active,.danger:active{transform:translateY(0)scale(.985)}.secondary{color:var(--text);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.danger{color:var(--error);border-color:color-mix(in srgb, var(--error) 45%, var(--border));background:0 0}.small{min-height:32px;padding:0 11px;font-size:13px}.fit{width:fit-content}.stack{flex-direction:column;gap:22px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;display:flex}.metric span,.metric small,.muted,td small{color:var(--muted)}.metric strong{letter-spacing:-.04em;font-size:30px;line-height:1}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.panel.flush{padding:0;overflow:hidden}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.row{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;min-height:54px;padding:12px 0;display:flex}.row:last-child{border-bottom:0}.row strong{font-size:14px}.row span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}table{border-collapse:collapse;width:100%}th{color:var(--muted);text-align:left;background:var(--surface-2);white-space:nowrap;padding:14px 16px;font-size:13px;font-weight:560}td{border-top:1px solid var(--border);vertical-align:middle;padding:14px 16px}td b,td small{display:block}tbody tr{transition:background .16s}tbody tr:hover{background:color-mix(in srgb, var(--surface-2) 70%, transparent)}.badge{border:1px solid var(--border);background:var(--surface-2);min-height:24px;color:var(--soft);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;display:inline-flex}.badge.green{color:var(--green);border-color:color-mix(in srgb, var(--green) 35%, var(--border))}.badge.amber{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 35%, var(--border))}.badge.red{color:var(--error);border-color:color-mix(in srgb, var(--error) 35%, var(--border))}.grid-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chart{align-items:end;gap:12px;height:250px;padding-top:20px;display:flex;overflow-x:auto}.chart.compact{height:180px}.bar-wrap{min-width:62px;color:var(--muted);grid-template-rows:1fr auto auto;align-items:end;gap:8px;font-size:12px;display:grid}.bar{background:linear-gradient(180deg, var(--text), var(--surface-3));border:1px solid var(--border);border-radius:8px 8px 2px 2px}.error-box{border:1px solid color-mix(in srgb, var(--error) 50%, var(--border));color:var(--error);border-radius:12px;margin-bottom:20px;padding:14px 16px}.empty{min-height:160px;color:var(--muted);border:1px dashed var(--border);background:color-mix(in srgb, var(--surface-2) 45%, transparent);border-radius:14px;place-items:center;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#00000085;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:color-mix(in srgb, var(--surface) 96%, transparent);border:1px solid var(--border-strong);border-radius:18px;width:min(720px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 30px 80px #00000052,inset 0 1px #ffffff0a}.modal header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.field{color:var(--muted);flex-direction:column;gap:8px;margin-bottom:14px;font-size:13px;display:flex}input,select,textarea{border:1px solid var(--border);background:var(--bg);width:100%;min-height:42px;color:var(--text);border-radius:10px;outline:none;padding:0 12px;transition:border-color .16s,background .16s}textarea{resize:vertical;min-height:86px;padding:10px 12px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--accent) 70%, var(--border))}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.modal-actions .right{gap:10px;display:flex}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.metric-grid,.two-col,.split{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;padding:18px 0}table{min-width:980px}.panel.flush{overflow-x:auto}.content{padding:0 16px 36px}}