.smate-dashboard-page{flex-grow:1}.smate-dashboard-content,.smate-dashboard-page{display:flex;flex-direction:column;gap:20px;width:100%}.smate-dashboard-content{transition:opacity .2s ease}.smate-dashboard-content.smate-db-loading{opacity:.55;pointer-events:none}.smate-dashboard-content .smate-db-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.smate-dashboard-content .smate-db-filter-bar .smate-db-page-subtitle{font-size:14px;color:#6b7280;font-weight:500}.smate-dashboard-content .smate-db-filter-bar .smate-dropdown-container{width:170px}.smate-dashboard-content .smate-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card{display:flex;align-items:flex-start;gap:14px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .3s linear}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.07);transform:translateY(-1px)}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;flex-shrink:0}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card.smate-kpi-gold .smate-kpi-icon{background:rgba(184,134,11,.1);color:#b8860b}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card.smate-kpi-silver .smate-kpi-icon{background:rgba(107,122,143,.1);color:#6b7a8f}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card.smate-kpi-revenue .smate-kpi-icon{background:rgba(91,71,224,.1);color:#5b47e0}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card.smate-kpi-customers .smate-kpi-icon{background:rgba(13,148,136,.1);color:#0d9488}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-body{display:flex;flex-direction:column;gap:4px;min-width:0}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-label{font-size:12.5px;font-weight:500;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-amount{display:flex;align-items:center;gap:2px;font-size:21px;font-weight:700;color:#1c1c1c;letter-spacing:-.3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.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{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-meta .smate-kpi-dot{width:3px;height:3px;border-radius:50%;background-color:#6b7280;flex-shrink:0}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card .smate-kpi-growth{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.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;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.05);width:100%}.smate-dashboard-content .smate-panel-header{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.smate-dashboard-content .smate-db-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#1c1c1c;font-size:15px;letter-spacing:-.2px}.smate-dashboard-content .smate-db-title svg{color:#e93558}.smate-dashboard-content .smate-db-subtitle{font-size:12.5px;color:#6b7280;margin-left:26px}.smate-dashboard-content .smate-db-chart{min-height:330px}.smate-dashboard-content .smate-db-secondary{display:grid;grid-template-columns:1fr 2fr;gap:16px;width:100%;align-items:stretch}.smate-dr-content{display:flex;flex-direction:column;gap:4px;width:100%}.smate-dr-content .smate-dr-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background-color:rgba(0,0,0,0);border-radius:8px;transition:all .3s linear;width:100%;cursor:pointer;font-size:13px;color:#1c1c1c}.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{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.smate-dashboard-content .smate-kpi-strip::-webkit-scrollbar{display:none}.smate-dashboard-content .smate-kpi-strip .smate-kpi-card{flex:0 0 82%;scroll-snap-align:start}.smate-dashboard-content .smate-kpi-card,.smate-dashboard-content .smate-panel{padding:16px}}@media(prefers-reduced-motion:reduce){.smate-kpi-card{transition:none}.smate-kpi-card:hover{transform:none}}