:root{--color-primary: #1677ff;--color-primary-hover: #1890ff;--color-primary-active: #40a9ff;--color-bg-layout: #f5f5f5;--color-bg-elevated: #ffffff;--color-bg-muted: #fafafa;--color-border-soft: #e8e8e8;--color-text-primary: rgba(0, 0, 0, .88);--color-text-secondary: rgba(0, 0, 0, .65);--color-text-tertiary: rgba(0, 0, 0, .45);--color-danger: #ff4d4f;--color-danger-bg: #fff2f0;--color-danger-border: #ffccc7;--color-shadow: 0 10px 30px rgba(15, 23, 42, .06)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;background:linear-gradient(180deg,rgba(22,119,255,.08),transparent 42%),var(--color-bg-layout);color:var(--color-text-primary);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px 16px}.auth-panel{width:min(520px,100%);padding:28px;border:1px solid var(--color-border-soft);border-radius:14px;background:var(--color-bg-elevated);box-shadow:var(--color-shadow)}.auth-panel__header{margin-bottom:24px}.auth-panel__brand{display:flex;align-items:center;gap:14px}.auth-panel__logo{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:700;letter-spacing:.08em}.auth-panel__eyebrow{margin:0 0 4px;color:var(--color-text-tertiary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}h1{margin:0;font-size:clamp(26px,4.6vw,32px);line-height:1.2;font-weight:700}.auth-panel__subtitle{margin:12px 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.45}.form{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-size:12px;color:var(--color-text-secondary);font-weight:600}input{width:100%;border:1px solid var(--color-border-soft);border-radius:10px;background:var(--color-bg-elevated);color:var(--color-text-primary);padding:11px 12px;font-size:15px;transition:border-color .14s ease,box-shadow .14s ease}input::placeholder{color:var(--color-text-tertiary)}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1677ff33}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;background:var(--color-primary);transition:background-color .14s ease,box-shadow .14s ease}button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 6px 14px #1677ff40}button:active:not(:disabled){background:var(--color-primary-active)}button.secondary{color:var(--color-text-primary);background:var(--color-bg-muted);border-color:var(--color-border-soft);box-shadow:none}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.status{padding:16px;border-radius:12px;background:var(--color-bg-muted);border:1px solid var(--color-border-soft)}.status-title{margin:0 0 8px;font-size:16px;font-weight:700}.status-text{margin:0;color:var(--color-text-secondary)}.kv-list{display:grid;gap:10px}.kv-list p{margin:0;display:grid;gap:4px}.kv-list span{color:var(--color-text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.kv-list strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.alert{border-radius:10px;padding:12px 14px;border:1px solid;font-size:14px;line-height:1.45;margin-bottom:12px;overflow-wrap:anywhere}.alert--error{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-bg)}.loading{margin:0 0 12px;color:var(--color-text-secondary)}@media (max-width: 720px){.auth-panel{padding:24px;border-radius:12px}.actions{flex-direction:column}.actions button{width:100%}}