.dashboard-page{width:100%;max-width:1680px;min-height:100%;margin:0 auto;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(41,93,226,.9882352941176471);color:#263445}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.25}h2{font-size:16px;color:#3f4d5f}.dashboard-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:14px;padding:0 4px}.eyebrow{margin-bottom:4px;color:#9aa6b5;font-size:10px;letter-spacing:1.8px}.panel-heading p,.updated-at{color:#98a4b3;font-size:12px}.dashboard-row,.ranking-grid{display:grid;gap:14px;margin-bottom:14px}.dashboard-row--overview{grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr)}.dashboard-row--trend{grid-template-columns:minmax(300px,.72fr) minmax(0,1.58fr)}.dashboard-row--insights,.ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{min-width:0;padding:16px;border:1px solid #edf0f4;border-radius:12px;background:#fff;-webkit-box-shadow:0 4px 14px rgba(39,55,75,.04);box-shadow:0 4px 14px rgba(39,55,75,.04)}.metric-card__compare,.metric-card__top,.panel-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.panel-heading{margin-bottom:12px}.panel-heading h2{margin-bottom:4px}.panel-tag,.status-dot{padding:4px 9px;border-radius:12px;color:#4c7fe7;background:#edf4ff;font-size:11px;white-space:nowrap}.status-dot{color:#e7933d;background:#fff4e7}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card{min-height:94px;padding:12px 13px;border-radius:8px;background:#eef8ff;border-top:3px solid #4c8bf5}.metric-card.cyan{border-color:#36b8a0;background:#effbf8}.metric-card.violet{border-color:#8b70dc;background:#f6f2ff}.metric-card.orange{border-color:#f1a14b;background:#fff7ee}.metric-card.gray{border-color:#aab4c2;background:#f5f7fa}.metric-card__top{color:#68778a;font-size:12px}.metric-card>strong{display:block;margin:8px 0 6px;color:#263445;font-size:21px;line-height:1}.metric-card__compare{color:#9ca8b7;font-size:10px}.trend-up{color:#f06e6e}.chart{height:246px}.chart--overview{height:250px}.chart--large{height:264px}.data-note{padding:8px 10px;border-radius:6px;color:#9b7446;background:#fff8ed;font-size:11px}.detail-list>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;min-height:56px;padding:0 4px;border-bottom:1px solid #eef1f5;color:#6f7e90}.detail-list>div:last-child{border-bottom:0}.detail-list strong{color:#344255;text-align:right}.detail-list .pending-value{color:#d4954b;font-size:12px}.funnel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:8px}.funnel-step{display:grid;grid-template-columns:auto auto auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px 12px;width:100%;padding:11px 16px;border:0;color:#324158;background:#ffd095;text-align:left;cursor:pointer;-webkit-transition:-webkit-transform .2s,-webkit-filter .2s;transition:-webkit-transform .2s,-webkit-filter .2s;transition:transform .2s,filter .2s;transition:transform .2s,filter .2s,-webkit-transform .2s,-webkit-filter .2s;-webkit-clip-path:polygon(4% 0,96% 0,90% 100%,10% 100%);clip-path:polygon(4% 0,96% 0,90% 100%,10% 100%)}.funnel-step:nth-child(2){width:86%}.funnel-step:nth-child(3){width:70%}.funnel-step:nth-child(4){width:54%}.funnel-step.cyan{background:#81d4c7}.funnel-step.violet{background:#9eb9fa}.funnel-step.orange{background:#ffad83}.funnel-step:hover{z-index:1;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(.98);filter:brightness(.98)}.funnel-step strong{font-size:16px}.funnel-step small{grid-column:auto;color:rgba(50,65,88,.65);font-size:10px}.table-scroll{overflow-x:auto}.realtime-table{min-height:182px}table{width:100%;min-width:360px;border-collapse:collapse;font-size:12px}td,th{padding:9px 8px;border-bottom:1px solid #eef1f5;text-align:left;white-space:nowrap}th{color:#7b8899;background:#f2f7ff;font-weight:400}td{color:#4f5e71}.empty{padding:34px 8px;color:#aab4c1;text-align:center}.rank-number{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20px;height:20px;border-radius:50%;color:#7f8da0;background:#eef2f7;font-size:11px}.rank-number.top{color:#fff;background:#f2a04b}@media (max-width:1399px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-row--overview{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}}@media (max-width:1199px){.dashboard-row--overview,.dashboard-row--trend{grid-template-columns:1fr}.dashboard-row--insights,.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-panel:last-child{grid-column:span 2}}@media (max-width:767px){.dashboard-page{padding:12px}.dashboard-header,.updated-at{display:block}.updated-at{margin-top:8px}.dashboard-row--insights,.metric-grid,.ranking-grid{grid-template-columns:1fr}.ranking-panel:last-child{grid-column:auto}.metric-card{min-height:88px}.chart,.chart--large,.chart--overview{height:230px}h1{font-size:21px}}.pie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pie-cell{min-width:0}.pie-title{margin:0 0 2px;color:#3f4d5f;font-size:13px;font-weight:500;text-align:center}.chart--pie{height:156px}.scroll-wrap{overflow-x:auto}.scroll-wrap .scroll-head thead tr th{border-bottom:1px solid #dce5f2}.scroll-viewport{overflow:hidden}.scroll-track{width:100%;will-change:transform}.scroll-track .scroll-body{margin:0}.scroll-viewport--5,.scroll-wrap--auto .scroll-viewport{height:172px}.scroll-viewport--5 .scroll-track,.scroll-wrap--auto .scroll-track{-webkit-animation:dashboard-scroll-up 28s linear infinite;animation:dashboard-scroll-up 28s linear infinite}.scroll-viewport--5:hover .scroll-track,.scroll-wrap--auto:hover .scroll-track{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes dashboard-scroll-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes dashboard-scroll-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.ellipsis-cell{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}