.dashboard-main-container{flex-direction:column;gap:24px;width:100%;display:flex}.dashboard-export-row{justify-content:flex-end;margin-bottom:-10px;display:flex}.btn-export{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.btn-export:hover{background:#ffffff1a}.dashboard-panel{background-color:#383a41;border-radius:12px;min-width:0;padding:18px;box-shadow:inset 0 0 0 1px #ffffff0d}.dashboard-card{color:#1a1a1a;background-color:#fff;border-radius:10px;flex-direction:column;height:100%;padding:20px 24px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.kpi-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.kpi-icon-wrapper{color:#4caf50;background-color:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.kpi-title{color:#333;margin:0;font-weight:600;font-size:15px!important}.kpi-value{color:#111;margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.1}.kpi-subtitle{color:#888;margin:0;font-size:13px}.kpi-trend-positive{color:#4caf50;font-weight:500}.dashboard-charts-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.chart-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.chart-title{color:#111;margin:0;font-weight:600;font-size:16px!important}.chart-subtitle{color:#888;margin:0 0 24px;font-size:12px!important}.health-legend{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}.health-legend-item{color:#333;justify-content:space-between;align-items:center;font-size:12px;display:flex}.legend-label{align-items:center;gap:8px;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-value{color:#111;font-weight:700}.campaigns-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.campaigns-header .chart-header{margin-bottom:0}.view-all-link{color:#888;font-size:13px;font-weight:500;text-decoration:none}.view-all-link:hover{text-decoration:underline}.campaigns-list{flex-direction:column;gap:12px;display:flex}.campaign-row{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.campaign-info-left{flex-direction:column;gap:8px;display:flex}.campaign-name{color:#111;margin:0;font-weight:600;font-size:15px!important}.campaign-meta{color:#666;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.badge-active{color:#4caf50;background-color:#e8f5e9;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.badge-paused{color:#ff9800;background-color:#fff3e0;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.campaign-stats-right{align-items:center;gap:24px;display:flex}.stat-block{flex-direction:column;align-items:flex-end;display:flex}.stat-value{color:#111;font-size:16px;font-weight:700;line-height:1.2}.stat-label{color:#888;font-size:12px}.action-btn{color:#4caf50;cursor:pointer;background:0 0;border:1px solid #4caf50;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn.paused{color:#ff9800;border-color:#ff9800}.action-btn:hover{background-color:#0000000d}@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{justify-content:space-between;width:100%}}@media (max-width:600px){.dashboard-kpi-grid{grid-template-columns:1fr}}.dashboard-skeleton{flex-direction:column;gap:24px;padding:18px;display:flex}.dashboard-card-skeleton{gap:12px}.skeleton-line{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.5s infinite shimmer}.skeleton-line-sm{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:6px;width:40%;height:14px;animation:1.5s infinite shimmer}.skeleton-line-lg{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:6px;width:80%;height:32px;animation:1.5s infinite shimmer}.skeleton-line-xs{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:6px;width:30%;height:12px;animation:1.5s infinite shimmer}.skeleton-block{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:8px;flex:1;min-height:200px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-spinner{animation:1s linear infinite dash-spin}@keyframes dash-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}