:root{--bg-dark: #0a0c10;--bg-card: rgba(18, 22, 31, .75);--bg-card-hover: rgba(26, 32, 46, .85);--bg-sidebar: #0e1117;--border-color: rgba(255, 255, 255, .1);--border-active: rgba(99, 102, 241, .5);--primary-accent: #6366f1;--primary-glow: rgba(99, 102, 241, .35);--cyan-accent: #06b6d4;--emerald-accent: #10b981;--amber-accent: #f59e0b;--rose-accent: #f43f5e;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.1) 0%,transparent 40%);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000005e;transition:all .2s ease-in-out}.glass-card:hover{border-color:#ffffff2e}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.workspace-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:minmax(0,1fr);gap:16px;padding:16px;overflow:hidden;min-height:0}.mobile-nav-tabs{display:none;background:#0b0f19f2;border-bottom:1px solid var(--border-color);padding:6px 12px;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-tab-btn{flex:1;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.mobile-tab-btn.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}@media (max-width: 992px){.mobile-nav-tabs{display:flex}.desktop-only-sidebar{display:none!important}.mobile-sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:320px;height:100vh;z-index:500;background:var(--bg-sidebar);box-shadow:10px 0 40px #000000e6;transform:translate(-105%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-sidebar-drawer.open{transform:translate(0)}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:490}.workspace-grid{display:flex!important;flex-direction:column!important;padding:12px!important;gap:12px!important;overflow-y:auto!important}}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease;font-family:var(--font-main)}.btn-primary{background:linear-gradient(135deg,var(--primary-accent),var(--cyan-accent));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.btn-secondary{background:#ffffff0f;color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background:#ffffff1f}.btn-accent{background:#10b98126;color:#34d399;border-color:#10b9814d}.btn-accent:hover{background:#10b98140}.mode-switcher{display:flex;background:#0006;padding:4px;border-radius:10px;border:1px solid var(--border-color)}.mode-btn{padding:6px 14px;border-radius:7px;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.mode-btn.active{background:var(--primary-accent);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-label{font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.input-text,.select-input,.textarea-input{background:#0006;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-main);font-family:var(--font-main);font-size:.9rem;outline:none;transition:border-color .2s}.input-text:focus,.select-input:focus,.textarea-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 2px var(--primary-glow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;background:#ffffff14;border:1px solid var(--border-color);color:var(--text-muted)}.badge-purple{background:#6366f126;color:#a5b4fc;border-color:#6366f14d}.badge-cyan{background:#06b6d426;color:#67e8f9;border-color:#06b6d44d}.badge-emerald{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}@keyframes pulseGlow{0%{box-shadow:0 0 10px #6366f133}50%{box-shadow:0 0 25px #6366f180}to{box-shadow:0 0 10px #6366f133}}.ai-pulse{animation:pulseGlow 3s infinite ease-in-out}