.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-secondary);padding:1rem}.login-form{background:var(--bg-card);padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0003;border:1px solid var(--border-color);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:1.8rem}.login-header p{color:var(--text-secondary);font-size:.9rem;margin-bottom:0}.login-form h2{text-align:center;margin-bottom:2rem;color:var(--text-secondary);font-weight:400}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.input-group input{width:100%;padding:.75rem;background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:1rem;transition:border-color .2s ease}.input-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff26}.input-group input:disabled{opacity:.6;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:var(--accent-color);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:var(--accent-hover)}.login-button:disabled{background-color:var(--border-color);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 var(--border-color);text-align:center;color:var(--text-secondary);font-size:.9rem}.demo-credentials strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}@media (max-width: 480px){.login-form{padding:1.5rem}.login-header h1{font-size:1.5rem}}.header{position:fixed;top:0;left:var(--sidebar-reserved-width, var(--sidebar-width));right:0;height:var(--header-height);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:90;box-shadow:0 2px 8px #0000000d;transition:left .18s ease}.header-left{display:flex;align-items:center;gap:20px}.stats-dashboard-title{font-size:18px;font-weight:500;color:#6c757d;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{color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.header-right{display:flex;align-items:center;gap:8px}.admin-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent-color)}.stats-refresh-btn,.theme-toggle{background:none;border:none;width:38px;height:38px;border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;margin-right:8px;transition:background .15s ease,color .15s ease;color:#2c3e50}.stats-refresh-btn:hover:not(:disabled),.theme-toggle:hover{background:rgba(0,0,0,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent-color)}.stats-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.user-profile{position:relative}.user-info{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:24px;cursor:pointer;transition:background-color .15s ease;background-color:#f8f9fa;border:1px solid #e1e5e9}.user-info:hover{background-color:#e9ecef}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.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{color:#6c757d;transition:transform .2s;flex-shrink:0}.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;z-index:200;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{display:flex;align-items:center;min-width:20px}@media (max-width: 1024px){.stats-tabs{transform:scale(.9)}}@media (max-width: 768px){.header{left:0}}html[data-theme=dark] .header{background:rgba(10,10,10,.85)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom-color:#40404080!important}html[data-theme=dark] .stats-dashboard-title{color:#fff!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{color:var(--accent-color)!important;box-shadow:0 2px 8px #0006!important}html[data-theme=dark] .stats-refresh-btn{color:#e0e0e0!important}html[data-theme=dark] .stats-refresh-btn:hover:not(:disabled){background:rgba(255,255,255,.08)!important;color:var(--accent-color)!important}html[data-theme=dark] .theme-toggle{color:#e0e0e0!important}html[data-theme=dark] .theme-toggle:hover{background:rgba(255,255,255,.08)!important}html[data-theme=dark] .user-info{background-color:#2d2d2d!important;border-color:#404040!important}html[data-theme=dark] .user-info:hover{background-color:#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}.stats-dashboard-title{display:none}.stats-tabs-container{position:static;transform:none;margin-left:8px;margin-right:0;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.stats-tabs-container::-webkit-scrollbar{display:none}.stats-tabs{gap:2px;flex-shrink:0}.stats-tab{padding:4px 10px;font-size:11px}.header-right{gap:4px;flex-shrink:0}.stats-refresh-btn,.theme-toggle{width:32px;height:32px}.user-details{display:none}.user-info{padding:4px}.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}}.mobile-sidebar-toggle,.mobile-sidebar-close,.sidebar-overlay{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-rail-width);background:var(--sidebar-bg);border-right:1px solid var(--border-color);transition:width .18s ease;z-index:95;display:flex;flex-direction:column;overflow:hidden}.sidebar.expanded{width:var(--sidebar-width);box-shadow:6px 0 20px #00000040}.sidebar-brand{height:var(--header-height);min-height:var(--header-height);display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--border-color);cursor:pointer;flex-shrink:0}.sidebar-brand .icon{color:var(--accent-color)}.brand-label{font-size:18px;font-weight:700;color:var(--text-primary)}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto;overflow-x:hidden}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;gap:14px;padding:10px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:background .15s ease,color .15s ease;font-weight:500;font-size:14px;white-space:nowrap}.menu-item:hover{background:var(--hover-bg);color:var(--text-primary)}.menu-item.active{background:var(--hover-bg);color:var(--accent-color)}.icon{display:flex;align-items:center;justify-content:center;min-width:20px;flex-shrink:0;color:inherit}.label{opacity:0;transition:opacity .12s ease}.sidebar.expanded .label{opacity:1}.sidebar-pin-toggle{display:flex;align-items:center;gap:14px;padding:14px 10px;margin:0 10px 10px;border-radius:8px;border-top:1px solid var(--border-color);border-left:none;border-right:none;border-bottom:none;background:none;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.sidebar-pin-toggle:hover{color:var(--accent-color)}html[data-theme=dark] .menu-item:not(.active),html[data-theme=dark] .sidebar-pin-toggle{color:#fff}@media (max-width: 768px){.mobile-sidebar-toggle{display:flex;position:fixed;top:16px;left:16px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;z-index:101;box-shadow:0 2px 8px #00000026}.mobile-sidebar-close{display:flex;align-items:center;justify-content:center;align-self:flex-end;width:32px;height:32px;margin:10px 10px 0 0;border-radius:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:95;animation:sidebarFadeIn .2s ease}@keyframes sidebarFadeIn{0%{opacity:0}to{opacity:1}}.sidebar,.sidebar.expanded:not(.mobile-open){top:0;width:0;border-right:none;box-shadow:none}.sidebar.mobile-open{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:96}.sidebar:not(.mobile-open) .label,.sidebar:not(.mobile-open) .menu-item,.sidebar:not(.mobile-open) .sidebar-pin-toggle{opacity:0;pointer-events:none}.sidebar.mobile-open .label{opacity:1}.sidebar-pin-toggle{display:none}}.layout{min-height:100vh;background:var(--bg-secondary)}.layout-content{padding:calc(var(--header-height) + 24px) 24px 24px calc(var(--sidebar-reserved-width, var(--sidebar-width)) + 24px);transition:padding-left .18s ease}@media (max-width: 768px){.layout-content{padding:80px 16px 16px!important}}.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{display:flex;justify-content:center;margin-bottom:20px;color:var(--text-secondary);opacity:.6}.inline-icon{vertical-align:-2px;margin-right:2px}.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{display:flex;align-items:center;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}.tab-icon{vertical-align:-2px;margin-right:2px}.status-icon{vertical-align:-2px}.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:var(--bg-card);border-radius:8px;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}.campaign-type-card:hover:not(.disabled){border-color:var(--accent-color);background:var(--hover-bg);transform:translateY(-2px);box-shadow:0 4px 12px #007bff1a}.campaign-type-icon{display:flex;align-items:center;justify-content:center;min-width:40px;color:var(--accent-color, #667eea)}[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{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)}.data-table-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}.affiliate-status{flex-shrink:0;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.affiliate-status.active{background-color:#2ecc7126;color:#2ecc71}.affiliate-status.inactive{background-color:#e74c3c26;color:#e74c3c}.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;min-height:60vh;background-color:var(--bg-secondary);color:var(--text-secondary)}.stats-loader-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);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{border-radius:8px;padding:20px}.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:0 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;height:34px;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.back-button:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--hover-bg)}.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}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.detail-heading>div{display:flex;flex-direction:column;gap:4px}.detail-eyebrow{font-size:12px;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.8px}.detail-heading h2{margin:0;font-size:26px;font-weight:700;color:var(--text-primary);word-break:break-word}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,200px));justify-content:start;gap:12px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--border-color)}.metric-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.metric-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value{font-size:30px;font-weight:700;color:var(--text-primary);line-height:1.1;font-variant-numeric:tabular-nums}.metric-action{align-self:flex-start;margin-top:4px;padding:0;background:none;border:none;color:var(--accent-color);font-size:12px;font-weight:600;cursor:pointer}.metric-action:hover{text-decoration:underline}.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:8px;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{border-radius:8px;padding:20px;border:1px solid var(--border-color);cursor:pointer}.extension-card:hover{border-color:var(--accent-color)}.extension-card h3{margin:0 0 15px;color:var(--text-primary);font-size:18px}.extension-card-stats{display:flex;justify-content:space-between;margin-bottom:15px;color:var(--text-secondary);font-size:14px}.extension-card-footer{display:flex;align-items:center;gap:10px;padding-top:15px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary)}.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{padding:30px;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{align-self:flex-start;margin-top:8px;padding:0;background:none;border:none;color:var(--accent-color);font-size:12px;font-weight:600;cursor:pointer}.stats-card-button:hover{text-decoration:underline}.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:0;margin-top:4px;background:none;border:none;color:var(--accent-color);font-size:12px;font-weight:600;cursor:pointer;display:inline-block}.stat-box-button:hover{text-decoration:underline}.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-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] .info-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] .btn-view-users{background:var(--accent-color)!important;color:#fff!important}[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-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}.page-header .tabs{display:none}html[data-theme=dark] .info-card,html[data-theme=dark] .users-fullscreen,html[data-theme=dark] .fixed-table-container,html[data-theme=dark] .data-table-container{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] .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{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{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 .stats-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] .stats-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}.detail-heading h2{font-size:20px!important}.metrics-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.metric-card{padding:12px 14px!important}.metric-value{font-size:22px!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}}.publisher-card{background:var(--bg-card);border-radius:8px;padding:18px;border:1px solid var(--border-color);transition:border-color .15s ease}.publisher-card:hover{border-color:var(--accent-color)}.publisher-card-header{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.publisher-eyebrow{font-size:10px;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.6px}.publisher-id{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);word-break:break-all}.publisher-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px}.publisher-stats .stat-item{display:flex;flex-direction:column;gap:3px;padding-left:14px;border-left:1px solid var(--border-color);min-width:0}.publisher-stats .stat-item:first-child{padding-left:0;border-left:none}.publisher-stats .stat-label{font-size:9px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publisher-stats .stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.15;font-variant-numeric:tabular-nums}.publisher-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border-color);font-size:10px;color:var(--text-secondary)}.publisher-action{padding:0;background:none;border:none;color:var(--accent-color);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.publisher-action:hover{text-decoration:underline}.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-card{border-radius:8px;padding:20px;border:1px solid var(--border-color);display:flex;flex-direction:column}.broker-card:hover{border-color:var(--accent-color)}.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)}.config-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:100%;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 var(--border-color);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{border-radius:8px;padding:24px;position:relative}.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-flex;align-items:center;margin-right:8px;vertical-align:middle}.inline-icon,.tab-icon{vertical-align:-2px;margin-right:2px}.status-icon.active{color:#28a745}.status-icon.inactive{color:#dc3545}.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 var(--border-color);font-size:13px;color:var(--text-secondary);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:var(--bg-card);border-radius:8px;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:var(--input-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)}.modal-dialog select option{background-color:var(--input-bg);color:var(--text-primary)}@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 var(--border-color);background:var(--bg-secondary)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary);font-weight:600}.modal-close-small{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);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:rgba(220,53,69,.15);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 var(--border-color)}.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{display:flex;justify-content:center;margin-bottom:20px;color:#e5a000;opacity:.9}.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 var(--border-color)}.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 var(--border-color);border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.campaign-type-card:hover:not(.disabled){border-color:var(--accent-color);background:var(--hover-bg)}.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:var(--text-primary);font-size:16px;font-weight:600}.campaign-type-content p{margin:0;color:var(--text-secondary);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}html{zoom:.8;height:100%}body,#root{height:100%}:root{--header-height: 70px;--sidebar-width: 220px;--sidebar-rail-width: 64px;--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: #0a0a0a;--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}.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}html[data-theme=dark] .data-table,html[data-theme=dark] .data-table-container{background-color:#141414!important}html[data-theme=dark] .data-table th{background-color:#000!important}.affiliates-table-container{border-radius:16px!important;overflow-x:auto;overflow-y:hidden}.affiliates-table th,.affiliates-table td{padding:10px 12px!important;border-right:none!important;overflow:hidden}.affiliates-table th.resizable-col{padding-right:40px!important}html[data-theme=dark] .affiliates-table,html[data-theme=dark] .affiliates-table-container,html[data-theme=dark] .affiliates-table th{background-color:#0a0a0a!important}.affiliates-table th{border-bottom:none!important}html[data-theme=dark] .data-table.affiliates-table td{background-color:transparent!important}html[data-theme=dark] .affiliates-table tbody tr{background-image:none!important;background-color:#101010!important}.styled-table-container{border-radius:16px!important;overflow-x:auto;overflow-y:hidden}html[data-theme=dark] .styled-table-container{background-color:#0a0a0a!important}.styled-table thead tr{border-bottom:none!important}html[data-theme=dark] .styled-table thead tr{background-color:#0a0a0a!important}.styled-table tbody tr{border-bottom:none!important}html[data-theme=dark] .styled-table tbody tr{background-color:#101010!important}html[data-theme=dark] .styled-table td{background-color:transparent!important}.styled-table tbody tr:first-child td:first-child{border-top-left-radius:16px}.styled-table tbody tr:first-child td:last-child{border-top-right-radius:16px}.affiliates-table tbody tr:first-child td:first-child{border-top-left-radius:16px}.affiliates-table tbody tr:first-child td:last-child{border-top-right-radius:16px}.affiliates-table .col-resize-handle{position:absolute;top:0;bottom:0;right:0;width:22px;cursor:col-resize;-webkit-user-select:none;user-select:none}.affiliates-table .col-resize-handle:after{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:4px;transform:translate(-50%);background:var(--border-color);border-radius:2px}.affiliates-table .col-resize-handle:hover:after{background:var(--accent-color)}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{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important}.extension-detail-grid{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}[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)}.metric-card,.affiliate-card,.publisher-card,.chart-card,.stat-card,.stats-card,.stat-box,.campaign-card,.extension-card,.online-card,.broker-card,.stats-tab,.user-info{background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;transition:background-color .15s ease,border-color .15s ease}html[data-theme=dark] .metric-card,html[data-theme=dark] .affiliate-card,html[data-theme=dark] .publisher-card,html[data-theme=dark] .chart-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .stats-card,html[data-theme=dark] .stat-box,html[data-theme=dark] .campaign-card,html[data-theme=dark] .extension-card,html[data-theme=dark] .online-card,html[data-theme=dark] .broker-card,html[data-theme=dark] .stats-tab,html[data-theme=dark] .user-info{background:linear-gradient(135deg,rgba(0,0,0,.25) 0%,rgba(255,255,255,0) 100%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)!important}.metric-card:hover,.affiliate-card:hover,.publisher-card:hover,.chart-card:hover,.stat-card:hover,.stats-card:hover,.stat-box:hover,.campaign-card:hover,.extension-card:hover,.online-card:hover,.broker-card:hover{background:var(--hover-bg)!important;border-color:var(--accent-color)}html[data-theme=dark] .metric-card:hover,html[data-theme=dark] .affiliate-card:hover,html[data-theme=dark] .publisher-card:hover,html[data-theme=dark] .chart-card:hover,html[data-theme=dark] .stat-card:hover,html[data-theme=dark] .stats-card:hover,html[data-theme=dark] .stat-box:hover,html[data-theme=dark] .campaign-card:hover,html[data-theme=dark] .extension-card:hover,html[data-theme=dark] .online-card:hover,html[data-theme=dark] .broker-card:hover{background:#000000!important;border-color:var(--accent-color)}table tbody tr:hover,.data-table tbody tr:hover,.managers-table tbody tr:hover{background-color:var(--hover-bg)}html[data-theme=dark] table tbody tr:hover,html[data-theme=dark] .data-table tbody tr:hover,html[data-theme=dark] .managers-table tbody tr:hover{background-color:#000!important}table thead tr{background-color:var(--hover-bg)!important}html[data-theme=dark] table thead tr{background-color:#000!important}.columns-dropdown{background-color:var(--hover-bg)!important}html[data-theme=dark] .columns-dropdown{background-color:#000!important}.btn-primary{position:relative;overflow:hidden;background-image:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%);transition:filter .15s ease,background .15s ease}html[data-theme=dark] .btn-primary{background-image:linear-gradient(135deg,rgba(0,0,0,.25) 0%,rgba(255,255,255,0) 100%)}.user-info:hover,.btn-primary:hover{filter:brightness(.92)}.stats-tab.active{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stats-tab.active:hover{filter:brightness(.9)}