*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Space Grotesk Variable", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 240px;--bg: #08080b;--bg-app: radial-gradient(circle at top left, rgba(0, 207, 255, .1), transparent 28%), linear-gradient(180deg, #08080b 0%, #0d0d12 100%);--bg-surface: rgba(16, 16, 20, .92);--bg-elevated: #121219;--bg-card: rgba(23, 23, 28, .92);--bg-card-hover: rgba(30, 30, 36, .98);--bg-muted: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .07);--border-mid: rgba(255, 255, 255, .12);--shadow-card: 0 18px 40px rgba(0, 0, 0, .24);--text-primary: #ededf2;--text-secondary: rgba(237, 237, 242, .64);--text-tertiary: rgba(237, 237, 242, .36);--text-inverse: #0d1322;--accent: #00cfff;--accent-strong: #009ed0;--accent-dim: rgba(0, 207, 255, .08);--accent-border: rgba(0, 207, 255, .24);--green: #3ecf8e;--green-dim: rgba(62, 207, 142, .1);--yellow: #f5a623;--yellow-dim: rgba(245, 166, 35, .1);--red: #ff4d4f;--red-dim: rgba(255, 77, 79, .1);--purple: #a855f7;--purple-dim: rgba(168, 85, 247, .1)}:root[data-theme=light]{--bg: #dfe7f1;--bg-app: radial-gradient(circle at top left, rgba(0, 159, 215, .14), transparent 32%), linear-gradient(180deg, #f4f8fc 0%, #e3ebf4 52%, #dbe4ef 100%);--bg-surface: rgba(255, 255, 255, .86);--bg-elevated: #ffffff;--bg-card: rgba(255, 255, 255, .84);--bg-card-hover: rgba(248, 251, 255, .98);--bg-muted: rgba(18, 33, 56, .06);--border: rgba(18, 33, 56, .12);--border-mid: rgba(18, 33, 56, .2);--shadow-card: 0 18px 40px rgba(34, 52, 80, .1);--text-primary: #102038;--text-secondary: rgba(16, 32, 56, .76);--text-tertiary: rgba(16, 32, 56, .5);--text-inverse: #ffffff;--accent: #008fc2;--accent-strong: #006f97;--accent-dim: rgba(0, 143, 194, .12);--accent-border: rgba(0, 143, 194, .26);--green: #11895d;--green-dim: rgba(17, 137, 93, .12);--yellow: #bf7d08;--yellow-dim: rgba(191, 125, 8, .12);--red: #ca3940;--red-dim: rgba(202, 57, 64, .12);--purple: #7a57d6;--purple-dim: rgba(122, 87, 214, .12)}html,body,#root{min-height:100%;height:100%;font-family:var(--font-body);background:var(--bg-app);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{min-height:100dvh;background:var(--bg-app);background-color:var(--bg);transition:background .25s ease,color .25s ease;overscroll-behavior-y:none}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--accent);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:999px;border:2px solid transparent}@media(max-width:768px){:root{--sidebar-w: 0px}.sidebar-desktop{display:none!important}.bottomnav{display:flex!important}.main-content{padding:calc(12px + env(safe-area-inset-top)) 14px calc(70px + env(safe-area-inset-bottom))!important;min-height:100dvh}}@media(min-width:769px){.sidebar-desktop{display:flex!important}.bottomnav{display:none!important}.main-content{padding:clamp(24px,4vw,40px)!important;min-height:100dvh}}.bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);background-color:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);z-index:50;padding:4px 4px 0;padding-bottom:max(0px,env(safe-area-inset-bottom));gap:0;justify-content:space-around;align-items:center}