.dashboard-main-container{display:flex;flex-direction:column;gap:24px;width:100%}.dashboard-export-row{display:flex;justify-content:flex-end;margin-bottom:-10px}.btn-export{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #fff;border-radius:20px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-export:hover{background:rgba(255,255,255,.1)}.dashboard-panel{background-color:#383A41;border-radius:12px;padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.dashboard-card{background-color:#ffffff;border-radius:10px;padding:20px 24px;color:#1a1a1a;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.kpi-header{gap:12px;margin-bottom:24px}.kpi-header,.kpi-icon-wrapper{display:flex;align-items:center}.kpi-icon-wrapper{width:32px;height:32px;border-radius:50%;background-color:#E8F5E9;color:#4CAF50;justify-content:center;font-size:18px}.kpi-title{font-size:15px!important;font-weight:600;color:#333;margin:0}.kpi-value{font-size:32px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.1}.kpi-subtitle{font-size:13px;color:#888;margin:0}.kpi-trend-positive{color:#4CAF50;font-weight:500}.dashboard-charts-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.chart-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.chart-title{font-size:16px!important;font-weight:600;color:#111;margin:0}.chart-subtitle{font-size:12px!important;color:#888;margin:0 0 24px}.health-legend{margin-top:auto;display:flex;flex-direction:column;gap:12px;width:100%}.health-legend-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#333}.legend-label{display:flex;align-items:center;gap:8px;font-weight:500}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-value{font-weight:700;color:#111}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.campaigns-header .chart-header{margin-bottom:0}.view-all-link{font-size:13px;color:#888;text-decoration:none;font-weight:500}.view-all-link:hover{text-decoration:underline}.campaigns-list{display:flex;flex-direction:column;gap:12px}.campaign-row{border:1px solid #e5e7eb;border-radius:8px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.campaign-info-left{display:flex;flex-direction:column;gap:8px}.campaign-name{font-size:15px!important;font-weight:600;color:#111;margin:0}.campaign-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#666;flex-wrap:wrap}.badge-active{background-color:#E8F5E9;color:#4CAF50}.badge-active,.badge-paused{padding:4px 10px;border-radius:4px;font-weight:600;font-size:12px}.badge-paused{background-color:#FFF3E0;color:#FF9800}.campaign-stats-right{display:flex;align-items:center;gap:24px}.stat-block{display:flex;flex-direction:column;align-items:flex-end}.stat-value{font-size:16px;font-weight:700;color:#111;line-height:1.2}.stat-label{font-size:12px;color:#888}.action-btn{background:transparent;width:32px;height:32px;border:1px solid #4caf50;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#4CAF50;cursor:pointer;transition:all .2s}.action-btn.paused{border-color:#FF9800;color:#FF9800}.action-btn:hover{background-color:rgba(0,0,0,.05)}@media (max-width:1200px){.dashboard-charts-row{grid-template-columns:1fr}}@media (max-width:900px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.campaign-row{flex-direction:column;align-items:flex-start;gap:16px}.campaign-stats-right{width:100%;justify-content:space-between}}@media (max-width:600px){.dashboard-kpi-grid{grid-template-columns:1fr}}.dashboard-spinner{animation:dash-spin 1s linear infinite}@keyframes dash-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}