.topbar{height:72px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:28px;position:sticky;top:0;z-index:10}.topbar-brand{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);text-decoration:none;flex-shrink:0;transition:color .2s}.topbar-brand:hover{color:var(--accent)}.topbar-nav{display:flex;gap:16px;margin-left:auto}.topbar-link{color:var(--text-secondary);font-size:17px;font-weight:500;padding:7px 12px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.topbar-link:hover{color:var(--text-primary)}.topbar-link.active{color:var(--accent);background:var(--accent-glow)}.topbar-admin-badge{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--warning, var(--warning));background:color-mix(in srgb,var(--warning, var(--warning)) 12%,transparent);border:1px solid color-mix(in srgb,var(--warning, var(--warning)) 35%,transparent);border-radius:4px;padding:3px 8px;text-decoration:none;flex-shrink:0;transition:background .15s}.topbar-admin-badge:hover{background:color-mix(in srgb,var(--warning, var(--warning)) 20%,transparent)}.topbar-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;margin-left:auto;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0}.topbar-hamburger span{display:block;height:2px;background:var(--text-secondary);border-radius:2px;transition:transform .2s,opacity .2s;transform-origin:center}.topbar-hamburger:hover span{background:var(--text-primary)}.topbar-hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar-hamburger.is-open span:nth-child(2){opacity:0}.topbar-hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.topbar-drawer{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:8px 16px 16px;flex-direction:column;gap:2px;z-index:9}.topbar-drawer-link{display:block;color:var(--text-secondary);font-size:16px;font-weight:500;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;transition:color var(--transition),background var(--transition)}.topbar-drawer-link:hover{color:var(--text-primary);background:var(--bg-hover, rgba(255,255,255,.05))}.topbar-drawer-link.active{color:var(--accent);background:var(--accent-glow)}@media (max-width: 700px){.topbar-nav{display:none}.topbar-hamburger,.topbar-drawer{display:flex}}:root{--bg-base: #17181b;--bg-surface: #1d1f23;--bg-elevated: #23262c;--bg-hover: #2a2d34;--bg-input: #141518;--border: #2b2e34;--border-focus: #9b8cf0;--text-primary: #e6e8ec;--text-secondary: #a2a8b2;--text-muted: #7c828c;--accent: #9b8cf0;--accent-hover: #b0a4f5;--accent-light: #c4bbf7;--accent-glow: rgba(155, 140, 240, .16);--accent-dim: rgba(155, 140, 240, .12);--success: #6bbf8a;--success-light: #93d3ab;--success-dim: rgba(107, 191, 138, .14);--danger: #d76d63;--danger-dim: rgba(215, 109, 99, .14);--warning: #c9a94a;--warning-light: #dcc47e;--warning-dim: rgba(201, 169, 74, .14);--info: #57b6c9;--info-dim: rgba(87, 182, 201, .12);--removal: #d97a6a;--removal-dim: rgba(217, 122, 106, .14);--purple: #b07de0;--purple-soft: #9e8fd6;--orange: #e08a4a;--orange-soft: #e39b63;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .28);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--transition: .15s cubic-bezier(.4, 0, .2, 1);--chart-grid: rgba(43, 46, 52, .6);--chart-tooltip-bg: #1d1f23;--chart-tooltip-border: #2b2e34}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);font-size:15px;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}.page{flex:1;padding:32px;max-width:1600px;width:100%;margin:0 auto}.page h2{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:20px}.page h3{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.muted{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px}.error-banner{background:var(--danger-dim);border:1px solid var(--danger);color:var(--danger);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}@media (max-width: 480px){.page{padding:16px}}