*{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}input{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}.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 strong{display:block;font-size:26px}.metrics span{color:#667085;font-size:13px}.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}.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-row strong{text-align:right}.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:52px minmax(0,1fr) 42px;align-items:center;gap:10px;max-width:360px;font-size:13px}.breakdown-row strong{text-align:right}.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}.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}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}