:root{--green: #108f61;--green-hover: #0d7a52;--green-dark: #075237;--green-light: #e6f6f0;--red: #ef4444;--red-hover: #dc2626;--red-dark: #991b1b;--red-light: #fee2e2;--blue: #0ea5e9;--blue-light: #e0f2fe;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--border: #cbd5e1;--border-light: #e2e8f0;--surface: #ffffff;--bg: #f8fafc;--glass: rgba(255, 255, 255, .88);--glass-strong: rgba(255, 255, 255, .96);--glass-border: rgba(255, 255, 255, .7);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-soft: 0 10px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-panel: 0 20px 40px -15px rgba(15, 23, 42, .16);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(rgba(100,116,139,.16) 1px,transparent 1px);background-size:24px 24px}