@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
@import "https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css";
:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f5f7f8;--bg-secondary:#fff;--bg-glass:#fff;--bg-glass-active:#ebf5f7;--border-glass:#dedede;--border-glow:#3cc96159;--text-primary:#13353c;--text-secondary:#48435c;--text-muted:#828282;--accent-primary:#3cc961;--accent-primary-hover:#30ae51;--accent-primary-active:#2ea44d;--accent-secondary:#3797ae;--accent-success:#3cc961;--accent-warning:#d79300;--accent-error:#ff614c;--shadow-glow:0 4px 15px #3cc96133;--shadow-panel:0 4px 20px #13353c14;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-elastic:.5s cubic-bezier(.68, -.6, .32, 1.6)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);flex-direction:column;height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#dedede;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.dashboard-container{background:#f5f7f8;width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:10;background-color:#fff;border-right:1px solid #dedede;flex-direction:column;flex-shrink:0;width:280px;display:flex;box-shadow:2px 0 12px #13353c0a}.sidebar-sticky-top{flex-shrink:0;padding:1.5rem 1.5rem .5rem}.sidebar-scroll-area{flex-direction:column;flex:1;padding:0 1.5rem 1rem;display:flex;overflow-y:auto}.brand-section{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.brand-logo{background:var(--accent-primary);border-radius:var(--radius-lg);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-weight:700;display:flex}.brand-name{letter-spacing:-.025em;color:#13353c;font-size:1.2rem;font-weight:700}.sidebar-section{margin-bottom:1.75rem}.sidebar-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.select-control,.input-control{border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-primary);transition:var(--transition-smooth);cursor:pointer;background-color:#fff;border:1px solid #dedede;outline:none;padding:.75rem 1rem;font-size:.9rem}.select-control:focus,.input-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3cc96133}.select-control option{color:var(--text-primary);background-color:#fff}.user-profile-badge{border-radius:var(--radius-lg);background:#f5f7f8;border:1px solid #dedede;flex-shrink:0;align-items:center;gap:.75rem;margin:auto 1.5rem 1.5rem;padding:.75rem;display:flex}.user-avatar{width:36px;height:36px;color:var(--accent-secondary);background:#ebf5f7;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-name{color:#13353c;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);font-size:.75rem}.workspace{background:#f5f7f8;flex:1;display:flex;position:relative;overflow:hidden}.chat-pane{background:0 0;flex-direction:column;flex:1.2;height:100%;display:flex;position:relative;overflow:hidden}.chat-header{background:#fff;border-bottom:1px solid #dedede;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;box-shadow:0 1px 3px #13353c0a}.chat-title-group{color:#13353c;align-items:center;gap:.5rem;font-weight:600;display:flex}.badge{border-radius:var(--radius-sm);color:#218299;background:#ebf5f7;border:1px solid #64bdd2;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.badge.success{color:#0e9632;background:#c7edd1;border-color:#81d897}.messages-list{flex-direction:column;flex:1;gap:1.5rem;padding:2rem 1.5rem;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{border-radius:var(--radius-lg);max-width:85%;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5;position:relative;box-shadow:0 2px 8px #13353c0f}.message-row.user .message-bubble{background:var(--accent-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-row.assistant .message-bubble{color:#13353c;border-bottom-left-radius:var(--radius-sm);background:#fff;border:1px solid #dedede}.tool-logs-container{flex-direction:column;gap:.5rem;width:100%;margin-top:.75rem;display:flex}.tool-log-item{border-radius:var(--radius-md);background:#f5f7f8;border:1px solid #dedede;flex-direction:column;gap:.25rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.tool-log-header{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.tool-log-title{color:#3797ae;font-family:monospace;font-weight:600}.tool-log-details{color:var(--text-muted);white-space:pre-wrap;word-break:break-all;max-height:100px;padding-left:1.25rem;font-family:monospace;font-size:.75rem;overflow-y:auto}.status-tracker{border-radius:var(--radius-md);color:#218299;background:#ebf5f7;border:1px solid #64bdd2;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;animation:2s ease-in-out infinite pulse;display:flex}.spinner{border:2px solid #0000;border-top-color:#3797ae;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.chat-input-area{background:#fff;border-top:1px solid #dedede;padding:1.5rem;transition:all .2s;position:relative}.chat-input-area.drag-over{border-top-color:var(--accent-primary);background:#22c55e0f;box-shadow:inset 0 0 15px #22c55e26}.chat-input-form{align-items:flex-end;gap:.75rem;display:flex;position:relative}.chat-textarea{border-radius:var(--radius-md);color:#13353c;font-family:var(--font-primary);resize:none;box-sizing:border-box;background-color:#f5f7f8;border:1px solid #dedede;outline:none;flex:1;height:48px;min-height:48px;max-height:140px;padding:.8rem 1.25rem;font-size:.95rem;line-height:1.4;transition:border-color .2s,background-color .2s;overflow-y:auto}.chat-textarea:focus{border-color:var(--accent-primary);background-color:#fff}.btn-attach{border-radius:var(--radius-md);color:#4b5563;cursor:pointer;width:48px;height:48px;transition:var(--transition-smooth);background:#fff;border:1px solid #dedede;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-attach:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.btn-attach:active:not(:disabled){transform:translateY(0)}.btn-attach:disabled{opacity:.4;cursor:not-allowed}.btn-send{border-radius:var(--radius-md);background:var(--accent-primary);color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;display:flex}.btn-send:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-send:active{background:var(--accent-primary-active);transform:translateY(0)}.btn-send:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#dedede;transform:none}.artifact-pane{z-index:5;background:#fff;border-left:1px solid #dedede;flex-direction:column;flex:.8;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),flex .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:-4px 0 20px #13353c0f}.artifact-pane.hidden{pointer-events:none;border-left:none;flex:0;width:0;min-width:0;transform:translate(100%)}.artifact-header{background:#fff;border-bottom:1px solid #dedede;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex}.artifact-title{color:#13353c;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.btn-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.btn-close:hover{color:#13353c;background:#f5f7f8}.artifact-content{background:#fff;flex:1;padding:2rem 1.5rem;overflow-y:auto}.markdown-body{color:#48435c;font-size:.95rem;line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#13353c;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.markdown-body h1{border-bottom:1px solid #dedede;padding-bottom:.5rem;font-size:1.5rem}.markdown-body h2{font-size:1.25rem}.markdown-body p{margin-bottom:1rem}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-body li{margin-bottom:.25rem}.markdown-body code{border-radius:var(--radius-sm);color:#218299;background:#ebf5f7;padding:.2rem .4rem;font-family:monospace;font-size:.85rem}.markdown-body pre{border-radius:var(--radius-md);background:#f5f7f8;border:1px solid #dedede;margin-bottom:1.25rem;padding:1rem;overflow-x:auto}.markdown-body pre code{color:#13353c;background:0 0;padding:0;font-size:.85rem}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:1.25rem;font-size:.9rem}.markdown-body th,.markdown-body td{text-align:left;border:1px solid #dedede;padding:.6rem .85rem}.markdown-body th{color:#13353c;background-color:#ebf5f7;font-weight:600}.markdown-body tr:nth-child(2n){background-color:#f9fbfb}.table-export-wrapper{margin-bottom:1.25rem;position:relative}.table-export-toolbar{justify-content:flex-end;margin-bottom:.35rem;display:flex}.btn-table-export{font-size:.75rem;font-family:var(--font-primary);color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);opacity:.7;background:0 0;align-items:center;gap:.35rem;padding:.3rem .65rem;font-weight:500;display:inline-flex}.btn-table-export:hover{opacity:1;background:#3797ae14}.table-export-wrapper table{margin-bottom:0}.report-action-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);background:#ebf5f7;border:1px solid #64bdd2;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:flex}.report-info{flex-direction:column;gap:.25rem;display:flex}.report-title-text{color:#13353c;font-size:.95rem;font-weight:600}.report-meta-text{color:var(--text-muted);font-size:.8rem}.btn-download{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.btn-download:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.flicker-avoidance{backface-visibility:hidden;transform:translate(0,0)}.welcome-overlay{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.welcome-icon{color:var(--accent-primary);opacity:.8;margin-bottom:1.5rem}.welcome-title{color:#13353c;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.welcome-desc{max-width:400px;color:var(--text-secondary);font-size:.9rem}.login-container{background:#f5f7f8;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-card{border-radius:var(--radius-lg);z-index:10;background:#fff;border:1px solid #dedede;flex-direction:column;gap:1.5rem;width:100%;max-width:420px;padding:2.5rem;display:flex;box-shadow:0 10px 30px #13353c14}.login-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.8rem;font-weight:600}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;display:flex}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#dedede;transform:none}.quick-login-title{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;display:flex;position:relative}.quick-login-title:before,.quick-login-title:after{content:"";background:#dedede;flex:1;height:1px}.quick-login-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.btn-quick-login{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);text-align:center;background:#f5f7f8;border:1px solid #dedede;padding:.6rem .25rem;font-size:.8rem;font-weight:500}.btn-quick-login:hover{color:#13353c;background:#ebf5f7;border-color:#3797ae}.tool-logs-details-wrapper{width:100%}.tool-logs-summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-smooth);align-items:center;gap:.5rem;font-size:.75rem;list-style:none;display:flex}.tool-logs-summary:hover{color:var(--text-secondary)}.tool-logs-summary::-webkit-details-marker{display:none}.details-chevron{transition:transform var(--transition-smooth);color:var(--text-muted);margin-left:auto}details[open] .details-chevron{transform:rotate(90deg)}.skill-result-card,.recipe-result-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #81d897;flex-direction:column;gap:1rem;width:100%;margin:.25rem 0;padding:1.25rem;display:flex;box-shadow:0 4px 15px #13353c0d}.skill-card-header,.recipe-card-header{align-items:center;gap:.75rem;display:flex}.skill-card-icon,.recipe-card-icon{border-radius:var(--radius-md);color:#0e9632;background:#c7edd1;border:1px solid #81d897;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.skill-card-info,.recipe-card-info{flex-direction:column;gap:.15rem;display:flex}.skill-card-tag,.recipe-card-tag{color:#0e9632;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.skill-card-title,.recipe-card-title{color:#13353c;font-size:1rem;font-weight:600}.skill-card-actions,.recipe-card-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.btn-quick-action{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);text-align:center;border:none;padding:.6rem 1rem;font-size:.85rem;font-weight:600}.btn-quick-action:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.btn-quick-action-secondary{color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:#fff;border:1px solid #dedede;justify-content:space-between;align-items:center;width:100%;padding:.6rem 1rem;font-size:.85rem;font-weight:500;display:flex}.btn-quick-action-secondary:hover{color:#13353c;background:#f5f7f8}.skill-inline-markdown,.recipe-inline-markdown{border-radius:var(--radius-md);background:#f5f7f8;border:1px solid #dedede;max-height:200px;padding:.75rem 1rem;overflow-y:auto}.btn-menu{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:none}.btn-menu:hover{color:#13353c;background:#f5f7f8}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9;background:#13353c66;position:fixed;inset:0}@media (max-width:1024px){.btn-menu{margin-right:.5rem;display:flex}.sidebar{transition:transform var(--transition-smooth);z-index:100;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #13353c33}}@media (max-width:768px){.message-bubble{max-width:92%}.messages-list{gap:1.25rem;padding:1.25rem 1rem}.chat-input-area{padding:1rem}.artifact-pane{z-index:80;flex:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(0)}.artifact-pane.hidden{transform:translate(100%)}}.layout-toggle-container{border-radius:var(--radius-md);background:#f5f7f8;border:1px solid #dedede;gap:.25rem;padding:.25rem;display:flex}.btn-layout-toggle{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:flex}.btn-layout-toggle:hover{color:#13353c;background:#fff}.btn-layout-toggle.active{color:#13353c;background:#fff;border-color:#dedede;box-shadow:0 1px 4px #13353c14}.workspace.layout-split .chat-pane{flex:1.2;display:flex}.workspace.layout-split .artifact-pane:not(.hidden){flex:.8;display:flex}.workspace.layout-chat .chat-pane{flex:1;display:flex}.workspace.layout-chat .artifact-pane,.workspace.layout-workspace .chat-pane{display:none!important}.workspace.layout-workspace .artifact-pane{flex:1;display:flex!important;transform:none!important}@media (max-width:1200px){.layout-btn-text{display:none}.btn-layout-toggle{padding:.35rem .5rem}}@media (max-width:768px){.layout-toggle-container{display:none}}.btn-new-session{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);width:100%;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:flex}.btn-new-session:hover{background:var(--accent-primary-hover)}.btn-new-session:disabled{opacity:.5;cursor:not-allowed}.session-list-container{flex-direction:column;gap:4px;margin-bottom:1.75rem;padding-top:.5rem;display:flex}.session-item{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);background:#fff6;border-left:3px solid #0000;flex-direction:column;gap:2px;padding:.55rem .75rem;display:flex;position:relative}.session-item:hover{background:var(--bg-glass-active)}.session-item.active{background:var(--bg-glass-active);border-left-color:var(--accent-primary)}.session-item-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.session-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:600;overflow:hidden}.session-item-time{color:var(--text-muted);font-size:.7rem}.session-delete-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:var(--transition-smooth);background:0 0;border:none;padding:2px}.session-item:hover .session-delete-btn{opacity:1}.session-delete-btn:hover{color:#d9534f;background:#d9534f1a}.session-empty{color:var(--text-muted);text-align:center;padding:.75rem 0;font-size:.8rem;font-style:italic}