*{box-sizing:border-box}body{margin:0;background:#f7f8fb;color:#1d2433;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:1180px;margin:0 auto;padding:28px 20px 48px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}h1,h2{margin:0}h1{font-size:28px}h2{margin-bottom:12px;font-size:17px}nav{display:flex;gap:8px}button{min-width:64px;border:1px solid #c8cfda;border-radius:6px;background:#fff;color:#1d2433;cursor:pointer;font-size:14px;padding:8px 12px}button:hover{border-color:#778399}button.secondary{color:#475467}button.active{border-color:#2f80ed;background:#eff6ff;color:#175cd3;font-weight:700}button.danger-text,.danger-text{color:#b42318}input,select{width:100%;min-width:0;border:1px solid #c8cfda;border-radius:6px;background:#fff;color:#1d2433;font-size:14px;padding:8px 10px}label{display:block;margin-bottom:8px;color:#475467;font-size:13px;font-weight:600}section{margin-top:20px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin-bottom:0}.section-heading span{color:#667085;font-size:12px}.login-panel{max-width:440px;margin:96px auto 0;border:1px solid #d9dee8;border-radius:8px;background:#fff;padding:24px}.login-panel h1{margin-bottom:20px}.login-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.install-panel{border:1px solid #d9dee8;border-radius:8px;background:#fff;padding:16px}.install-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:700}.install-panel summary small{color:#667085;font-size:12px;font-weight:500}.install-panel[open] summary{margin-bottom:14px}.install-form{max-width:640px}.install-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.install-result{display:grid;gap:10px;margin-top:14px}.install-result div{display:flex;align-items:baseline;gap:10px}.install-result div span{color:#667085;font-size:12px}pre{overflow-x:auto;margin:0;border:1px solid #d9dee8;border-radius:6px;background:#111827;color:#e5e7eb;font-size:13px;padding:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics div{border:1px solid #d9dee8;border-radius:8px;background:#fff;padding:16px}.metrics div.warn{border-color:#f5c784;background:#fffaf0}.metrics div.danger{border-color:#f3a6a6;background:#fff5f5}.metrics strong{display:block;font-size:26px}.metrics span{color:#667085;font-size:13px}.range-tabs,.filter-form{display:flex;flex-wrap:wrap;gap:8px}.filter-form{margin-bottom:12px}.filter-form input{width:min(180px,100%)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compact-grid{align-items:start}table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid #d9dee8;border-radius:8px;background:#fff}th,td{border-bottom:1px solid #eef1f5;font-size:13px;padding:10px 12px;text-align:left;vertical-align:top}th{background:#f0f3f8;color:#475467;font-weight:600}tr:last-child td{border-bottom:0}tr.account-row-warn td{background:#fffaf0}tr.account-row-blocked td{background:#fff5f5}.quota-list{display:grid;min-width:320px;gap:10px}.quota-item{display:grid;gap:3px}.quota-row{display:grid;grid-template-columns:96px minmax(120px,1fr) 44px;align-items:center;gap:8px}.quota-row span,.quota-reset,.muted{color:#667085}.quota-reset{margin-left:104px;font-size:11px}.quota-item-expired .quota-row>span,.quota-item-expired .quota-reset{color:#98a2b3}.quota-row strong{text-align:right}.muted-line{display:block;margin-top:3px;color:#667085;font-size:11px}.settings-table input,.settings-table select{min-width:72px}.action-cell{display:flex;min-width:220px;flex-wrap:wrap;gap:6px}.inline-check{display:inline-flex;align-items:center;gap:5px;margin:0;color:#475467;font-size:12px;font-weight:500}.inline-check input{width:auto}.quota-track,.usage-track{position:relative;overflow:hidden;height:9px;border-radius:999px;background:#e4e8ef}.quota-track i,.usage-track i{display:block;height:100%;background:#2f80ed}.quota-track i.warn{background:#d9822b}.quota-track i.blocked{background:#d64545}.usage-track{display:flex;width:min(180px,100%);margin-top:6px}.usage-track i.ok{background:#2f9e6d}.usage-track i.fail{background:#d64545}.breakdown-list{display:grid;gap:10px}.breakdown-row{display:grid;grid-template-columns:96px minmax(0,1fr) 42px;align-items:center;gap:10px;max-width:420px;font-size:13px}.breakdown-row strong{text-align:right}.code-with-help{display:grid;gap:1px;cursor:help}.code-with-help strong{text-align:left}.code-with-help small{color:#667085;font-size:11px}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));align-items:end;gap:10px;min-height:148px;border:1px solid #d9dee8;border-radius:8px;background:#fff;padding:16px}.timeline-bar{display:grid;align-items:end;justify-items:center;gap:6px;min-width:0;color:#667085;font-size:11px;text-align:center}.timeline-stack{display:flex;width:100%;max-width:28px;min-height:8px;flex-direction:column-reverse;overflow:hidden;border-radius:5px 5px 2px 2px;background:#e4e8ef}.timeline-stack i{display:block;width:100%}.timeline-stack i.ok{background:#2f9e6d}.timeline-stack i.fail{background:#d64545}.timeline-bar span,.timeline-bar strong{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.timeline-bar strong{color:#1d2433;font-size:11px}.status{display:inline-flex;border-radius:999px;background:#e8f3ff;color:#1457a8;font-weight:600;padding:2px 8px}.status.blocked,.status.disabled{background:#fff1f2;color:#991b1b}.status.pending{background:#fff7ed;color:#9a5b12}.time-stack,.compact-cell{display:grid;gap:3px}.time-stack span,.compact-cell span{color:#667085}.time-stack span:first-child,.compact-cell strong{color:#1d2433}.empty,.empty-panel{color:#667085}.empty-panel{border:1px solid #d9dee8;border-radius:8px;background:#fff;padding:16px}.error{border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#991b1b;padding:16px}@media(max-width:820px){header,.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.install-row{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
