.dashboard-page{background-color:#f5f5f5;min-height:100vh}.dashboard-page .dashboard-filters{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.dashboard-page .kpi-card{border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.dashboard-page .kpi-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.2);box-shadow:0 6px 20px rgba(0,0,0,.2)}.dashboard-page .kpi-card .kpi-value{font-size:2.5rem;font-weight:700;margin-bottom:4px}.dashboard-page .kpi-card .kpi-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:1px}.dashboard-page .gradient-blue{background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard-page .gradient-green{background:linear-gradient(135deg,#f093fb,#f5576c)}.dashboard-page .gradient-purple{background:linear-gradient(135deg,#4facfe,#00f2fe)}.dashboard-page .gradient-orange{background:linear-gradient(135deg,#43e97b,#38f9d7)}.dashboard-page .chart-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;min-height:400px}.dashboard-page .chart-card:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15)}.dashboard-page .chart-card .chart-title{background-color:#f8f9fa;color:#2c3e50;font-weight:600;padding:16px 20px;margin:0;border-radius:12px 12px 0 0;border-bottom:1px solid #e9ecef}.dashboard-page .chart-card .chart-title .q-icon{color:#3498db}.dashboard-page .action-bar{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:1023px){.dashboard-page .kpi-card .kpi-value{font-size:2rem}.dashboard-page .chart-card{min-height:350px}}@media (max-width:767px){.dashboard-page .kpi-card .kpi-value{font-size:1.8rem}.dashboard-page .chart-card{min-height:300px}.dashboard-page .chart-title{font-size:1rem;padding:12px 16px}}