:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#22272b;background:#f8faf9;font-size:14px;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d5dcd9;border-radius:6px;padding:9px 13px;background:white;color:#293b36;cursor:pointer;min-height:38px}button:hover{background:#eef4f1}button:disabled{opacity:.5;cursor:wait}button.primary{background:#14745b;border-color:#14745b;color:white}button.primary:hover{background:#0b614a}button.danger{color:#b3433b;border-color:#e8bdb9}button.icon{width:36px;height:36px;padding:8px;flex-shrink:0}svg{width:18px;height:18px;flex-shrink:0}header{height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde4e0;background:#fff;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#183b30;font-weight:750;font-size:22px;text-decoration:none}.brand svg{width:26px;height:26px}.brand span{border-left:1px solid #cbd9d1;padding-left:12px;margin-left:3px;font-size:12px;font-weight:500;color:#77817b}#identity{display:flex;align-items:center;gap:14px;font-size:13px}main{max-width:1336px;margin:0 auto;padding:32px 40px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 28px}.eyebrow{font-size:11px;font-weight:600;color:#78817d;margin:0 0 9px}h1{font-size:28px;line-height:1.2;margin:0;font-weight:650}h2{font-size:17px;font-weight:600;margin:0}.server{display:flex;align-items:center;gap:9px;color:#62766b;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;background:#139e72}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce4df;border-bottom:1px solid #dce4df;padding:22px 0;gap:24px;margin-bottom:30px}.metric{padding:0 22px;border-right:1px solid #dde4df}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric-label{color:#69766f;font-size:12px;margin-bottom:10px}.metric-value{font-size:28px;font-weight:550;line-height:1.2}.metric-value.green{color:#14745b}.metric-value.coral{color:#b85c48}.tabs{display:flex;gap:28px;border-bottom:1px solid #dce4df}.tabs button{border:0;background:none;padding:12px 0;border-bottom:2px solid transparent;border-radius:0;color:#68736d}.tabs button.selected{color:#126e54;border-bottom-color:#126e54}.toolbar{display:flex;align-items:center;gap:12px;padding:20px 0}.search{display:flex;align-items:center;gap:10px;max-width:350px;flex:1;position:relative}.search svg{position:absolute;left:12px;color:#83958b}.search input{padding-left:39px}input,select{min-height:40px;padding:9px 12px;border:1px solid #d5dcd9;border-radius:5px;background:white;outline:none;min-width:0}input:focus,select:focus{border-color:#14745b;box-shadow:0 0 0 2px #d9eee5}input{width:100%}.toolbar>.primary{margin-left:auto;white-space:nowrap}select{max-width:230px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;color:#7a8780;font-weight:500;padding:12px;background:#edf2ef}td{padding:15px 12px;border-bottom:1px solid #e3e8e5;font-size:13px}td:first-child{font-weight:550}td small{display:block;font-weight:400;margin-top:4px;color:#7a8780}tr:hover td{background:#f1f6f3}.actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.actions input{width:66px;text-align:center}.status{font-size:11px;display:inline-flex;align-items:center;gap:6px}.status:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#a8b3ad}.status.recent{color:#137557}.status.recent:before{background:#17a270}.status.revoked{color:#b84d40}.status.revoked:before{background:#b84d40}.muted{font-size:12px;color:#7b8780}.empty{text-align:center;padding:56px 16px;border-bottom:1px solid #dce4df;color:#7b8780}.traffic-section{margin-top:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.section-heading span{font-size:11px;color:#7b8780}#traffic-chart{display:flex;align-items:flex-end;gap:5px;height:100px;border-bottom:1px solid #cedbd3}.bar{flex:1;min-width:3px;background:#69b19a;border-radius:3px 3px 0 0;min-height:2px;height:calc(var(--height)*1%)}.auth{max-width:370px;margin:70px auto}.auth h1{margin-bottom:28px}label{display:block;font-size:13px;font-weight:500;margin:16px 0}label input,label select{display:block;margin-top:8px;width:100%}form>.primary{margin-top:10px;width:100%}dialog{width:min(470px,calc(100% - 32px));border:1px solid #d6e0d9;border-radius:8px;padding:24px;color:#24332b;box-shadow:0 18px 70px #1d33252b;max-height:90vh}dialog::backdrop{background:#132d234f}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dialog-top h2{overflow-wrap:anywhere}#dialog-content p{line-height:1.5}.qr{display:block;width:100%;aspect-ratio:1;object-fit:contain}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:14px 18px;background:#253d32;color:white;border-radius:6px;box-shadow:0 4px 20px #19312426;max-width:min(560px,calc(100% - 32px));z-index:10;font-size:13px}.invite-link{font-family:monospace;font-size:12px;overflow-wrap:anywhere;padding:12px;background:#eff5f1;border-radius:5px;user-select:all}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}[hidden]{display:none!important}
.bar.no-data{background:#d6e0da}
@media(max-width:700px){header{padding:0 16px;height:62px}.brand{font-size:20px}#identity>span{display:none}main{padding:24px 16px 40px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}h1{font-size:25px}.metrics{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px 0}.metric{padding:0;border:0}.metric-value{font-size:26px}.tabs{gap:24px}.toolbar{flex-wrap:wrap}.search{max-width:none;flex-basis:100%}.toolbar select{flex:1;max-width:none}.toolbar>.primary{margin-left:0}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}td,th{padding:12px 9px}.auth{margin:45px auto}.traffic-section{margin-top:26px}}