:root{--blue-900:#1e3a8a;--blue-800:#1e40af;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-200:#bfdbfe;--blue-100:#dbeafe;--blue-50:#eff6ff;--color-bg:#f4f7fb;--color-surface:#fff;--color-subtle:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-soft:#334155;--color-muted:#64748b;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-live:#dc2626;--color-live-bg:#fee2e2;--radius-lg:14px;--radius:10px;--radius-sm:8px;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 1px 3px #0f172a0f, 0 6px 16px #0f172a0d;--focus-ring:0 0 0 3px #2563eb59;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}html:has(.admin-shell,.auth-page,.co-app){font-size:14px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-height:100svh;margin:0}.app-recovery{gap:16px;max-width:560px;margin:12vh auto;padding:24px;display:grid}.app-recovery h1{font-size:28px;line-height:1.2}.app-recovery button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#007aff;border:0;border-radius:24px;padding:12px 20px}.app-recovery a{color:inherit;text-align:center}h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}img{height:auto}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--blue-700)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--color-muted)}.btn{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 16px;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--blue-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-700)}.btn-secondary{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-700)}.btn-secondary:hover:not(:disabled){background:var(--blue-100)}.btn-ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-soft)}.btn-ghost:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text)}.btn-danger{color:var(--color-danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--color-danger-bg)}.btn-sm{min-height:36px;padding:0 12px;font-size:.875rem}.btn-block{width:100%}.page-loader{place-items:center;min-height:50vh;display:grid}.spinner{border:3px solid var(--blue-100);border-top-color:var(--blue-600);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.simple-page{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100svh;padding:24px 16px;display:grid}.simple-page-logo{width:96px;margin-bottom:8px}.simple-page h1{letter-spacing:-.02em;font-size:1.75rem}.simple-page p{max-width:40ch;color:var(--color-muted);margin-bottom:8px}.simple-page-link{margin-top:4px;font-size:.9375rem;font-weight:600}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field>legend{margin-bottom:8px;padding:0}.field-label{color:var(--color-text);font-size:.875rem;font-weight:600}.optional{color:var(--color-muted);margin-left:4px;font-weight:400}.field-hint{color:var(--color-muted);font-size:.8125rem}.field-error{color:var(--color-danger);font-size:.8125rem}.input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff;width:100%;min-height:44px;padding:10px 12px;font-size:1rem;line-height:1.4;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#94a3b8}.input:focus{border-color:var(--blue-600);box-shadow:var(--focus-ring);outline:none}.textarea{resize:vertical;min-height:180px}.alert{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);color:#991b1b;padding:12px 14px;font-size:.9375rem}.auth-page{background:radial-gradient(circle at top, var(--blue-600), var(--blue-900) 70%);place-items:center;min-height:100svh;padding:24px 16px;display:grid}.auth-card{background:var(--color-surface);border-radius:18px;gap:18px;width:100%;max-width:380px;padding:32px 24px;display:grid;box-shadow:0 24px 60px #0f172a4d}.auth-head{text-align:center;justify-items:center;gap:4px;margin-bottom:4px;display:grid}.auth-logo{width:72px;margin-bottom:8px}.auth-title{letter-spacing:-.01em;font-size:1.375rem;font-weight:700}.password-input{position:relative}.password-input .input{padding-right:68px}.password-toggle{color:var(--blue-700);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:.8125rem;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width>=480px){.auth-card{padding:36px 32px}}.toast{z-index:50;color:#fff;border-radius:var(--radius);background:#1e293b;align-items:flex-start;gap:12px;width:min(100% - 32px,480px);padding:12px 12px 12px 16px;font-size:.9375rem;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0f172a4d}.toast-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;flex-shrink:0;margin-left:auto;padding:0 4px;font-size:1.25rem;line-height:1.2}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.reg-page{--reg-blue:#0071e3;--reg-blue-hover:#0077ed;--reg-bg:#fff;--reg-ink:#1d1d1f;--reg-muted:#6e6e73;--reg-line:#d2d2d7;--reg-field:#fff;--reg-red:#d70015;background:var(--reg-bg);min-height:100dvh;color:var(--reg-ink);font-family:var(--st-font,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter Variable",Inter,system-ui,sans-serif);grid-template-columns:minmax(320px,44%) 1fr;display:grid}.reg-page[data-theme=dark]{--reg-blue:#0a84ff;--reg-blue-hover:#409cff;--reg-bg:#000;--reg-ink:#f5f5f7;--reg-muted:#98989d;--reg-line:#38383a;--reg-field:#1c1c1e;--reg-red:#ff453a}.reg-side{color:#fff;background:linear-gradient(160deg,#2c2c2e 0%,#111 55%,#000 100%);flex-direction:column;justify-content:space-between;gap:40px;padding:48px;display:flex}.reg-logo{object-fit:contain;background:0 0;width:56px;height:60px;padding:0}.reg-brand{align-items:center;gap:12px;font-size:20px;display:flex}.reg-mobile-logo{display:none}.reg-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:20px;left:32px;right:32px}.reg-toolbar .reg-back{min-height:44px;position:static}.reg-toolbar .st-theme-toggle{border:1px solid var(--reg-line);background:var(--reg-field);width:68px;height:44px;color:var(--reg-muted);cursor:pointer;border-radius:999px;flex:none;grid-template-columns:1fr 1fr;place-items:center;padding:4px;display:grid;position:relative}.reg-toolbar .st-theme-thumb{background:var(--reg-bg);border-radius:50%;width:28px;height:28px;position:absolute;top:7px;left:4px;box-shadow:0 1px 5px #00000024}.reg-toolbar .st-theme-toggle svg{z-index:1;width:16px;height:16px;position:relative}.reg-page[data-theme=light] .reg-toolbar .st-theme-toggle svg:first-of-type,.reg-page[data-theme=dark] .reg-toolbar .st-theme-toggle svg:last-of-type{color:var(--reg-ink)}.reg-toolbar .st-theme-toggle:focus-visible{outline:2px solid var(--reg-blue);outline-offset:3px}.reg-side h2{letter-spacing:-.03em;margin:0 0 12px;font-size:40px;font-weight:700;line-height:1.08}.reg-side p{color:#ffffffb3;max-width:34ch;margin:0 0 28px;font-size:17px}.reg-side ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.reg-side li{color:#ffffffd9;align-items:center;gap:12px;font-size:15px;display:flex}.reg-side li svg{color:#409cff;flex:none}.reg-side small{color:#ffffff80}.reg-panel{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:84px 32px 48px;display:flex;position:relative}.reg-back{color:var(--reg-muted);align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex;position:absolute;top:24px;left:32px}.reg-back:hover{color:var(--reg-ink)}.reg-form,.reg-done{gap:20px;width:100%;max-width:460px;display:grid}.reg-form header h1,.reg-done h1{letter-spacing:-.025em;margin:0 0 6px;font-size:30px;font-weight:700}.reg-form header p,.reg-done p{color:var(--reg-muted);margin:0;font-size:15px}.reg-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.reg-field{gap:6px;min-width:0;display:grid}.reg-label{font-size:13px;font-weight:600}.reg-hint{color:var(--reg-muted);margin:0;font-size:12px}.reg-input{box-sizing:border-box;border:1px solid var(--reg-line);background:var(--reg-field);width:100%;min-width:0;height:48px;color:var(--reg-ink);font:inherit;border-radius:12px;padding:0 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.reg-input:hover{border-color:color-mix(in srgb,var(--reg-ink) 30%,var(--reg-line))}.reg-input:focus{border-color:var(--reg-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--reg-blue) 22%,transparent);outline:0}.reg-input[aria-invalid=true]{border-color:var(--reg-red)}.reg-input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--reg-red) 20%,transparent)}.reg-prefix{position:relative}.reg-prefix span{color:var(--reg-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.reg-prefix .reg-input{padding-left:30px}.reg-secret{position:relative}.reg-secret .reg-input{padding-right:44px}.reg-secret button{width:44px;height:44px;color:var(--reg-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:color .2s;display:grid;position:absolute;top:2px;right:2px}.reg-secret button:hover{color:var(--reg-ink)}.reg-secret button:focus-visible{outline:2px solid var(--reg-blue)}.reg-meter{grid-template-columns:repeat(4,1fr);align-items:center;gap:6px;margin-top:-8px;display:grid}.reg-meter span{background:var(--reg-line);border-radius:2px;height:4px;transition:background-color .3s}.reg-meter small{color:var(--reg-muted);grid-column:1/-1;margin-top:4px;font-size:12px}.reg-meter[data-score="1"] span:nth-child(-n+1){background:var(--reg-red)}.reg-meter[data-score="2"] span:nth-child(-n+2),.reg-meter[data-score="3"] span:nth-child(-n+3),.reg-meter[data-score="4"] span:nth-child(-n+4){background:var(--reg-blue)}.reg-error{border:1px solid color-mix(in srgb,var(--reg-red) 40%,transparent);background:color-mix(in srgb,var(--reg-red) 8%,transparent);color:var(--reg-red);border-radius:12px;padding:12px 14px;font-size:14px}.reg-submit{background:var(--reg-blue);color:#fff;height:48px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s,opacity .2s;display:inline-flex}.reg-submit:hover:not(:disabled){background:var(--reg-blue-hover)}.reg-submit:disabled{opacity:.6;cursor:default}.reg-submit:focus-visible{outline:3px solid color-mix(in srgb,var(--reg-blue) 45%,transparent);outline-offset:2px}.reg-done{justify-items:start}.reg-done-icon{background:var(--reg-blue);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.reg-done .reg-submit{width:100%}@media (width<=860px){.reg-page{grid-template-columns:1fr}.reg-side{display:none}.reg-panel{padding:84px 24px max(32px,env(safe-area-inset-bottom));justify-content:flex-start}.reg-toolbar{top:16px;left:24px;right:24px}.reg-mobile-logo{object-fit:contain;align-self:flex-start;margin:0 0 16px;display:block}.reg-form,.reg-done{gap:20px;max-width:520px}.reg-form header h1,.reg-done h1{font-size:28px;line-height:1.15}}@media (width<=520px){.reg-row{grid-template-columns:minmax(0,1fr);gap:20px}}@media (width<=359px){.reg-panel{padding-left:16px;padding-right:16px}.reg-toolbar{left:16px;right:16px}.reg-form header h1{font-size:26px}}
