:root{--bg: #0f0f1a;--panel: #1a1a2e;--panel-2: #232338;--text: #e8e8f0;--muted: #9a9ab0;--accent: #4ade80;--accent-pink: #e85d75;--border: #2c2c44}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px}.login-brand{font-size:28px;font-weight:300;text-align:center;margin-bottom:8px}.login-brand-accent{color:var(--accent-pink);font-weight:700}.login-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.login-label input{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:15px}.login-label input:focus{outline:2px solid var(--accent);border-color:transparent}.login-error{color:#ff8a9a;font-size:13px}.login-notice{color:var(--muted);font-size:13px}.login-linkbtn{align-self:flex-start;background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:0}.login-btn{margin-top:8px;background:var(--accent);color:#08210f;border:none;border-radius:8px;padding:11px;font-size:15px;font-weight:600;cursor:pointer}.login-btn:disabled{opacity:.6;cursor:default}.dash{min-height:100vh;display:flex;flex-direction:column}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.dash-brand{font-size:20px;font-weight:300}.dash-brand-accent{color:var(--accent-pink);font-weight:700}.dash-user{display:flex;align-items:center;gap:12px}.dash-email{color:var(--muted);font-size:13px}.dash-signout{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer}.dash-main{flex:1;padding:24px}.dash-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;max-width:720px}.dash-card h1{margin:0 0 8px;font-size:22px}.dash-card p{color:var(--muted);line-height:1.5}.dash-card code{background:var(--panel-2);padding:2px 6px;border-radius:4px;font-size:13px}.dash-footer{padding:14px 20px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;text-align:center}