:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202b;background:#f3f5f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{height:68px;background:#fff;border-bottom:1px solid #dce2e9;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,56px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#195de6;color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:#677487;margin-top:2px}.account{display:flex;align-items:center;gap:16px;font-size:14px;color:#526174}main{max-width:1280px;margin:0 auto;padding:34px clamp(16px,4vw,56px) 64px}.login-view{max-width:440px;margin:7vh auto 0;background:#fff;border:1px solid #dce2e9;border-radius:8px;padding:32px;box-shadow:0 3px 12px #17202b0a}.login-heading h1,.page-heading h1{margin:4px 0 8px;font-size:28px;line-height:1.2;letter-spacing:0}.login-heading>p:last-child,.page-heading>div>p:last-child,.section-heading p{margin:0;color:#687789;line-height:1.5}.eyebrow{margin:0;color:#195de6;font-size:11px;font-weight:750;letter-spacing:1px}.login-form{display:grid;gap:9px;margin-top:26px}.login-form label,.block-form label{font-size:13px;font-weight:650;margin-top:6px}.login-form input,.block-form input{height:42px;border:1px solid #cbd4df;border-radius:5px;padding:0 12px;font:inherit;background:#fff;color:#17202b}.login-form input:focus,.block-form input:focus{outline:3px solid #195de626;border-color:#195de6}.button{font:inherit;font-size:13px;font-weight:650;min-height:38px;border-radius:5px;padding:0 14px;cursor:pointer;border:1px solid transparent}.button:disabled{opacity:.55;cursor:wait}.button-primary{margin-top:10px;color:#fff;background:#195de6}.button-secondary{background:#fff;border-color:#cbd4df;color:#243347}.button-quiet{background:transparent;border-color:#d8dee7;color:#435267}.button-danger{color:#fff;background:#c63d36}.button-small{min-height:31px;padding:0 10px;font-size:12px}.form-message{min-height:20px;margin:4px 0 0;color:#b42318;font-size:13px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 27px}.page-heading h1{font-size:27px}.tabs{display:flex;gap:24px;border-bottom:1px solid #d3dbe5;overflow:auto}.tab{position:relative;border:0;background:none;color:#657388;font:inherit;font-size:14px;font-weight:650;white-space:nowrap;padding:0 2px 13px;cursor:pointer}.tab.active{color:#195de6}.tab.active:after{content:"";position:absolute;height:2px;background:#195de6;bottom:-1px;left:0;right:0}.count{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;border-radius:11px;background:#e9effd;color:#2459ba;font-size:11px}.panel-section{padding-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h2{font-size:18px;letter-spacing:0;margin:0 0 5px}.section-heading p,.muted{font-size:13px}.muted{color:#778598}.table-wrap{overflow:auto;border:1px solid #dce2e9;border-radius:6px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px;text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.45px;color:#657388;background:#f8fafc;font-weight:700}th,td{padding:13px 14px;border-bottom:1px solid #e7ebf0;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.empty-state{text-align:center;padding:28px;color:#718096;font-size:14px}.block-form{display:grid;grid-template-columns:auto minmax(160px,240px) auto minmax(200px,1fr) auto;align-items:center;gap:10px;margin:0 0 18px}.status{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.status-active{color:#116b46;background:#e5f5ee}.status-disabled{color:#6a7480;background:#edf0f4}.notice{min-height:24px;color:#235b45;font-size:13px;margin:14px 0}.notice.error{color:#b42318}.ip-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.time-cell{white-space:nowrap;color:#516174}.session-focus{background:#eef4ff}.no-control{color:#7a8796;font-size:12px}
@media(max-width:640px){.topbar{height:60px}.account{gap:8px;font-size:12px}.account #operator-name{display:none}.account .button{padding:0 9px;font-size:12px}main{padding-top:22px}.login-view{margin-top:3vh;padding:23px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading>button{flex:none}.tabs{gap:18px}.section-heading{align-items:flex-start;flex-direction:column}.block-form{grid-template-columns:1fr;align-items:stretch}.block-form label{margin:0}.block-form input{width:100%}}
.text-button{justify-self:start;border:0;padding:2px 0;background:transparent;color:#195de6;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.login-form>p:not(.form-message){margin:0;color:#687789;font-size:13px;line-height:1.5}.success-message{color:#116b46}.password-dialog{width:min(440px,calc(100vw - 32px));border:1px solid #dce2e9;border-radius:8px;padding:26px;background:#fff;color:#17202b;box-shadow:0 18px 55px #17202b30}.password-dialog::backdrop{background:#10182080}.password-dialog .login-form{margin-top:0}.password-dialog h2{font-size:20px;margin:0 0 8px}.password-dialog input{height:42px;border:1px solid #cbd4df;border-radius:5px;padding:0 12px;font:inherit;background:#fff;color:#17202b}.password-dialog input:focus{outline:3px solid #195de626;border-color:#195de6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}
@media(min-width:641px){.block-form{grid-template-columns:auto minmax(160px,240px) auto minmax(200px,1fr) auto}}
.block-form .button-primary{margin-top:0}
