:root{--bg: #0b0e14;--bg-elevated: #0f1319;--surface: rgba(18, 24, 36, .72);--surface-solid: #121824;--surface-hover: rgba(28, 38, 56, .85);--surface-active: rgba(37, 50, 74, .9);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #f0f4fa;--muted: #8b9cb3;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .35);--accent-soft: rgba(59, 130, 246, .12);--danger: #ef4444;--danger-hover: #dc2626;--danger-muted: #f87171;--success: #22c55e;--success-soft: rgba(34, 197, 94, .15);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .12);--purple: #8b5cf6;--radius: 12px;--radius-lg: 16px;--radius-sm: 8px;--font: "Inter", "Segoe UI", system-ui, sans-serif;--sidebar-width: 240px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 32px rgba(0, 0, 0, .35);--shadow-glow: 0 0 24px var(--accent-glow);--glass: blur(12px) saturate(1.2)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(59,130,246,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.06) 0%,transparent 50%);pointer-events:none;z-index:0}#app{position:relative;z-index:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a.btn,a[class*=btn-],a.back,a.item-link,a.nav-link,a.all-bots-link,a.link-btn,a.btn:hover,a[class*=btn-]:hover,a.back:hover,a.item-link:hover,a.nav-link:hover,a.all-bots-link:hover{text-decoration:none}.muted{color:var(--muted)}.hint,.field-hint{font-size:.8rem;color:var(--muted);margin:.35rem 0 0;line-height:1.45}.field-hint a{color:var(--accent)}.back{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--muted);margin-bottom:.5rem;transition:color .15s}.back:hover{color:var(--accent)}.subtitle{margin:.35rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}.page-header{margin-bottom:1.5rem}.page-header h1{margin:.35rem 0 0;font-size:1.625rem;font-weight:700;letter-spacing:-.02em}:is(button,a).btn,:is(button,a)[class*=btn-]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.15rem;border-radius:var(--radius-sm);font:inherit;font-weight:600;font-size:.875rem;line-height:1.25;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,opacity .18s,box-shadow .18s,transform .18s;border:1px solid transparent}:is(button,a).btn:disabled,:is(button,a)[class*=btn-]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:is(button,a).btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff}:is(button,a).btn:hover{background:linear-gradient(135deg,#4b92ff,#3b82f6);transform:translateY(-1px);color:#fff}:is(button,a).btn:active{transform:translateY(0)}button:not([class]),button[type=submit]:not([class*=btn-]):not(.link-btn){display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.15rem;border:none;border-radius:var(--radius-sm);font:inherit;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transition:background .18s,transform .18s}button:not([class]):hover,button[type=submit]:not([class*=btn-]):not(.link-btn):hover{background:linear-gradient(135deg,#4b92ff,#3b82f6);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}:is(button,a).btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}:is(button,a).btn-ghost:hover{background:var(--surface-hover);border-color:#ffffff2e;color:var(--text)}.btn-sm,:is(button,a).btn-sm{padding:.4rem .8rem;font-size:.8125rem}.btn-xs,:is(button,a).btn-xs{padding:.3rem .65rem;font-size:.75rem}:is(button,a).btn-danger,:is(button,a).btn-ghost.btn-danger,:is(button,a).btn-ghost.danger{background:#ef44441f;border-color:#ef444459;color:var(--danger-muted)}:is(button,a).btn-danger:hover,:is(button,a).btn-ghost.btn-danger:hover,:is(button,a).btn-ghost.danger:hover{background:#ef444438;border-color:var(--danger);color:#fff}:is(button,a).btn-ai{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:#fff;width:100%}:is(button,a).btn-ai:hover{background:linear-gradient(135deg,#4b92ff,#9b6fff);color:#fff}.btn-add,.btn-next,.form>button[type=submit],.actions>button[type=submit]:last-child{min-height:2.5rem}.btn-add,.btn-next{width:100%}.link-btn,button.link-btn,a.link-btn{display:inline;padding:0;border:none;background:none;color:var(--accent);font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none}.link-btn:hover,button.link-btn:hover,a.link-btn:hover{color:#60a5fa;text-decoration:underline;background:none}.link-btn.danger,button.link-btn.danger{color:var(--danger-muted)}.link-btn.danger:hover{color:var(--danger)}input,textarea,select{width:100%;padding:.65rem .9rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#080c1499;color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b9cb3' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f626}input[type=checkbox]{width:1rem;height:1rem;padding:0;accent-color:var(--accent);cursor:pointer}input[type=radio]{width:auto;flex-shrink:0;padding:0;accent-color:var(--accent);cursor:pointer}.checkbox-row,.check{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;cursor:pointer;color:var(--text)}.checkbox-row input,.check input{width:auto;margin-top:.2rem;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:#3b82f633}.create-card,.create-card--primary{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.create-card:not(.create-card--disabled):hover,.create-card--primary:not(.create-card--disabled):hover{transform:translateY(-1px);border-color:#3b82f659}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.8125rem;font-weight:500;color:var(--muted)}.actions,.nav-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}.nav-row button:last-child,.actions>:is(button,a).btn:last-child,.actions>:is(button,a).btn-ghost:last-child{flex:1;min-width:8rem}.dash-header,.bots-hub .page-header,.create-page .page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-shrink:0}.empty{text-align:center;padding:2rem}.empty a{color:var(--accent)}details{margin:1rem 0;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:#080c1480;font-size:.875rem}details summary{cursor:pointer;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none}details[open] summary{margin-bottom:.5rem}.error-text{color:var(--danger);font-size:.875rem;margin-top:.5rem}.warn-banner{margin:.5rem 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.45;color:#fde68a;background:var(--warning-soft);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm)}.warn-banner a{color:var(--accent)}.form-with-preview{display:grid;grid-template-columns:1fr minmax(280px,340px);gap:1.25rem;align-items:start}@media(max-width:960px){.form-with-preview{grid-template-columns:1fr}}.bulk-table-scroll{overflow-x:auto;margin:0 -.25rem;padding:0 .25rem}.bulk-table-scroll .bulk-grid{min-width:720px}.all-bots-link{display:inline-block;margin-top:.75rem;font-size:.85rem;color:var(--accent)}.nav-link{display:inline-flex;align-items:center;padding:.35rem .55rem;font-size:.875rem;color:var(--muted);border-radius:6px;transition:color .15s,background .15s}.nav-link:hover,.nav-link.router-link-active{color:var(--accent);background:var(--accent-soft);text-decoration:none}.list{list-style:none;margin:0;padding:0}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.stat-card-val{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;line-height:1}.stat-card-label{font-size:.75rem;color:var(--muted);font-weight:500}.wizard-nav{position:sticky;bottom:0;z-index:20;display:flex;gap:.5rem;margin-top:1.25rem;padding:.75rem 0 .25rem;background:linear-gradient(to top,var(--bg) 75%,transparent)}.wizard-nav .btn-next{flex:1}.page-header h1,.dash-header h1,.detail-header h1,.title-row h1{margin:0;font-size:1.625rem;font-weight:700;letter-spacing:-.02em}.card-inner{background:#080c148c;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem}.ai-block{margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#3b82f614,#8b5cf60d);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm)}.url-from-campaign{margin-bottom:1rem;padding:1rem;background:#080c148c;border:1px solid var(--border);border-radius:var(--radius-sm)}.url-value{margin:.35rem 0;font-size:.85rem;word-break:break-all}.url-value a{color:var(--accent)}.mode-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;padding:.3rem;background:#080c1480;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.mode-tab{flex:1;padding:.55rem .9rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.mode-tab:hover{color:var(--text);background:var(--surface-hover)}.mode-tab.active{background:linear-gradient(135deg,#3b82f640,#2563eb33);color:#fff}.block-title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.options-block{margin:1rem 0;padding:1rem;background:#080c1466;border:1px solid var(--border);border-radius:var(--radius-sm)}.options-block h3{margin:0 0 .65rem;font-size:.875rem;font-weight:600}.password-block{padding:1rem;background:#080c148c;border-radius:var(--radius-sm);border:1px solid var(--border)}.success-banner{margin-bottom:1rem;padding:.85rem 1.1rem;background:var(--success-soft);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);color:#4ade80;font-size:.875rem}.info-banner{margin:0 0 1rem;padding:.85rem 1.1rem;border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.3);background:linear-gradient(135deg,#3b82f61a,#2563eb0f);font-size:.85rem;color:#93c5fd;line-height:1.45}.data-list{list-style:none;margin:.75rem 0 0;padding:0}.data-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 0;font-size:.85rem;border-bottom:1px solid var(--border)}.data-list li:last-child{border-bottom:none}.section-card h2,.section-card h3,.form-section h2{margin:0 0 1rem;font-size:1.05rem;font-weight:600}.optional{font-weight:400;color:var(--muted);font-size:.8rem}
