@import "https://fonts.googleapis.com/css2?family=Syne:wght@500;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-dark:#090a0f;--panel-bg:#12141dbf;--panel-border:#ffffff14;--panel-hover:#7c3aed59;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf666;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.desktop-sidebar-container{height:100%;display:flex}.mobile-controls-container{display:none}.sidebar{border-right:1px solid var(--panel-border);background:#0c0d13;flex-direction:column;flex-shrink:0;gap:1.25rem;width:320px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.sidebar.collapsed{opacity:0!important;border-right:none!important;width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.mobile-inline-card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;flex-direction:column;gap:.85rem;width:100%;padding:1rem;display:flex}.mobile-controls-row{gap:.65rem;display:flex}.flex-1{flex:1;min-width:0}.icon-btn{border:1px solid var(--panel-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;transition:all .2s;display:flex}.icon-btn:hover{color:#fff;background:#8b5cf633;border-color:#8b5cf666}.brand-title{background:linear-gradient(135deg,#fff 0%,#a78bfa 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800}.brand-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.72rem}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.form-input{border:1px solid var(--panel-border);color:var(--text-primary);background:#ffffff0a;border-radius:8px;outline:none;width:100%;padding:.65rem .85rem;font-family:JetBrains Mono,monospace;font-size:.82rem;transition:all .2s}.form-select{border:1px solid var(--panel-border);cursor:pointer;border-radius:8px;outline:none;width:100%;padding:.65rem .85rem;font-family:JetBrains Mono,monospace;font-size:.82rem;transition:all .2s;color:#fff!important;background-color:#12141d!important}.form-select option{padding:.5rem;color:#fff!important;background-color:#12141d!important}.form-input:focus,.form-select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px var(--accent-purple-glow)}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), #6d28d9);color:#fff;letter-spacing:.05em;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-family:Syne,sans-serif;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px var(--accent-purple-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.status-list{flex-direction:column;gap:.4rem;margin-top:.4rem;display:flex}.status-item{border:1px solid var(--panel-border);background:#ffffff08;border-radius:8px;align-items:center;gap:.6rem;padding:.45rem .75rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot-done{background:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald)}.dot-active{background:var(--accent-purple);box-shadow:0 0 6px var(--accent-purple);animation:1.2s infinite blink}.dot-pending{background:var(--text-muted)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.content-area{flex-direction:column;flex:1;gap:1rem;min-width:0;height:100vh;padding:1.25rem;display:flex;overflow-y:auto}.top-header{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.badge-tag{color:var(--accent-cyan);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#06b6d41f;border:1px solid #06b6d440;border-radius:20px;max-width:100%;padding:.25rem .6rem;font-family:JetBrains Mono,monospace;font-size:.65rem;display:inline-block;overflow:hidden}.workspace-grid{flex:1;gap:1.25rem;min-height:0;display:flex}.col-dash{flex-direction:column;flex:55;gap:1rem;min-width:0;min-height:0;display:flex}.col-chat{flex-direction:column;flex:45;gap:.75rem;min-width:0;min-height:0;display:flex}.glass-card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;min-width:0;padding:1rem 1.2rem}.card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);word-break:break-word;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;display:flex}.card-body{color:var(--text-primary);word-break:break-word;overflow-wrap:anywhere;font-size:.85rem;line-height:1.6}.formatted-markdown p{margin-bottom:.5rem;line-height:1.6}.formatted-markdown p:last-child{margin-bottom:0}.formatted-markdown strong,.formatted-markdown b{color:#fff;font-weight:700}.formatted-markdown ul,.formatted-markdown ol{margin-bottom:.5rem;margin-left:1.2rem}.formatted-markdown li{word-break:break-word;margin-bottom:.35rem;line-height:1.5}.formatted-markdown h1,.formatted-markdown h2,.formatted-markdown h3,.formatted-markdown h4{color:var(--accent-cyan);word-break:break-word;margin-top:.6rem;margin-bottom:.3rem;font-family:Syne,sans-serif;font-size:.9rem}.tabs-header{border:1px solid var(--panel-border);background:#0d0e14b3;border-radius:10px;gap:.5rem;padding:.3rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:.55rem .75rem;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--accent-purple);color:#fff}.tab-content{flex:1;min-height:0;overflow-y:auto}.transcript-box{border:1px solid var(--panel-border);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:#0a0b10e6;border-radius:10px;height:380px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.7;overflow-y:auto}.chat-card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;padding:1rem;display:flex}.chat-history{flex-direction:column;flex:1;gap:.75rem;padding-right:.4rem;display:flex;overflow-y:auto}.chat-msg-user{color:#f3f4f6;word-break:break-word;background:#8b5cf633;border:1px solid #8b5cf659;border-radius:12px 12px 2px;align-self:flex-end;max-width:85%;padding:.65rem .95rem;font-size:.82rem;line-height:1.5}.chat-msg-bot{color:#f3f4f6;word-break:break-word;background:#111827e6;border:1px solid #06b6d44d;border-radius:12px 12px 12px 2px;align-self:flex-start;max-width:85%;padding:.65rem .95rem;font-size:.82rem;line-height:1.5}.chat-input-row{align-items:center;gap:.5rem;width:100%;margin-top:.75rem;display:flex}.chat-input-row .form-input{flex:1!important;min-width:0!important}.chat-input-row .btn-primary{white-space:nowrap!important;flex-shrink:0!important;width:auto!important;padding:.65rem 1.25rem!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}@media (width<=768px){body{height:auto!important;overflow-y:auto!important}.app-container{height:auto!important;min-height:100vh!important;display:block!important;overflow:visible!important}.desktop-sidebar-container{display:none!important}.mobile-controls-container{width:100%!important;display:block!important}.desktop-only{display:none!important}.content-area{gap:.75rem!important;height:auto!important;padding:.65rem!important;overflow:visible!important}.top-header{padding:.65rem .85rem!important}.header-subtitle{display:none!important}.badge-tag{padding:.2rem .45rem!important;font-size:.6rem!important}.workspace-grid{flex-direction:column!important;gap:.85rem!important;height:auto!important}.col-dash,.col-chat{flex:none!important;width:100%!important}.tabs-header{flex-wrap:wrap!important;gap:.35rem!important;padding:.25rem!important}.tab-btn{white-space:normal!important;text-align:center!important;flex:30%!important;padding:.4rem .3rem!important;font-size:.68rem!important}.glass-card{padding:.85rem!important}.card-title{font-size:.68rem!important}.card-body{font-size:.82rem!important}.chat-card{min-height:440px!important}.chat-msg-user,.chat-msg-bot{max-width:96%!important;padding:.55rem .75rem!important;font-size:.8rem!important}.mobile-controls-row{flex-direction:column!important;gap:.75rem!important}}