.usage-dashboard{max-width:1440px;margin:0 auto;padding:30px 34px 48px;color:#12233b;background:#f6f8fb}.dashboard-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.dashboard-header h2{margin:3px 0 6px;font-size:30px;letter-spacing:-.025em}.dashboard-header p{margin:0;color:#59697d}.dashboard-account{min-width:210px;padding:12px 15px;border:1px solid #d7e1ed;border-radius:10px;background:#fff;display:grid;gap:3px}.dashboard-account span,.dashboard-section-head span{font-size:12px;color:#68778a}.dashboard-order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.dashboard-metric-card{appearance:none;text-align:left;background:#fff;border:1px solid #d8e2ed;border-radius:12px;padding:18px;color:#162942;cursor:pointer;box-shadow:0 2px 6px rgba(20,42,72,.04)}.dashboard-metric-card:hover,.dashboard-metric-card:focus-visible{border-color:#3b82c4;box-shadow:0 0 0 3px rgba(59,130,196,.12)}.dashboard-metric-card span{display:block;font-size:13px;font-weight:700;color:#52647a}.dashboard-metric-card strong{display:block;font-size:30px;margin:9px 0 4px}.dashboard-metric-card small{color:#718096}.dashboard-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px}.dashboard-section-head h3,.dashboard-panel h3{font-size:17px;margin:0}.dashboard-text-button{border:0;background:transparent;color:#1f65a5;font-weight:700;cursor:pointer}.dashboard-two-column{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px;margin-bottom:16px}.dashboard-panel{background:#fff;border:1px solid #dbe4ee;border-radius:12px;padding:20px;min-width:0}.dashboard-usage-list,.dashboard-activity-list{display:grid;gap:1px}.dashboard-usage-row{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:13px 0;border-bottom:1px solid #edf1f5}.dashboard-usage-row:last-child{border-bottom:0}.dashboard-usage-copy{display:grid;gap:3px}.dashboard-usage-copy span,.dashboard-usage-row.is-untracked span{font-size:12px;color:#718096}.dashboard-usage-row b,.dashboard-usage-row em{font-size:12px;color:#34506e;font-style:normal}.dashboard-progress{grid-column:1/-1;height:7px;background:#e9eff5;border-radius:4px;overflow:hidden}.dashboard-progress span{display:block;height:100%;background:#2c72b2;border-radius:4px}.dashboard-usage-row.is-untracked{opacity:.76}.dashboard-activity-list button{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:11px 2px;text-align:left;color:inherit;cursor:pointer}.dashboard-activity-mark{width:8px;height:8px;border-radius:50%;background:#3b82c4}.dashboard-activity-list button span:nth-child(2){display:grid;gap:3px}.dashboard-activity-list small,.dashboard-activity-list time{font-size:12px;color:#718096}.dashboard-detail-list{margin:13px 0;display:grid}.dashboard-detail-list div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf1f5}.dashboard-detail-list dt{color:#68778a}.dashboard-detail-list dd{margin:0;font-weight:700;text-align:right}.dashboard-actions{margin-top:15px}.dashboard-unavailable{padding:18px 0 12px}.dashboard-unavailable p{color:#68778a;line-height:1.5}.dashboard-warnings:empty{display:none}.dashboard-warnings{display:grid;gap:8px;margin-bottom:16px}.dashboard-warning{padding:11px 14px;border:1px solid #efd395;border-left:4px solid #c98a14;background:#fffaf0;border-radius:8px;color:#714d0b;font-weight:650}.dashboard-trend{margin-top:0}.dashboard-segmented{display:flex;border:1px solid #d7e1ec;border-radius:8px;overflow:hidden}.dashboard-segmented button{border:0;border-right:1px solid #d7e1ec;background:#fff;padding:8px 11px;color:#536579;cursor:pointer}.dashboard-segmented button:last-child{border-right:0}.dashboard-segmented button.active{background:#eaf2fa;color:#185b96;font-weight:700}.dashboard-bars{height:210px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:end;padding:22px 14px 0;border-bottom:1px solid #dce5ee}.dashboard-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.dashboard-bars span{position:relative;width:min(52px,70%);min-height:2px;background:#347bb7;border-radius:5px 5px 0 0}.dashboard-bars b{position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-size:12px}.dashboard-bars small{color:#68778a}.dashboard-empty{display:grid;gap:6px;text-align:center;padding:34px 20px;color:#596a7e}.dashboard-empty span{font-size:13px}.dashboard-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-skeleton span{height:115px;border-radius:12px;background:linear-gradient(90deg,#edf1f5,#f8fafc,#edf1f5);background-size:200% 100%;animation:dashboardPulse 1.2s infinite}.dashboard-error{text-align:center;padding:70px 20px}.dashboard-error strong{display:block;margin-bottom:15px}@keyframes dashboardPulse{to{background-position:-200% 0}}body.usage-dashboard-active .workspace,body.usage-dashboard-active .results-panel{display:none!important}
@media(max-width:1050px){.usage-dashboard{padding:24px}.dashboard-order-grid{grid-template-columns:repeat(2,1fr)}.dashboard-two-column{grid-template-columns:1fr}.dashboard-skeleton{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.usage-dashboard{padding:18px 14px 34px}.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-header h2{font-size:26px}.dashboard-account{min-width:0}.dashboard-order-grid{grid-template-columns:1fr}.dashboard-panel{padding:17px}.dashboard-section-head{align-items:flex-start;flex-direction:column}.dashboard-segmented{width:100%;overflow-x:auto}.dashboard-segmented button{flex:1;min-width:max-content}.dashboard-skeleton{grid-template-columns:1fr}.dashboard-bars{gap:7px;padding-inline:2px}.dashboard-bars span{width:55%}}
.dashboard-skeleton span{background:#edf1f5;background-size:auto;animation:dashboardFade 1.2s ease-in-out infinite alternate}
@keyframes dashboardFade{to{opacity:.48}}
.dashboard-metric-card{display:grid;grid-template-columns:1fr;align-content:start;gap:0}
.dashboard-usage-row.is-untracked>div{display:grid;gap:3px}
body.usage-dashboard-active .app-top-nav{width:100%;max-width:100vw;overflow-x:auto;overflow-y:visible;box-sizing:border-box}
@media(max-width:640px){body.usage-dashboard-active .app-top-nav{scrollbar-width:none}body.usage-dashboard-active .app-top-nav::-webkit-scrollbar{display:none}}