:root{--color-bg:#f4f6f9;--color-surface:#fff;--color-text:#1a2233;--color-text-muted:#5b6577;--color-primary:#2f5fdd;--color-primary-dark:#2447b0;--color-primary-contrast:#fff;--color-border:#dde3ec;--color-danger:#c0392b;--color-danger-bg:#fdecea;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #1a22330f;--shadow-md:0 10px 30px #1a223314;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--color-bg:#12161f;--color-surface:#1a2030;--color-text:#eef1f7;--color-text-muted:#a2acc0;--color-primary:#6f92ff;--color-primary-dark:#547ae0;--color-border:#2a3346;--color-danger-bg:#3a201d}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.sf-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.sf-page{min-height:100%;padding:0 0 40px}.sf-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 24px;display:flex}.sf-topbar-links{align-items:center;gap:18px;display:flex}.sf-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:32px 28px}.sf-card-wide{max-width:720px;margin:0 auto;padding:0 16px}.sf-brand{color:var(--color-text);margin:0 0 4px;font-size:22px;font-weight:700}.sf-subtitle{color:var(--color-text-muted);margin:0 0 24px;font-size:14px}.sf-stack{flex-direction:column;gap:14px;display:flex}.sf-field{flex-direction:column;gap:6px;display:flex}.sf-field label{color:var(--color-text-muted);font-size:13px;font-weight:600}.sf-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.sf-input:focus{border-color:var(--color-primary)}.sf-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:transform 50ms,opacity .15s}.sf-btn:active{transform:scale(.98)}.sf-btn:disabled{opacity:.6;cursor:not-allowed}.sf-btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.sf-btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.sf-btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.sf-link-row{text-align:center;color:var(--color-text-muted);margin-top:18px;font-size:13px}.sf-link{color:var(--color-primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none}.sf-error{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.sf-loading{color:var(--color-text-muted);font-size:14px}.sf-badge{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.sf-badge-muted{background:var(--color-border);color:var(--color-text-muted)}.sf-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.sf-table th,.sf-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 14px;font-size:14px}.sf-table th{color:var(--color-text-muted);text-transform:uppercase;font-size:12px;font-weight:600}