.auth{display:flex;min-height:100vh}.auth__brand{flex:0 0 27%;max-width:420px;background:#f2f3f5;border-right:1px solid #ebedf0;display:grid;place-items:center;padding:24px}.auth__logo{width:96px;height:auto}.auth__side{flex:1;display:grid;place-items:center;background:#fafbfc;padding:24px}.auth__form{width:100%;max-width:380px}.auth__title{margin:0 0 28px;text-align:center;font-size:24px;font-weight:700;color:var(--ink)}.auth__hint{margin:-16px 0 20px;text-align:center;color:var(--ink-muted);font-size:13px;line-height:1.45}.auth__field{position:relative;margin-bottom:12px}.auth__input{width:100%;padding:16px 18px;border:1px solid transparent;border-radius:14px;background:#f5f6f8;font:inherit;font-size:15px;color:var(--ink);outline:none;transition:border-color .15s,background .15s}.auth__input::placeholder{color:#9aa1ad}.auth__input:focus{border-color:var(--brand);background:#fff}.auth__input:read-only{color:var(--ink-muted)}.auth__input--eye{padding-right:52px}.auth__eye{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#9aa1ad;cursor:pointer}.auth__eye:hover{color:var(--ink-muted)}.auth__submit{width:100%;margin-top:16px;padding:16px;border:0;border-radius:12px;background:var(--brand);color:var(--ink-inverse);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s}.auth__submit:hover{opacity:.92}.auth__submit:disabled{opacity:.6;cursor:default}.auth__links{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.auth__link{padding:0;border:0;background:none;font:inherit;font-size:13px;color:var(--ink-muted);cursor:pointer;text-decoration:none}.auth__link:hover{color:var(--brand)}.auth__message{margin-bottom:14px;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.4}.auth__message--bad{background:#fdeaea;color:var(--bad)}.auth__message--good{background:#e8f7ee;color:var(--good)}.auth__foot{margin-top:28px;text-align:center;font-size:12px;color:var(--ink-muted)}@media(max-width:760px){.auth{flex-direction:column}.auth__brand{flex:0 0 auto;max-width:none;border-right:0;border-bottom:1px solid #ebedf0;padding:28px}.auth__logo{width:72px}}:root{--ink: #1d253d;--ink-muted: #787486;--ink-inverse: #ffffff;--bg: #f5f7fa;--surface: #ffffff;--surface-dark: #101b2e;--line: #e6eaf0;--hover: #dde6ff;--brand: #0f4c81;--accent: #f97316;--accent-soft: #fff1e6;--good: #16a34a;--warn: #f59e0b;--bad: #dc2626;--radius: 12px;--radius-sm: 8px;--gap: 16px;--shadow: 0 1px 2px rgba(16, 27, 46, .06), 0 8px 24px rgba(16, 27, 46, .04);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}a{color:inherit}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card__title{font-weight:600;font-size:15px}.muted{color:var(--ink-muted)}.small{font-size:12px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.pill--good{background:#e8f7ee;color:var(--good)}.pill--warn{background:#fff4e0;color:#b45309}.pill--bad{background:#fdeaea;color:var(--bad)}.btn{border:0;border-radius:var(--radius-sm);padding:9px 16px;font:inherit;font-weight:500;cursor:pointer;background:var(--accent);color:var(--ink-inverse)}.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}@media(max-width:1100px){.grid>*{grid-column:span 12!important}}