:root{--bg: #080d16;--bg2: #0d1422;--surface: #111827;--surface2: #162033;--surface3: #1c2a3f;--border: #1e2d45;--border2: #253752;--text: #cbd5e1;--text-dim: #64748b;--text-bright: #f1f5f9;--blue: #3b82f6;--blue-dim: #1e3a5f;--blue-glow: #60a5fa;--amber: #f59e0b;--teal: #14b8a6;--green: #22c55e;--red: #ef4444;--purple: #8b5cf6;--gemini: #4285f4;--groq: #f55036;--sidebar-w: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.5}#root{height:100%;background:var(--bg);color:var(--text);overflow:hidden}.visual-svg-wrapper{background:#07111d;line-height:1}.visual-svg-wrapper svg{display:block;width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:6px;border:2px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::-webkit-scrollbar-corner{background:transparent}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.syne{font-family:Syne,sans-serif}.mono{font-family:JetBrains Mono,monospace}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}.fade-up{animation:fadeUp .3s ease both}.fade-in{animation:fadeIn .2s ease both}.spin-anim{animation:spin .75s linear infinite;display:inline-block}.blink{animation:pulse 2s ease infinite}.loading-shimmer{background:linear-gradient(90deg,var(--surface) 25%,var(--surface3) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:7px;font-size:15px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-glow);border-color:var(--blue-glow)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface2);border-color:var(--border2)}.btn-amber{background:transparent;color:var(--amber);border-color:#78350f}.btn-amber:hover{background:#f59e0b14}.btn-danger{background:transparent;color:var(--red);border-color:#ef44444d}.btn-danger:hover{background:#ef444414}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-sm{padding:6px 12px;font-size:13px;border-radius:5px}.btn-xs{padding:4px 10px;font-size:12px;border-radius:4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s;flex-shrink:0}.icon-btn:hover{background:var(--surface2);color:var(--text-bright);border-color:var(--border2)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.3px;border:1px solid}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:12px;width:540px;max-width:94vw;max-height:90vh;overflow-y:auto;animation:modalIn .2s ease both}.input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:7px;padding:9px 13px;color:var(--text-bright);font-size:15px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--blue-dim)}.input::placeholder{color:var(--text-dim)}.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 13px;color:var(--text-bright);font-size:15px;line-height:1.6;resize:none;outline:none;transition:border-color .15s;font-family:DM Sans,sans-serif}.textarea:focus{border-color:var(--blue-dim)}.textarea::placeholder{color:var(--text-dim)}.page{display:flex;flex-direction:column;height:100%;overflow:hidden}.page-header{padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.page-title{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:var(--text-bright);letter-spacing:-.3px}.page-subtitle{font-size:15px;color:var(--text-dim);margin-top:2px}.page-body{flex:1;overflow-y:auto;padding:20px 24px}.section-label{font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-active{background:var(--green)}.status-standby{background:var(--text-dim)}.status-error{background:var(--red)}.status-working{background:var(--amber);animation:pulse 1s ease infinite}.mobile-topbar{display:none}@media (max-width: 768px){.mobile-topbar{display:flex!important}aside[data-sidebar]{position:fixed!important;top:0;left:0;bottom:0;z-index:500;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #000000a6}aside[data-sidebar].open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.open{display:block}main[data-main]{width:100vw!important;max-width:100vw!important}}