:root{--bg:#08090d;--bg-elevated:#0e1017;--bg-card:#12141c;--bg-input:#181b25;--bg-hover:#1c1f2b;--border:#1e2233;--border-bright:#2a3050;--text:#e0e4ef;--text-muted:#5c6380;--text-dim:#3d4260;--accent:#00e5a0;--accent-dim:#00e5a01f;--accent-glow:#00e5a040;--danger:#ff4d6a;--danger-dim:#ff4d6a1f;--warning:#ffb347;--info:#4da6ff;--info-dim:#4da6ff1f;--radius:6px;--radius-lg:10px;--font-display:"Outfit",sans-serif;--font-mono:"JetBrains Mono",monospace;--grid-line:#1e223399}[data-theme=light]{--bg:#f0f1f5;--bg-elevated:#e6e8ee;--bg-card:#fff;--bg-input:#f5f6f9;--bg-hover:#eaedf3;--border:#d4d8e3;--border-bright:#bfc5d4;--text:#1a1d2b;--text-muted:#6b7190;--text-dim:#949ab5;--accent:#00996b;--accent-dim:#00996b1a;--accent-glow:#00996b33;--danger:#dc3550;--danger-dim:#dc355014;--warning:#d49220;--info:#2b7fd6;--info-dim:#2b7fd614;--grid-line:#0000000a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);max-width:100vw;color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;font-weight:400;overflow-x:hidden}body:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid-line)1px,transparent 1px),linear-gradient(90deg,var(--grid-line)1px,transparent 1px);opacity:.4;background-size:60px 60px;position:fixed;inset:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.login-container:before{content:"";border:1px solid var(--border);opacity:0;border-radius:50%;width:500px;height:500px;animation:4s ease-out infinite radarPulse;position:absolute}.login-container:after{content:"";border:1px solid var(--border);opacity:0;border-radius:50%;width:500px;height:500px;animation:4s ease-out 2s infinite radarPulse;position:absolute}@keyframes radarPulse{0%{opacity:.6;border-color:var(--accent);transform:scale(.2)}to{opacity:0;border-color:var(--border);transform:scale(1.2)}}.login-form{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-lg);z-index:1;width:100%;max-width:400px;padding:48px 40px;animation:.6s formAppear;position:relative}@keyframes formAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-form:before{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-dim),transparent 60%);z-index:-1;position:absolute;inset:-1px}.login-header{text-align:center;margin-bottom:36px}.login-header h1{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:32px;font-weight:700}.login-header p{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:300}.form-group{margin-bottom:18px}.form-group label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-mono);outline:none;padding:11px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group input::placeholder{color:var(--text-dim)}.form-group select{cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%235c6380' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.btn{border-radius:var(--radius);font-family:var(--font-display);cursor:pointer;letter-spacing:.02em;border:none;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg);width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px var(--accent-dim);background:#00ffb3}.btn-success{background:var(--accent);color:var(--bg)}.btn-success:hover:not(:disabled){box-shadow:0 0 16px var(--accent-dim);background:#00ffb3}.btn-danger{color:var(--danger);background:0 0;border:1px solid #ff4d6a4d}.btn-danger:hover:not(:disabled){background:var(--danger-dim);border-color:var(--danger)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:var(--border-bright)}.error-message{background:var(--danger-dim);color:var(--danger);border-radius:var(--radius);font-family:var(--font-mono);border:1px solid #ff4d6a4d;margin-bottom:16px;padding:10px 14px;font-size:12px}.dashboard-container{max-width:1320px;margin:0 auto;padding:28px;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.dashboard-header h1{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:22px;font-weight:700}.dashboard-header p{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;margin-top:4px;font-size:12px}.header-actions{gap:10px;display:flex}.header-actions .btn-primary{width:auto}.stats-bar{gap:10px;margin-bottom:24px;display:flex;overflow-x:auto}.stat-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex:1;min-width:130px;padding:16px 14px;position:relative;overflow:hidden}.stat-item:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4;height:2px;position:absolute;top:0;left:0;right:0}.stat-value{font-family:var(--font-mono);color:var(--text);font-size:26px;font-weight:700;display:block}.stat-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:10px;display:block}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px;display:grid}.campaign-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s;overflow:hidden}.campaign-card:hover{border-color:var(--border-bright);box-shadow:0 4px 24px #0000004d}.card-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h3{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:600}.card-body{padding:14px 20px}.card-info{justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;display:flex}.info-label{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.info-url{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--info);font-family:var(--font-mono);font-size:11px;overflow:hidden}.card-actions{border-top:1px solid var(--border);background:var(--bg-elevated);gap:6px;padding:12px 20px;display:flex}.card-actions .btn{flex:1;padding:7px 10px;font-size:12px}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.badge-idle{color:var(--text-muted);background:#5c638026}.badge-running{background:var(--info-dim);color:var(--info);position:relative}.badge-running:before{content:"";background:var(--info);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.badge-completed{background:var(--accent-dim);color:var(--accent)}.badge-error{background:var(--danger-dim);color:var(--danger)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#040508d9;justify-content:center;align-items:center;padding:20px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.campaign-form{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;padding:32px;animation:.3s modalSlide;overflow-y:auto}.campaign-form-lg{max-width:700px}.form-row{gap:12px;display:flex}@keyframes modalSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.campaign-form h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:24px;font-size:16px;font-weight:600}.form-actions{gap:12px;margin-top:24px;display:flex}.form-actions .btn{flex:1}.card-header-right{align-items:center;gap:8px;display:flex}.toggle-btn{cursor:pointer;border:none;border-radius:10px;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.toggle-on{background:var(--accent)}.toggle-off{background:var(--border-bright)}.toggle-knob{background:var(--bg);border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2px}.toggle-on .toggle-knob{left:18px}.toggle-off .toggle-knob{left:2px}.card-inactive{opacity:.4}.targets-list{flex-direction:column;gap:8px;display:flex}.target-row{align-items:center;gap:6px;width:100%;display:flex}.target-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.target-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.target-input::placeholder{color:var(--text-dim)}.target-keyword{flex:140px;min-width:100px}.target-url{flex:2 200px;min-width:140px}.target-visits{text-align:center;flex:0 0 80px;width:80px}.target-remove{border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.target-remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:var(--danger-dim)}.target-remove:disabled{opacity:.2;cursor:not-allowed}.card-targets{padding:6px 0}.target-display{font-size:11px;font-family:var(--font-mono);align-items:center;gap:8px;padding:4px 0;display:flex}.target-kw{background:var(--info-dim);color:var(--info);white-space:nowrap;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:500}.target-visits-badge{background:var(--accent-dim);color:var(--accent);white-space:nowrap;border-radius:3px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.toast-container{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.02em;border:1px solid #0000;padding:12px 20px;font-size:12px;font-weight:500;animation:.3s toastIn}.toast-success{color:var(--accent);background:#00e5a01a;border-color:#00e5a04d}.toast-error{background:var(--danger-dim);color:var(--danger);border-color:#ff4d6a4d}.toast-info{background:var(--info-dim);color:var(--info);border-color:#4da6ff4d}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:22px 16px;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3;height:2px;position:absolute;bottom:0;left:0;right:0}.stat-card-value{font-family:var(--font-mono);color:var(--text);font-size:30px;font-weight:700;display:block}.stat-card-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:10px;display:block}.chart-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.chart-section h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:20px;font-size:13px;font-weight:600}.chart-container{align-items:flex-end;gap:3px;height:200px;padding-bottom:4px;display:flex;overflow-x:auto}.chart-bar-group{flex-direction:column;flex:1;align-items:center;min-width:24px;display:flex}.chart-bar-wrapper{align-items:flex-end;gap:1px;width:100%;height:160px;display:flex}.chart-bar{background:var(--accent);opacity:.8;border-radius:2px 2px 0 0;flex:1;min-height:2px;transition:height .4s}.chart-bar:hover{opacity:1}.chart-bar-failed{background:var(--danger);opacity:.6}.chart-label{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;margin-top:6px;font-size:9px}.chart-value{font-family:var(--font-mono);color:var(--text-muted);font-size:9px;font-weight:600}.runs-list{max-height:400px;overflow-y:auto}.run-item{border-bottom:1px solid var(--border);padding:12px 0}.run-item:last-child{border-bottom:none}.run-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.run-date{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.run-details{font-family:var(--font-mono);color:var(--text-muted);gap:16px;font-size:12px;display:flex}.run-error{font-family:var(--font-mono);color:var(--danger);margin-top:4px;font-size:11px}.range-labels{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}input[type=range]{background:var(--border);-webkit-appearance:none;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 8px var(--accent-dim);border-radius:50%}.empty-state{text-align:center;color:var(--text-dim);padding:80px 20px}.empty-state p{font-family:var(--font-mono);margin-bottom:8px;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.theme-toggle{border-radius:var(--radius);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}[data-theme=light] .login-header h1{color:var(--accent)}[data-theme=light] .login-form:before{background:linear-gradient(135deg,var(--accent-dim),transparent 60%)}[data-theme=light] .campaign-form h2,[data-theme=light] .dashboard-header h1{color:var(--accent)}[data-theme=light] .campaign-card:hover{box-shadow:0 4px 20px #00000014}[data-theme=light] .toggle-knob{background:#fff}[data-theme=light] .chart-bar{opacity:.9}[data-theme=light] .toast-success{background:#00996b14;border-color:#00996b4d}[data-theme=light] .toast-error{background:#dc35500f;border-color:#dc35504d}[data-theme=light] .toast-info{background:#2b7fd60f;border-color:#2b7fd64d}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border)}@media (max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{flex-wrap:wrap}.campaigns-grid{grid-template-columns:1fr}.stats-bar{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}}