:root{--bg: #08090d;--panel: #10121a;--panel-alt: #151827;--border: #232838;--text: #e8ecf3;--text-dim: #8b93a7;--text-faint: #5b6478;--accent: #3b76f6;--accent-soft: rgba(59, 118, 246, .15);--accent-purple: #7c3aed;--accent-purple-soft: rgba(124, 58, 237, .12);--green: #2ecc71;--amber: #f5a623;--red: #ef4444;--radius: 10px;--sidebar-w: 260px;--topbar-h: 60px}:root[data-theme=light]{--bg: #f5f6f9;--panel: #ffffff;--panel-alt: #f0f1f5;--border: #e0e2e9;--text: #12141a;--text-dim: #5b6478;--text-faint: #8b93a7;--accent: #3b76f6;--accent-soft: rgba(59, 118, 246, .1);--accent-purple: #7c3aed;--accent-purple-soft: rgba(124, 58, 237, .1);--green: #1e9e56;--amber: #b9750f;--red: #dc2626}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}::selection{background:var(--accent);color:#fff}*{scrollbar-width:thin;scrollbar-color:#2a3244 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#2a3244;border-radius:999px}*::-webkit-scrollbar-track{background:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:600}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.app-content{padding:24px 28px;margin-top:var(--topbar-h)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel+.panel{margin-top:16px}.panel-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:12px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat{display:flex;flex-direction:column;gap:6px}.stat-label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:26px;font-weight:700}.stat-sub{font-size:12px;color:var(--text-faint)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text-dim);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid var(--border)}tr:hover td{background:#ffffff05}.table-wrap{overflow-x:auto}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-green{background:#2ecc7126;color:var(--green)}.badge-amber{background:#f5a62326;color:var(--amber)}.badge-red{background:#ef444426;color:var(--red)}.badge-blue{background:var(--accent-soft);color:var(--accent)}.badge-gray{background:#8b93a726;color:var(--text-dim)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel-alt);color:var(--text);font-size:13px;font-weight:500;cursor:pointer}.btn:hover{border-color:#384158}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#2e64d6}.btn-danger{background:#ef44441f;border-color:#ef44444d;color:var(--red)}.btn-sm{padding:5px 10px;font-size:12px}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:9px 11px;font-size:13px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:5px}.field{margin-bottom:14px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-title{font-size:20px;font-weight:700}.page-sub{color:var(--text-dim);font-size:13px;margin-top:2px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar input,.toolbar select{width:auto;min-width:160px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-faint)}.loading{color:var(--text-dim);padding:20px;text-align:center}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--red);padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:13px}.analytics-shell{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}@media (max-width: 900px){.analytics-shell{grid-template-columns:1fr}}.filter-panel{position:sticky;top:76px}.tabs{display:flex;gap:4px;margin-bottom:12px}.tab-btn{padding:8px 16px;border-radius:8px 8px 0 0;border:1px solid var(--border);border-bottom:none;background:var(--panel-alt);color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer}.tab-btn.active{background:var(--panel);color:var(--text);border-color:var(--accent)}.sidebar-backdrop{display:none}@media print{app-sidebar,app-topbar{display:none!important}.app-main{margin-left:0!important}.app-content{margin-top:0!important;padding:0!important}}@media (max-width: 768px){.sidebar{position:fixed!important;top:0;left:0;height:100vh;width:260px!important;z-index:999;transition:transform .2s ease}.sidebar.mobile-hidden{transform:translate(-100%)}.app-main{margin-left:0!important}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:998}}