@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#f6f4fb;--surface:#fff;--surface-2:#f1edf9;--surface-3:#ece6f7;--border:#e5e0f0;--text:#201a2e;--text-dim:#6c6478;--text-faint:#948d9e;--accent:#7c3aed;--accent-ink:#fff;--accent-soft:#efe6fe;--accent-soft-ink:#6d28d9;--success:#16a34a;--success-soft:#e6f7ec;--danger:#dc2626;--danger-soft:#fdeaea;--hot:#f97316;--hot-soft:#fff1e6;--warm:#d97706;--warm-soft:#fef3d9;--cold:#0284c7;--cold-soft:#e3f4fd;--shadow-sm:0 1px 2px rgba(32,26,46,.05);--shadow-md:0 10px 30px -14px rgba(32,26,46,.28);--radius-lg:18px;--radius-md:12px;color-scheme:light}[data-theme=dark]{--bg:#151022;--surface:#1d1730;--surface-2:#241c3a;--surface-3:#2c2245;--border:#352a54;--text:#f1edfa;--text-dim:#b6acc9;--text-faint:#847a99;--accent:#a685fa;--accent-ink:#1a1030;--accent-soft:#2f2350;--accent-soft-ink:#c9b4ff;--success:#4ade80;--success-soft:#173323;--danger:#f87171;--danger-soft:#3a1a1a;--hot:#fb923c;--hot-soft:#3a2413;--warm:#facc15;--warm-soft:#392c0e;--cold:#38bdf8;--cold-soft:#102a38;color-scheme:dark}*{box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;margin:0}.font-display,h1,h2,h3{font-family:Manrope,system-ui,sans-serif}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex:none;background:var(--surface);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:18px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{gap:9px;padding:0 6px}.brand,.brand .mark{display:flex;align-items:center}.brand .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#c4a3ff);justify-content:center;color:#fff;font-size:15px}.brand .mark,.brand b{font-weight:800;font-family:Manrope,sans-serif}.brand b{font-size:16.5px}.nav-group-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase;padding:10px 10px 2px}.nav-list{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:8.5px 10px;border-radius:10px;font-size:13.6px;font-weight:600;color:var(--text-dim);transition:background .15s,color .15s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-soft-ink)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;flex:none;gap:12px;padding:0 22px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.icon-btn,.topbar{display:flex;align-items:center}.icon-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;justify-content:center;font-size:15px;color:var(--text-dim);cursor:pointer}.icon-btn:hover{background:var(--surface-2)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#c4a3ff);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif}.screen-area{flex:1 1;padding:22px 22px 60px;max-width:1180px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{font-size:22px;font-weight:800;margin:0 0 3px;letter-spacing:-.02em}.page-head p{margin:0;color:var(--text-dim);font-size:13px}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:700;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all .15s ease;display:inline-block}.chip.active,.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);color:var(--accent-ink)}.grid{display:grid;grid-gap:14px;gap:14px}.g-4{grid-template-columns:repeat(4,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}@media (max-width:920px){.g-4{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:1fr 1fr}}@media (max-width:560px){.g-4{grid-template-columns:1fr 1fr}.g-3{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.stat-card{display:flex;flex-direction:column;gap:6px}.stat-card .lbl{font-size:11.5px;font-weight:700;color:var(--text-faint)}.stat-card .val{font-size:25px;font-weight:800;font-family:Manrope,sans-serif;letter-spacing:-.02em}.stat-card .sub{font-size:11.5px;color:var(--text-dim)}.stat-card .delta{font-size:11px;font-weight:800;padding:1px 6px;border-radius:6px;width:-moz-fit-content;width:fit-content}.delta.up{background:var(--success-soft);color:var(--success)}.delta.down{background:var(--danger-soft);color:var(--danger)}.section-title{font-size:14.5px;font-weight:800;margin:26px 0 10px;font-family:Manrope,sans-serif}.section-title .muted{font-weight:600;color:var(--text-faint);font-size:12px}.hero{border-radius:var(--radius-lg);padding:26px;margin-bottom:18px;background:radial-gradient(120% 160% at 0 0,#9757f0 0,#6d28d9 55%,#4c1d95 100%);color:#fff}.hero h2{font-size:23px;margin:0 0 6px;font-weight:800;max-width:380px;line-height:1.25}.hero p{margin:0;opacity:.88;font-size:13px}.list-row{display:flex;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--border);border-radius:10px}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-2)}.avatar-sm{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12.5px;color:#fff;font-family:Manrope,sans-serif}.list-row .meta{flex:1 1;min-width:0}.list-row .meta b{font-size:13px;display:block}.list-row .meta span{font-size:11.8px;color:var(--text-faint)}.tag{font-size:10.5px;font-weight:800;padding:2.5px 7px;border-radius:6px;white-space:nowrap}.tag.hot{background:var(--hot-soft);color:var(--hot)}.tag.warm{background:var(--warm-soft);color:var(--warm)}.tag.cold{background:var(--cold-soft);color:var(--cold)}.empty-state{text-align:center;padding:26px 16px;color:var(--text-faint);font-size:12.5px}.btn-ghost-link{display:inline-flex;padding:9px 16px;border-radius:11px;background:var(--surface-2);font-size:13px;font-weight:700;color:var(--text)}