:root{--bg: #0f1419;--surface: #1a2332;--surface-hover: #243044;--border: #2d3a4d;--text: #e8edf4;--muted: #8b9cb3;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--danger-muted: #f87171;--success: #22c55e;--radius: 10px;--font: "Segoe UI", system-ui, sans-serif}*,*: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}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-block;font-size:.875rem;color:var(--muted);margin-bottom:.5rem}.back:hover{color:var(--accent)}.subtitle{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.page-header{margin-bottom:1.5rem}.page-header h1{margin:.35rem 0 0;font-size:1.5rem}:is(button,a).btn,:is(button,a)[class*=btn-]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1.1rem;border-radius:var(--radius);font:inherit;font-weight:500;font-size:.875rem;line-height:1.25;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,opacity .15s;border:1px solid transparent}:is(button,a).btn:disabled,:is(button,a)[class*=btn-]:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}:is(button,a).btn{background:var(--accent);border-color:var(--accent);color:#fff}:is(button,a).btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button:not([class]),button[type=submit]:not([class*=btn-]):not(.link-btn){display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;border:none;border-radius:var(--radius);font:inherit;font-weight:500;cursor:pointer;background:var(--accent);color:#fff;transition:background .15s}button:not([class]):hover,button[type=submit]:not([class*=btn-]):not(.link-btn):hover{background:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}:is(button,a).btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}:is(button,a).btn-ghost:hover{background:var(--surface-hover);border-color:var(--muted);color:var(--text)}.btn-sm,:is(button,a).btn-sm{padding:.35rem .75rem;font-size:.8125rem}.btn-xs,:is(button,a).btn-xs{padding:.28rem .6rem;font-size:.75rem}:is(button,a).btn-danger,:is(button,a).btn-ghost.btn-danger,:is(button,a).btn-ghost.danger{background:#ef444426;border-color:#ef444473;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:#ef444447;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,#2563eb,#7c3aed);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:var(--accent-hover);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 .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}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:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}input[type=checkbox]{width:1rem;height:1rem;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);padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-size:.875rem;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:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);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}.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:#3b82f61f;text-decoration:none}.list{list-style:none;margin:0;padding:0}