/* Author: Codex (OpenAI), 2026-10-02 */
:root{font-family:Inter,system-ui,sans-serif;color:#18362f;background:#f3f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1140px;margin:auto;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7dfd5}.brand{text-decoration:none;color:inherit;font-size:24px;display:flex;gap:14px;align-items:center}.brand span{font-size:15px;letter-spacing:2px}.private,.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.private{border:1px solid #cbd7c8;border-radius:30px;padding:9px 13px}.intro{padding:25px 0 16px}.eyebrow{color:#597767}h1{font-size:clamp(40px,6vw,66px);line-height:1.05;letter-spacing:-3px;margin:20px 0}h2{font-size:22px;letter-spacing:-.5px}p{line-height:1.6}.card{background:#fff;border:1px solid #dce3d7;padding:25px;border-radius:20px}.login{max-width:460px}.login p,.muted{color:#52685f;font-size:14px}label{display:block;font-size:13px;font-weight:600;margin:20px 0}input,select{display:block;width:100%;border:1px solid #b6c7bd;border-radius:10px;padding:13px;margin-top:8px;font:inherit;font-size:17px;background:#fafcf8}#clients,#exits{padding:0;list-style:none}#clients li,#exits li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #e4e9df}#client-config,#traffic-view{white-space:pre-wrap;overflow:auto;max-height:240px;background:#f6f8f3;padding:12px;font-size:12px}#qr-canvas{image-rendering:pixelated;background:#fff;display:block;margin:8px 0}.sub{margin:8px 0;padding:8px 0 8px 12px;border-left:2px solid #d7dfd5}.inline{width:auto;min-width:12rem;margin:4px 0}#diagnose-report{padding:0;list-style:none}#diagnose-report li{padding:8px 0;border-bottom:1px solid #e4e9df;font-size:14px}button{border:0;border-radius:10px;padding:13px 17px;background:#164a3c;color:white;font:inherit;font-weight:600;cursor:pointer;margin:4px 4px 4px 0}.secondary{background:#eaf0e5;color:#244c3d}button:disabled{opacity:.5;cursor:wait}.toolbar{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.node h3{font-size:24px;margin:10px 0 18px}.pill{display:inline-block;padding:6px 10px;border-radius:20px;font-size:12px;background:#e5f3e6;color:#225e31}.pill.warning,.pill.stale{background:#fff0d4;color:#795400}.pill.waiting{background:#eef0ed;color:#54665c}.detail{font-size:13px;color:#54665c;overflow-wrap:anywhere}.lower{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}#events{padding:0;list-style:none;max-height:280px;overflow:auto}#events li{padding:12px 0;border-bottom:1px solid #e4e9df;font-size:14px}#message:empty{display:none}#message{padding:12px 16px;border-left:3px solid #ae782b;background:#fff0d4}footer{font-size:11px;letter-spacing:1px;border-top:1px solid #d7dfd5;display:flex;justify-content:space-between;margin-top:40px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d2a950;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header,main,footer{padding:20px}.private{display:none}.lower,.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start}h1{letter-spacing:-2px}.card{padding:22px}footer span{display:none}}