@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{font-family:Arial,sans-serif}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px}button:hover{background-color:#2188f69e}.login-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-card{background:#fff;font-family:Inter,sans-serif;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem}.login-icon{color:#0ea5e9;font-size:3rem;margin-bottom:1rem}.login-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.login-header p{font-size:.875rem}.login-form{margin-bottom:2rem}.demo-users{border-top:1px solid #e5e7eb;padding-top:2rem}.demo-users h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.demo-users p{color:#6b7280;font-size:.8rem;margin:0 0 1.5rem}.demo-user-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.demo-user-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .15s ease-in-out}.demo-user-card:hover{background:#fff;border-color:#0ea5e9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.demo-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.demo-info{display:flex;flex-direction:column;gap:.25rem}.demo-info strong{color:#1f2937;font-size:.875rem}.demo-info span{color:#6b7280;font-size:.75rem}.demo-info small{color:#9ca3af;font-size:.7rem}.user-profile{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-family:Inter,sans-serif;overflow:hidden}.profile-header{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;gap:1rem;padding:1.5rem}.profile-avatar{border:3px solid #fff3;font-size:1.5rem;font-weight:700;height:56px;width:56px}.profile-info h3{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.profile-info p{font-size:.875rem;margin:0 0 .25rem;opacity:.9}.profile-email{font-size:.75rem;opacity:.8}.logout-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin:1rem 1.5rem 1.5rem;padding:.75rem 1rem;transition:all .15s ease-in-out;width:calc(100% - 3rem)}.logout-btn:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width:768px){.login-card{margin:1rem;max-width:none;padding:1.5rem}.demo-user-grid{gap:.5rem}.demo-user-card{gap:.75rem;padding:.75rem}.demo-avatar{font-size:1rem;height:40px;width:40px}.profile-header{gap:.75rem;padding:1rem}.profile-avatar{font-size:1.25rem;height:48px;width:48px}.logout-btn{margin:.75rem 1rem 1rem;width:calc(100% - 2rem)}}@media (prefers-color-scheme:dark){.login-card{background:#1f2937}.login-card,.login-header h2{color:#f9fafb}.login-header p{color:#d1d5db}.form-group label{color:#e5e7eb}.input-group input{background:#374151;border-color:#4b5563;color:#f9fafb}.input-group input:focus{border-color:#0ea5e9}.demo-users{border-top-color:#4b5563}.demo-users h3{color:#f9fafb}.demo-users p{color:#d1d5db}.demo-user-card{background:#374151;border-color:#4b5563}.demo-user-card:hover{background:#4b5563;border-color:#0ea5e9}.demo-info strong{color:#f9fafb}.demo-info span{color:#d1d5db}.demo-info small{color:#9ca3af}.user-profile{background:#1f2937;border-color:#4b5563}.logout-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.logout-btn:hover{background:#4b5563;border-color:#6b7280}}.field-error{align-items:center;color:#d32f2f;display:flex;font-size:12px;gap:4px;margin-left:4px;margin-top:4px}.input-group input.error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.input-group{align-items:center;display:flex;position:relative}.input-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.input-group input.error{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}.input-icon{color:#666;font-size:18px;left:16px;z-index:1}.password-toggle{border-radius:4px;color:#666;padding:4px;right:12px;transition:color .3s ease}.password-toggle:hover{color:#333}.login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:14px;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#d32f2f;font-size:14px;gap:8px;margin-top:16px;padding:12px}.error-message,.login-page{align-items:center;display:flex}.login-page{font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-content{position:relative;z-index:1}.login-background{background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.floating-shapes{height:100%;overflow:hidden;position:absolute;width:100%}.shape{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:200px;left:10%;top:10%;width:200px}.shape-2{animation-delay:2s;height:150px;right:10%;top:60%;width:150px}.shape-3{animation-delay:4s;bottom:20%;height:100px;left:50%;width:100px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:420px;padding:3rem;position:relative;width:100%;z-index:1}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:800;margin:0 0 .5rem}.login-header p{color:#6b7280;color:var(--gray-500);font-size:.95rem;margin:0}.alert{border-radius:.75rem;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:.75rem 1rem}.alert-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success-500)}.alert-error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--error-500)}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#6b7280;color:var(--gray-500);font-size:1rem;left:1rem;position:absolute;z-index:2}.input-wrapper input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .3s ease-in-out;transition:all var(--transition-normal);width:100%}.input-wrapper input:focus{border-color:#0284c7;border-color:var(--primary-600);box-shadow:0 0 0 3px #0284c71a;outline:none}.password-toggle{background:none;border:none;border-radius:.25rem;color:#6b7280;color:var(--gray-500);cursor:pointer;padding:.25rem;position:absolute;right:1rem;transition:color .3s ease-in-out;transition:color var(--transition-normal)}.password-toggle:hover{color:#374151;color:var(--gray-700)}.login-button{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.login-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{margin-top:1.5rem;text-align:center}.forgot-password{background:none;border:none;color:#0284c7;color:var(--primary-600);cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:underline;transition:color .3s ease-in-out;transition:color var(--transition-normal)}.forgot-password:hover:not(:disabled){color:#0369a1;color:var(--primary-700)}.forgot-password:disabled{cursor:not-allowed;opacity:.5}.demo-credentials{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:2rem;padding:1rem;text-align:center}.demo-credentials p{color:#374151;color:var(--gray-700);font-size:.85rem;margin:.25rem 0}.demo-credentials p:first-child{color:#111827;color:var(--gray-900);font-weight:600;margin-bottom:.5rem}.loading-container{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:#fff;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 1rem;width:40px}.loading-spinner p{font-size:1.1rem;font-weight:500;margin:0}@media (max-width:480px){.login-card{margin:1rem;padding:2rem}.login-header h1{font-size:1.75rem}.shape{display:none}}.profile-dropdown{display:inline-block;position:relative}.profile-button{background:#0000;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;min-width:200px;padding:8px 12px;transition:all .3s ease}.profile-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.profile-info{gap:12px}.profile-avatar,.profile-info{align-items:center;display:flex}.profile-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.profile-text{flex:1 1;min-width:0;text-align:left}.profile-name{font-size:14px;font-weight:600}.profile-name,.profile-role{color:#000;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{font-size:12px}.chevron{color:#ffffffb3;flex-shrink:0;transition:transform .2s ease}.dropdown-menu{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin-top:8px;position:absolute;right:0;top:100%;width:280px;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;gap:12px;padding:16px}.dropdown-avatar,.dropdown-header{align-items:center;color:#fff;display:flex}.dropdown-avatar{background:#fff3;border-radius:50%;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.dropdown-info{flex:1 1;min-width:0}.dropdown-name{font-size:16px;font-weight:600}.dropdown-email,.dropdown-name{margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:#ffffffe6;font-size:13px}.dropdown-role{background:#ffffff26;border-radius:6px;color:#fffc;display:inline-block;font-size:12px;padding:2px 8px}.dropdown-divider{background:#e5e7eb;height:1px;margin:0}.dropdown-actions{padding:8px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.dropdown-item:hover{background:#f3f4f6;transform:translateX(2px)}.logout-btn{color:#dc2626}.logout-btn:hover{background:#fee2e2;color:#b91c1c}.dropdown-icon{color:currentColor;height:16px;width:16px}@media (max-width:768px){.profile-button{min-width:180px;padding:6px 10px}.dropdown-menu{width:260px}.profile-name{font-size:13px}.profile-role{font-size:11px}}.campaign-details-container{background:#f9fafb;background:var(--gray-50);display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.campaign-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;height:60px;justify-content:space-between;padding:.75rem 1rem}.header-left{flex:1 1;gap:.75rem}.back-button{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:32px}.back-button:hover{background:#e5e7eb;background:var(--gray-200)}.campaign-info{flex:1 1;min-width:0}.campaign-status{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.75rem;font-weight:500;gap:.375rem;margin-bottom:.125rem}.status-icon{font-size:.625rem}.status-icon.completed,.status-icon.live{color:#10b981;color:var(--success-500)}.status-icon.paused{color:#f59e0b;color:var(--warning-500)}.status-icon.not-live{color:#ef4444;color:var(--error-500)}.status-icon.default{color:#6b7280;color:var(--gray-500)}.campaign-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-metrics{display:flex;flex-shrink:0;gap:1rem}.metric-item{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);gap:.5rem;padding:.375rem .75rem}.metric-icon,.metric-item{align-items:center;display:flex}.metric-icon{background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;height:24px;justify-content:center;width:24px}.metric-item>div{align-items:center;display:flex;flex-direction:column}.metric-value{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:700;line-height:1}.metric-label{color:#6b7280;color:var(--gray-500);font-size:.625rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.header-actions{display:flex;flex-shrink:0;gap:.375rem}.action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:.75rem;height:32px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:32px}.action-btn:hover{background:#f9fafb;background:var(--gray-50)}.action-btn.primary{background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border-color:#0284c7;border-color:var(--primary-600);color:#fff}.user-info{align-items:center;margin-left:8px}.user-avatar{align-items:center;border:2px solid #ffffff4d;color:#fff;cursor:default;display:flex;font-size:14px;font-weight:600;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.user-avatar:hover{border-color:#fff9;transform:scale(1.05)}.campaign-grid{grid-gap:.75rem;grid-template-columns:2fr 1fr;height:calc(100vh - 60px);padding:.75rem;transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1)}.campaign-data,.campaign-grid{display:grid;gap:.75rem;overflow:hidden}.campaign-data{grid-gap:.75rem;grid-template-columns:repeat(3,-1fr);grid-template-rows:repeat(2,1fr)}.campaign-updates-column{display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.user-profile-card{flex-shrink:0}.updates-wrapper{flex:1 1;overflow:hidden}.action-btn.user-btn{background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border-color:#0284c7;border-color:var(--primary-600);color:#fff}.action-btn.user-btn:hover{background:#0369a1;background:var(--primary-700)}.data-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:.75rem}.comments-card{grid-column:span 2}.card-header{flex-shrink:0;gap:.375rem;justify-content:space-between!important;margin-bottom:.5rem;padding-bottom:.375rem}.card-header svg{font-size:.875rem;height:1rem;width:1rem}.card-header .export-btn svg,.card-header .refresh-btn svg{color:#fff;font-size:.875rem}.card-header span{color:#1f2937;color:var(--gray-800);font-size:.8rem;font-weight:600}.timeline-card{grid-column:span 1}.timeline-content{align-items:center;display:flex;flex-shrink:0;gap:.75rem;margin-bottom:3.75rem;margin-top:3rem}.timeline-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.timeline-label{color:#6b7280;color:var(--gray-500);font-size:.625rem;font-weight:500;margin-bottom:.125rem;text-transform:uppercase}.timeline-value{color:#1f2937;color:var(--gray-800);font-size:.75rem;font-weight:600;text-align:center}.timeline-divider{background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);height:2px;position:relative;width:30px}.timeline-divider:after{color:#0284c7;color:var(--primary-600);content:"→";font-size:.75rem;position:absolute;right:-6px;top:-5px}.progress-section{display:flex;flex:1 1;flex-direction:column;justify-content:center}.progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:2px;height:4px;margin-bottom:.375rem;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border-radius:2px;height:100%;transition:width .15s ease-in-out;transition:width var(--transition-fast)}.progress-text{color:#4b5563;color:var(--gray-600);font-size:.625rem;text-align:center}.team-stats{grid-gap:.5rem;display:grid;flex:1 1;gap:.5rem;grid-template-columns:repeat(2,1fr)}.stat{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;padding:.5rem}.stat-value{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;line-height:1}.stat-label{color:#0284c7;color:var(--primary-600);font-size:.725rem;font-weight:700;margin-top:.125rem}.performance-stats{display:flex;flex:1 1;flex-direction:column;gap:.375rem;overflow-y:auto}.perf-item{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:.375rem;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:.375rem .5rem}.perf-label{color:#4b5563;color:var(--gray-600);font-size:.7rem;font-weight:500}.perf-value{color:#111827;color:var(--gray-900);font-size:.75rem;font-weight:600}.perf-value.shortfall{color:#ef4444;color:var(--error-500)}.insights-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem;overflow-y:auto}.insight-item{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border-radius:.375rem;border-radius:var(--radius-sm);display:flex;gap:.375rem;padding:.375rem}.insight-type{color:#0284c7;color:var(--primary-600);flex-shrink:0;font-size:.625rem;font-weight:600;min-width:35px}.insight-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--gray-700);display:-webkit-box;flex:1 1;font-size:.625rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.comments-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto}.comment{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;min-height:auto;padding:.75rem}.comment-author{color:#0284c7;color:var(--primary-600);font-size:18px;font-weight:600}.comment-text{word-wrap:break-word;-webkit-line-clamp:none;-webkit-box-orient:initial;color:#374151;color:var(--gray-700);display:block;font-size:17px;height:100%;line-height:1.5;overflow:visible;text-overflow:clip;white-space:pre-wrap}.comments-content::-webkit-scrollbar,.insights-content::-webkit-scrollbar,.performance-stats::-webkit-scrollbar{width:4px}.comments-content::-webkit-scrollbar-track,.insights-content::-webkit-scrollbar-track,.performance-stats::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:2px}.comments-content::-webkit-scrollbar-thumb,.insights-content::-webkit-scrollbar-thumb,.performance-stats::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:2px}@media (max-width:1200px){.campaign-grid{grid-template-columns:3fr 2fr}.header-metrics{gap:.75rem}.metric-item{padding:.25rem .5rem}}@media (max-width:1024px){.campaign-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;overflow-y:auto;padding-bottom:1rem}.campaign-data{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.timeline-card{grid-column:span 2}.campaign-updates-column{gap:.5rem}}@media (max-width:768px){.campaign-details-container{overflow-y:auto}.campaign-header{flex-direction:column;gap:.75rem;height:auto;padding:.75rem}.header-left{justify-content:space-between;width:100%}.header-metrics{gap:.5rem;justify-content:space-around;order:2;width:100%}.header-actions{order:1}.metric-item{flex-direction:column;font-size:.6rem;gap:.125rem;padding:.375rem}.campaign-data{grid-template-columns:1fr;grid-template-rows:auto}.timeline-card{grid-column:span 1}.campaign-grid{padding:.75rem}.user-profile-card{order:-1}.campaign-updates-column{gap:.5rem}}@media (max-width:480px){.campaign-title{font-size:1rem}.header-metrics{display:grid;grid-template-columns:repeat(2,1fr)}.metric-value{font-size:.75rem}.timeline-content{flex-direction:column;gap:1rem;margin:1.5rem 0}.timeline-divider{display:none}}.loading-fallback{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;padding:2rem}.loading-fallback .spinner{animation:spin 1s linear infinite;font-size:1.25rem}.loading-fallback span{font-size:.75rem;font-weight:500}.floating-chat-btn{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border:none;border-radius:50%;bottom:8px;box-shadow:0 4px 24px #0eeac52e,0 1.5px 6px #1465541f;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:45px;justify-content:center;position:fixed;right:13px;transition:box-shadow .2s,transform .2s;width:45px;z-index:1000}.floating-chat-btn:hover{background:linear-gradient(135deg,#11eac5,#146554);box-shadow:0 8px 32px #0eeac547,0 3px 12px #1465542e;transform:scale(1.08)}.chat-slide-in{animation:chatSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes chatSlideIn{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@media (max-width:900px){.campaign-updates-column{background:#fff;border-radius:1rem 0 0 1rem;box-shadow:-8px 0 32px #14655414;height:calc(100vh - 60px);max-width:420px;position:fixed;right:0;top:60px;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100vw;z-index:999}}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-400:#38bdf8;--primary-800:#075985;--primary-900:#0c4a6e;--secondary-50:#fdf4ff;--secondary-100:#fae8ff;--secondary-200:#f5d0fe;--secondary-300:#f0abfc;--secondary-400:#e879f9;--secondary-500:#d946ef;--secondary-600:#c026d3;--secondary-700:#a21caf;--secondary-800:#86198f;--secondary-900:#701a75;--accent-teal:#14b8a6;--accent-coral:#f97316;--accent-emerald:#10b981;--accent-rose:#f43f5e;--gradient-secondary:linear-gradient(135deg,var(--secondary-600) 0%,var(--secondary-500) 100%);--gradient-rainbow:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 50%,var(--accent-coral) 100%);--gradient-ocean:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-teal) 100%);--gradient-sunset:linear-gradient(135deg,var(--accent-coral) 0%,var(--accent-rose) 100%);--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.dashboard-layout{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:240px 1fr;grid-template-rows:60px 1fr;height:100vh;transition:all .3s ease}.dashboard-layout.sidebar-closed{grid-template-columns:0 1fr}.dashboard-layout.sidebar-open{grid-template-columns:240px 1fr}.dashboard-body{display:flex;flex:1 1}.floating-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.floating-circle{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#0ea5e908,#d946ef08);border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:300px;right:-150px;top:-150px;width:300px}.circle-2{animation-delay:7s;bottom:-100px;height:200px;left:-100px;width:200px}.circle-3{animation-delay:14s;height:150px;left:50%;top:50%;transform:translate(-50%,-50%);width:150px}@keyframes float{0%,to{opacity:.5;transform:translateY(0) rotate(0deg)}33%{opacity:.8;transform:translateY(-30px) rotate(120deg)}66%{opacity:.3;transform:translateY(-10px) rotate(240deg)}}.dashboard-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefcfa;border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--gray-200);box-shadow:0 4px 16px 0 #20223a14;grid-area:header;justify-content:space-between;min-height:62px;padding:0 1.6rem;position:relative;z-index:50}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:2rem}.logo{gap:.75rem}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;font-size:1.125rem;height:32px;justify-content:center;width:50px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#d946ef 50%,#f97316);background:var(--gradient-rainbow);background-clip:text;-webkit-background-clip:text;color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:800}.search-container{position:relative;width:433px}.rdrDayPassive .rdrDayNumber span{color:#000!important}.menu-toggle-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px;margin-right:20px}.search-icon{font-size:.875rem;left:1rem;z-index:2}.search-input{border-radius:.75rem;border-radius:var(--radius-lg);padding:.625rem 1rem .625rem 2.5rem;transition:all .3s ease-in-out;transition:all var(--transition-normal);width:100%}.header-right{align-items:center;display:flex;gap:1rem}.notification-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease-in-out;transition:all var(--transition-normal);width:40px}.notification-btn:hover{background:#e5e7eb;background:var(--gray-200);color:#1f2937;color:var(--gray-800)}.notification-badge{align-items:center;background:#f43f5e;background:var(--accent-rose);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.625rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.user-menu-trigger:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;line-height:1}.user-role{color:#6b7280;color:var(--gray-500);font-size:.75rem;text-transform:capitalize}.chevron{color:#9ca3af;color:var(--gray-400);font-size:.75rem;transition:transform .3s ease-in-out;transition:transform var(--transition-normal)}.chevron.open{transform:rotate(180deg)}.user-menu-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);min-width:180px;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.menu-item{align-items:center;background:none;border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:100%}.menu-item:hover{background:#f9fafb;background:var(--gray-50)}.menu-item.logout{color:#f43f5e;color:var(--accent-rose)}.menu-item.logout:hover{background:#f43f5e0d}.menu-divider{background:#e5e7eb;background:var(--gray-200);height:1px;margin:.25rem 0}.menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:90}.dashboard-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-right:1.5px solid #e5e7eb;border-right:1.5px solid var(--gray-200);box-shadow:1px 0 10px 0 #20223a0f;grid-area:sidebar;min-width:210px;overflow:hidden;padding:1.5rem 0;transition:all .3s cubic-bezier(.77,0,.18,1)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-item{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:1.08rem;font-weight:500;gap:.85rem;letter-spacing:.01em;padding:.85rem 1.2rem;position:relative;text-align:left;text-decoration:none;transition:all .15s cubic-bezier(.77,0,.18,1)}.na .nav-item:hover,.nav-item:focus{background:#f0f9ff;background:var(--primary-50);color:#0369a1;color:var(--primary-700)}.nav-item.active{background:#e0f2fe;background:var(--primary-100);box-shadow:0 2px 10px 0 #2d6cf60f;color:#0369a1;color:var(--primary-700);font-weight:600}.nav-item.active:before{background:#0284c7;background:var(--primary-600);border-radius:0 3px 3px 0;box-shadow:0 0 4px 1px #bae6fd;box-shadow:0 0 4px 1px var(--primary-200);content:"";height:28px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{font-size:1.125rem}.nav-text{font-size:.875rem;text-decoration:none}.dashboard-main{background:#f6f8fa;border-radius:1.3rem 0 0 0;box-shadow:0 2px 12px 0 #0000000d;grid-area:main;min-height:0;min-width:0;padding:0 5px;position:relative;width:100%;z-index:10}.sidebar-toggle{background:none;border:none;color:#4b5563;color:var(--gray-600);cursor:pointer;display:none;font-size:1.5rem;z-index:1001}.mobile-overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}@media (max-width:1024px){.dashboard-layout{grid-template-areas:"header" "main";grid-template-columns:1fr}.dashboard-sidebar{height:100%;left:-260px;position:fixed;top:0;transition:left .3s ease-in-out;z-index:1000}.dashboard-sidebar.open{left:0}.mobile-overlay.open,.sidebar-toggle{display:block}.search-container{display:none}}@media (max-width:768px){.header-left{gap:1rem}.logo-text,.user-info{display:none}.user-menu-trigger{padding:.5rem}.dashboard-header{padding:0 1rem}}@media (max-width:480px){.header-right{gap:.5rem}.notification-btn{height:36px;width:36px}.user-menu-trigger{gap:.5rem}}:root{--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-50:#eff6ff;--primary-300:#7dd3fc;--success-500:#10b981;--warning-500:#f59e0b;--error-500:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gradient-primary:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--radius-md:0.5rem;--radius-lg:0.75rem;--transition-fast:0.15s ease-in-out}h1{font-size:clamp(1.5rem,2vw,2rem)}html{font-size:14px}.dashboard-container{background:#f9fafb;background:var(--gray-50);display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:.35rem;height:100%;overflow:hidden;padding:0 .75rem}.filter-btn svg{height:1.25rem;width:1.25rem}.hero-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem;padding:1rem 1.5rem}.hero-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.hero-text{display:block}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;margin:0 0 .25rem}.hero-text p{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin:0}.hero-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1rem;width:100%}.stat-card{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:80px;padding:.75rem;text-align:center}.stat-card.live{background:#10b98114;border-color:#10b981;border-color:var(--success-500)}.stat-card.completed{background:#0ea5e914;border-color:#0ea5e9;border-color:var(--primary-500)}.stat-card.paused{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning);color:#fff}.stat-card.leads-sent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-card.leads-delivered{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.stat-number{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;line-height:1.2}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.6875rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.stat-card.leads-delivered .stat-number,.stat-card.leads-sent .stat-number,.stat-card.paused .stat-number{color:#fff}.stat-card.leads-delivered .stat-label,.stat-card.leads-sent .stat-label,.stat-card.paused .stat-label{color:#ffffffe6}.controls-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);justify-content:space-between;padding:.75rem 1.25rem}.controls-left,.controls-section{align-items:center;display:flex;gap:1rem}.controls-left{flex-wrap:wrap}.search-box{position:relative}.search-icon{color:#9ca3af;color:var(--gray-400);font-size:.8rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;padding:.5rem 2rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:200px}.search-input:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.filter-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;min-width:120px;padding:.5rem .75rem;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast)}.filter-select:focus{border-color:#0ea5e9;border-color:var(--primary-500);outline:none}.date-filters{align-items:center;display:flex;gap:.5rem}.center-header,thead th{text-align:center!important}.date-filter{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:140px}.date-filter:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.controls-right{align-items:center;display:flex;gap:1rem}.connection-status{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.status-icon.connected{color:#10b981;color:var(--success-500)}.status-icon.disconnected{color:#ef4444;color:var(--error-500)}.refresh-btn{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.main-content{gap:.75rem;grid-template-columns:250px 1fr;height:100%;overflow:hidden}.chart-card{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:.5rem;padding:.75rem;position:relative}.toggle-chart-btn{background:#0000;border:none;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:1rem;padding:4px;position:absolute;right:3.2rem;top:18px;transition:color .2s ease;z-index:10}.toggle-chart-btn:hover{color:#111827;color:var(--gray-900)}.card-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-radius:.5rem .5rem 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;color:#1f2937;color:var(--gray-800);display:flex;font-size:.875rem;font-weight:600;gap:1rem;justify-content:space-between;margin-bottom:0;padding:.5rem 1.25rem}.card-header svg{color:#0284c7;color:var(--primary-600)}.chart-container{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex:1 1;height:240px;justify-content:center;min-height:0;overflow:hidden;padding:.5rem}.chart-loading{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;gap:.5rem}.table-section{flex:2 1;min-width:0}.table-card,.table-section{display:flex;flex-direction:column;height:100%}.table-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);min-height:0;overflow:scroll}.table-container{height:100%;min-height:0;overflow:auto;padding:.5rem}.campaigns-table{background-color:#fff;border-collapse:initial;border-spacing:0;font-size:.6875rem;min-width:1024px;table-layout:auto;width:100%}.campaigns-table thead{background:#f9fafb;background:var(--gray-50);position:-webkit-sticky;position:sticky;top:0;z-index:10}.campaigns-table th{background-color:#f9fafb;background-color:var(--gray-50);color:#374151;color:var(--gray-700);font-size:.7rem;font-weight:600;letter-spacing:.03em;line-height:1.4;text-align:center;text-transform:uppercase}.campaigns-table td,.campaigns-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:.5rem .75rem;white-space:nowrap}.campaigns-table td{border-right:1px solid #f3f4f6;border-right:1px solid var(--gray-100);color:#1f2937;color:var(--gray-800);font-size:.8rem;line-height:1.5;max-width:10rem;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.campaigns-table td:last-child,.campaigns-table th:last-child{border-right:none}.campaign-row:hover{background:#f3f4f6;background:var(--gray-100);transition:background .15s ease-in-out}.center-cell{max-width:100px!important}.campaign-row:hover{background:#f9fafb;background:var(--gray-50)}.action-cell{min-width:60px;padding:.6rem .4rem!important;text-align:center;width:60px}.view-btn{align-items:center;background:var(--primary-100);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#0284c7;color:var(--primary-600);cursor:pointer;display:flex;height:29px;justify-content:center;margin:0 auto;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:29px}.view-btn:hover{background:#0284c7;background:var(--primary-600);color:#fff;transform:scale(1.05)}.pagination-container{background:#f9fafb;background:var(--gray-50);border-bottom-left-radius:.75rem;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:.75rem;border-bottom-right-radius:var(--radius-lg);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);box-shadow:inset 0 1px 0 #00000005;flex-shrink:0;flex-wrap:wrap;gap:.75rem;padding:.3rem 1rem 0}.page-btn,.pagination-container{align-items:center;display:flex;justify-content:center}.page-btn{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.575rem;font-weight:500;height:29px;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:29px}.page-btn:hover:not(:disabled){background:#eff6ff;background:var(--primary-50);border-color:#7dd3fc;border-color:var(--primary-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#0369a1;color:var(--primary-700);transform:translateY(-1px)}.page-btn:disabled{background:#f3f4f6;background:var(--gray-100);color:#9ca3af;color:var(--gray-400);cursor:not-allowed;opacity:.4}.page-info{align-items:center;display:flex;flex-direction:column;margin:0 1rem;min-width:200px;text-align:center}.page-current{color:#1f2937;color:var(--gray-800);font-size:.875rem;font-weight:600;margin-bottom:2px}.page-details{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:400}.spinning{animation:spin 1s linear infinite}.table-container::-webkit-scrollbar{height:10px;width:10px}.table-container::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:8px;box-shadow:inset 0 0 2px #0000000d}.table-container::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border:3px solid #f3f4f6;border:3px solid var(--gray-100);border-radius:8px;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.table-container::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}.table-container::-webkit-scrollbar-corner{background:#f9fafb;background:var(--gray-50)}@media (max-width:1200px){.main-content{grid-template-columns:350px 1fr}.controls-left{flex-wrap:wrap;gap:.75rem}.search-input{width:180px}.campaigns-table{font-size:.7rem}.table-container{overflow-x:auto}}@media (max-width:1024px){.main-content{gap:.5rem;grid-template-columns:1fr;grid-template-rows:320px 1fr}.controls-left{flex-wrap:wrap;gap:.5rem}.search-input{width:160px}.date-filter{width:140px}.campaigns-table{font-size:.65rem}.campaigns-table td,.campaigns-table th{max-width:120px;padding:.4rem .6rem}.table-container{overflow-x:auto}.pagination{gap:.25rem;min-height:50px;padding:.5rem}.page-btn{font-size:.8rem;height:28px;width:28px}.page-info{margin:0 .5rem;min-width:160px}.page-current{font-size:.8rem}.page-details{font-size:.7rem}}@media (max-width:768px){.dashboard-container{gap:.5rem;padding:.5rem}.hero-content{align-items:stretch;flex-direction:column;gap:1rem}.hero-stats{gap:.5rem;grid-template-columns:repeat(3,1fr)}.controls-section{flex-direction:column;gap:.75rem}.controls-left{justify-content:flex-start;width:100%}.search-input{max-width:200px;width:100%}.date-filter{width:120px}.filter-select{min-width:120px;width:auto}.main-content{gap:.5rem;grid-template-columns:1fr;grid-template-rows:280px 1fr}.campaigns-table{font-size:.6rem}.campaigns-table td,.campaigns-table th{max-width:100px;padding:.3rem .4rem}.table-container{overflow-x:auto}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400)}.pagination{flex-wrap:wrap;gap:.25rem;justify-content:center;min-height:70px;padding:.5rem}.page-btn{font-size:.8rem;height:36px;min-width:36px;width:36px}.page-info{margin:.25rem 0 0;min-width:auto;order:3;width:100%}.page-current{font-size:.8rem}.page-details{font-size:.7rem}}.itl-link{border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-family:inherit;font-size:inherit}.itl-link:hover{background:#0ea5e91a;transform:translateY(-1px)}.clear-filters-btn,.export-btn,.sync-btn{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);background:var(--gradient-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.export-btn:hover,.sync-btn:hover{background:#0369a1;background:var(--primary-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.sync-btn{background:linear-gradient(135deg,#10b981,#059669)}.sync-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.clear-filters-btn{background:var(--orange-500);color:#fff}.clear-filters-btn:hover{background:var(--orange-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.filterable-header{position:relative}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.header-label{flex:1 1;text-align:left}.filter-btn,.filter-wrapper{align-items:center;display:flex;position:relative}.filter-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:#6b7280;color:var(--gray-500);cursor:pointer;height:10px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:15px}.filter-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#0284c7;color:var(--primary-600)}.filter-active-dot{background:#0284c7;background:var(--primary-600);border:1px solid #fff;border-radius:50%;height:12px;position:absolute;right:-7px;top:-11px;width:11px}.filter-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:-65!important;margin-top:4px;max-width:250px;min-width:50px;position:absolute;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.date-filter-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.date-input-group{display:flex;flex-direction:column;gap:.25rem}.date-input-group label{color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.date-input-group input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);font-size:.875rem;padding:.5rem;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast)}.date-input-group input:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #eff6ff;box-shadow:0 0 0 3px var(--primary-50);outline:none}.dropdown-filter-content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.filter-search-input{font-size:10px;padding:.5rem;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast)}.filter-search-input:focus{box-shadow:0 0 0 3px #eff6ff;box-shadow:0 0 0 3px var(--primary-50);outline:none}.filter-options{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.filter-option{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);cursor:pointer;font-size:10px;padding:.5rem .75rem;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:#eff6ff;background:var(--primary-50);color:#0369a1;color:var(--primary-700)}.filter-actions{align-items:baseline;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;flex-direction:row;justify-content:center;padding-top:.5rem}.clear-filter-btn{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.clear-filter-btn:hover{background:#e5e7eb;background:var(--gray-200);color:#111827;color:var(--gray-900)}.status-badge{align-items:center;border:1px solid #0000;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.status-badge.live{background:var(--green-100);border-color:var(--green-200);color:var(--green-800)}.status-badge.completed{background:var(--blue-100);border-color:var(--blue-200);color:var(--blue-800)}.status-badge.paused{background:var(--yellow-100);border-color:var(--yellow-200);color:var(--yellow-800)}.status-badge.not-live{background:var(--red-100);border-color:var(--red-200);color:var(--red-800)}.itl-link{background:none;border:none;border-radius:var(--radius-sm);color:#0284c7;color:var(--primary-600);cursor:pointer;font-weight:600;padding:.25rem .5rem;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.itl-link:hover{background:#eff6ff;background:var(--primary-50);color:#0369a1;color:var(--primary-700);text-decoration:underline}@media (max-width:1024px){.filter-dropdown{left:0;max-width:250px;min-width:200px;right:auto}.header-content{gap:.25rem}.filter-btn{height:18px;width:18px}.clear-filters-btn,.export-btn{font-size:.8rem;padding:.375rem .75rem}}.center-column{text-align:center}@media (max-width:768px){.controls-section{flex-direction:column;gap:.75rem}.controls-left,.controls-right{flex-wrap:wrap;gap:.5rem}.filter-dropdown{left:50%;max-height:80vh;max-width:90vw;min-width:280px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%)}.filterable-header{min-width:120px}}.filter-loading{color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;padding:1.25rem}.filter-count-badge,.filter-loading{align-items:center;justify-content:center}.filter-count-badge{background:#0284c7;background:var(--primary-600);border-radius:9999px;color:#fff;display:inline-flex;font-size:.6875rem;font-weight:600;height:1.25rem;margin-left:.5rem;min-width:1.25rem;padding:0 .25rem}.campaign-row{transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.campaign-row:hover{background:#eff6ff;background:var(--primary-50)}.campaign-row:hover .itl-link{color:#0369a1;color:var(--primary-700)}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:3px}.filter-options::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.filter-options::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.filter-bar{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 6px #00000008,0 1px 2px #0000000d;display:flex;flex-wrap:wrap;justify-content:flex-end;padding:.75rem 1.25rem}.filter-search-input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);font-size:.8rem;outline:none;padding:.5rem 1rem;transition:border .2s ease}.filter-search-input:focus{border-color:#0ea5e9;border-color:var(--primary-500)}.filter-apply-btn{background:linear-gradient(90deg,#0ea5e9,#10b981);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 4px #10b98114;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.6rem 1.25rem;transition:background .2s,box-shadow .2s}.filter-apply-btn:hover{background:linear-gradient(90deg,#10b981,#0ea5e9);box-shadow:0 2px 8px #10b9811f}.filter-clear-btn{background:#e5e7eb;background:var(--gray-200);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:background .2s,color .2s}.filter-clear-btn:hover{background:#d1d5db;background:var(--gray-300);color:#0ea5e9;color:var(--primary-500)}.search-box,.search-icon,.search-input{display:none!important}.force-refresh-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.force-refresh-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.force-refresh-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.force-refresh-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.force-refresh-btn .spinning{animation:spin 1s linear infinite}.cache-status{background:#f3f4f6;background:var(--gray-100);border-radius:.375rem;color:#6b7280;color:var(--gray-500);font-size:.75rem;margin-right:.75rem;padding:.25rem .5rem}.cache-indicator,.cache-status{align-items:center;display:flex;gap:.25rem}.cache-indicator{font-weight:500}.cache-time{color:#9ca3af;color:var(--gray-400);font-size:.6875rem}@media (max-width:1200px){.main-content{grid-template-columns:1fr;grid-template-rows:auto auto}.chart-section{height:auto;max-width:none;width:100%}}@media (max-width:1024px){.dashboard-container{overflow-y:auto;padding:.5rem}.hero-section{display:block}.main-content{display:flex;flex-direction:column;height:auto;max-height:none}.table-section{height:auto;min-height:300px}}@media (max-width:768px){.controls-section{flex-direction:column;gap:1rem;padding:.75rem}.controls-left,.controls-right{gap:.75rem}.controls-left,.controls-right,.date-filters{flex-direction:column;width:100%}.date-filter,.filter-select,.search-input{width:100%}.filter-bar{flex-direction:column;padding:1rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.pagination{flex-direction:column;gap:.5rem}.page-info{order:1}}@media (max-width:480px){.hero-stats{grid-template-columns:1fr}.stat-card{align-items:center;flex-direction:row;justify-content:space-between}.stat-number{font-size:1rem}.stat-label{font-size:.65rem}.table-container{height:400px}.campaigns-table{font-size:.7rem}.campaigns-table td,.campaigns-table th{padding:.5rem}.pagination{padding:.75rem}}.itl-tooltip-wrapper{display:inline-block;position:relative}.itl-tooltip{background-color:#1f2937;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;display:none;font-size:12px;left:50%;margin-bottom:8px;max-width:240px;padding:8px 12px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);white-space:pre-line;z-index:1000}.itl-tooltip-wrapper:hover .itl-tooltip{display:block}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;line-height:1.6;overflow:hidden}#root{height:100vh;overflow:hidden}body,div,h1,h2,h3,h4,h5,h6,html,p,span{margin:0;padding:0}.campaign-details-container,.dashboard-layout{height:100vh;overflow:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}
/*# sourceMappingURL=main.2f6fa506.css.map*/