:root{color:#102033;background:#eef2f5;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{min-height:100vh;padding:28px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:#00766c;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:17px}.connect{display:grid;grid-template-columns:minmax(180px,240px) minmax(220px,280px) 88px;gap:10px;align-items:end}label{display:grid;gap:6px;color:#5f7187;font-size:12px;font-weight:700}input{width:100%;height:38px;border:1px solid #cfd9e3;border-radius:6px;padding:0 10px;color:#102033;background:#fff}button{height:38px;border:0;border-radius:6px;color:#fff;background:#00766c;font-weight:800;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.notice{margin-bottom:16px;border:1px solid #e9b2aa;border-radius:6px;padding:12px;color:#8e2f22;background:#fff4f2}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric,.panel{border:1px solid #d8e0e8;border-radius:8px;background:#fff;box-shadow:0 10px 24px #2635440a}.metric{display:grid;gap:8px;min-height:116px;padding:16px}.metric span,.metric small,.panel-title span,.row small{color:#64758a}.metric strong{font-size:28px;line-height:1}.metric.warn strong{color:#b54708}.grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:14px;align-items:start}.panel{min-width:0;overflow:hidden}.panel.wide{grid-row:span 2}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5;padding:14px 16px}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{border-bottom:1px solid #edf1f5;padding:12px 14px;text-align:left;vertical-align:middle;font-size:13px}th{color:#65768a;font-weight:700;background:#fafbfc}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rows{display:grid}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;border-bottom:1px solid #edf1f5;padding:12px 16px}.row:last-child,tr:last-child td{border-bottom:0}.row div{min-width:0;display:grid;gap:4px}.row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:56px;border-radius:999px;padding:4px 8px;color:#57687c;background:#edf2f6;font-size:12px;font-weight:800;white-space:nowrap}.paid,.succeeded,.resolved{color:#00766c;background:#e3f5f0}.failed,.rejected,.refunded{color:#a13425;background:#fff0ed}.queued,.reviewing-input,.generating,.reviewing-output,.pending,.open,.reviewing{color:#8a5a00;background:#fff5dd}@media (max-width: 1040px){.topbar{align-items:stretch;flex-direction:column}.connect,.metrics,.grid{grid-template-columns:1fr}.panel.wide{grid-row:auto}}@media (max-width: 640px){.shell{padding:16px}h1{font-size:25px}.connect{gap:8px}table{display:block;overflow-x:auto}th,td{min-width:96px}}