:root{--color-bg:#f3f5f8;--color-surface:#fff;--color-border:#e1e5eb;--color-border-strong:#c5ccd6;--color-text:#1c2533;--color-text-muted:#5b6676;--color-backdrop:#10182873;--color-primary:#0166fe;--color-primary-hover:#0052cc;--color-primary-soft:#e6f0ff;--color-on-primary:#fff;--color-focus:#3d8bfe;--color-success-fill:#77e250;--color-on-success:#1c2533;--color-success:#2e7d14;--color-success-bg:#f1fcee;--color-success-border:#cff5c2;--color-warning-fill:#f2af01;--color-on-warning:#1c2533;--color-warning:#8a6100;--color-warning-bg:#fef7e6;--color-warning-border:#fae3a6;--color-danger-fill:#f9524f;--color-on-danger:#1c2533;--color-danger:#c62f2c;--color-danger-bg:#feeeed;--color-danger-border:#fdc2c1;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--shadow-card:0 1px 2px #1018280a, 0 4px 16px #1018280f;--shadow-dialog:0 8px 32px #1018282e;color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);margin:0}.dashboard{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.dashboard__header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.dashboard__nav{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:60px;margin:0 auto;padding:0 24px;display:flex}.dashboard__brand{align-items:center;gap:10px;font-weight:700;display:flex}.dashboard__logo{border-radius:var(--radius-md);background:var(--color-primary);width:32px;height:32px;color:var(--color-on-primary);letter-spacing:.04em;place-items:center;font-size:.75rem;display:grid}.dashboard__logout{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);height:36px;color:var(--color-text);font:inherit;cursor:pointer;padding:0 14px;font-size:.875rem;font-weight:600}.dashboard__logout:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover)}.dashboard__logout:disabled{opacity:.7;cursor:progress}.dashboard__logout:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.dashboard__content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px}@media (width<=480px){.dashboard__nav,.dashboard__content{padding-left:16px;padding-right:16px}}.two-factor{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:calc(100% - 32px);max-width:380px;color:var(--color-text);box-shadow:var(--shadow-dialog);padding:0}.two-factor::backdrop{background:var(--color-backdrop)}.two-factor__form{flex-direction:column;gap:16px;padding:28px 24px 24px;display:flex}.two-factor__header{flex-direction:column;gap:4px;display:flex}.two-factor__title{margin:0;font-size:1.125rem;font-weight:600}.two-factor__description,.two-factor__countdown{color:var(--color-text-muted);margin:0;font-size:.875rem}.two-factor__countdown-time{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:600}.two-factor__alert{border-radius:var(--radius-md);padding:10px 12px;font-size:.875rem}.two-factor__alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.two-factor__field{flex-direction:column;gap:6px;display:flex}.two-factor__label{font-size:.875rem;font-weight:500}.two-factor__input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;height:44px;color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.3em;text-align:center;padding:0 12px;font-size:1.25rem}.two-factor__input:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-primary)}.two-factor__input[aria-invalid=true]{border-color:var(--color-danger)}.two-factor__input:disabled{background:var(--color-bg)}.two-factor__field-error{color:var(--color-danger);margin:0;font-size:.8125rem}.two-factor__actions{flex-direction:column;gap:8px;display:flex}.two-factor__submit{border-radius:var(--radius-md);background:var(--color-primary);height:42px;color:var(--color-on-primary);font:inherit;cursor:pointer;border:none;font-weight:600}.two-factor__submit:hover:not(:disabled){background:var(--color-primary-hover)}.two-factor__submit:disabled{opacity:.7;cursor:progress}.two-factor__back{border-radius:var(--radius-md);height:38px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500}.two-factor__back:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-hover)}.two-factor__back:disabled{opacity:.6;cursor:not-allowed}.two-factor__submit:focus-visible,.two-factor__back:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.login{background:var(--color-bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-card);padding:40px 32px 32px}.login__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.login__logo{border-radius:var(--radius-md);background:var(--color-primary);width:48px;height:48px;color:var(--color-on-primary);letter-spacing:.04em;place-items:center;margin-bottom:16px;font-weight:700;display:grid}.login__title{color:var(--color-text);margin:0;font-size:1.375rem;font-weight:600}.login__subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:.9375rem}.login__form{flex-direction:column;gap:18px;display:flex}.login__alert{border-radius:var(--radius-md);padding:10px 12px;font-size:.875rem}.login__alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{color:var(--color-text);font-size:.875rem;font-weight:500}.login__input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;height:40px;color:var(--color-text);font:inherit;padding:0 12px}.login__input:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-primary)}.login__input[aria-invalid=true]{border-color:var(--color-danger)}.login__input:disabled{background:var(--color-bg)}.login__password{position:relative}.login__password .login__input{padding-right:80px}.login__toggle{border-radius:var(--radius-sm);color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8125rem;font-weight:500;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login__toggle:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-hover)}.login__field-error{color:var(--color-danger);margin:0;font-size:.8125rem}.login__options{justify-content:flex-end;font-size:.875rem;display:flex}.login__link{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.login__link:hover{text-decoration:underline}.login__submit{border-radius:var(--radius-md);background:var(--color-primary);height:42px;color:var(--color-on-primary);font:inherit;cursor:pointer;border:none;margin-top:4px;font-weight:600}.login__submit:hover:not(:disabled){background:var(--color-primary-hover)}.login__submit:disabled{opacity:.7;cursor:progress}.login__toggle:focus-visible,.login__link:focus-visible,.login__submit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=480px){.login__card{padding:32px 20px 24px}}