*{box-sizing:border-box}body{margin:0;background:#f3f7f8;color:#102b38;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:920px;margin:auto;padding:clamp(18px,4vw,46px)}header{display:flex;align-items:center;gap:16px;margin:24px 0 28px}.logo{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#102b38;color:#5dd6c3;font-weight:800;letter-spacing:.06em}.eyebrow{font-size:10px;letter-spacing:.18em;color:#4a737a;font-weight:800;margin:0}h1{font-size:clamp(25px,4vw,38px);letter-spacing:-.04em;margin:0}h2{font-size:19px;margin:0 0 12px}.status{border:1px solid #b0dcd5;background:#e4f5f1;color:#22574c;border-radius:14px;padding:12px 15px;font-weight:700;margin-bottom:20px}.panel{background:#fff;border:1px solid #d8e4e6;box-shadow:0 10px 40px #102b3809;border-radius:18px;padding:22px;margin-bottom:18px}.panel p{color:#52666e;margin:0 0 14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}article{background:#f3f7f8;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:4px}article span{font-size:10px;font-weight:800;letter-spacing:.11em;color:#63797f}article strong{font-size:25px}article small{color:#65787e}footer{color:#6b8185;font-size:12px}a{color:#136d67}@media(min-width:730px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.auth-form{max-width:440px;display:flex;flex-direction:column;gap:10px}.auth-form label{font-weight:700;font-size:13px}.auth-form input{font:inherit;width:100%;border:1px solid #b7cfd1;padding:12px 14px;border-radius:10px;color:#102b38}.auth-form input:focus{outline:2px solid #128d80;outline-offset:1px}.auth-form button,.panel button{font:inherit;font-weight:700;color:#fff;background:#0b605c;border:0;border-radius:10px;padding:12px 18px;cursor:pointer}.auth-form button:disabled{opacity:.6}.panel .auth-error{color:#a52626;font-weight:600}.auth-mfa{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.auth-mfa p{margin:0}.mfa-qr{width:min(240px,100%);height:auto;background:#fff;border-radius:12px;padding:10px;border:1px solid #d8e4e6}.role-picker{border:1px solid #d8e4e6;border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.role-picker legend{font-weight:700;font-size:13px;padding:0 5px}.role-picker label{display:flex;align-items:center;gap:9px;cursor:pointer}.role-picker input{width:auto;accent-color:#0b605c}.panel .button-secondary{background:#f1f5f5;color:#174349;border:1px solid #d5e4e4}.notice-success{color:#155b41;font-weight:600;margin-top:16px}.device-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.device-checks>div{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f3f7f8;border:1px solid #d8e4e6;border-radius:10px}.device-checks strong{font-size:12px;color:#52666e}.device-checks span{overflow-wrap:anywhere;font-weight:600}.panel p.device-note{font-size:13px;line-height:1.5;margin:14px 0 0;color:#516b72}@media(max-width:550px){.device-checks{grid-template-columns:1fr}}
