@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Mono:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Outfit,sans-serif}#root{min-height:100vh;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#fff3;color:#fff}::-moz-selection{background:#fff3;color:#fff}.navbar{left:0;padding:20px 0;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;box-shadow:0 4px 20px #00000080;padding:15px 0}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo,.nav-container{align-items:center;display:flex}.logo{color:#fff;cursor:pointer;font-size:24px;font-weight:700;gap:12px}.logo-image{filter:drop-shadow(0 2px 8px rgba(255,255,255,.3));height:40px;object-fit:contain;width:40px}.logo svg{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;font-size:32px}.nav-links{display:flex;gap:40px;list-style:none}.nav-link{color:#fff;cursor:pointer;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background:linear-gradient(135deg,#fff,#b0b0b0);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-buttons{align-items:center;display:flex;gap:12px}.mobile-buttons{display:none}.nav-btn{border-radius:6px;cursor:pointer;font-weight:600;padding:8px 20px;text-decoration:none;transition:all .3s ease}.login-btn{background:#0000;border:1px solid #ffffff4d;color:#fff}.login-btn:hover{background:#ffffff1a;border-color:#fff}.signup-btn{background:linear-gradient(135deg,#fff,#e0e0e0);color:#000}.signup-btn:hover{box-shadow:0 4px 15px #ffffff4d;transform:translateY(-2px)}.hamburger{color:#fff;cursor:pointer;display:none;font-size:24px}@media (max-width:768px){.navbar{padding:15px 0}.nav-container{padding:0 15px}.nav-links{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000000fa;box-shadow:0 10px 30px #00000080;flex-direction:column;gap:25px;height:calc(100vh - 70px);left:-100%;overflow-y:auto;padding:40px 30px;position:fixed;top:70px;transition:left .4s ease;width:100%}.nav-links.active{left:0}.nav-link{font-size:18px;padding:12px 0;text-align:center}.hamburger{display:block}.nav-buttons{display:none}.mobile-buttons{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:15px;margin-top:30px;padding-top:20px}.mobile-buttons .nav-btn{padding:12px 20px;text-align:center}.logo{font-size:20px}.logo-image{height:36px;width:36px}}@media (max-width:480px){.navbar{padding:12px 0}.nav-container{padding:0 15px}.logo{font-size:18px;gap:10px}.logo-image{height:32px;width:32px}.nav-links{gap:20px;height:calc(100vh - 60px);padding:30px 20px;top:60px}.nav-link{font-size:16px;padding:10px 0}.hamburger{font-size:20px}}.scroll-top{align-items:center;background:linear-gradient(135deg,#fff,#b0b0b0);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #0000004d;color:#000;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:30px;width:50px;z-index:999}@media (max-width:768px){.scroll-top{bottom:20px;font-size:18px;height:45px;right:20px;width:45px}}@media (max-width:480px){.scroll-top{bottom:15px;font-size:16px;height:40px;right:15px;width:40px}}:root{--font-primary:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Space Mono",monospace;--accent-purple:#667eea;--accent-blue:#764ba2;--accent-cyan:#00e5ff;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(135deg,#764ba2,#667eea);--success:#4caf50;--error:#ff5252;--warning:#ff9800;--info:#2196f3;--campaigns-blue:#2196f3;--analytics-purple:#9c27b0;--contacts-green:#4caf50;--templates-orange:#ff9800;--scheduled-teal:#009688;--live-red:#ff6b6b;--gradient-campaigns:linear-gradient(135deg,#2196f3,#1976d2);--gradient-analytics:linear-gradient(135deg,#9c27b0,#7b1fa2);--gradient-contacts:linear-gradient(135deg,#4caf50,#388e3c);--gradient-templates:linear-gradient(135deg,#ff9800,#f57c00);--gradient-scheduled:linear-gradient(135deg,#009688,#00796b);--gradient-live:linear-gradient(135deg,#ff6b6b,#ee5a6f);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--bg-elevated:#1e1e1e;--text-primary:#fff;--text-secondary:#ffffffbf;--text-tertiary:#ffffff73;--text-muted:#ffffff59;--border-color:#ffffff1a;--border-focus:#fff;--glass-bg:#ffffff0f;--glass-border:#ffffff1f;--glass-hover:#ffffff1a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 15px 40px #00000080;--shadow-glow:0 0 30px #ffffff0d;--btn-primary-bg:#fff;--btn-primary-text:#0a0a0a;--btn-secondary-bg:#ffffff1a;--btn-secondary-text:#fff;--input-bg:#ffffff0f;--input-border:#ffffff1a;--input-focus-border:#fff;--scrollbar-track:#1a1a1a;--scrollbar-thumb:#333}[data-theme=light]{--bg-primary:#f1f5f9;--bg-secondary:#fff6;--bg-tertiary:#fff9;--bg-elevated:#ffffffd9;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-color:#ffffff80;--border-focus:#0f172a;--glass-bg:#ffffffbf;--glass-border:#ffffffe6;--glass-hover:#fffffff2;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 10px 32px #0000000a;--shadow-lg:0 20px 48px #0000000f;--shadow-glow:0 0 30px #fffc;--btn-primary-bg:#0f172a;--btn-primary-text:#fff;--btn-secondary-bg:#ffffffe6;--btn-secondary-text:#0f172a;--input-bg:#fffc;--input-border:#ffffffe6;--input-focus-border:#0f172a;--scrollbar-track:#0000;--scrollbar-thumb:#0f172a26}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;overflow-x:hidden;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#667eea;background:var(--accent-purple)}.heading-xl{font-size:34px;font-weight:700;letter-spacing:-1px;line-height:1.2}.heading-lg{font-size:26px;font-weight:600;line-height:1.3}.heading-md{font-size:20px}.heading-md,.heading-sm{font-weight:600;line-height:1.4}.heading-sm{font-size:16px}.body-lg{font-size:17px}.body-lg,.body-md{color:var(--text-secondary)}.body-md{font-size:15px}.body-sm{color:var(--text-tertiary);font-size:13px}.label{color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.mono{font-family:Space Mono,monospace;font-family:var(--font-mono)}.glass-card{backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:24px;padding:var(--space-lg);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.glass-card:before{background:linear-gradient(90deg,#0000,var(--glass-border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-card:hover{background:var(--glass-hover);border-color:#ffffff2e;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:20px;border-radius:var(--radius-lg);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:15px;gap:8px;letter-spacing:.5px;padding:14px 28px;transition:all .25s ease;transition:all var(--transition-normal);white-space:nowrap}.btn:after{background:#fff0;content:"";inset:0;position:absolute;transition:background .15s ease;transition:background var(--transition-fast)}.btn:hover:after{background:#ffffff1a}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);box-shadow:var(--shadow-sm);color:var(--btn-primary-text)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-gradient{background:linear-gradient(135deg,#0f172a,#334155);box-shadow:0 4px 15px #00000026;color:#fff}.btn-gradient:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--border-color);color:var(--btn-secondary-text)}.btn-ghost{background:#0000;color:var(--text-primary);padding:10px 16px}.btn-ghost:hover{background:var(--glass-bg)}.btn-sm{border-radius:16px;border-radius:var(--radius-md);font-size:13px;padding:8px 16px}.btn-lg{font-size:17px;padding:18px 36px}.btn-icon{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:10px;transition:all .25s ease;transition:all var(--transition-normal)}.btn-icon:hover{background:var(--glass-hover);transform:scale(1.05)}.input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:20px;border-radius:var(--radius-lg);color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:15px;outline:none;padding:16px 24px;transition:all .25s ease;transition:all var(--transition-normal);width:100%}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px #667eea26}.input-label{color:var(--text-tertiary);display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.input-group{margin-bottom:16px;margin-bottom:var(--space-md)}textarea.input{min-height:120px;resize:vertical}select.input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-success{background:#4caf5026;color:#4caf50;color:var(--success)}.badge-error{background:#ff525226;color:#ff5252;color:var(--error)}.badge-warning{background:#ff980026;color:#ff9800;color:var(--warning)}.badge-info{background:#2196f326;color:#2196f3;color:var(--info)}.badge-pro{background:linear-gradient(135deg,#ffc10733,#ff980033);border:1px solid #ffc1074d;color:#ffb300}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-xl);overflow:hidden;padding:20px;position:relative}.stat-card .stat-value{font-size:28px;font-weight:900;letter-spacing:-1px}.stat-card .stat-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1.5px;margin-top:4px;text-transform:uppercase}.stat-card .stat-icon{align-items:center;border-radius:16px;border-radius:var(--radius-md);display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:4px;gap:var(--space-xs)}.gap-sm{gap:8px;gap:var(--space-sm)}.gap-md{gap:16px;gap:var(--space-md)}.gap-lg{gap:24px;gap:var(--space-lg)}.gap-xl{gap:32px;gap:var(--space-xl)}.w-full{width:100%}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.page{animation:fadeInUp .4s ease;margin:0 auto;max-width:1400px;padding:32px;padding:var(--space-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea33}50%{box-shadow:0 0 40px #667eea66}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#667eea;border-color:var(--accent-purple)}}.typing-animation{animation:typing 1.5s steps(40),blink-caret .75s step-end infinite;border-right:3px solid #667eea;border-right:3px solid var(--accent-purple);display:inline-block;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;white-space:nowrap}.text-gradient{color:var(--text-primary);display:inline-block}.shimmer{animation:shimmer 1.5s ease infinite;background:linear-gradient(90deg,var(--glass-bg) 25%,var(--glass-hover) 50%,var(--glass-bg) 75%);background-size:200% 100%;border-radius:16px;border-radius:var(--radius-md)}.spinner{animation:spin .7s linear infinite;border-top-color:#667eea;border:2.5px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-purple);height:24px;width:24px}.toast-custom{background:var(--bg-secondary)!important;border:1px solid var(--glass-border)!important;border-radius:20px!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-primary)!important;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-family:var(--font-primary)!important}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state .empty-title{font-size:18px;font-weight:700;margin-bottom:8px}.empty-state .empty-desc{color:var(--text-tertiary);font-size:14px;max-width:360px}.progress-bar{background:var(--glass-bg);height:8px;overflow:hidden;width:100%}.progress-bar,.progress-bar .progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar .progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);height:100%;transition:width .5s ease}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:slideUp .3s ease;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-xl);max-height:85vh;max-width:520px;overflow-y:auto;padding:32px;padding:var(--space-xl);width:90%}@media (max-width:768px){.page{padding:16px;padding:var(--space-md)}.heading-xl{font-size:26px}.heading-lg{font-size:22px}:root{--sidebar-width:0px}}.athena-status-chip{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase}.athena-status-chip.info{background:#6366f124;color:#4f46e5}.athena-status-chip.warn{background:#f59e0b2e;color:#b45309}.athena-status-chip.success{background:#10b9812e;color:#047857}.app-layout{background:var(--bg-primary);display:flex;min-height:100vh}.app-layout .app-main{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow)}.app-layout.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed)}.app-content{flex:1 1;margin-top:var(--topbar-height);overflow-y:auto}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--transition-slow);width:var(--sidebar-width);z-index:100}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--border-color);gap:12px;height:var(--topbar-height);padding:20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:linear-gradient(135deg,#0f172a,#334155);border-radius:var(--radius-md);box-shadow:0 4px 15px #0000001a;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.sidebar-brand{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.sidebar-brand h2{color:var(--text-primary);font-size:17px;font-weight:800;letter-spacing:-.3px}.sidebar-brand span{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.sidebar-collapsed .sidebar-brand{display:none}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px}.sidebar-section-label{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:2px;padding:16px 12px 8px;text-transform:uppercase}.sidebar-collapsed .sidebar-section-label{height:8px;padding:0;visibility:hidden}.sidebar-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 12px;position:relative;text-decoration:none;transition:all var(--transition-normal)}.sidebar-link:hover{background:var(--glass-bg);color:var(--text-primary)}.sidebar-link.active{background:var(--glass-hover);color:var(--text-primary);font-weight:600}.sidebar-link.active:before{background:#0f172a;border-radius:0 3px 3px 0;box-shadow:0 0 10px #0f172a4d;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-link:hover .sidebar-link-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transform:translateY(-2px)}.sidebar-link-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;transition:all var(--transition-normal);width:24px}.sidebar-link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-collapsed .sidebar-link-text{display:none}.sidebar-link-badge{background:#0f172a;border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:800;margin-left:auto;padding:2px 8px}.sidebar-collapsed .sidebar-link-badge{display:none}.sidebar-footer{border-top:1px solid var(--border-color);padding:12px}.sidebar-user{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all var(--transition-normal)}.sidebar-user:hover{background:var(--glass-bg)}.sidebar-user-avatar{align-items:center;background:#e2e8f0;border:1px solid #0000000d;border-radius:50%;color:#0f172a;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.sidebar-user-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:600}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:var(--text-muted);font-size:11px}.sidebar-collapsed .sidebar-user-info{display:none}.topbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;height:var(--topbar-height);justify-content:space-between;left:var(--sidebar-width);padding:0 24px;position:fixed;right:0;top:0;transition:left var(--transition-slow);z-index:90}.sidebar-collapsed .topbar{left:var(--sidebar-collapsed)}.topbar-left{gap:16px}.topbar-left,.topbar-toggle{align-items:center;display:flex}.topbar-toggle{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:20px;height:36px;justify-content:center;transition:background var(--transition-fast);width:36px}.topbar-toggle:hover{background:var(--glass-bg)}.topbar-title{font-size:18px;font-weight:700}.topbar-right{gap:8px}.topbar-btn,.topbar-right{align-items:center;display:flex}.topbar-btn{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:18px;height:40px;justify-content:center;position:relative;transition:all var(--transition-normal);width:40px}.topbar-btn:hover{background:var(--glass-hover);transform:scale(1.05)}.topbar-btn .notification-dot{background:var(--error);border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.mobile-nav{background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:0;display:none;left:0;padding:8px 0 env(safe-area-inset-bottom,8px);position:fixed;right:0;z-index:100}.mobile-nav-inner{align-items:center;display:flex;justify-content:space-around}.mobile-nav-link{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:2px;padding:4px 8px;text-decoration:none;transition:color var(--transition-fast)}.mobile-nav-link .nav-icon{font-size:22px}.mobile-nav-link.active{color:var(--accent-purple)}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:99}.campaigns-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:13px;font-weight:600;padding:8px 16px;transition:all var(--transition-normal);white-space:nowrap}.filter-chip:hover{background:var(--glass-hover);border-color:#0f172a}.filter-chip.active{background:#0f172a;border-color:#0000;box-shadow:0 4px 12px #00000026;color:#fff}.search-box{min-width:240px;position:relative}.search-box .search-icon{color:var(--text-muted);font-size:14px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-primary);font-size:14px;outline:none;padding:10px 16px 10px 42px;transition:all var(--transition-normal);width:100%}.search-box input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.search-box input::placeholder{color:var(--text-muted)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:var(--sidebar-width)}.sidebar.mobile-open{transform:translateX(0)}.sidebar.mobile-open+.sidebar-overlay{display:block}.app-layout .app-main{margin-left:0}.topbar{left:0}.mobile-nav{display:block}.app-content{margin-bottom:64px}}.auth-layout{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-layout:before{background:radial-gradient(circle,#667eea14,#0000 70%);height:500px;right:-10%;top:-10%;width:500px}.auth-layout:after,.auth-layout:before{content:"";pointer-events:none;position:absolute}.auth-layout:after{background:radial-gradient(circle,#764ba20f,#0000 70%);bottom:-10%;height:400px;left:-10%;width:400px}.auth-container{max-width:440px;padding:20px;width:100%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:40px}.auth-logo{align-items:center;animation:glow 3s ease infinite;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;font-size:28px;height:56px;justify-content:center;margin:0 auto 24px;width:56px}.admin-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.admin-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 20px #0000000d;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.admin-card:hover{box-shadow:0 12px 30px #00000014;transform:translateY(-5px)}.stat-card{display:flex;flex-direction:column}.stat-icon-wrap{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.stat-label{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#000;font-size:28px;font-weight:900;margin-top:4px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.admin-title{font-size:32px;font-weight:900;letter-spacing:-1px}.btn-admin-black{align-items:center;background:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:800;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-admin-black:hover{box-shadow:0 8px 20px #0003;transform:scale(1.05)}@media (max-width:1024px){.admin-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.admin-grid-3{grid-template-columns:1fr}}.admin-grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.admin-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.admin-grid-4{grid-template-columns:1fr}}.App{min-height:100vh;position:relative;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.glass-morphism{border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006}.glass-morphism,.glass-morphism-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d}.glass-morphism-card{border:1px solid #ffffff26;border-radius:24px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;background-clip:text}.section-header{margin-bottom:80px;text-align:center}.section-title{font-size:48px;font-weight:900;line-height:1.2;margin-bottom:16px}.section-description{color:#ffffffb3;font-size:18px;margin:0 auto;max-width:600px}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-3d{box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #fff3}.btn-primary{background:linear-gradient(135deg,#fff,#b0b0b0);color:#000}.btn-secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}@media (max-width:1024px){.section-title{font-size:40px}}@media (max-width:768px){.container{padding:0 20px}.section-header{margin-bottom:60px}.section-title{font-size:32px;line-height:1.3;margin-bottom:12px}.section-description{font-size:16px;line-height:1.6}.btn{font-size:15px;gap:8px;padding:14px 28px}}@media (max-width:480px){.container{padding:0 15px}.section-header{margin-bottom:50px}.section-title{font-size:28px;line-height:1.3;margin-bottom:10px}.section-description{font-size:14px;line-height:1.6}.btn{font-size:14px;gap:8px;padding:12px 24px}}.btn-premium-play-store{align-items:center;animation:playStorePulse 3s ease-in-out infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 10px 30px #0000004d,inset 0 0 0 1px #ffffff0d;color:#fff;cursor:pointer;display:inline-flex;gap:12px;justify-content:center;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1)}.btn-premium-play-store:hover{background:#000000bf;border-color:#4ade8080;box-shadow:0 20px 40px #00000080,0 0 20px #4ade8033,inset 0 0 0 1px #4ade8033;transform:translateY(-5px) scale(1.02)}.btn-premium-play-store:active{transform:translateY(-2px) scale(.98)}.btn-premium-play-store:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);transition:.5s;width:50%}.btn-premium-play-store:hover:after{left:200%;transition:.7s ease-in-out}.play-store-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.3));font-size:28px;transition:transform .3s ease}.btn-premium-play-store:hover .play-store-icon{filter:drop-shadow(0 0 8px rgba(74,222,128,.6));transform:scale(1.1) rotate(-5deg)}.play-store-text-group{align-items:flex-start;display:flex;flex-direction:column;line-height:1.1}.play-store-sub{font-size:10px;font-weight:500;letter-spacing:1px;opacity:.8;text-transform:uppercase}.play-store-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:.5px}@keyframes playStorePulse{0%,to{border-color:#ffffff26;box-shadow:0 10px 30px #0000004d}50%{border-color:#ffffff40;box-shadow:0 15px 35px #0006,0 0 15px #4ade801a}}