*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f14;--surface: #161921;--surface2: #1e2330;--border: #2a2f3d;--accent: #4f8ef7;--accent-dim: rgba(79,142,247,.15);--success: #3ecf8e;--warn: #f7934f;--text: #e8eaf0;--muted: #6b7280;--font-display: "DM Mono", "Fira Code", monospace;--font-body: "DM Sans", system-ui, sans-serif;--radius: 10px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body)}.page{min-height:100vh;display:flex}.page.center{align-items:center;justify-content:center}.login-page{align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 40% at 70% 30%,rgba(79,142,247,.08) 0%,transparent 70%),var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:3rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.4rem;box-shadow:0 24px 64px #0006}.logo-mark{font-size:2rem;color:var(--accent);line-height:1}.login-card h1{font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:-.5px}.subtitle{color:var(--muted);font-size:.875rem}.flow-steps{display:flex;flex-direction:column;gap:.5rem;background:var(--surface2);border-radius:var(--radius);padding:1rem}.step{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--muted)}.step-num{width:22px;height:22px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.75rem;flex-shrink:0}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.85rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.hint{color:var(--muted);font-size:.78rem;text-align:center}.spinner-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.error-icon{font-size:2rem;color:var(--warn)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.6rem 1.25rem;cursor:pointer;font-family:var(--font-body);transition:border-color .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.dashboard-page{flex-direction:column;background:radial-gradient(ellipse 50% 35% at 20% 10%,rgba(62,207,142,.06) 0%,transparent 60%),var(--bg)}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--surface)}.dash-logo{font-family:var(--font-display);font-size:1rem;color:var(--accent)}.btn-logout{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:.4rem 1rem;cursor:pointer;font-size:.85rem;transition:all .15s}.btn-logout:hover{border-color:#ef4444;color:#ef4444}.dash-main{max-width:760px;width:100%;margin:0 auto;padding:2.5rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem}.welcome-banner{display:flex;flex-direction:column;gap:.5rem}.badge{display:inline-block;background:#3ecf8e26;color:var(--success);font-size:.75rem;font-family:var(--font-display);padding:.25rem .75rem;border-radius:99px;width:fit-content}.welcome-banner h1{font-size:2rem;font-weight:600}.email{color:var(--muted);font-family:var(--font-display);font-size:.9rem}.claims-section h2,.tokens-section h2{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:1rem}.claims-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.claim-row{display:grid;grid-template-columns:160px 1fr;padding:.65rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem;gap:1rem}.claim-row:last-child{border-bottom:none}.claim-key{font-family:var(--font-display);color:var(--accent);font-size:.8rem}.claim-value{color:var(--text);word-break:break-all}.tokens-section{display:flex;flex-direction:column;gap:1rem}.token-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.token-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.token-label{font-family:var(--font-display);font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.btn-copy{background:var(--accent-dim);color:var(--accent);border:none;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;cursor:pointer;transition:background .15s}.btn-copy:hover{background:#4f8ef74d}.token-value{font-family:var(--font-display);font-size:.78rem;color:var(--muted);word-break:break-all;display:block}