:root{--bg: #f5f5f7;--bg-elev: #ffffff;--bg-elev-2: #fbfbfd;--bg-soft: #f0f0f3;--border: rgba(0,0,0,.07);--border-strong: rgba(0,0,0,.12);--text: #1d1d1f;--text-dim: #424245;--text-muted: #86868b;--accent: #0071e3;--accent-soft: #e9f1fc;--accent-2: #11a37f;--warn: #d97706;--danger: #d63a3a;--lumio: #6e3bd1;--lumio-soft: #f1ecff;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-1: 0 1px 1px rgba(0,0,0,.02), 0 1px 2px rgba(0,0,0,.04);--shadow-2: 0 1px 1px rgba(0,0,0,.02), 0 4px 14px rgba(0,0,0,.05);--shadow-3: 0 8px 28px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Red Hat Display,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:14px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,button{font-family:inherit;font-size:14px}code,.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh;transition:grid-template-columns .22s ease}.app.sidebar-hidden{grid-template-columns:1fr}.sidebar{background:transparent;border-right:1px solid var(--border);padding:24px 14px;display:flex;flex-direction:column;gap:2px}.sidebar-brand{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:4px 8px 22px;display:flex;align-items:center;gap:10px;color:var(--text)}.sidebar-collapse{background:transparent;border:1px solid var(--border-strong);color:var(--text-dim);width:26px;height:26px;border-radius:7px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s ease,color .14s ease;flex-shrink:0}.sidebar-collapse:hover{background:var(--bg-soft);color:var(--text)}.sidebar-show{background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text-dim);width:32px;height:32px;border-radius:8px;font-size:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s ease,color .14s ease}.sidebar-show:hover{background:var(--bg-soft);color:var(--text)}.sidebar-brand .pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px #11a37f26;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #11a37f26}50%{transform:scale(.85);box-shadow:0 0 0 7px #11a37f0d}}.sidebar-brand small{display:block;color:var(--text-muted);font-weight:400;font-size:11px;letter-spacing:.02em;text-transform:none;margin-top:1px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500;font-size:13.5px;transition:background .14s ease,color .14s ease}.nav-link:hover{background:var(--bg-soft);color:var(--text)}.nav-link.active{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-1)}.nav-section{margin-top:18px;margin-bottom:4px;padding:0 12px;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);background:#f5f5f7c7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:10}.topbar-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.topbar-title .crumb{color:var(--text-muted);font-weight:400;margin:0 8px}.content{padding:28px;flex:1;min-width:0}.toggle{display:inline-flex;gap:2px;background:var(--bg-soft);border-radius:9px;padding:3px}.toggle button{background:transparent;border:0;color:var(--text-dim);padding:6px 14px;border-radius:7px;font-weight:500;font-size:13px;transition:all .16s ease}.toggle button:hover{color:var(--text)}.toggle button.active{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-1)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-1)}.card-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.01em;margin-bottom:16px}.card-title .meta{font-weight:400;color:var(--text-muted);font-size:12.5px;letter-spacing:0}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.filter-bar .filter-row{display:grid;grid-template-columns:minmax(260px,max-content) minmax(160px,max-content) 1fr;gap:14px;align-items:end}.chip-strip{flex-direction:row;flex-wrap:wrap;max-height:110px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:0}.input,.select{width:100%;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text);padding:8px 11px;border-radius:8px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e324}.chip-list{display:flex;flex-wrap:wrap;gap:6px;max-height:240px;overflow:auto;padding:8px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px}.chip-list::-webkit-scrollbar{width:8px}.chip-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text-dim);cursor:pointer;font-size:12.5px;font-weight:500;-webkit-user-select:none;user-select:none;transition:all .14s ease}.chip:hover{color:var(--text);border-color:#0003}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #0071e340}.chip.lumio.active{background:var(--lumio);border-color:var(--lumio);color:#fff;box-shadow:0 1px 2px #6e3bd140}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);border:0;color:#fff;padding:9px 16px;border-radius:9px;font-weight:500;font-size:13.5px;letter-spacing:-.005em;transition:filter .12s ease}.btn.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text)}.btn:hover{filter:brightness(1.05)}.muted{color:var(--text-muted);font-size:12px}.dim{color:var(--text-dim)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-1)}.kpi-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:6px;letter-spacing:0}.kpi-value{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.kpi-sub{font-size:12px;color:var(--text-muted);margin-top:6px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border);font-size:13.5px}.table th{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:none;letter-spacing:0}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:var(--bg-elev-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.center{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);font-size:13px}.spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.08);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#00000047}::-webkit-scrollbar-track{background:transparent}@media (max-width: 1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.grid.two,.grid.three,.filter-bar .filter-row{grid-template-columns:1fr}}@media (max-width: 720px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}}