:root{--bg: #0a0c11;--card: #121720;--border: #212838;--text: #e8ebf2;--muted: #98a2b6;--accent: #22d3ee;--accent-2: #7c83ff;--accent-ink: #04141a;--err: #ef4444;--radius: 14px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}h1{margin:0}.muted{color:var(--muted)}.auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(60% 50% at 50% 0%,rgba(34,211,238,.1),transparent 70%)}.auth-card{width:100%;max-width:360px;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:14px}.auth-brand{font-size:18px;font-weight:600}.auth-brand b{font-weight:800}.auth-card h1{font-size:22px;margin-top:6px}.auth-sub{color:var(--muted);font-size:14px;margin:0}.auth-card input{height:46px;padding-inline:16px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s ease}.auth-card input:focus{border-color:var(--accent)}.auth-card button{height:46px;border:none;border-radius:10px;background:linear-gradient(100deg,var(--accent),var(--accent-2));color:var(--accent-ink);font-weight:600;font-size:15px;cursor:pointer}.auth-card button:disabled{opacity:.6;cursor:default}.auth-err{color:var(--err);font-size:13px;margin:0}.auth-toggle{background:transparent;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:4px;font-family:inherit}.auth-toggle:hover{color:var(--accent)}.dash-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.dash-user{display:flex;align-items:center;gap:14px;font-size:14px}.dash-user .ghost{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:999px;height:34px;padding-inline:14px;cursor:pointer}.dash-user .ghost:hover{border-color:var(--accent);color:var(--accent)}.dash-main{max-width:1120px;margin-inline:auto;padding:40px 24px}.dash-main h1{font-size:26px}.dash-main .muted{margin-top:8px}.dash-empty{margin-top:24px;border:1px dashed var(--border);border-radius:var(--radius);padding:60px;text-align:center;color:var(--muted)}
