.smate-dashboard-page{flex-direction:column;flex-grow:1;gap:20px;width:100%;display:flex}.smate-dashboard-content{flex-direction:column;gap:20px;width:100%;transition:opacity .2s;display:flex}.smate-dashboard-content.smate-db-loading{opacity:.55;pointer-events:none}.smate-dashboard-content .smate-db-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.smate-dashboard-content .smate-db-filter-bar .smate-db-page-subtitle{color:#6b7280;font-size:14px;font-weight:500}.smate-dashboard-content .smate-db-filter-bar .smate-dropdown-container{width:170px}.smate-dashboard-content .smate-kpi-strip{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;transition:all .3s linear;display:flex;box-shadow:0 1px 3px #0000000d}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000012}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card.smate-kpi-gold .smate-kpi-icon{color:#b8860b;background:#b8860b1a}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card.smate-kpi-silver .smate-kpi-icon{color:#6b7a8f;background:#6b7a8f1a}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card.smate-kpi-revenue .smate-kpi-icon{color:#5b47e0;background:#5b47e01a}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card.smate-kpi-customers .smate-kpi-icon{color:#0d9488;background:#0d94881a}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-body{flex-direction:column;gap:4px;min-width:0;display:flex}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-label{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-amount{color:#1c1c1c;letter-spacing:-.3px;font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:21px;font-weight:700;display:flex}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-amount-plain{gap:0}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-meta{color:#6b7280;align-items:center;gap:8px;font-size:12px;display:flex}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-meta .smate-kpi-dot{background-color:#6b7280;border-radius:50%;flex-shrink:0;width:3px;height:3px}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-growth{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-growth.smate-kpi-growth-up{color:#16a34a}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-growth.smate-kpi-growth-down{color:#dc2626}.smate-dashboard-content .smate-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:20px;box-shadow:0 1px 3px #0000000d}.smate-dashboard-content .smate-panel-header{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.smate-dashboard-content .smate-db-title{color:#1c1c1c;letter-spacing:-.2px;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.smate-dashboard-content .smate-db-title svg{color:#e93558}.smate-dashboard-content .smate-db-subtitle{color:#6b7280;margin-left:26px;font-size:12.5px}.smate-dashboard-content .smate-db-chart{min-height:330px}.smate-dashboard-content .smate-db-secondary{grid-template-columns:1fr 2fr;align-items:stretch;gap:16px;width:100%;display:grid}.smate-dr-content{flex-direction:column;gap:4px;width:100%;display:flex}.smate-dr-content .smate-dr-item{cursor:pointer;color:#1c1c1c;background-color:#0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;transition:all .3s linear;display:flex}.smate-dr-content .smate-dr-item:hover{background-color:#f5f5f5}@media (max-width:1200px){.smate-dashboard-content .smate-kpi-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.smate-dashboard-content .smate-db-secondary{grid-template-columns:1fr}}@media (max-width:640px){.smate-dashboard-content{gap:16px}.smate-dashboard-content .smate-db-filter-bar .smate-dropdown-container{width:100%}.smate-dashboard-content .smate-kpi-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin:0 -16px;padding-bottom:4px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.smate-dashboard-content .smate-kpi-strip::-webkit-scrollbar{display:none}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card{scroll-snap-align:start;flex:0 0 82%}.smate-dashboard-content .smate-panel,.smate-dashboard-content .smate-kpi-card{padding:16px}}@media (prefers-reduced-motion:reduce){.smate-kpi-card{transition:none}.smate-kpi-card:hover{transform:none}}