@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg-base:#07090f;--color-bg-base-alt:#070d1a;--color-bg-surface:#0c111d;--color-bg-card:#111827;--color-bg-inset:#0d1829;--color-bg-raised:#111e35;--color-border:#1f2937;--color-border-soft:#1e293b;--color-border-deep:#1a2740;--color-blue:#3b82f6;--color-blue-dark:#1d4ed8;--color-blue-dim:#172554;--color-blue-light:#60a5fa;--color-green:#10b981;--color-green-light:#34d399;--color-red:#ef4444;--color-red-dim:#450a0a;--color-red-border:#7f1d1d;--color-amber:#f59e0b;--color-teal:#14b8a6;--color-text-1:#f9fafb;--color-text-2:#e2e8f0;--color-text-3:#9ca3af;--color-text-4:#64748b;--color-text-5:#475569;--color-positive:var(--color-green);--color-negative:var(--color-red);--color-warning:var(--color-amber);--color-info:var(--color-blue);--color-primary:var(--color-blue);--color-primary-dark:var(--color-blue-dark);--gradient-primary:linear-gradient(135deg, #1d4ed8, #3b82f6);--gradient-logo-text:linear-gradient(to right, #60a5fa, #34d399);--gradient-overlay:linear-gradient(to bottom, transparent, #07090ff2);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--shadow-card:0 4px 24px #0006;--shadow-modal:0 24px 60px #0000008f;--shadow-sidebar:10px 0 30px #00000080;--shadow-glow-blue:0 0 12px #3b82f64d;--font-display:"Syne", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:"DM Mono", "Courier New", monospace;--text-xs:10px;--text-sm:11px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:32px;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-widest:.08em;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease-in-out}body{font-family:var(--font-body);background:var(--color-bg-base);color:var(--color-text-2);font-size:var(--text-base);-webkit-font-smoothing:antialiased}h1{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:var(--tracking-wide);color:var(--color-text-1);margin:0;font-weight:900}h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-1);margin:0;font-weight:900}h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-1);margin:0;font-weight:700}h4{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-2);margin:0;font-weight:700}p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-3);margin:0;line-height:1.6}.label-caps{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-4);font-weight:700}.mono{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-2)}.text-gradient-logo{background:var(--gradient-logo-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.input{background:var(--color-bg-inset);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);width:100%;color:var(--color-text-1);font-family:var(--font-body);font-size:var(--text-md);box-sizing:border-box;transition:border-color var(--transition-fast);padding:10px 14px}.input:focus{border-color:var(--color-blue);outline:none}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:800;font-size:var(--text-base);cursor:pointer;transition:opacity var(--transition-fast);border:none;padding:10px 20px}.btn-primary:hover{opacity:.88}.btn-primary:active{opacity:.75;transform:scale(.98)}.btn-danger{color:var(--color-red);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:800;font-size:var(--text-base);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;padding:6px 12px}.badge-period{background:var(--color-blue-dim);color:var(--color-blue-light);border-radius:var(--radius-pill);font-size:var(--text-base);border:1px solid #1e3a8a;padding:4px 14px}.nav-btn{color:var(--color-text-3);font-family:var(--font-display);font-size:var(--text-md);cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-weight:600;display:flex}.nav-btn:hover{background:var(--color-border-soft);color:var(--color-text-1)}.nav-btn.active{color:var(--color-blue);border-left-color:var(--color-blue);background:#3b82f61a;font-weight:800}html,body{-webkit-font-smoothing:antialiased;background-color:#070d1a;width:100%;min-height:100%;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif;overflow-x:hidden;overscroll-behavior-y:auto!important;overflow-y:auto!important}#root{flex-direction:column;min-height:100vh;display:flex}@media screen and (width<=768px){.sidebar,[class*=sidebar],[class*=Menu]{top:0;z-index:9999!important;width:280px!important;height:100vh!important;transition:left .3s ease-in-out!important;position:fixed!important;left:-100%!important}.sidebar.open{left:0!important}main,.main-content,#content{width:100%!important;margin-left:0!important;padding:10px!important}}