.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;padding:1rem}.login-form{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:#333;margin-bottom:.5rem;font-size:1.8rem}.login-header p{color:#666;font-size:.9rem;margin-bottom:0}.login-form h2{text-align:center;margin-bottom:2rem;color:#666;font-weight:400}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.input-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;transition:border-color .2s ease}.input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.input-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{color:#c00;background-color:#fee;border:1px solid #fcc;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.error-icon{font-size:1.2rem;flex-shrink:0}.login-button{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease;display:flex;justify-content:center;align-items:center;gap:.5rem}.login-button:hover:not(:disabled){background-color:#0056b3}.login-button:disabled{background-color:#6c757d;cursor:not-allowed}.login-button.loading{opacity:.8}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-credentials{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee;text-align:center;color:#6c757d;font-size:.9rem}.demo-credentials strong{display:block;margin-bottom:.5rem;color:#333}@media (max-width: 480px){.login-form{padding:1.5rem}.login-header h1{font-size:1.5rem}}.home-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:80px 40px;max-width:1200px;margin:0 auto;gap:60px}.hero-content{flex:1}.hero-content h1{font-size:3.5rem;margin:0 0 20px;font-weight:700;line-height:1.1}.hero-subtitle{font-size:1.3rem;margin:0 0 40px;opacity:.9;line-height:1.5}.hero-stats{display:flex;gap:40px}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.8}.hero-image{flex:1;display:flex;justify-content:center}.placeholder-graphic{font-size:4rem;opacity:.8}.features-section{background:white;padding:80px 40px;color:#333}.features-section h2{text-align:center;font-size:2.5rem;margin:0 0 60px;color:#2c3e50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-card{text-align:center;padding:30px;border-radius:12px;background:#f8f9fa;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.3rem;margin:0 0 15px;color:#2c3e50}.feature-card p{color:#666;line-height:1.5;margin:0}.cta-section{text-align:center;padding:80px 40px;background:#2c3e50}.cta-section h2{font-size:2.5rem;margin:0 0 20px}.cta-section p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto 40px}.cta-button{padding:15px 40px;font-size:1.1rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.cta-button:hover{background:#0056b3}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center;padding:40px 20px;gap:40px}.hero-content h1{font-size:2.5rem}.hero-stats{justify-content:center;gap:30px}.features-grid{grid-template-columns:1fr}.features-section,.cta-section{padding:40px 20px}}.header{position:fixed;top:0;left:0;right:0;height:70px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(225,229,233,.5);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;box-shadow:0 2px 8px #0000000d}.header-left{margin-left:60px;display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px;-webkit-user-select:none;user-select:none}.logo-text{font-size:20px;font-weight:600;color:#2c3e50}.stats-dashboard-title{font-size:18px;font-weight:500;color:#6c757d;border-left:2px solid #e1e5e9;padding-left:20px;line-height:1.2}.stats-tabs-container{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.stats-tabs{display:flex;gap:8px;background:#f1f3f5;padding:4px;border-radius:30px;border:1px solid #d0d7de}.stats-tab{padding:8px 20px;border:none;background:transparent;color:#495057;font-size:14px;font-weight:500;border-radius:30px;cursor:pointer;transition:all .2s;white-space:nowrap}.stats-tab:hover{color:#212529;background:rgba(0,0,0,.04)}.stats-tab.active{background:white;color:#667eea;box-shadow:0 2px 8px #0000001a}.header-right{display:flex;align-items:center;gap:8px}.stats-refresh-btn{background:none;border:1px solid #e1e5e9;width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;margin-right:8px;transition:all .2s;color:#2c3e50;background:white}.stats-refresh-btn:hover:not(:disabled){background:#f8f9fa;border-color:#667eea;color:#667eea}.refresh-icon{display:inline-block;transition:transform .3s;font-size:20px}.theme-toggle{background:white;border:1px solid #e1e5e9;font-size:20px;cursor:pointer;width:40px;height:40px;border-radius:8px;margin-right:8px;transition:all .2s;-webkit-user-select:none;user-select:none;line-height:1;color:#2c3e50;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#f0f0f0;border-color:#667eea}.user-profile{position:relative}.user-info{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background .2s;background:#f8f9fa;border:1px solid #e1e5e9}.user-info:hover{background:#e9ecef}.user-avatar{font-size:20px;-webkit-user-select:none;user-select:none;line-height:1}.user-details{text-align:left}.user-name{font-size:14px;font-weight:600;color:#2c3e50;line-height:1.4}.user-email{font-size:12px;color:#6c757d;line-height:1.2}.dropdown-arrow{font-size:12px;color:#6c757d;transition:transform .2s;-webkit-user-select:none;user-select:none}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:white;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e1e5e9;overflow:hidden;animation:slideDown .2s ease}.dropdown-header{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e1e5e9}.dropdown-role{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#2c3e50;transition:background .2s;text-align:left}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background:#fff5f5}.dropdown-icon{font-size:16px;-webkit-user-select:none;user-select:none;min-width:20px}@media (max-width: 1024px){.stats-tabs{transform:scale(.9)}}@media (max-width: 768px){.header-left{margin-left:50px;gap:10px}.stats-dashboard-title{display:none}.stats-tabs-container{position:static;transform:none;margin-left:auto;margin-right:auto}.stats-tabs{transform:scale(.85)}.header-right{gap:4px}.stats-refresh-btn,.theme-toggle{width:36px;height:36px}.user-details{display:none}}html[data-theme=dark] .header{background:rgba(26,26,26,.8)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom-color:#40404080!important}html[data-theme=dark] .logo-text{color:#e0e0e0!important}html[data-theme=dark] .stats-dashboard-title{color:#9ca3af!important;border-left-color:#333!important}html[data-theme=dark] .stats-tabs{background:#2d2d2d!important;border-color:#404040!important}html[data-theme=dark] .stats-tab{color:#9ca3af!important}html[data-theme=dark] .stats-tab:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}html[data-theme=dark] .stats-tab.active{background:#404040!important;color:#818cf8!important;box-shadow:0 2px 8px #0006!important}html[data-theme=dark] .stats-refresh-btn{background:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}html[data-theme=dark] .stats-refresh-btn:hover:not(:disabled){background:#404040!important;border-color:#818cf8!important;color:#818cf8!important}html[data-theme=dark] .theme-toggle{background:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}html[data-theme=dark] .theme-toggle:hover{background:#404040!important;border-color:#818cf8!important}html[data-theme=dark] .user-info{background:#2d2d2d!important;border-color:#404040!important}html[data-theme=dark] .user-info:hover{background:#404040!important}html[data-theme=dark] .user-name{color:#fff!important}html[data-theme=dark] .user-email{color:#9ca3af!important}html[data-theme=dark] .dropdown-menu{background:#2d2d2d!important;border-color:#404040!important}html[data-theme=dark] .dropdown-header{background:#1a1a1a!important;border-bottom-color:#404040!important}html[data-theme=dark] .dropdown-role{color:#9ca3af!important}html[data-theme=dark] .dropdown-item{color:#e0e0e0!important}html[data-theme=dark] .dropdown-item:hover{background:#404040!important}html[data-theme=dark] .dropdown-item.logout{color:#f87171!important}html[data-theme=dark] .dropdown-item.logout:hover{background:rgba(220,38,38,.15)!important}@media (max-width: 768px){.header-left{margin-left:50px;gap:8px}.logo-icon{display:none!important}.logo-text{font-size:16px!important}.stats-dashboard-title{display:none}.stats-tabs-container{position:static;transform:none;margin-left:auto;margin-right:0}.stats-tabs{transform:scale(.8);gap:2px}.stats-tab{padding:4px 10px;font-size:11px}.header-right{gap:4px}.stats-refresh-btn,.theme-toggle{width:32px;height:32px;font-size:16px}.user-details{display:none}.user-info{padding:4px 10px}.user-avatar{font-size:16px}.btn-add-manager{padding:6px 10px!important;font-size:0!important}.btn-add-manager:before{content:"+"!important;font-size:16px!important}.btn-add-campaign{padding:6px 10px!important;font-size:0!important}.btn-add-campaign:before{content:"+"!important;font-size:16px!important}}.sidebar-toggle{position:fixed;top:20px;left:20px;width:40px;height:40px;border-radius:8px;background:white;border:1px solid #e1e5e9;color:#2c3e50;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.sidebar-toggle:hover{background:#f8f9fa;transform:scale(1.05)}.sidebar-toggle.open{left:220px}.toggle-icon{line-height:1;-webkit-user-select:none;user-select:none}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;animation:fadeIn .3s ease}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100vh;background:white;box-shadow:2px 0 12px #0000001a;transition:left .3s ease;z-index:1000;overflow:hidden}.sidebar.open{left:0}.sidebar-nav{padding:20px;height:100%;overflow-y:hidden}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:8px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#2c3e50;text-decoration:none;transition:all .2s;font-weight:500}.menu-item:hover{background:#f8f9fa;color:#007bff}.menu-item.active{background:#e7f1ff;color:#007bff}.icon{font-size:20px;min-width:24px;-webkit-user-select:none;user-select:none}.label{font-size:14px}.layout{min-height:100vh;background:#f5f7fa}.layout-content{margin-left:0;padding:90px 24px 24px;transition:margin-left .3s ease}.sidebar.open~.layout-content{margin-left:250px}@media (max-width: 768px){.layout-content{padding:80px 16px 16px}.sidebar.open~.layout-content{margin-left:0}}.partner-form-container{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.partner-form{max-width:600px}.partner-form h2{margin:0 0 20px;color:#333;font-size:1.5rem}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:12px;margin-top:5px;display:block}.checkbox-group{display:flex;align-items:center;gap:8px;margin-top:8px}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-label{margin:0;font-weight:400}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.btn-secondary{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.partners-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{margin:0;color:#333}.btn-primary{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.btn-primary:hover{background-color:#0056b3}.partners-table-container{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.partners-table{width:100%;border-collapse:collapse}.partners-table th,.partners-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.partners-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.partners-table tr:hover{background-color:#f8f9fa}.status{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.btn-edit,.btn-delete{padding:5px 10px;margin-right:5px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.btn-edit{background-color:#ffc107;color:#212529}.btn-edit:hover{background-color:#e0a800}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.empty-state{padding:40px;text-align:center;color:#6c757d}.error{color:#dc3545;padding:10px;background-color:#f8d7da;border-radius:4px;margin:10px 0}.loading{text-align:center;padding:40px;color:#666}.action-buttons{display:flex;gap:5px}.btn-status{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.btn-active{background-color:#28a745;color:#fff}.btn-active:hover{background-color:#218838}.btn-inactive{background-color:#ffc107;color:#212529}.btn-inactive:hover{background-color:#e0a800}[data-theme=dark] .partners-page{background-color:var(--bg-secondary)}[data-theme=dark] .partners-table-container{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .partners-table th{background-color:var(--table-header-bg);color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .partners-table td{background-color:var(--bg-card);color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .partners-table tr:hover{background-color:var(--table-hover)}[data-theme=dark] .partner-form-container{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .partner-form h2,[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}.managers-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e5e9;flex-wrap:wrap;gap:15px}.page-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600;flex:1}.admin-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #ff6b6b33}.admin-info{margin-bottom:30px}.info-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:24px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #667eea4d}.info-icon{font-size:48px;opacity:.9}.info-content h3{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:#252525}.info-content p{margin:0;opacity:.9;line-height:1.5;color:#252525}.managers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:white;padding:24px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid #e1e5e9;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#6c757d;font-weight:500}.managers-table-container{background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;margin-bottom:30px}.table-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.table-header h2{margin:0;color:#2c3e50;font-size:1.25rem;font-weight:600}.table-count{color:#6c757d;font-size:14px;font-weight:500}.managers-table{width:100%;border-collapse:collapse;font-size:14px}.managers-table th,.managers-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #e9ecef}.managers-table th{background-color:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0;z-index:10}.managers-table tbody tr{transition:background-color .2s}.managers-table tbody tr:hover{background-color:#f8f9fa}.managers-table tbody tr.current-user{background-color:#e8f5e8}.managers-table tbody tr.current-user:hover{background-color:#d4edda}.manager-name{display:flex;align-items:center;gap:8px}.name{font-weight:500;color:#2c3e50}.you-badge{background:#28a745;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.role{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.role.admin{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 2px 4px #ff6b6b33}.role.manager{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 2px 4px #4ecdc433}.status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status.active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-edit,.btn-status,.btn-delete{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:4px;min-width:80px;justify-content:center}.btn-edit:hover:not(:disabled){background:#138496;transform:translateY(-1px);box-shadow:0 2px 4px #17a2b84d}.btn-status{background:#6c757d;color:#fff}.btn-status:disabled{opacity:.5;cursor:not-allowed}.btn-inactive{background:#dc3545}.btn-active{background:#28a745}.btn-delete:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-hint{font-size:14px;color:#adb5bd;margin-top:8px}.alert-error,.alert-success{padding:16px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-close{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 6px;border-radius:3px;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.alert-error .alert-close{color:#721c24}.alert-error .alert-close:hover{background:#f1b0b7}.alert-success .alert-close{color:#155724}.alert-success .alert-close:hover{background:#c3e6cb}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:#6c757d;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #667eea33;display:flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.admin-security-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;padding:20px;margin-top:30px;display:flex;align-items:flex-start;gap:16px}.security-icon{font-size:32px;color:#f39c12;flex-shrink:0}.security-content h4{margin:0 0 8px;color:#856404;font-size:16px;font-weight:600}.security-content p{margin:0 0 12px;color:#856404;line-height:1.5}.security-content ul{margin:0;padding-left:20px;color:#856404}.security-content li{margin-bottom:4px;line-height:1.4}@media (max-width: 1024px){.managers-table{display:block;overflow-x:auto}.managers-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.managers-page{padding:15px}.page-header{flex-direction:column;align-items:stretch;gap:15px}.page-header h1{font-size:1.5rem}.admin-info{margin-bottom:20px}.info-card{flex-direction:column;text-align:center;gap:16px}.managers-stats{grid-template-columns:1fr}.table-header{flex-direction:column;gap:10px;align-items:stretch}.action-buttons{flex-direction:column;gap:6px}.btn-edit,.btn-status,.btn-delete{min-width:100%;justify-content:center}.admin-security-note{flex-direction:column;text-align:center;gap:12px}}@media (max-width: 480px){.managers-table th,.managers-table td{padding:12px 10px;font-size:13px}.btn-primary{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#1e1e1e;padding:30px;border-radius:8px;width:100%;max-width:400px;border:1px solid #333}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:14px}.form-group input{width:100%;padding:8px;background:#2d2d2d;border:1px solid #444;color:#fff;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer}.manager-campaigns-view{padding:20px;background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:20px}.manager-campaigns-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e5e9}.btn-back{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.btn-back:hover{background:#545b62}.manager-info h2{margin:0 0 10px;color:#2c3e50}.manager-details{display:flex;gap:20px;color:#6c757d;font-size:14px}.campaigns-section{margin-bottom:30px}.campaigns-section h3{margin:0 0 15px;color:#495057}.campaigns-list{display:grid;gap:15px}.campaign-card{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #e1e5e9}.campaign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.campaign-name{font-weight:600;color:#2c3e50}.campaign-details{display:flex;gap:15px;font-size:13px;color:#6c757d}.btn-campaign-count:hover{background-color:#edf2f7!important}.btn-campaign-count:active{background-color:#e2e8f0!important}[data-theme=dark] .managers-page{background-color:var(--bg-secondary)}[data-theme=dark] .stat-card{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .stat-number{color:var(--text-primary)}[data-theme=dark] .stat-label{color:var(--text-secondary)}[data-theme=dark] .managers-table-container{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .table-header{background-color:var(--table-header-bg);border-bottom-color:var(--border-color)}[data-theme=dark] .table-header h2{color:var(--text-primary)}[data-theme=dark] .managers-table th{background-color:var(--table-header-bg);color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .managers-table td{background-color:var(--bg-card);color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .managers-table tbody tr:hover{background-color:var(--table-hover)}[data-theme=dark] .admin-security-note{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .security-content h4,[data-theme=dark] .security-content p,[data-theme=dark] .security-content li{color:var(--text-secondary)}[data-theme=dark] .managers-page .btn-view-queries{background:var(--accent-color)!important;color:#fff!important}[data-theme=dark] .managers-page .btn-view-queries:hover{background:var(--accent-hover)!important}.campaigns-list{min-height:400px;display:flex;flex-direction:column}.campaigns-cards{display:grid;gap:20px;align-content:start;min-height:min-content}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.modal-dialog{background:white;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease;z-index:2001}[data-theme=dark] .campaigns-page{background-color:var(--bg-secondary)}[data-theme=dark] .campaigns-header h1{color:var(--text-primary)}[data-theme=dark] .campaign-card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .campaign-name{color:var(--text-primary)}[data-theme=dark] .campaign-name small,[data-theme=dark] .campaign-info span,[data-theme=dark] .campaign-stats span{color:var(--text-secondary)}[data-theme=dark] .campaign-keywords{border-top-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .debug-panel{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .debug-panel summary{color:var(--text-primary)}[data-theme=dark] .search-bar input{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .tab-btn{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .tab-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}[data-theme=dark] .tab-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.sitelinks-list{margin-bottom:16px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.sitelink-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border-color);background:var(--bg-card)}.sitelink-item:last-child{border-bottom:none}.sitelink-info{flex:1}.sitelink-info div{margin-bottom:4px}.sitelink-info strong{font-size:14px;color:var(--text-primary)}.sitelink-info div:nth-child(2){font-size:12px;color:var(--text-secondary);word-break:break-all}.snippet-preview{font-size:12px;color:var(--text-muted);margin-top:4px}.sitelink-actions{display:flex;gap:8px}.sitelink-form{background:var(--bg-secondary);padding:16px;border-radius:8px;margin-top:16px}.form-actions-inline{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.btn-primary-small{padding:6px 12px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.btn-secondary-small{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:12px}.data-table-container{width:100%;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1200px}.data-table th{padding:6px 8px;text-align:left;font-weight:600;background:var(--table-header-bg);color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td{padding:4px 6px;border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap}.data-table tbody tr:hover td{background:var(--table-hover);cursor:pointer}.data-table-loading,.data-table-empty{padding:40px;text-align:center;color:var(--text-secondary);font-size:14px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.loader-spinner{width:30px;height:30px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.btn-view-queries{padding:2px 8px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s}.btn-view-queries:hover{background:var(--accent-hover);transform:scale(1.05)}@media (max-width: 768px){.data-table{font-size:11px}.data-table th,.data-table td{padding:3px 4px}}.statistics-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{font-size:32px;color:#333;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.refresh-button{padding:8px 16px;background-color:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.refresh-button:hover:not(:disabled){background-color:#5a67d8}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.last-updated{color:#666;font-size:14px}.tabs-container{border-bottom:1px solid #e2e8f0;margin-bottom:24px}.tabs{display:flex;gap:8px}.tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:#666;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s}.tab:hover{color:#4a5568}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{min-height:400px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0}.loader-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-message{color:#e53e3e;margin-bottom:16px;font-size:16px}.retry-button{padding:8px 16px;background-color:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.retry-button:hover{background-color:#c53030}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stats-card{background:white;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stats-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.stats-card-title{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0}.stats-card-icon{color:#667eea}.stats-card-value{font-size:32px;font-weight:700;color:#333;margin-bottom:8px;line-height:1}.stats-card-footer{display:flex;justify-content:space-between;align-items:center}.stats-card-subtitle{font-size:14px;color:#888}.stats-card-trend{font-size:14px;font-weight:600}.stats-card-trend.positive{color:#38a169}.stats-card-trend.negative{color:#e53e3e}.stats-card.online-card{border-left:4px solid #38a169}.stats-card.warning-card{border-left:4px solid #e53e3e}.section{margin-bottom:32px}.section-title{margin-bottom:20px;color:#2c3e50;font-size:1.5rem}.section-description{color:#666;margin-bottom:20px}.data-table-container{overflow-x:auto;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;background-color:#f7fafc;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0}.data-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:#f7fafc}.data-table tbody tr.clickable:hover{background-color:#edf2f7;cursor:pointer}.data-table-loading,.data-table-empty{text-align:center;padding:40px;color:#666}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background-color:#c6f6d5;color:#22543d}.status-badge.inactive{background-color:#fed7d7;color:#742a2a}.extension-header{display:flex;justify-content:space-between;align-items:flex-start;background:white;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.extension-info h2{margin:0 0 12px;color:#333}.extension-meta{display:flex;gap:20px;flex-wrap:wrap}.meta-item{font-size:14px;color:#666}.meta-item strong{color:#333;margin-right:4px}.extension-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.extension-stats .stats-card{padding:12px;min-width:150px}.extension-stats .stats-card-value{font-size:24px}.filter-bar{display:flex;gap:12px;margin-bottom:20px}.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:white;color:#333;font-size:14px}.filter-select:focus{outline:none;border-color:#667eea}.back-button{margin-left:auto;padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;height:34px;white-space:nowrap}.back-button:hover{background-color:#5a6268}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.info-card{background:white;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.info-card h4{margin:0 0 16px;color:#333}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.info-item{font-size:14px}.info-item strong{color:#333;margin-right:4px}.info-item a{color:#667eea;text-decoration:none;margin-left:4px;word-break:break-all}.info-item a:hover{text-decoration:underline}.url-link{color:#667eea;text-decoration:none;word-break:break-all}.url-link:hover{text-decoration:underline}.placeholder-message{background:#f7fafc;padding:24px;border-radius:8px;text-align:center;color:#666}.placeholder-message code{background:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:14px}.no-data{text-align:center;padding:80px 20px;color:#666;font-size:16px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:12px}.tabs{overflow-x:auto;padding-bottom:8px}.stats-grid{grid-template-columns:1fr}.extension-header{flex-direction:column;gap:20px}.extension-stats{width:100%}}.affiliate-container,.affiliate-detail-container{padding:20px}.affiliate-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:20px}.affiliate-header h2{margin:0;flex:1;min-width:200px}.affiliate-header-stats{display:flex;gap:15px;flex-wrap:wrap}.stat-chip{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:white;border-radius:10px;border:1px solid #e9ecef;min-width:120px}.stat-chip-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-chip-value{font-size:24px;font-weight:700;color:#007bff}.affiliates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.publishers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:20px}.charts-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px!important;margin-bottom:30px;width:100%!important}.chart-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid #e1e5e9;width:95%!important}.chart-legend{margin-top:16px;display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.legend-color{width:12px;height:12px;border-radius:3px}.legend-label{flex:1;color:#2c3e50;font-weight:500}.legend-value{color:#6c757d}.extensions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.extension-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid #e1e5e9;cursor:pointer;transition:all .2s}.extension-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:#007bff}.extension-card h3{margin:0 0 15px;color:#2c3e50;font-size:18px}.extension-card-stats{display:flex;justify-content:space-between;margin-bottom:15px;color:#6c757d;font-size:14px}.extension-card-footer{display:flex;align-items:center;gap:10px;padding-top:15px;border-top:1px solid #e9ecef;font-size:12px;color:#adb5bd}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:#28a745;box-shadow:0 0 0 2px #28a74533}.status-dot.inactive{background:#dc3545;box-shadow:0 0 0 2px #dc354533}.extension-detail-container{padding:20px}.extension-detail-card{background:white;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014;margin-top:20px}.extension-detail-card h2{margin:0 0 20px;color:#2c3e50;font-size:24px}.extension-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:16px;font-weight:500;color:#2c3e50}.extension-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.extension-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.export-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.export-button:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.date-range-filter{display:flex;gap:15px;align-items:center;background:#f8f9fa;padding:8px 15px;border-radius:8px;border:1px solid #e1e5e9;flex:1;max-width:400px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:13px;color:#495057;font-weight:500;white-space:nowrap}.date-input{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;height:34px;background:white}.event-stats-details{margin-top:30px;border:1px solid #e1e5e9;border-radius:8px;background:white}.event-stats-summary{padding:15px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;-webkit-user-select:none;user-select:none}.event-stats-summary::-webkit-details-marker{display:none}.event-stats-summary:hover{background:#f8f9fa}.details-arrow{font-size:12px;color:#6c757d;transition:transform .2s}details[open] .details-arrow{transform:rotate(180deg)}.events-stats-section{padding:20px;border-top:1px solid #e1e5e9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.json-viewer{max-width:800px;width:100%;max-height:80vh;display:flex;flex-direction:column;background:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f5f5f5;border-bottom:1px solid #ddd}.modal-header h3{margin:0;color:#333;font-size:16px;font-weight:600}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background:#e0e0e0;color:#000}.modal-body.json-body{padding:20px;overflow-y:auto;background:white;flex:1}.json-pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.5;color:#333}.modal-footer{padding:15px 20px;background:#f5f5f5;border-top:1px solid #ddd;display:flex;justify-content:flex-end}.btn-secondary{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.btn-secondary:hover{background:#5a6268}.no-data-chart{min-height:200px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:14px;text-align:center;padding:20px}.btn-view-users{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-view-users:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.users-modal{max-width:800px;width:90%;max-height:80vh}.users-modal-body{overflow-y:auto;max-height:calc(80vh - 120px)}.users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:10px}.user-card{background:#f8f9fa;border-radius:10px;padding:16px;cursor:pointer;transition:all .2s;border:1px solid #e1e5e9}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#667eea}.user-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e1e5e9}.user-id{font-family:monospace;font-size:14px;color:#2c3e50;font-weight:600}.user-status{font-size:12px;color:#28a745}.user-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.user-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.user-stat .stat-label{font-size:11px;color:#6c757d;text-transform:uppercase;margin-bottom:4px}.user-stat .stat-value{font-size:16px;font-weight:600;color:#2c3e50}.user-details-modal{max-width:600px;width:90%}.user-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:10px}.user-details-grid .detail-item{display:flex;flex-direction:column;gap:4px}.user-details-grid .detail-label{font-size:11px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.user-details-grid .detail-value{font-size:14px;color:#2c3e50;word-break:break-word}.stats-card-button{width:100%;margin-top:12px;padding:8px;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;color:#2c3e50;font-size:12px;cursor:pointer;transition:all .2s}.stats-card-button:hover{background:#667eea;color:#fff;border-color:#667eea}.stat-box{background:#f8f9fa;padding:20px 20px 25px;border-radius:8px;text-align:center;position:relative}.stat-box-label{font-size:12px;color:#6c757d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-box-value{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:5px}.stat-box-button{padding:4px 0;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;width:60px;text-align:center;margin:0 auto;transition:background .2s;display:block}.stat-box-button:hover{background:#5a67d8}.users-section{margin-top:30px;padding:20px;background:white;border-radius:8px;border:1px solid #e1e5e9}.users-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e5e9}.users-header h2{margin:0;min-width:200px}.users-header h3{margin:0;color:#2c3e50}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.users-fullscreen{padding:20px;background:white;border-radius:12px;box-shadow:0 2px 8px #00000014}.users-fullscreen .users-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e5e9}.users-fullscreen .users-header .back-button{margin-left:auto}.users-fullscreen h2{margin:0;color:#2c3e50;font-size:24px}.users-fullscreen .back-button{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.users-fullscreen .back-button:hover{background:#5a6268}.users-table-container{overflow-x:auto}.filter-toggle-btn{padding:8px 16px;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;color:#2c3e50;font-size:14px;cursor:pointer;transition:all .2s}.filter-toggle-btn.active{background:#667eea;color:#fff;border-color:#667eea}.filter-toggle-btn:hover{background:#e9ecef}.filter-toggle-btn.active:hover{background:#5a67d8}.filter-switch.active{background:#4caf50}.switch-toggle{width:20px;height:20px;background:white;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s;box-shadow:0 1px 3px #0003}.filter-switch.active .switch-toggle{left:24px}.date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-wrapper{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.filter-toggle-group{display:flex;align-items:center;gap:5px;background:#f8f9fa;padding:5px 10px;border-radius:30px;border:1px solid #e1e5e9;height:36px}.filter-icon{font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}.filter-switch{width:46px;height:24px;background:#e0e0e0;border-radius:30px;position:relative;cursor:pointer;transition:background .3s;-webkit-user-select:none;user-select:none;flex-shrink:0}.date-filters-container{display:flex!important;gap:12px!important;margin-left:10px!important;padding:4px!important;background:transparent!important}.date-input-wrapper{transition:all .2s ease!important;border:1px solid #e1e5e9!important;background:white!important;border-radius:8px!important;padding:6px 12px!important;box-shadow:0 2px 4px #00000005!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:5px!important;position:relative!important}.date-input-wrapper:hover{border-color:#667eea!important;background:#f8faff!important;box-shadow:0 4px 12px #667eea26!important;transform:translateY(-1px)!important}.date-input-wrapper label{color:#4a5568!important;font-weight:600!important;font-size:12px!important;letter-spacing:.3px!important;cursor:pointer!important;margin:0!important}.date-input-wrapper span{color:#2d3748!important;font-size:13px!important;font-weight:500!important;background:#f7fafc!important;padding:4px 10px!important;border-radius:6px!important;transition:background .2s!important;min-width:90px!important;text-align:center!important}.date-input-wrapper:hover span{background:#edf2f7!important}@media (max-width: 768px){.date-filters-container{flex-direction:column!important;width:100%!important;margin-left:0!important}.date-input-wrapper{width:100%!important}}@media (max-width: 768px){.filter-wrapper{flex-direction:column;align-items:flex-start;width:100%}.filter-toggle-group{order:0}.date-range-filter{flex-direction:column;width:100%}.filter-group,.date-input{width:100%}}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:20px 0}.no-data-icon{font-size:64px;margin-bottom:20px;opacity:.7}.no-data-container h3{margin:0 0 10px;color:#2c3e50;font-size:24px}.no-data-description{margin:0;color:#6c757d;font-size:16px;max-width:400px;line-height:1.5}.date-picker-trigger{transition:background-color .2s}.date-picker-trigger:hover{background-color:#f8f9fa;border-color:#007bff}.date-picker-trigger input::-webkit-calendar-picker-indicator{display:none}.fixed-table-container{height:400px;overflow:auto;border:1px solid #e1e5e9;border-radius:8px;background:white;position:relative;margin:20px 0}.fixed-table-container thead th{position:sticky;top:0;background:#f8f9fa;z-index:30;padding:12px 16px;font-weight:600;color:#4a5568;border-bottom:2px solid #e1e5e9;white-space:nowrap;box-shadow:0 2px 4px #0000000d}.fixed-table-container th:first-child,.fixed-table-container td:first-child{position:sticky;left:0;background:inherit;z-index:25}.fixed-table-container thead th:first-child{z-index:35}.fixed-table-container{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.fixed-table-container::-webkit-scrollbar{width:14px;height:14px;background:#f1f1f1}.fixed-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:7px}.fixed-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:7px;min-height:40px;border:2px solid #f1f1f1}.fixed-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fixed-table-container::-webkit-scrollbar-corner{background:#f1f1f1}.fixed-table-container td{padding:10px 16px;border-bottom:1px solid #e9ecef;white-space:nowrap;background:white}.fixed-table-container td:first-child{background:white;box-shadow:2px 0 5px -2px #0000001a}.fixed-table-container tbody tr:hover td,.fixed-table-container tbody tr:hover td:first-child{background:#f8f9fa}[data-theme=dark] .fixed-table-container{background:#2d2d2d;border-color:#404040}[data-theme=dark] .fixed-table-container thead th{background:#1a1a1a;color:#e0e0e0;border-bottom-color:#404040}[data-theme=dark] .fixed-table-container td{background:#2d2d2d;color:#e0e0e0;border-bottom-color:#404040}[data-theme=dark] .fixed-table-container td:first-child{background:#2d2d2d}[data-theme=dark] .fixed-table-container tbody tr:hover td,[data-theme=dark] .fixed-table-container tbody tr:hover td:first-child{background:#3d3d3d}.fixed-table-wrapper{position:relative;height:400px;border:1px solid #e1e5e9;border-radius:8px;background:white;margin:20px 0}.fixed-table-scroll{height:100%;overflow:auto;position:relative}.fixed-table-scroll table{width:100%;border-collapse:collapse;min-width:1200px}.fixed-table-scroll thead th{position:sticky;top:0;background:#f8f9fa;z-index:10;padding:12px 16px;border-bottom:2px solid #e1e5e9;white-space:nowrap}.fixed-table-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:14px;background:#f1f1f1;border-top:1px solid #e1e5e9;z-index:20}.fixed-table-wrapper:before{content:"";position:absolute;bottom:2px;left:2px;right:2px;height:10px;background:#c1c1c1;border-radius:5px;z-index:21;pointer-events:none}[data-theme=dark] .fixed-table-wrapper{background:#2d2d2d;border-color:#404040}[data-theme=dark] .fixed-table-wrapper:after{background:#2d2d2d;border-top-color:#404040}[data-theme=dark] .fixed-table-wrapper:before{background:#4a4a4a}[data-theme=dark] .statistics-page{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .page-header h1{color:var(--text-primary)}[data-theme=dark] .tab{color:var(--text-secondary)}[data-theme=dark] .tab:hover{color:var(--text-primary)}[data-theme=dark] .tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}[data-theme=dark] .stats-card,[data-theme=dark] .chart-card,[data-theme=dark] .extension-card,[data-theme=dark] .affiliate-card,[data-theme=dark] .publisher-card,[data-theme=dark] .info-card,[data-theme=dark] .extension-detail-card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .stats-card-title{color:var(--text-secondary)!important}[data-theme=dark] .stats-card-value{color:var(--text-primary)!important}[data-theme=dark] .data-table-container,[data-theme=dark] .fixed-table-container,[data-theme=dark] .users-fullscreen{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .data-table th,[data-theme=dark] .fixed-table-container thead th{background-color:var(--table-header-bg);color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .data-table td,[data-theme=dark] .fixed-table-container td{background-color:var(--bg-card);color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .data-table tbody tr:hover td,[data-theme=dark] .fixed-table-container tbody tr:hover td{background-color:var(--table-hover)}[data-theme=dark] .filter-select,[data-theme=dark] .date-input{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .no-data-container,[data-theme=dark] .placeholder-message,[data-theme=dark] .no-data-chart{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .recharts-text{fill:var(--text-primary)!important}[data-theme=dark] .recharts-cartesian-grid line{stroke:var(--border-color)!important}[data-theme=dark] .layout-content,[data-theme=dark] .statistics-page{background-color:var(--bg-secondary)}[data-theme=dark] .filter-switch.active{background:var(--accent-color)!important}[data-theme=dark] .filter-switch .switch-toggle{background:white!important}[data-theme=dark] .date-filters-container .date-input-wrapper{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .stats-card-button,[data-theme=dark] .stat-box-button,[data-theme=dark] .btn-view-users{background:var(--accent-color)!important;color:#fff!important}[data-theme=dark] .stats-card-button:hover,[data-theme=dark] .stat-box-button:hover,[data-theme=dark] .btn-view-users:hover{background:var(--accent-hover)!important}[data-theme=dark] .btn-view-queries{background:var(--accent-color)!important;color:#fff!important;border:none!important}[data-theme=dark] .btn-view-queries:hover{background:var(--accent-hover)!important}[data-theme=dark] .stats-card,[data-theme=dark] .stat-box{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .stats-card-title,[data-theme=dark] .stat-box-label{color:var(--text-secondary)!important}[data-theme=dark] .stats-card-value,[data-theme=dark] .stat-box-value{color:var(--text-primary)!important}[data-theme=dark] .filter-select,[data-theme=dark] .date-input{background-color:var(--input-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .filter-select option{background-color:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .fixed-table-container{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .fixed-table-container thead th{background:var(--table-header-bg)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .fixed-table-container td{background:var(--bg-card)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .fixed-table-container td:first-child{background:var(--bg-card)!important}[data-theme=dark] .fixed-table-container tbody tr:hover td,[data-theme=dark] .fixed-table-container tbody tr:hover td:first-child{background:var(--table-hover)!important}[data-theme=dark] .fixed-table-container::-webkit-scrollbar{background:var(--bg-secondary)!important}[data-theme=dark] .fixed-table-container::-webkit-scrollbar-track{background:var(--bg-secondary)!important}[data-theme=dark] .fixed-table-container::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-color:var(--bg-secondary)!important}[data-theme=dark] .fixed-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important}.bar-chart-container{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:8px;margin-top:10px}.bar-item{display:flex;flex-direction:column;gap:4px}.bar-label{display:flex;align-items:center;gap:8px;font-size:13px}.bar-label .legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.bar-label .legend-label{flex:1;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-label .legend-value{color:var(--text-secondary);font-weight:500;white-space:nowrap}.bar-track{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.bar-chart-container::-webkit-scrollbar{width:6px}.bar-chart-container::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.bar-chart-container::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px}.chart-card.row-layout{display:flex;flex-direction:column}.chart-card.row-layout .chart-content{display:flex;flex-direction:row;gap:16px;align-items:flex-start;flex:1}.chart-card.row-layout .chart-pie{flex:0 0 180px;height:180px}.chart-card.row-layout .chart-legend{flex:1;max-height:180px;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:6px}.chart-card.row-layout .chart-legend.scrollable::-webkit-scrollbar{width:6px}.chart-card.row-layout .chart-legend.scrollable::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.chart-card.row-layout .chart-legend.scrollable::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px}.chart-card.row-layout .legend-item{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.chart-card.row-layout .legend-item .legend-label{flex:1;overflow:hidden;text-overflow:ellipsis}.chart-card.row-layout .legend-item .legend-value{color:var(--text-secondary);font-weight:500}.stats-header-compact{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-card);border-bottom:1px solid var(--border-color);margin-bottom:24px;border-radius:0;width:100%;position:sticky;top:60px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-card-rgb),.95)}.stats-header-left h1{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);white-space:nowrap}.stats-header-center{flex:1;display:flex;justify-content:center}.stats-tabs{display:flex;gap:4px;background:var(--table-header-bg);padding:4px;border-radius:30px;border:1px solid var(--border-color)}.stats-tab{padding:6px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:30px;cursor:pointer;transition:all .2s;white-space:nowrap}.stats-tab:hover{color:var(--text-primary);background:rgba(var(--accent-color-rgb),.1)}.stats-tab.active{background:var(--accent-color);color:#fff}.stats-header-right{display:flex;align-items:center;gap:12px}.stats-refresh-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.stats-refresh-btn:hover:not(:disabled){background:var(--table-hover);transform:rotate(30deg)}.stats-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{display:inline-block;transition:transform .3s}.refresh-icon.spinning{animation:spin 1s linear infinite}.page-header .tabs{display:none}html[data-theme=dark] .stats-card,html[data-theme=dark] .chart-card,html[data-theme=dark] .extension-card,html[data-theme=dark] .affiliate-card,html[data-theme=dark] .publisher-card,html[data-theme=dark] .info-card,html[data-theme=dark] .extension-detail-card,html[data-theme=dark] .users-fullscreen,html[data-theme=dark] .fixed-table-container,html[data-theme=dark] .data-table-container,html[data-theme=dark] .stat-box{background-color:#1a1a1a!important;border-color:#333!important}html[data-theme=dark] .stats-card-title,html[data-theme=dark] .stat-box-label{color:#9ca3af!important}html[data-theme=dark] .stats-card-value,html[data-theme=dark] .stat-box-value{color:#fff!important}html[data-theme=dark] .data-table th{background-color:#0a0a0a!important;color:#e0e0e0!important;border-bottom-color:#333!important}html[data-theme=dark] .data-table td{background-color:#1a1a1a!important;color:#e0e0e0!important;border-bottom-color:#333!important}html[data-theme=dark] .data-table tbody tr:hover td{background-color:#2d2d2d!important}html[data-theme=dark] .filter-select,html[data-theme=dark] .date-input,html[data-theme=dark] .filter-toggle-group{background-color:#1a1a1a!important;border-color:#333!important;color:#e0e0e0!important}html[data-theme=dark] .no-data-container,html[data-theme=dark] .placeholder-message,html[data-theme=dark] .no-data-chart{background-color:#1a1a1a!important;border-color:#333!important;color:#9ca3af!important}html[data-theme=dark] .btn-view-queries{background-color:#2d2d2d!important;color:#fff!important}html[data-theme=dark] .btn-view-queries:hover{background-color:#404040!important}html[data-theme=dark] .back-button{background-color:#2d2d2d!important;color:#e0e0e0!important;border-color:#404040!important}html[data-theme=dark] .back-button:hover{background-color:#404040!important}html[data-theme=dark] .export-button{background-color:#1e4a3a!important}html[data-theme=dark] .export-button:hover{background-color:#2d6a4f!important}.date-range-picker{display:flex;gap:4px;align-items:center;margin:8px 0}.date-range-picker input[type=date]{padding:4px;font-size:12px;border:1px solid #ccc;border-radius:4px}.stat-box-button.small{padding:4px 8px;font-size:12px}.preset-btn.disabled{opacity:.6;cursor:not-allowed}.preset-btn.active{background:#667eea;color:#fff;border-color:#667eea}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-height:200px;overflow-y:auto;padding:4px}.day-option{text-align:center;padding:4px;border-radius:4px;cursor:pointer;background:white;border:1px solid #e0e0e0}.day-option:hover{background:#f0f0f0}:root{--card-bg: #ffffff;--text-color: #333333;--text-secondary: #6c757d;--border-color: #e1e5e9;--input-bg: #ffffff;--button-bg: #f8f9fa;--button-hover: #e9ecef}[data-theme=dark]{--card-bg: #2d2d2d;--text-color: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #404040;--input-bg: #3d3d3d;--button-bg: #3d3d3d;--button-hover: #4d4d4d}[data-theme=dark] .fixed-table-container::-webkit-scrollbar{background:#2d2d2d}[data-theme=dark] .fixed-table-container::-webkit-scrollbar-track{background:#2d2d2d}[data-theme=dark] .fixed-table-container::-webkit-scrollbar-thumb{background:#4a4a4a;border-color:#2d2d2d}[data-theme=dark] .fixed-table-container::-webkit-scrollbar-thumb:hover{background:#5a5a5a}[data-theme=dark] .fixed-table-container::-webkit-scrollbar-corner{background:#2d2d2d}[data-theme=dark] ::-webkit-scrollbar{width:14px;height:14px;background:#2d2d2d}[data-theme=dark] ::-webkit-scrollbar-track{background:#2d2d2d}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:7px;border:2px solid #2d2d2d}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5a5a5a}[data-theme=dark] ::-webkit-scrollbar-corner{background:#2d2d2d}[data-theme=dark] .no-data-chart{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .loading-container{background:var(--bg-page, #1a1a1a)!important;color:var(--text-secondary, #9ca3af)!important}[data-theme=dark] .filter-toggle-group{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .loading-container .loader-spinner{border-color:var(--border-color, #404040)!important;border-top-color:var(--accent-color, #667eea)!important}[data-theme=dark] .filter-switch{background:var(--border-color)!important}[data-theme=dark] .filter-switch.active{background:#4caf50!important}[data-theme=dark] .date-input-wrapper{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .date-input-wrapper span{background:var(--input-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .date-input-wrapper label{color:var(--text-secondary)!important}[data-theme=dark] .loader-spinner{border-color:var(--border-color, #404040)!important;border-top-color:var(--accent-color, #667eea)!important}.fullscreen-user-list{position:fixed;top:70px;left:0;right:0;bottom:0;background-color:var(--bg-secondary);z-index:999;display:flex;flex-direction:column;overflow:hidden}.fullscreen-user-list .header-bar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color)}.fullscreen-user-list .content-area{flex:1;overflow:auto;padding:0 24px;background-color:var(--bg-secondary)}.fullscreen-user-list .loading-container{background-color:var(--bg-secondary)!important}@media (max-width: 768px){div[style*="position: fixed"][style*="top: 70px"]{top:60px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child{flex-direction:column!important;align-items:stretch!important;padding:12px!important;gap:12px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:first-child{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:first-child>div:first-child{flex-direction:row!important;align-items:baseline!important;gap:8px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:first-child>div:first-child h2{font-size:16px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:first-child>div:not(:first-child){flex-wrap:wrap!important;gap:8px!important}div[style*="flexDirection: column"][style*="gap: 4px"]{width:100%!important}div[style*="position: absolute"][style*="left: 50%"]{position:static!important;transform:none!important;order:2!important;justify-content:center!important;margin:8px 0!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:last-child{flex-direction:row!important;justify-content:space-between!important;order:3!important}div[style*="flex: 1"][style*="overflow: auto"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}div[style*="flex: 1"][style*="overflow: auto"] table{min-width:700px!important}div[style*="flex: 1"][style*="overflow: auto"] th,div[style*="flex: 1"][style*="overflow: auto"] td{padding:6px 8px!important;white-space:nowrap!important}button[style*="background: #667eea"][style*="padding: 2px 6px"]{padding:4px 8px!important;font-size:10px!important;min-width:45px!important}}@media (max-width: 768px){div[style*="position: absolute"][style*="right: 0"][style*="width: 280px"]{right:auto!important;left:50%!important;transform:translate(-50%)!important;width:90vw!important;max-width:280px!important}}@media (max-width: 768px){.statistics-page{padding:0 8px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.page-header h1{font-size:20px}.tabs{overflow-x:auto;padding-bottom:8px;gap:4px}.tab{padding:8px 16px;font-size:14px;white-space:nowrap}.stats-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:20px!important}.stats-card{padding:12px!important}.stats-card-value{font-size:24px!important}.charts-grid{grid-template-columns:1fr!important;gap:12px!important}.chart-card{padding:12px!important;width:100%!important}.chart-title{font-size:14px!important;margin-bottom:10px!important}.chart-card.row-layout .chart-content{flex-direction:column!important;align-items:center!important}.chart-card.row-layout .chart-pie{width:100%!important;height:160px!important}.chart-card.row-layout .chart-legend{max-height:none!important;width:100%!important}.recharts-wrapper{width:100%!important}.extensions-grid{grid-template-columns:1fr!important;gap:12px!important}.extension-card{padding:12px!important}.extension-card h3{font-size:16px!important}.extension-detail-card{padding:12px!important}.extension-detail-card h2{font-size:18px!important}.extension-detail-card>div:first-child{flex-direction:column!important;gap:12px!important;align-items:stretch!important}.extension-detail-card>div:first-child>div{flex-direction:row!important;justify-content:space-between!important}.extension-stats-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-box{padding:12px!important}.stat-box-value{font-size:20px!important}.export-button,.back-button{padding:6px 12px!important;font-size:12px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child{padding:8px 12px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:first-child{flex-wrap:wrap!important;gap:6px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:first-child span{font-size:11px!important}div[style*="position: fixed"][style*="top: 70px"]>div:last-child{padding:0!important}div[style*="position: fixed"][style*="top: 70px"] table{min-width:600px!important}div[style*="position: fixed"][style*="top: 70px"] th,div[style*="position: fixed"][style*="top: 70px"] td{padding:6px 8px!important;font-size:9px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:last-child{gap:4px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:last-child button{padding:3px 8px!important;font-size:10px!important}.affiliate-container,.affiliate-detail-container{padding:12px!important}.affiliate-header{flex-direction:column!important;gap:12px!important}.affiliate-header h2{font-size:18px!important}.affiliate-header-stats{flex-direction:row!important;justify-content:space-between!important;width:100%!important}.stat-chip{padding:8px 12px!important;min-width:80px!important}.stat-chip-value{font-size:18px!important}.affiliates-grid,.publishers-grid{grid-template-columns:1fr!important;gap:12px!important}.section-title{font-size:16px!important;margin-bottom:12px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child{padding:10px 12px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:first-child{flex-wrap:wrap!important;gap:10px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:first-child>div:first-child h2{font-size:14px!important}div[style*="flexDirection: column"][style*="gap: 4px"]{width:100%!important}div[style*="flexDirection: column"][style*="gap: 4px"]>div{justify-content:space-between!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:last-child button:first-child{padding:4px 10px!important;font-size:11px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child>div:last-child button:last-child{padding:4px 12px!important;font-size:11px!important}div[style*="flex: 1"][style*="overflow: auto"] table{min-width:700px!important}div[style*="flex: 1"][style*="overflow: auto"] th,div[style*="flex: 1"][style*="overflow: auto"] td{padding:5px 8px!important;font-size:9px!important}button[style*="background: #667eea"][style*="padding: 2px 6px"]{padding:3px 8px!important;font-size:9px!important;min-width:38px!important}div[style*="position: absolute"][style*="left: 50%"]{position:static!important;transform:none!important;margin:8px 0!important}div[style*="position: absolute"][style*="left: 50%"] button{padding:3px 6px!important;font-size:10px!important}div[style*="position: absolute"][style*="right: 0"][style*="width: 280px"]{right:auto!important;left:50%!important;transform:translate(-50%)!important;width:90vw!important;max-width:280px!important}}@media (max-width: 768px){.recharts-responsive-container{width:100%!important;min-width:auto!important}.recharts-wrapper,.recharts-surface{width:100%!important}.bar-chart-container{max-height:none!important;padding-right:4px!important}.bar-label{font-size:10px!important}.bar-label .legend-label{white-space:normal!important;word-break:break-word!important}.chart-card.row-layout .chart-pie{height:140px!important}.extension-detail-card>div:first-child{display:flex!important;flex-direction:column!important;gap:20px!important}.extension-detail-card>div:first-child>div:first-child{width:100%!important;box-sizing:border-box!important}.extension-detail-card>div:first-child>div:first-child div{font-size:12px!important;word-break:break-word!important}.extension-detail-card>div:first-child>div:first-child strong{min-width:80px!important;display:inline-block!important}.extension-detail-card>div:first-child>div:last-child{width:100%!important;box-sizing:border-box!important}.stats-card,.chart-card,.extension-card,.affiliate-card,.publisher-card,.extension-detail-card{box-sizing:border-box!important;width:100%!important;overflow-x:hidden!important}.chart-card.full-width{width:100%!important;overflow-x:auto!important}.chart-legend{max-height:150px!important;overflow-y:auto!important}.legend-item{font-size:10px!important;flex-wrap:wrap!important}.legend-label{white-space:normal!important;word-break:break-word!important}.extension-card{width:100%!important;box-sizing:border-box!important}.extension-card h3{font-size:14px!important;white-space:normal!important;word-break:break-word!important}.extension-card-stats{flex-wrap:wrap!important;gap:8px!important}.extension-card-footer{flex-wrap:wrap!important}.extension-id{font-size:10px!important;word-break:break-all!important}.chart-card{padding:12px!important;overflow-x:auto!important}.chart-card .recharts-wrapper{min-width:300px!important}.affiliate-card,.publisher-card{width:100%!important;box-sizing:border-box!important}.data-table-container{overflow-x:auto!important;width:100%!important}.data-table{min-width:600px!important}.data-table th,.data-table td{white-space:nowrap!important}div[style*="position: fixed"][style*="top: 70px"]{top:60px!important}div[style*="position: fixed"][style*="top: 70px"]>div:first-child{flex-direction:column!important;align-items:stretch!important;padding:12px!important;gap:12px!important}div[style*="position: absolute"][style*="left: 50%"]{position:static!important;transform:none!important;margin:8px 0!important}div[style*="flex: 1"][style*="overflow: auto"] table{min-width:700px!important}div[style*="flex: 1"][style*="overflow: auto"] th,div[style*="flex: 1"][style*="overflow: auto"] td{padding:6px 8px!important;white-space:nowrap!important}button[style*="background: #667eea"][style*="padding: 2px 6px"]{padding:4px 8px!important;font-size:10px!important;min-width:45px!important}div[style*="position: absolute"][style*="right: 0"][style*="width: 280px"]{right:auto!important;left:50%!important;transform:translate(-50%)!important;width:90vw!important;max-width:280px!important}}@media (max-width: 480px){.extension-stats-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.extension-stats-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.extension-stats-grid .stat-box{width:100%!important;margin-bottom:0!important}}.extension-stats-grid{display:flex;gap:20px;flex:1 1 300px}.extension-stats-grid .stat-box{flex:1}@media (max-width: 768px){.extension-stats-grid{flex-direction:column}}.affiliate-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:all .2s ease;cursor:default}.affiliate-card.clickable{cursor:pointer}.affiliate-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:#007bff}.affiliate-card.selected{border-color:#007bff;background-color:#f8f9ff}.affiliate-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.affiliate-name{margin:0;font-size:18px;font-weight:600;color:#333;word-break:break-all}.affiliate-status{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.affiliate-status.active{background-color:#d4edda;color:#155724}.affiliate-status.inactive{background-color:#f8d7da;color:#721c24}.affiliate-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#007bff}.affiliate-footer{padding-top:12px;border-top:1px solid #e9ecef;font-size:12px;color:#6c757d}.last-activity{display:flex;align-items:center}.last-activity:before{content:"🕒";margin-right:6px;font-size:10px}.publisher-card{background:white;border-radius:10px;padding:16px;box-shadow:0 1px 4px #0000001a;border:1px solid #e9ecef;transition:all .2s ease}.publisher-card:hover{box-shadow:0 2px 8px #00000026}.publisher-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.publisher-id{margin:0;font-size:16px;font-weight:600;color:#333;word-break:break-all;flex:1}.publisher-badge{font-size:10px;padding:3px 6px;border-radius:10px;background-color:#e9ecef;color:#495057;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.publisher-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.publisher-stats .stat-item{display:flex;flex-direction:column}.publisher-stats .stat-label{font-size:11px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.publisher-stats .stat-value{font-size:20px;font-weight:700;color:#28a745}.publisher-stats .stat-value-small{font-size:14px;font-weight:600;color:#6c757d;word-break:break-all}.publisher-footer{padding-top:10px;border-top:1px solid #e9ecef;font-size:11px;color:#6c757d}.publisher-footer .last-activity{display:flex;align-items:center}.publisher-footer .last-activity:before{content:"🕒";margin-right:4px;font-size:9px}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f5f5;padding:20px}.not-found-content{text-align:center;background:white;padding:60px 40px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.not-found-content h1{font-size:6rem;margin:0;color:#007bff;font-weight:700}.not-found-content h2{font-size:2rem;margin:0 0 20px;color:#333}.not-found-content p{font-size:1.1rem;color:#666;margin:0 0 30px}.home-link{display:inline-block;padding:12px 30px;background:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .3s ease}.home-link:hover{background:#0056b3}.broker-form{max-width:600px!important;width:100%!important;max-height:80vh!important;overflow-y:auto!important;overflow-x:hidden!important;margin:10vh auto!important;position:relative!important;background-color:var(--bg-card)!important;border-radius:12px!important;box-shadow:0 20px 25px -5px #0003!important;border:1px solid var(--border-color)!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#0009!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important;z-index:9999!important}.broker-form form{padding:24px!important;display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;box-sizing:border-box!important}.broker-form h2{margin:0!important;padding:20px 24px!important;border-bottom:1px solid var(--border-color)!important;font-size:20px!important;font-weight:600!important;color:var(--text-primary)!important;background:var(--bg-secondary)!important;border-radius:12px 12px 0 0!important;width:100%!important;box-sizing:border-box!important}.broker-form .form-group{margin-bottom:0!important;width:100%!important;box-sizing:border-box!important}.broker-form .form-group label{display:block!important;margin-bottom:8px!important;font-weight:500!important;color:var(--text-primary)!important;font-size:14px!important}.broker-form .form-group input,.broker-form .form-group textarea,.broker-form .form-group select{width:100%!important;padding:10px 12px!important;border:1px solid var(--border-color)!important;border-radius:6px!important;font-size:14px!important;background:var(--input-bg)!important;color:var(--text-primary)!important;transition:all .2s!important;box-sizing:border-box!important}.broker-form .form-group input:focus,.broker-form .form-group textarea:focus,.broker-form .form-group select:focus{border-color:var(--accent-color)!important;outline:none!important;box-shadow:0 0 0 3px #007bff1a!important}.broker-form .form-group input.error{border-color:#dc3545!important}.error-message{display:block!important;margin-top:4px!important;color:#dc3545!important;font-size:12px!important}.checkbox-label{display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important}.checkbox-label input[type=checkbox]{width:auto!important;margin-right:8px!important}.broker-form textarea{font-family:Monaco,Menlo,monospace!important;font-size:13px!important;resize:vertical!important;min-height:100px!important;width:100%!important;box-sizing:border-box!important}.broker-form .form-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;padding:20px 24px!important;border-top:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;border-radius:0 0 12px 12px!important;margin:20px -24px -24px!important;width:calc(100% + 48px)!important;box-sizing:border-box!important}.broker-form .btn-primary,.broker-form .btn-secondary{padding:10px 20px!important;border-radius:6px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important;border:none!important}.broker-form .btn-primary{background:var(--accent-color)!important;color:#fff!important}.broker-form .btn-primary:hover:not(:disabled){background:var(--accent-hover)!important;transform:translateY(-1px)!important}.broker-form .btn-primary:disabled{opacity:.5!important;cursor:not-allowed!important}.broker-form .btn-secondary{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.broker-form .btn-secondary:hover{background:var(--hover-bg)!important}.broker-form::-webkit-scrollbar{width:8px!important}.broker-form::-webkit-scrollbar-track{background:var(--bg-secondary)!important;border-radius:4px!important}.broker-form::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:4px!important;transition:background .2s!important}.broker-form::-webkit-scrollbar-thumb:hover{background:var(--accent-color)!important}.broker-form{scrollbar-width:thin!important;scrollbar-color:var(--border-color) var(--bg-secondary)!important}@media (max-width: 768px){.modal-overlay{padding:10px!important}.broker-form{margin:5vh auto!important;max-height:90vh!important}.broker-form form{padding:16px!important}.broker-form .form-actions{padding:16px!important;margin-left:-16px!important;margin-right:-16px!important;width:calc(100% + 32px)!important}.broker-form h2{padding:16px!important}}.broker-rules-modal{max-width:800px!important;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);transition:all .2s;padding:0 4px}.close-button:hover{color:var(--text-primary);transform:scale(1.1)}.modal-body{flex:1;overflow-y:auto;padding:24px}.rule-form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.rule-form-section h3{margin:0 0 20px;color:var(--text-primary);font-size:16px;font-weight:600}.country-input-group{display:flex;gap:8px;margin-bottom:8px}.country-input-group input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:14px}.country-input-group input:focus{border-color:var(--accent-color);outline:none}.country-input-group button{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s}.country-input-group button:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.country-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.country-chips .chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;font-size:12px;color:var(--text-primary)}.country-chips .chip button{background:none;border:none;font-size:14px;cursor:pointer;color:var(--text-secondary);padding:0 2px;line-height:1}.country-chips .chip button:hover{color:#dc3545}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.rules-list-section h3{margin:0 0 16px;color:var(--text-primary);font-size:16px;font-weight:600}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s}.rule-item:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.rule-item.inactive{opacity:.6}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rule-priority{font-size:12px;font-weight:600;color:var(--accent-color);background:rgba(0,123,255,.1);padding:4px 8px;border-radius:4px}.rule-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px;font-size:13px;color:var(--text-primary)}.rule-details strong{color:var(--text-secondary);font-weight:500;margin-right:4px}.rule-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.no-rules{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px;background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border-color)}.loading{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px}.rule-details{grid-template-columns:1fr;gap:8px}}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch.small{width:40px;height:20px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:34px}.switch.small .slider:before{height:14px;width:14px;left:3px;bottom:3px}input:checked+.slider{background-color:#4caf50}.switch.small input:checked+.slider:before{transform:translate(20px)}.status-control{display:flex;align-items:center;gap:12px}.rule-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.rule-header-left{display:flex;align-items:center;gap:12px}.rule-header-right{display:flex;align-items:center;gap:8px}.config-management-page{padding:24px;max-width:1400px;margin:0 auto}.config-management-page h1{margin-bottom:24px;font-size:28px;color:var(--text-primary);font-weight:600}.config-section{background:var(--bg-card);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.config-section h2{margin-top:0;margin-bottom:20px;font-size:20px;color:var(--text-primary);font-weight:600}.config-section h3{margin:0 0 16px;font-size:16px;color:var(--text-primary);font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.setting-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.setting-info{flex:1}.setting-info strong{display:block;margin-bottom:4px;color:var(--text-primary);font-size:16px}.setting-info span{font-size:14px;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(26px)}.popup-settings{background:var(--bg-secondary);padding:20px;border-radius:8px;margin-bottom:20px}.popup-settings h3{margin-top:0;margin-bottom:16px;color:var(--text-primary)}.form-row{margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-row label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.form-row select,.form-row input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s}.form-row select:focus,.form-row input[type=number]:focus{border-color:var(--accent-color);outline:none}.range-input{display:flex;align-items:center;gap:16px}.range-input input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:var(--border-color);border-radius:3px}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent-color);border-radius:50%;cursor:pointer;transition:transform .2s}.range-input input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-value{min-width:60px;font-weight:600;color:var(--accent-color);font-size:16px}.btn-primary{background:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--hover-bg)}.brokers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:20px}.broker-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);transition:all .2s ease;display:flex;flex-direction:column}.broker-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:var(--accent-color)}.broker-card.inactive{opacity:.7;background:var(--bg-secondary)}.broker-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.broker-card-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.broker-card-body{flex:1;margin-bottom:16px}.broker-info{background:var(--bg-secondary);padding:12px;border-radius:8px;margin-bottom:12px}.info-row{display:flex;margin-bottom:8px;font-size:14px}.info-row:last-child{margin-bottom:0}.info-label{width:100px;color:var(--text-secondary);font-weight:500}.info-value{flex:1;color:var(--text-primary);word-break:break-all}.broker-config{background:var(--bg-secondary);padding:12px;border-radius:8px;font-size:12px}.broker-config pre{margin:8px 0 0;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.broker-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color)}.btn-configure{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-configure:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.action-buttons{display:flex;gap:8px}.btn-icon{background:none;border:1px solid var(--border-color);border-radius:6px;width:32px;height:32px;font-size:16px;cursor:pointer;transition:all .2s;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--hover-bg);border-color:var(--accent-color);transform:scale(1.05)}.status-badge{font-size:11px;padding:4px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.alert-error,.alert-success{padding:16px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error button,.alert-success button{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;padding:0 4px}.alert-error button:hover,.alert-success button:hover{opacity:.7}.loading-container{text-align:center;padding:60px;color:var(--text-secondary)}.loader-spinner{border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.access-denied{text-align:center;padding:60px}.access-denied h2{color:#dc3545;margin-bottom:16px;font-size:24px}.access-denied p{color:var(--text-secondary);font-size:16px}.app-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.loader-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.app-loader p{font-size:18px;margin:0}.main-content{flex:1;margin-left:250px;margin-top:64px;padding:20px;min-height:calc(100vh - 64px);transition:margin-left .3s ease;background-color:#f8f9fa}@media (max-width: 768px){.main-content{margin-left:70px}}.campaigns-page{padding:20px;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e5e9;flex-wrap:wrap;gap:15px}.campaigns-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600;flex:1}.role-info-banner{flex:2;text-align:center;font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;margin:0 15px}.admin-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #ff6b6b33}.manager-banner{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #4ecdc433}.header-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.btn-create{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #007bff33}.btn-create:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.btn-debug{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:12px;transition:background .2s}.btn-debug:hover{background:#545b62}.campaigns-error{background:#f8d7da;color:#721c24;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #f5c6cb;display:flex;justify-content:space-between;align-items:center}.error-close-small{background:none;border:none;color:#721c24;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s}.error-close-small:hover{background:#f1b0b7;transform:scale(1.1)}.debug-panel{margin-bottom:25px;border:1px solid #dee2e6;border-radius:8px;background:#f8f9fa}.debug-panel details{padding:15px}.debug-panel summary{cursor:pointer;font-weight:600;color:#495057;padding:5px;list-style:none}.debug-panel summary::-webkit-details-marker{display:none}.debug-panel summary:before{content:"🔧 "}.debug-panel[open] summary:before{content:"🔧 "}.debug-logs{max-height:200px;overflow-y:auto;background:#1a1a1a;color:#00d900;padding:15px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;margin-top:15px;border-radius:6px;line-height:1.4}.debug-log{border-bottom:1px solid #333;padding:4px 0;word-break:break-all;white-space:pre-wrap}.debug-log:last-child{border-bottom:none}.campaigns-controls{margin-bottom:25px}.tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tab-btn{padding:10px 20px;border:2px solid #e1e5e9;background:white;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6c757d;transition:all .2s ease;flex:1;text-align:center;min-width:150px}.tab-btn:hover{border-color:#007bff;color:#007bff;transform:translateY(-1px)}.tab-btn.active{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 2px 4px #007bff33}.tab-btn.active:hover{transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.search-bar{display:flex;align-items:center;gap:15px;max-width:500px}.search-bar input{flex:1;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .2s}.search-bar input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-count{color:#6c757d;font-size:14px;font-weight:500;white-space:nowrap}.campaigns-list{min-height:400px}.no-campaigns{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.no-campaigns .hint{font-size:14px;color:#6c757d;margin-top:10px;font-style:italic;max-width:400px;margin-left:auto;margin-right:auto}.campaigns-cards{display:grid;gap:20px}.campaign-card{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e1e5e9;transition:all .2s ease;position:relative}.campaign-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.campaign-owner-indicator{position:absolute;top:12px;right:12px;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600;text-transform:uppercase}.owner-you{background:#28a745;color:#fff}.owner-other{background:#ffc107;color:#212529}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-right:60px}.campaign-name{font-size:18px;font-weight:600;color:#2c3e50;line-height:1.4}.campaign-name small{display:block;font-size:11px;color:#6c757d;font-weight:400;margin-top:4px}.campaign-type-badge{display:inline-block;margin-right:8px;font-size:16px}.campaign-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;opacity:.9;min-width:36px;display:flex;align-items:center;justify-content:center}.btn-edit{background:#17a2b8;color:#fff}.btn-edit:hover:not(:disabled){background:#138496;opacity:1;transform:scale(1.05)}.btn-edit:disabled{opacity:.5;cursor:not-allowed;background:#6c757d}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover:not(:disabled){background:#c82333;opacity:1;transform:scale(1.05)}.btn-delete:disabled{opacity:.5;cursor:not-allowed;background:#6c757d}.campaign-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:15px}.campaign-info,.campaign-stats{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.campaign-info span,.campaign-stats span{font-size:14px;color:#495057}.status-active{color:#28a745;font-weight:600}.status-inactive{color:#dc3545;font-weight:600}.btn-status{padding:6px 12px;border:1px solid #ddd;border-radius:6px;cursor:pointer;background:white;font-size:12px;font-weight:500;transition:all .2s;min-width:80px}.btn-status:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-status:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.btn-status.active{background:#28a745;color:#fff;border-color:#28a745}.btn-status.inactive{background:#ffc107;color:#212529;border-color:#ffc107}.campaign-keywords{margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef;font-size:13px;color:#6c757d;line-height:1.5}.campaign-keywords strong{color:#495057}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:white;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.modal-dialog input,.modal-dialog select,.modal-dialog textarea{background-color:#fff!important;color:#2c3e50!important;border:1px solid #dcdfe6}.modal-dialog select option{background-color:#fff;color:#2c3e50}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-dialog.small{width:400px}.modal-dialog.medium{width:600px}.modal-dialog.large{width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.modal-header h2{margin:0;font-size:1.5rem;color:#2c3e50;font-weight:600}.modal-close-small{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d;padding:2px 6px;border-radius:3px;transition:all .2s;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-close-small:hover{color:#dc3545;background:#f8d7da;transform:scale(1.1)}.modal-body{padding:24px;overflow-y:auto;flex:1}.campaign-form{display:flex;flex-direction:column;gap:24px}.form-section{padding-bottom:24px;border-bottom:1px solid #e9ecef}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section h3{margin:0 0 16px;color:#495057;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#495057;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.error-input{border-color:#dc3545!important}.error{color:#dc3545;font-size:12px;margin-top:4px;display:block}.form-row{display:flex;gap:16px}.form-group.half{flex:1}.chip-input{display:flex;gap:8px;margin-bottom:8px}.chip-input input{flex:1;margin-bottom:0}.btn-add-chip{background:#28a745;color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:16px;transition:background .2s;white-space:nowrap}.btn-add-chip:hover{background:#218838}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{background:#e9ecef;padding:6px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:6px;color:#495057}.chip-remove-small{background:none;border:none;color:#6c757d;cursor:pointer;font-size:12px;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.chip-remove-small:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input[type=checkbox]{width:auto;margin:0}.checkbox label{margin:0;font-weight:400}.delete-confirmation{text-align:center;padding:20px 0}.warning-icon{font-size:64px;margin-bottom:20px;opacity:.8}.warning-text{color:#dc3545;font-weight:500;margin-top:10px}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:30px}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#545b62;transform:translateY(-1px)}.btn-primary{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.campaign-type-selection{display:flex;flex-direction:column;gap:16px}.campaign-type-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e1e5e9;border-radius:12px;background:white;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.campaign-type-card:hover:not(.disabled){border-color:#007bff;background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #007bff1a}.campaign-type-card.disabled{opacity:.6;cursor:not-allowed}.campaign-type-icon{font-size:32px;min-width:40px}.campaign-type-content{flex:1}.campaign-type-content h3{margin:0 0 4px;color:#2c3e50;font-size:16px;font-weight:600}.campaign-type-content p{margin:0;color:#6c757d;font-size:14px;line-height:1.4}.coming-soon{display:inline-block;margin-top:8px;padding:2px 8px;background:#ffc107;color:#212529;border-radius:12px;font-size:11px;font-weight:600}@media (max-width: 768px){.campaigns-page{padding:15px}.campaigns-header{flex-direction:column;gap:15px;align-items:stretch}.role-info-banner{order:2;margin:0}.header-actions{order:3;justify-content:space-between}.campaign-details{flex-direction:column;align-items:flex-start;gap:10px}.campaign-info,.campaign-stats{gap:10px}.campaign-header{padding-right:50px}.form-row{flex-direction:column;gap:0}.modal-dialog.large{width:95%}.modal-body{padding:20px}.form-actions,.tabs{flex-direction:column}.tab-btn{min-width:100%}}@media (max-width: 480px){.campaigns-header h1{font-size:1.5rem}.btn-create,.btn-debug{font-size:12px;padding:10px 16px}.campaign-card{padding:16px}.campaign-name{font-size:16px}.btn-edit,.btn-delete{padding:6px 10px;min-width:32px;font-size:12px}}.campaigns-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.campaigns-success{background:#d4edda;color:#155724;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #c3e6cb;display:flex;justify-content:space-between;align-items:center}.success-close-small{background:none;border:none;color:#155724;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s}.success-close-small:hover{background:#c3e6cb;transform:scale(1.1)}.error-text{color:#dc3545;font-size:12px;margin-top:4px;display:block;font-weight:500}.permission-hint{background:#e9ecef;padding:10px 15px;border-radius:6px;margin-top:10px;font-size:12px;color:#6c757d;border-left:3px solid #007bff}.permission-hint.admin{border-left-color:#ff6b6b;background:#fff5f5}.permission-hint.manager{border-left-color:#4ecdc4;background:#f0f9f8}.action-disabled{position:relative}.action-disabled:after{content:"🔒";position:absolute;top:-5px;right:-5px;font-size:8px;background:white;border-radius:50%;padding:1px;box-shadow:0 1px 2px #0000001a}.owner-info{font-size:11px;color:#6c757d;margin-left:8px;padding:2px 6px;background:#e9ecef;border-radius:10px;display:inline-flex;align-items:center;gap:4px}.owner-info.you{background:#d4edda;color:#155724}.owner-info.other{background:#fff3cd;color:#856404}.manager-campaigns-view{padding:20px;overflow-y:auto;height:calc(100vh - 60px)}.campaigns-page{min-height:100vh;background:#f5f5f5}:root{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-card: #ffffff;--text-primary: #2c3e50;--text-secondary: #6c757d;--border-color: #e1e5e9;--hover-bg: #f8f9fa;--accent-color: #007bff;--accent-hover: #0056b3;--header-bg: #ffffff;--sidebar-bg: #ffffff;--input-bg: #ffffff;--table-header-bg: #f8f9fa;--table-hover: #f8f9fa}html[data-theme=dark]{background-color:#0a0a0a}html[data-theme=dark] body{background-color:#0a0a0a;margin:0;min-height:100vh}html[data-theme=dark] #root{background-color:#0a0a0a;min-height:100vh}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #0a0a0a;--bg-card: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040;--hover-bg: #3d3d3d;--accent-color: #4d9eff;--accent-hover: #6baeff;--header-bg: #2d2d2d;--sidebar-bg: #2d2d2d;--input-bg: #1a1a1a;--table-header-bg: #1a1a1a;--table-hover: #3d3d3d}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s,color .3s}.logo-text{color:var(--text-primary)!important}.sidebar{background-color:var(--sidebar-bg)!important;border-right:1px solid var(--border-color)!important}.sidebar-toggle{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.sidebar-toggle:hover{background-color:var(--hover-bg)!important}.menu-item{color:var(--text-primary)!important}.menu-item:hover,.menu-item.active{background-color:var(--hover-bg)!important;color:var(--accent-color)!important}.stats-card,.chart-card,.extension-card,.affiliate-card,.publisher-card{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.stats-card-title,.chart-title,.section-title,h1,h2,h3,h4,.stats-card-value{color:var(--text-primary)!important}.stats-card-subtitle,.stat-label,.section-description{color:var(--text-secondary)!important}.data-table{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;font-size:12px}.data-table th{background-color:var(--table-header-bg)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important;padding:6px}.data-table th,.data-table td,.fixed-table-container td{padding:4px 6px}.data-table td{border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}.data-table tbody tr:hover{background-color:var(--table-hover)!important}.user-info{background-color:var(--hover-bg)!important}.user-name,.user-email{color:var(--text-primary)!important}.dropdown-menu{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important}.dropdown-header{background-color:var(--table-header-bg)!important;border-bottom:1px solid var(--border-color)!important}.dropdown-item{color:var(--text-primary)!important}.dropdown-item:hover{background-color:var(--hover-bg)!important}input,select,textarea{background-color:var(--input-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}input:focus,select:focus,textarea:focus{border-color:var(--accent-color)!important;outline:none}.btn-primary{background-color:var(--accent-color)!important;color:#fff!important;border:none!important}.btn-primary:hover{background-color:var(--accent-hover)!important}.btn-secondary{background-color:var(--hover-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.modal-overlay{background-color:#000000b3!important;z-index:2000!important}.modal-content{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;z-index:2001!important}.modal-header{background-color:var(--table-header-bg)!important;border-bottom:1px solid var(--border-color)!important}.modal-header h3{color:var(--text-primary)!important}.close-btn{color:var(--text-secondary)!important}.close-btn:hover{background-color:var(--hover-bg)!important;color:var(--text-primary)!important}.modal-footer{background-color:var(--table-header-bg)!important;border-top:1px solid var(--border-color)!important}.json-body{background-color:#1e1e1e!important}.json-pre{color:#d4d4d4!important}.filter-select,.date-input{background-color:var(--input-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.events-filters,.extension-detail-card{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important}.extension-detail-grid,.extension-stats-grid .stat-box{background-color:var(--table-header-bg)!important}.stat-box-label{color:var(--text-secondary)!important}.stat-box-value{color:var(--text-primary)!important}.affiliate-header-stats .stat-chip{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important}.stat-chip-label{color:var(--text-secondary)!important}.stat-chip-value{color:var(--accent-color)!important}.chart-legend .legend-label{color:var(--text-primary)!important}.chart-legend .legend-value{color:var(--text-secondary)!important}.recharts-text{fill:var(--text-primary)!important}.recharts-cartesian-grid line{stroke:var(--border-color)!important}.recharts-tooltip-wrapper{color:var(--text-primary)!important}.theme-toggle{background:none!important;border:none!important;font-size:24px!important;cursor:pointer!important;padding:8px!important;border-radius:8px!important;margin-right:16px!important;color:var(--text-primary)!important;transition:all .2s!important}.theme-toggle:hover{background-color:var(--hover-bg)!important;transform:scale(1.1)}[data-theme=dark] .layout-content,[data-theme=dark] body{background-color:var(--bg-secondary)}[data-theme=dark] .btn-view-queries{background:var(--accent-color);color:#fff;border:none}[data-theme=dark] .btn-view-queries:hover{background:var(--accent-hover)}.header{background:rgba(255,255,255,.8)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(225,229,233,.5)!important}[data-theme=dark] .header{background:rgba(26,26,26,.8)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom-color:#40404080!important}