:root{font-family:system-ui,sans-serif;color:#eaf0ff;background:#10141f;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:28px 20px}header,.toolbar,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo{background:#2589ff;border-radius:14px;padding:12px 20px;font-size:30px;font-weight:800}h1,h2,h3,p{margin:8px 0}header p,footer,.muted{color:#aab6cb}section,details,.client{background:#1b2232;border:1px solid #303d55;border-radius:18px;padding:22px;margin:18px 0}.toolbar h2{margin-right:auto}form{display:grid;gap:14px;max-width:520px;margin-top:16px}label{display:grid;gap:8px}input,textarea{font:inherit;width:100%;padding:13px;border:1px solid #53627a;border-radius:10px;background:#111827;color:inherit}button{font:inherit;padding:11px 18px;border:0;border-radius:10px;background:#2589ff;color:white;cursor:pointer}button.secondary{background:#303d55}button:disabled{opacity:.5;cursor:wait}.actions{margin-top:18px}summary{cursor:pointer;font-weight:650}#notice{color:#ffd282;white-space:pre-wrap}#clients{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.client{margin:0;overflow-wrap:anywhere}footer{font-size:12px;margin-top:28px}[hidden]{display:none!important}

.traffic{white-space:pre-line;line-height:1.8;color:#bddbff}.client details{padding:12px;margin-bottom:0}.client summary{font-size:14px}.client form{font-size:14px}