:root{--ink:#173b3c;--muted:#6d8580;--line:#d8e6e1;--mint:#eaf6f1;--green:#176b58;--bg:#f5f9f7;--danger:#9a3d3d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}header{height:68px;padding:0 5vw;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:750}.brand span{font-size:9px;letter-spacing:2px;color:var(--muted);margin-left:10px}header>a:last-child{font-size:12px;color:var(--muted)}main{width:min(980px,calc(100% - 32px));margin:42px auto}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#3f8874;font-weight:700;margin:0 0 8px}h1{font-size:32px;margin:0}h2{font-size:15px;margin:28px 0 14px}.intro{color:var(--muted);margin:-12px 0 25px}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:650;padding:11px 16px;cursor:pointer}.agency-list{display:grid;gap:12px}.agency-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}.agency-card:hover{border-color:#8bb9aa;box-shadow:0 8px 24px #193d3320}.agency-card h2{font-size:18px;margin:8px 0 5px}.agency-card p{margin:0;color:var(--muted)}.agency-card>b{font-size:12px;color:var(--green)}.status{font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:4px 7px;border-radius:99px;background:#edf1ef;color:#61736e}.status.active{background:#e4f5ed;color:#1d755a}.status.testing{background:#fff1d8;color:#946b22}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:grid;gap:7px;font-weight:650;font-size:12px}input,select{width:100%;border:1px solid #cdded8;border-radius:8px;background:#fff;padding:11px;color:var(--ink);font:inherit}input:focus,select:focus{outline:3px solid #66af962d;border-color:#5b9e88}.checks{display:flex;flex-wrap:wrap;gap:9px}.check{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px 12px}.check input{width:auto}.capabilities{display:grid;gap:9px}.cap{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:9px;padding:13px 15px}.cap div{display:grid;gap:4px}.cap small{font-weight:400;color:var(--muted)}.cap select{width:190px}.tour{margin-top:20px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:28px}.form-actions>a{color:var(--muted)}.error{color:var(--danger);min-height:18px}.archive{margin-top:20px;border:1px solid #ead5d5;border-radius:12px;padding:18px}.archive button{background:#fff;color:var(--danger);border:1px solid #dcbcbc}.archive p{color:var(--muted);font-size:11px;margin:10px 0 0}.login{min-height:85vh;display:grid;place-items:center}.login .panel{width:min(440px,100%)}.login h1{font-size:27px;margin-bottom:15px}.login p{line-height:1.6;color:var(--muted)}.login button{width:100%;margin-top:8px}@media(max-width:700px){main{margin-top:25px}.heading{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.cap{align-items:flex-start;flex-direction:column}.cap select{width:100%}.agency-card{align-items:flex-start;gap:15px}.agency-card>b{white-space:nowrap}}
.secondary{background:#fff;color:var(--green);border:1px solid #bcd6cd}.health{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.health h2{grid-column:1/-1;margin:0 0 4px}.health>div{display:grid;grid-template-columns:8px 1fr;gap:5px 8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px}.health-dot{width:8px;height:8px;border-radius:50%;background:#d49d43}.health-dot.ok{background:#3a9b77}.health b{font-size:11px}.health small{grid-column:2;color:var(--muted);font-size:9px}@media(max-width:800px){.health{grid-template-columns:1fr 1fr}.health h2{grid-column:1/-1}}@media(max-width:500px){.health{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions>*{width:100%}}