*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}:root{--bg:#0d0d12;--bg2:#17171f;--bg3:#252530;--bg4:#2e2e3d;--accent:#8b45ff;--accent2:#a370ff;--accent-glow:#8b45ff40;--text:#f0f0f8;--text2:#8888a8;--danger:#ff4d6a;--success:#22c55e;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{background:var(--bg3);border:1px solid var(--bg4);color:var(--text);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:var(--text2)}input.set-input{text-align:center;padding:8px 4px}input.set-input::placeholder{text-align:center}.btn{border-radius:var(--radius-sm);letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;padding:14px 24px;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{opacity:.85;transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b45ff,#6b21ff);box-shadow:0 4px 20px #8b45ff66}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--bg4)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--text2);background:0 0}.btn-full{width:100%}.card{background:var(--bg2);border-radius:var(--radius);border:1px solid #ffffff0a;padding:18px}.stat-card{background:var(--bg2);border-radius:var(--radius);border:1px solid #ffffff0a;flex-direction:column;gap:10px;padding:16px;display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:22px;font-weight:800;line-height:1}.stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.label{color:var(--text2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group{flex-direction:column;gap:6px;display:flex}.page{max-width:480px;margin:0 auto;padding:20px 16px 110px}.page-title{margin-bottom:20px;font-size:24px;font-weight:800}.nav{background:var(--bg2);width:100%;max-width:480px;padding:6px 8px max(14px, env(safe-area-inset-bottom));z-index:100;-webkit-backdrop-filter:blur(20px);border-top:1px solid #ffffff0d;justify-content:space-around;align-items:flex-end;display:flex;position:fixed;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}.nav-item{color:var(--text2);letter-spacing:.03em;text-transform:uppercase;background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 14px;font-size:10px;font-weight:600;transition:color .15s,background .15s;display:flex}.nav-item.active{color:var(--accent2);background:var(--accent-glow)}.nav-item svg{width:22px;height:22px}.chip{background:var(--bg3);color:var(--text2);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.chip-accent{background:var(--accent-glow);color:var(--accent2)}.auth-root{flex-direction:column;min-height:100dvh;display:flex}.auth-hero{background:linear-gradient(160deg,#6b21ff 0%,#8b45ff 60%,#a370ff 100%);flex-direction:column;flex:0 0 42%;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.auth-body{background:var(--bg);border-radius:28px 28px 0 0;flex-direction:column;flex:1;justify-content:flex-start;margin-top:-24px;padding:32px 28px;display:flex;overflow-y:auto}@media (width>=640px){.auth-root{background:radial-gradient(ellipse at 60% 0%, #8b45ff2e 0%, transparent 65%), var(--bg);justify-content:center;align-items:center;padding:24px}.auth-card{background:var(--bg2);border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 0 1px #8b45ff14}.auth-hero{border-radius:0;flex:none;gap:14px;padding:36px 28px 32px}.auth-body{border-radius:0;flex:none;margin-top:0;padding:32px 32px 36px}}.error-msg{color:var(--danger);font-size:14px}.text-muted{color:var(--text2);font-size:14px}.divider{background:#ffffff0d;height:1px;margin:12px 0}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}