:root{--bg:#f4f6f9;--panel:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--brand:#fa842e;--brand2:#d96716;--bad:#b42318;--good:#067647}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}
.topbar{display:flex;align-items:center;justify-content:space-between;background:#1f2937;color:#fff;padding:18px max(24px,calc((100vw - 1200px)/2))}.topbar h1{margin:0;font-size:24px}.topbar p{margin:3px 0 0;color:#d1d5db;font-size:13px}
.wrap{max-width:1200px;margin:24px auto;padding:0 20px}.notice{padding:12px 14px;border:1px solid #fed7aa;background:#fff7ed;border-radius:10px;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.cards article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.cards span{display:block;color:var(--muted);font-size:12px}.cards strong{font-size:28px;margin-top:5px;display:block}
.tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tab,.ghost,.primary,.danger{border-radius:8px;padding:9px 14px;border:1px solid var(--line);font-weight:650;cursor:pointer}.tab,.ghost{background:#fff;color:var(--text)}.tab.active,.primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover{background:var(--brand2)}.danger{background:#fff;color:var(--bad);border-color:#fda29b}
.panel{display:none;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:24px}.panel.active{display:block}.panel h2{margin-top:0}.panelHead{display:flex;justify-content:space-between;align-items:center}
label{display:block;font-size:13px;font-weight:650;margin-bottom:14px}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d0d5dd;border-radius:8px;padding:10px;font:inherit;background:#fff}textarea{resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.hidden{display:none}.message{margin-left:10px;font-size:13px}.muted{color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;margin:10px 0}.tableWrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.status{padding:3px 7px;border-radius:999px;background:#f2f4f7}.details{background:#111827;color:#d1d5db;border-radius:8px;padding:12px;white-space:pre-wrap;overflow:auto;max-height:360px;margin-top:14px;font-size:12px}
@media(max-width:760px){.cards{grid-template-columns:1fr 1fr}.grid2,.grid3{grid-template-columns:1fr}.topbar{padding:16px 20px}}

.topActions{display:flex;gap:8px;align-items:center}
.loginBody{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.loginCard{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 18px 45px rgba(31,41,55,.12)}
.loginCard h1{margin:8px 0 6px;font-size:26px}.loginBrand{font-weight:800;color:var(--brand);letter-spacing:.02em}.loginButton{width:100%;margin-top:4px}.loginMessage{min-height:20px;margin-top:12px;color:var(--bad);font-size:13px}

.managerPanel{padding:14px}.managerHeader{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:4px 2px 12px;margin-bottom:10px;font-size:13px}.managerPolicy{flex:1;min-width:240px}
.managerDashGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.miniPanel{border:1px solid var(--line);background:#fafafa;padding:10px;border-radius:8px;margin-bottom:10px}.miniPanel h3{margin:0 0 8px;font-size:14px}.counterGrid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px;font-size:13px}.goodText{color:#067647}.badText{color:#b42318}.warnText{color:#b54708}.blueText{color:#175cd3}.agentStrip{font-size:13px;display:flex;justify-content:space-between}
details{border:1px solid var(--line);border-radius:8px;padding:10px;margin:10px 0;background:#fff}details summary{cursor:pointer;padding:4px}.typeChecks{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 14px}.typeChecks label{margin:0}
.countryToolbar{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end}.countryToolbar input{margin-top:0}.tierButtons{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.countryList{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px;max-height:330px;overflow:auto;border:1px solid var(--line);padding:10px;border-radius:8px;background:#fafafa}.countryItem{margin:0;font-weight:500;padding:3px}.countryItem input{width:auto;margin:0 6px 0 0}.countryItem small{color:var(--muted)}.selectedCount{float:right;color:#175cd3;font-size:12px}
.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:12px}.subtab{border:0;background:#fff;padding:8px 12px;cursor:pointer}.subtab.active{border-bottom:3px solid var(--brand);font-weight:700}.managerSubpane{display:none}.managerSubpane.active{display:block}.sourceSelectRow{max-width:420px;margin:10px 0}.inlineSelect{width:auto;min-width:110px;margin:0}.managerBottomBar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 0 2px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.detailsToggle{align-self:center;margin-top:24px}
@media(max-width:900px){.managerDashGrid{grid-template-columns:1fr}.counterGrid{grid-template-columns:repeat(2,1fr)}.countryList{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.countryToolbar{grid-template-columns:1fr}.countryList{grid-template-columns:1fr}}
\n/* v2.0 Authorized Domains */\n.domainSubdomainCheck{align-self:end;padding-bottom:12px}\n.compactNotice{margin:14px 0}\n#authorizedDomainsBody strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}\n
.presetInfo{margin:6px 0 8px;font-size:12px;line-height:1.35}.miniPanel h3 small{font-weight:400;font-size:11px}
.filterBar,.pager{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:10px 0}.filterBar label{min-width:120px}.pager{justify-content:center}.tinyInput{width:72px!important;display:inline-block!important}.agentCounters{margin:12px 0;padding:10px;border:1px solid #e5e7eb;border-radius:10px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:900px){.grid4{grid-template-columns:1fr 1fr}}

/* v2.3 live monitoring */
.liveMonitor{display:flex;align-items:center;gap:6px;font-size:12px;color:#067647}.liveDot{width:9px;height:9px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 0 rgba(18,183,106,.45);animation:livePulse 1.5s infinite}.liveMonitor.stale{color:#b54708}.liveMonitor.stale .liveDot{background:#f79009;animation:none}.liveHint{font-size:12px;color:var(--muted);margin:-2px 0 8px}.liveChanged{animation:valueFlash .65s ease}.managerHeader [id^="mgr"],.counterGrid b{transition:background-color .25s ease,color .25s ease}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(18,183,106,.45)}70%{box-shadow:0 0 0 7px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}@keyframes valueFlash{0%{background:#fef0c7}100%{background:transparent}}