:root{--color-bg:#f5f5f7;--color-surface:#fff;--color-surface-elevated:#f0f0f2;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-primary:#4a7cff;--color-primary-hover:#3a6aee;--color-primary-light:#ebf0ff;--color-success:#4ecb71;--color-success-light:#eafbef;--color-warning:#ffb84d;--color-warning-light:#fff6e5;--color-danger:#ff6b6b;--color-danger-light:#ffeded;--color-info:#6b7280;--color-info-bg:#6b72801a;--color-warn:#ffb84d;--color-warn-bg:#fff6e5;--color-error:#ff6b6b;--color-error-bg:#ffeded;--color-security:#7c3aed;--color-security-bg:#7c3aed1a;--color-success-bg:#eafbef;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--sidebar-width:240px;--bottomnav-height:64px;--header-height:0px;--z-sticky:90;--z-nav:100;--z-modal:500;--z-toast:501;--z-confirm:502}:root[data-theme=dark],.theme-dark{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-elevated:#22263a;--color-text:#e8eaf0;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-border:#2d3148;--color-primary:#4a7cff;--color-primary-hover:#6b96ff;--color-primary-light:#4a7cff26;--color-info:#9ca3af;--color-info-bg:#9ca3af1a;--color-warn:#ffb84d;--color-warn-bg:#ffb84d1a;--color-error:#ff6b6b;--color-error-bg:#ff6b6b1a;--color-security:#a855f7;--color-security-bg:#a855f71a;--color-success:#4ecb71;--color-success-bg:#4ecb711a;--font-family-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text)}body{min-height:100dvh;line-height:1.5}.app-shell{max-width:720px;padding:var(--spacing-xl) var(--spacing-lg);margin:0 auto}.app-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.app-card dt{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.app-card dd{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.app-empty{color:var(--color-text-secondary)}.app-nav{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex}.nav-link{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-decoration:none;display:inline-flex}.nav-link--active{color:var(--color-primary,#4a90e2);font-weight:var(--font-weight-medium)}.app-nav-link{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-decoration:none;display:inline-flex}.app-nav-link:hover{text-decoration:underline}.app-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md);display:block}.form-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);display:block}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base)}.form-input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.profile-field{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.profile-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.profile-field input,.profile-field textarea,.profile-field select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base)}.profile-field input:focus,.profile-field textarea:focus,.profile-field select:focus{outline:2px solid var(--color-primary,#4a90e2);outline-offset:1px}.toggle-field{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.toggle-field label{font-size:var(--font-size-sm);color:var(--color-text)}.btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--color-danger);color:#fff}.login-error{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.mfa-form{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.mfa-hint,.mfa-secret{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mfa-state{align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-medium);display:inline-flex}.mfa-state--on{color:var(--color-success)}.mfa-state--off{color:var(--color-text-secondary)}.mfa-qr-wrap{padding:var(--spacing-md);border-radius:var(--radius-sm);background:#fff;justify-content:center;width:-moz-fit-content;width:fit-content;display:flex}.mfa-secret code{font-family:var(--font-family-mono);background:var(--color-surface-elevated);padding:0 var(--spacing-xs);border-radius:var(--radius-sm)}.mfa-recovery{background:var(--color-security-bg);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.mfa-recovery-list{gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-family:var(--font-family-mono);grid-template-columns:repeat(2,1fr);list-style:none;display:grid}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-sm);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);padding:.625rem 1.25rem}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4a7cff4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);font-size:var(--font-size-sm);padding:.625rem 1.25rem}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff;font-size:var(--font-size-sm);padding:.625rem 1.25rem}.btn-danger:hover:not(:disabled){background:#e55a5a}.btn-ghost{color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;padding:.375rem}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-sm{font-size:var(--font-size-xs);padding:.375rem .75rem}.btn-md{font-size:var(--font-size-sm);padding:.625rem 1.25rem}.btn-lg{font-size:var(--font-size-base);padding:.75rem 1.5rem}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner-ring{border-style:solid;border-color:var(--color-primary-light,#4a7cff26);border-top-color:var(--color-primary,#4a7cff);border-radius:var(--radius-full,9999px);animation:.75s linear infinite spinner-rotate}.spinner-sm .spinner-ring{border-width:2px;width:1rem;height:1rem}.spinner-md .spinner-ring{border-width:2px;width:1.5rem;height:1.5rem}.spinner-lg .spinner-ring{border-width:3px;width:2.5rem;height:2.5rem}@keyframes spinner-rotate{to{transform:rotate(360deg)}}