.campaigns-list{flex-direction:column;gap:20px;max-width:900px;display:flex}.campaign-card{padding:24px}.campaign-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.campaign-name{margin-bottom:8px;font-size:1.25rem;font-weight:700}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-active{color:#10b981;background:#10b98133}.status-completed{color:#3b82f6;background:#3b82f633}.status-draft{color:#9ca3af;background:#6b728033}.campaign-metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric-box{background:#0003;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:.8rem}.metric-value{color:var(--text-primary);font-size:1.5rem;font-weight:800}.metric-sub{color:var(--text-muted);margin-top:4px;font-size:.75rem}.progress-container{background:#0000001a;border-radius:8px;padding:16px}.progress-labels{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.progress-bar-bg{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:4px;height:100%;transition:width 1s ease-out}
