*{box-sizing:border-box}body{margin:0;background:#070a0f;color:#eef4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;align-items:center;gap:22px;padding:24px clamp(18px,4vw,54px);border-bottom:1px solid #1c2635;background:#0b1018;position:sticky;top:0;z-index:5}header h1{margin:2px 0 4px;font-size:clamp(24px,3vw,38px)}header p{margin:0;color:#91a0b5}.eyebrow{font-size:11px;letter-spacing:.16em;color:#59a3ff;font-weight:800}.back{color:#a7b7cc;text-decoration:none}.who{margin-left:auto;padding:8px 12px;border:1px solid #26364c;border-radius:10px;color:#a7b7cc}.tabs{display:flex;gap:8px;padding:18px clamp(18px,4vw,54px) 0}.tabs button,.actions button,.secondary{background:#111a27;color:#dce8f7;border:1px solid #26364c}.tabs button.active{background:#183f74;border-color:#2c7ee8;color:#fff}button{border:0;border-radius:9px;background:#2582ef;color:#fff;padding:10px 14px;font-weight:750;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}main{padding:22px clamp(18px,4vw,54px) 60px}.tab{display:none}.tab.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-grid article,.card{background:#0e151f;border:1px solid #1f2b3b;border-radius:14px;padding:18px}.metric-grid span{display:block;color:#7e8da2;font-size:12px}.metric-grid strong{display:block;margin-top:7px;font-size:20px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{margin-bottom:18px}.card h2{margin:0 0 6px}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.muted,.card p,small{color:#8f9eb2}.stack{display:grid;gap:10px;margin-top:14px}.profile,.service{border:1px solid #233249;background:#0a111a;border-radius:11px;padding:14px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.pill{border-radius:999px;padding:4px 8px;font-size:11px;background:#162339;color:#8dc0ff}.pill.good{background:#113623;color:#7fe2a8}.pill.warn{background:#3a2910;color:#f5c66a}.form{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:grid;gap:5px;color:#aab7c8;font-size:13px}input,select,textarea{width:100%;background:#080d14;color:#eef4ff;border:1px solid #26364c;border-radius:8px;padding:10px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.actions{display:flex;justify-content:flex-end;gap:8px}.usage{min-height:50px}.usage-row{display:grid;grid-template-columns:120px 140px 1fr 120px;gap:10px;border-top:1px solid #1d2938;padding:9px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:10px;border-bottom:1px solid #1e2a3a;font-size:13px}th{color:#7e8da2}.issued{margin-top:14px;padding:14px;border-radius:10px;background:#122b1d;border:1px solid #246442;word-break:break-all}.notice{padding:18px;border:1px solid #674f1c;background:#2d2411;border-radius:12px}.danger{background:#8f2830}dialog{border:1px solid #26364c;border-radius:14px;background:#0c131d;color:#fff;width:min(620px,92vw);padding:0}.dialog-form{padding:20px}#toast{position:fixed;bottom:22px;right:22px;background:#101a27;border:1px solid #2d4058;border-radius:10px;padding:12px 15px;display:none;max-width:360px}.service select{max-width:240px}.service .row{align-items:flex-start}@media(max-width:900px){.metric-grid,.grid.two{grid-template-columns:1fr 1fr}header{position:static;align-items:flex-start;flex-wrap:wrap}.who{margin-left:0}}@media(max-width:600px){.metric-grid,.grid.two,.form-grid{grid-template-columns:1fr}.usage-row{grid-template-columns:1fr 1fr}.who{width:100%}}
