*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e5e7eb;background:#0f1117;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}:root{--bliv-orange:#f97316;--bliv-orange-light:#fb923c;--bliv-orange-bg:#f973161f;--bliv-orange-grad:linear-gradient(135deg, #f97316 0%, #fb923c 100%);--bliv-purple:#a78bfa;--bliv-purple-bg:#a78bfa1f;--bliv-bg:#0f1117;--bliv-surface:#1a1d27;--bliv-surface2:#1e2130;--bliv-border:#2a2d3a;--bliv-text:#e5e7eb;--bliv-muted:#9ca3af;--bliv-faint:#6b7280;--bliv-sidebar-w:220px}.bliv-layout{background:var(--bliv-bg);min-height:100vh;color:var(--bliv-text);display:flex}.bliv-sidebar{width:var(--bliv-sidebar-w);background:var(--bliv-surface);border-right:1px solid var(--bliv-border);flex-direction:column;flex-shrink:0;padding:24px 0;transition:transform .25s;display:flex}.bliv-main{flex:1;min-width:0;padding:32px;overflow:auto}.bliv-topbar{background:var(--bliv-surface);border-bottom:1px solid var(--bliv-border);z-index:10;align-items:center;gap:12px;padding:13px 16px;display:none;position:sticky;top:0}.bliv-hamburger{cursor:pointer;color:var(--bliv-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .15s;display:flex}.bliv-hamburger:hover{color:var(--bliv-text)}.bliv-overlay{z-index:40;cursor:pointer;background:#000000a6;display:none;position:fixed;inset:0}.bliv-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bliv-grid-2col{grid-template-columns:1fr 320px;gap:24px;display:grid}.bliv-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.bliv-table-scroll table{min-width:560px}@media (width<=900px){.bliv-grid-2col{grid-template-columns:1fr}}@media (width<=768px){.bliv-sidebar{z-index:50;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.bliv-sidebar.is-open{transform:translate(0);box-shadow:4px 0 24px #00000080}.bliv-overlay.is-open{display:block}.bliv-topbar{display:flex}.bliv-main{padding:16px}.bliv-grid-4{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.bliv-grid-4{grid-template-columns:1fr 1fr;gap:10px}.bliv-main{padding:12px}}