.dashboard-page{flex-direction:column;gap:16px;display:flex}.dashboard-loading{text-align:center;padding:96px 0}.dashboard-hero{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-hero-subtitle{color:#8c8c8c;margin:8px 0 0}.dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-stat-card{cursor:pointer;background:linear-gradient(#fff 0%,#fcfcfc 100%);border:1px solid #f0f0f0;border-radius:16px;align-items:center;gap:16px;width:100%;padding:22px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 10px 24px #0f172a0f}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a1a}.dashboard-stat-card--blue:hover{border-color:#91caff}.dashboard-stat-card--orange:hover{border-color:#ffd591}.dashboard-stat-card--green:hover{border-color:#b7eb8f}.dashboard-stat-card--purple:hover{border-color:#d3adf7}.dashboard-stat-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:inline-flex}.dashboard-stat-card--blue .dashboard-stat-icon{color:#1677ff;background:#e6f4ff}.dashboard-stat-card--orange .dashboard-stat-icon{color:#fa8c16;background:#fff7e6}.dashboard-stat-card--green .dashboard-stat-icon{color:#52c41a;background:#f6ffed}.dashboard-stat-card--purple .dashboard-stat-icon{color:#722ed1;background:#f9f0ff}.dashboard-stat-content{flex-direction:column;min-width:0;display:flex}.dashboard-stat-title{color:#595959}.dashboard-stat-value{color:#1f1f1f;margin-top:6px;font-size:34px;font-weight:700;line-height:1}.dashboard-stat-helper{color:#8c8c8c;margin-top:8px}.dashboard-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.9fr);align-items:start;gap:16px;display:grid}.dashboard-main-column,.dashboard-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex}.dashboard-card{border-radius:16px;box-shadow:0 10px 24px #0f172a0d}.dashboard-card .ant-card-head{min-height:58px}.dashboard-card .ant-card-head-title{font-size:18px;font-weight:700}.dashboard-empty-state{color:#999;text-align:center;padding:48px 0}.dashboard-todo-item .ant-list-item-action{margin-inline-start:16px}.dashboard-todo-title{color:#1f1f1f;font-weight:600}.dashboard-todo-description{flex-direction:column;gap:4px;margin-top:4px;display:flex}.dashboard-customer-item{cursor:pointer}.dashboard-customer-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-customer-name{color:#1f1f1f;font-weight:600}.dashboard-customer-meta{justify-content:space-between;gap:12px;margin-top:4px;display:flex}.dashboard-shortcuts{flex-wrap:wrap;gap:12px;display:flex}.dashboard-stage-list{flex-direction:column;gap:16px;display:flex}.dashboard-stage-row{flex-direction:column;gap:8px;display:flex}.dashboard-stage-header{color:#434343;justify-content:space-between;font-weight:500;display:flex}@media (width<=1400px){.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.dashboard-main-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.dashboard-hero{flex-direction:column;align-items:stretch}.dashboard-stats-grid{grid-template-columns:minmax(0,1fr)}.dashboard-customer-meta{flex-direction:column;gap:4px}}.weekly-detail-body{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:16px;display:grid}.weekly-detail-main,.weekly-detail-sidebar{min-width:0}@media (width<=1100px){.weekly-detail-body{grid-template-columns:minmax(0,1fr)}}.usage-stats-page{width:100%}.usage-stats-filters{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.usage-stats-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.usage-stats-metric{cursor:pointer;border:1px solid #f0f0f0;min-height:142px;transition:border-color .16s,background-color .16s,box-shadow .16s}.usage-stats-metric-active{background:#f0f7ff;border-color:#1677ff;box-shadow:inset 0 0 0 1px #1677ff}.usage-stats-metric-description{font-size:12px;line-height:1.5;display:block}.usage-stats-metric-unit{font-size:15px;font-weight:400}.usage-stats-grid{align-items:stretch;gap:16px;display:grid}.usage-stats-grid-top{grid-template-columns:minmax(0,1.86fr) minmax(300px,1fr)}.usage-stats-grid-bottom{grid-template-columns:minmax(300px,1fr) minmax(0,1.86fr);align-items:start}.usage-stats-grid-module-selected{grid-template-columns:minmax(0,1fr)}.usage-stats-rank-row{width:100%;color:inherit;text-align:left;cursor:default;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:minmax(90px,.72fr) minmax(120px,1.8fr) auto;align-items:center;gap:10px;padding:4px 8px;display:grid}.usage-stats-rank-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usage-stats-rank-name small{color:#8c8c8c;margin-left:16px;font-size:12px;display:block}.usage-stats-module-dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.usage-stats-rank-track{background:#f0f0f0;border-radius:8px;height:8px;display:block;overflow:hidden}.usage-stats-rank-track>span{border-radius:inherit;height:100%;display:block}.usage-stats-rank-row strong{white-space:nowrap}.usage-stats-module-row{grid-template-columns:88px minmax(70px,1fr) auto;align-items:center;gap:10px;display:grid}.usage-stats-module-value{white-space:nowrap}.usage-stats-highlight-column{background:#f0f7ff;font-weight:600}.usage-stats-highlight-value{background:#f0f7ff;border-radius:3px;padding:2px 4px;font-weight:600}.usage-feature-operators-drawer .ant-drawer-body{overflow-x:hidden}@media (width<=900px){.usage-stats-grid-top,.usage-stats-grid-bottom{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.usage-feature-operators-drawer .ant-drawer-content-wrapper{width:100vw!important}.usage-stats-metrics{grid-template-columns:minmax(0,1fr)}.usage-stats-metric{min-height:auto}.usage-stats-rank-row{grid-template-columns:minmax(82px,.8fr) minmax(70px,1fr) auto;gap:6px}.usage-stats-module-row{grid-template-columns:78px minmax(45px,1fr) auto;gap:6px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100vh}