:root{--accent:#6556e8;--accent-dark:#5142c9;--ink:#242735;--muted:#737b8a;--line:#e7e9ef;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f8f9fc;color:var(--ink);font:14px/1.6 var(--font)}button,input{font:inherit}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #b8aef8;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:40px 20px}.login-panel{width:100%;max-width:410px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px 35px 27px;box-shadow:0 5px 24px #24273505}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;letter-spacing:-.5px;margin-bottom:37px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:9px}.brand-mark svg{width:22px;height:22px}.eyebrow{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 8px}h1{font-size:25px;line-height:1.3;font-weight:650;letter-spacing:-.8px;margin:0 0 10px}.intro{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 27px}.form-field{margin:0 0 18px}.form-field label{display:block;font-size:12px;font-weight:550;color:#687282;margin-bottom:7px}.form-field input{width:100%;min-height:44px;border:1px solid #dfe3eb;border-radius:6px;padding:10px 12px;background:#fff;color:#333d4d}.form-field input:disabled{background:#fafbfc;color:#6e7785}.sign-in{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;margin-top:24px;padding:11px 16px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-size:13px;font-weight:550;cursor:pointer}.sign-in:hover:enabled{background:var(--accent-dark);border-color:var(--accent-dark)}.sign-in:disabled{opacity:.65;cursor:default}.login-error{padding:11px 12px;border:1px solid #efd8db;border-radius:6px;background:#fff7f7;color:#a04751;font-size:12px;line-height:1.7;margin:0 0 16px;overflow-wrap:anywhere}.access-note{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.7;color:#8a929f;border-top:1px solid var(--line);padding-top:21px;margin:26px 0 0}.access-note svg{height:13px;width:13px;flex-shrink:0;margin-top:2px}.spinner{height:14px;width:14px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:480px){body{background:#fff}.login-shell{align-items:start;padding:56px 25px 30px}.login-panel{padding:0;border:0;border-radius:0;box-shadow:none;max-width:360px}.brand{margin-bottom:42px}h1{font-size:27px}.form-field input{font-size:16px;min-height:48px}.sign-in{min-height:48px}.access-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}