:root{--surface-0: #f6f7f9;--surface-1: #f1f3f6;--surface-2: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-success: #15803d;--fill-accent: #2554e0;--fill-accent-hover: #1e46c2;--on-accent: #ffffff;--border: #e4e7ec;--border-strong: #cbd2df;--border-accent: #2554e0;--bg-success: #edfaf1;--border-success: #a7e3bb;--good: #17874a;--bad: #d1372b;--warn: #b3730a;--sidebar-bg: #ffffff;--sidebar-text: #57607a;--sidebar-active-bg: #eaf0ff;--sidebar-active-text: #2554e0;--font-display: "Manrope", "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-0);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0}button,input,select,textarea{font-family:inherit}button{transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}button:hover{opacity:.92}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--fill-accent);outline-offset:1px}.page{min-width:0;max-width:100%;overflow-x:hidden}.mobile-topbar,.sidebar-overlay,.sidebar-close-btn{display:none}@media (max-width: 860px){.page{padding:18px 16px!important}.mobile-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--sidebar-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.app-shell{flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:250px;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0);box-shadow:12px 0 28px -12px #0f172a59}.sidebar-overlay:not(.hidden){display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;z-index:35}.sidebar-close-btn{display:flex!important}}