
:root{font-family:system-ui,-apple-system,sans-serif;color:#192538;background:#f5f7fb;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#285cce;text-decoration:none}a:hover{text-decoration:underline}header{background:#fff;border-bottom:1px solid #e3e8f0;padding:18px max(24px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;color:#192538}.brand span{color:#466de6}header small{color:#68768a;font-size:12px;letter-spacing:0;margin-left:12px;font-weight:500}nav{display:flex;align-items:center;gap:20px}main{max-width:1140px;padding:36px 24px 64px;margin:auto}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 8px}h2{font-size:19px;margin:0 0 20px}p{line-height:1.6}.muted{color:#667489}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.heading p{margin:0}.card{background:#fff;border:1px solid #e1e7ef;border-radius:15px;padding:26px;margin-bottom:22px;box-shadow:0 4px 14px #162d4a03}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.stat{padding:22px;margin:0}.stat strong{display:block;font-size:30px;margin-top:10px;letter-spacing:-.7px}.stat small{font-size:13px;color:#667489}button,.button{display:inline-block;background:#315dd6;color:#fff;border:1px solid transparent;border-radius:8px;padding:11px 17px;font:inherit;font-weight:600;cursor:pointer;text-align:center;line-height:1.2}button:hover,.button:hover{background:#234bb9;text-decoration:none}.secondary{background:#fff;color:#34445c;border-color:#d8e0eb}.secondary:hover{background:#f2f5fa;color:#192538}.danger{background:#fff0ef;color:#a02b27;border-color:#f2ccca}.danger:hover{background:#ffe3e0;color:#89221e}.inline{display:inline;margin:0}.linkbutton{border:0;background:transparent;padding:0;color:#667489;font-size:14px}.linkbutton:hover{background:transparent;color:#192538}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-weight:500;font-size:12px;color:#6b778a;text-transform:uppercase;letter-spacing:.6px;padding:0 16px 14px}td{border-top:1px solid #edf0f5;padding:18px 16px;font-size:14px}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.badge{display:inline-block;border-radius:20px;padding:5px 10px;font-size:12px;background:#eaf5ee;color:#276846}.badge.off{background:#f3eceb;color:#8b4640}.usage{font-variant-numeric:tabular-nums}.usage small{display:block;color:#68768a;margin-top:5px}progress{display:block;height:5px;width:135px;margin-top:8px;accent-color:#5072dd;border:0}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}input{display:block;width:100%;border:1px solid #cbd5e3;background:#fff;border-radius:8px;padding:12px 13px;font:inherit;color:#192538}input:focus{outline:3px solid #dfe8ff;border-color:#426bd5}input[readonly]{background:#f5f7fb}.field{margin-bottom:22px}.field small{display:block;color:#6b778a;line-height:1.5;margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.notice{border-radius:10px;padding:15px 18px;background:#eaf5ee;color:#276846;margin-bottom:22px;line-height:1.5}.notice.error{background:#fff0ef;color:#9a312d}.narrow{max-width:700px;margin:auto}.login{max-width:440px;margin:7vh auto}.login button{width:100%}.code{font-family:ui-monospace,monospace;font-size:17px;letter-spacing:.3px}.back{display:inline-block;margin-bottom:22px}.site{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #edf0f5;word-break:break-word}.site:last-child{border-bottom:0}.site small{display:block;margin-top:5px}.empty{text-align:center;padding:35px;color:#667489}.foot{font-size:12px;color:#748196;margin-top:28px}.search{display:flex;gap:10px;margin-bottom:22px}.search input{max-width:350px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nowrap{white-space:nowrap}button:focus-visible,a:focus-visible{outline:3px solid #89aaff;outline-offset:3px}@media(max-width:720px){header{padding:16px 20px}header small{display:none}nav{gap:12px}main{padding:26px 18px}.stats{grid-template-columns:1fr;gap:10px}.stat{padding:16px;display:flex;align-items:center;justify-content:space-between}.stat strong{margin:0;font-size:25px}.grid{grid-template-columns:1fr;gap:0}.heading{align-items:flex-start;flex-direction:column}h1{font-size:26px}.card{padding:20px}.site{align-items:flex-start;flex-direction:column}.code{font-size:14px}}
