:root{color-scheme:light dark;--bg: #050816;--bg-elevated: #0f172a;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .18);--accent-strong: rgba(129, 140, 248, .7);--border-subtle: rgba(148, 163, 184, .4);--text-main: #e5e7eb;--text-muted: #9ca3af;--danger: #f97373}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b,var(--bg));color:var(--text-main)}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:24px 24px 8px;text-align:center}.app-header h1{margin:0;font-size:28px;letter-spacing:.04em}.app-subtitle{margin-top:6px;color:var(--text-muted);font-size:13px}.app-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:16px}.card{width:100%;max-width:520px;background:radial-gradient(circle at top left,rgba(79,70,229,.15),var(--bg-elevated));border-radius:20px;border:1px solid rgba(148,163,184,.3);box-shadow:0 18px 45px #0f172abf,0 0 0 1px #0f172acc;padding:18px 18px 20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabs{display:inline-flex;padding:4px;border-radius:999px;background:#0f172ae6;margin-bottom:16px}.tab{border:none;outline:none;padding:6px 16px;border-radius:999px;font-size:13px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.tab.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 0 0 1px #bfdbfe99}.tab:disabled{opacity:.45;cursor:not-allowed}.alert{border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:12px}.alert.error{background:#f8717114;border:1px solid rgba(248,113,113,.7);color:#fecaca}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px}.field span{color:var(--text-muted)}input{border-radius:10px;border:1px solid var(--border-subtle);padding:8px 10px;background:#0f172ae6;color:var(--text-main);font-size:14px;outline:none;transition:border-color .17s ease,box-shadow .17s ease,background .17s ease}input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft);background:#0f172a}.primary-btn,.secondary-btn,.ghost-btn{border-radius:999px;padding:8px 14px;border:none;font-size:14px;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,background .2s ease,color .2s ease,border-color .2s ease}.primary-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 10px 25px #4f46e580;margin-top:8px}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px #4f46e5b3}.primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secondary-btn{background:transparent;color:var(--text-main);border:1px solid var(--border-subtle)}.secondary-btn:hover{border-color:var(--accent-strong);color:#fff;background:#0f172ae6}.ghost-btn{background:#0f172ab3;color:var(--accent-strong);border:1px dashed rgba(129,140,248,.7);margin:8px 0 12px}.ghost-btn:hover{background:#1e40af80;color:#fff}.profile{margin-top:4px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.profile-header h2{font-size:18px;margin:0}.profile-body{margin-top:6px;padding:10px 12px;border-radius:14px;background:radial-gradient(circle at top,#0f172ae6,#020617);border:1px solid rgba(148,163,184,.5)}.profile-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.profile-row+.profile-row{border-top:1px dashed rgba(51,65,85,.9)}.profile-row .label{color:var(--text-muted)}.muted{color:var(--text-muted);font-size:13px}.app-footer{padding:10px 16px 16px;text-align:center;font-size:11px;color:var(--text-muted)}@media (max-width: 640px){.card{padding:14px 14px 16px}}