@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--campai-green: #00C853;--campai-green-light: #69F0AE;--campai-green-dark: #00A844;--campai-green-bg: rgba(0, 200, 83, .08);--campai-navy: #1A1F36;--campai-navy-light: #252B48;--campai-navy-hover: #2D3456;--campai-white: #FFFFFF;--campai-gray-50: #F8F9FA;--campai-gray-100: #F1F3F5;--campai-gray-200: #E9ECEF;--campai-gray-300: #DEE2E6;--campai-gray-600: #868E96;--campai-gray-800: #343A40;--campai-success: #00C853;--campai-warning: #FFB300;--campai-danger: #FF1744;--campai-info: #2979FF;--campai-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--campai-radius: 12px;--campai-radius-sm: 8px;--campai-radius-lg: 16px;--campai-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--campai-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--campai-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--sidebar-width: 240px;--sidebar-collapsed: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--campai-font);font-size:14px;color:var(--campai-gray-800);background:var(--campai-gray-50);line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.app-content{flex:1;margin-left:var(--sidebar-width);padding:24px 32px;transition:margin-left .3s ease}@media (max-width: 900px){.app-content{margin-left:var(--sidebar-collapsed)}}.card{background:var(--campai-white);border-radius:var(--campai-radius);box-shadow:var(--campai-shadow);padding:24px}.card-accent{border-top:3px solid var(--campai-green)}.card-clickable{cursor:pointer;transition:box-shadow .2s,transform .2s}.card-clickable:hover{box-shadow:var(--campai-shadow-md);transform:translateY(-1px)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat-card{padding:20px 24px}.stat-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--campai-gray-600);margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:var(--campai-gray-800)}.stat-trend{font-size:13px;font-weight:600;margin-top:4px}.stat-trend.positive{color:var(--campai-success)}.stat-trend.negative{color:var(--campai-danger)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--campai-radius-sm);font-family:var(--campai-font);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--campai-green);color:#fff}.btn-primary:hover{background:var(--campai-green-dark);box-shadow:var(--campai-shadow-md)}.btn-secondary{background:var(--campai-white);color:var(--campai-green);border:1px solid var(--campai-gray-300)}.btn-secondary:hover{border-color:var(--campai-green);background:var(--campai-green-bg)}.btn-danger{background:var(--campai-danger);color:#fff}.btn-sm{padding:6px 14px;font-size:13px}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--campai-gray-50);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--campai-gray-600);padding:12px 16px;text-align:left;border-bottom:1px solid var(--campai-gray-200)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--campai-gray-200);vertical-align:middle}.data-table tr:hover td{background:var(--campai-gray-50)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-success{color:#00a844;background:#00c8531a}.badge-warning{color:#e6a000;background:#ffb3001a}.badge-danger{color:#e0143c;background:#ff17441a}.badge-info{color:#1565c0;background:#2979ff1a}.badge-neutral{color:var(--campai-gray-600);background:var(--campai-gray-100)}input,select{font-family:var(--campai-font);font-size:14px;padding:10px 14px;border:1px solid var(--campai-gray-300);border-radius:var(--campai-radius-sm);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--campai-green);box-shadow:0 0 0 3px #00c85326}h1{font-size:28px;font-weight:700;color:var(--campai-gray-800)}h2{font-size:22px;font-weight:700;color:var(--campai-gray-800)}h3{font-size:18px;font-weight:700;color:var(--campai-gray-800)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.spinner{width:32px;height:32px;border:3px solid var(--campai-gray-200);border-top-color:var(--campai-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.live-pulse-dot{width:8px;height:8px;border-radius:50%;background:#00c853;display:inline-block;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.loading-container{display:flex;align-items:center;justify-content:center;padding:60px 0}.empty-state{text-align:center;padding:60px 20px;color:var(--campai-gray-600)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--campai-gray-100)}::-webkit-scrollbar-thumb{background:var(--campai-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--campai-gray-600)}.sidebar-section{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffffff40;padding:12px 24px 4px;margin-top:4px}.summary-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.summary-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--campai-radius-sm);background:var(--campai-white);border:2px solid var(--campai-gray-300);box-shadow:var(--campai-shadow);min-width:80px;gap:2px}.summary-chip .value{font-size:20px;font-weight:700;color:var(--campai-gray-800);line-height:1.1}.summary-chip .label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--campai-gray-600)}.summary-chip.accent{border-color:var(--campai-info)}.summary-chip.accent .value{color:var(--campai-info)}.summary-chip.purple{border-color:#7c3aed}.summary-chip.purple .value{color:#7c3aed}.summary-chip.warning{border-color:var(--campai-warning)}.summary-chip.warning .value{color:#e6a000}.summary-chip.success{border-color:var(--campai-success)}.summary-chip.success .value{color:var(--campai-success)}.summary-chip.danger{border-color:var(--campai-danger)}.summary-chip.danger .value{color:var(--campai-danger)}.summary-chip.orange{border-color:#fb8c00}.summary-chip.orange .value{color:#fb8c00}.tab-row{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid var(--campai-gray-200)}.tab-btn{padding:10px 20px;font-size:13px;font-weight:600;border:none;background:none;cursor:pointer;color:var(--campai-gray-600);border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--campai-font);transition:all .15s;white-space:nowrap}.tab-btn:hover{color:var(--campai-gray-800);background:var(--campai-gray-50)}.tab-btn.active{color:var(--campai-green-dark);border-bottom-color:var(--campai-green)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:20px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;background:var(--campai-white);border-radius:var(--campai-radius);box-shadow:var(--campai-shadow);margin-bottom:20px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid var(--campai-gray-300);background:#fff;color:var(--campai-gray-600);font-family:var(--campai-font);transition:all .15s}.filter-chip:hover{border-color:var(--campai-green);color:var(--campai-gray-800)}.filter-chip.active{background:var(--campai-navy);color:#fff;border-color:var(--campai-navy)}