:root{color-scheme:light dark;--bg: #0b1020;--surface: #141b2d;--border: #243049;--text: #e8edf7;--muted: #9aa8c2;--accent: #5b8cff;--accent-hover: #7aa1ff;--danger: #ff6b7a;--success: #3dd68c;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top,#172038,var(--bg) 55%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1100px,calc(100% - 2rem));margin:0 auto}.card{background:color-mix(in srgb,var(--surface) 92%,white 8%);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:10px;padding:.65rem 1rem;background:var(--accent);color:#fff;font-weight:600}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn.danger{background:color-mix(in srgb,var(--danger) 80%,black 20%)}.input{width:100%;border:1px solid var(--border);border-radius:10px;background:#0f1526;color:var(--text);padding:.65rem .8rem}.muted{color:var(--muted)}.error{color:var(--danger)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.92em}