@import"https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFFFFF;--bg-elevated: #FFFFFF;--bg-surface: #F8F9FC;--border: #E2E4EB;--border-subtle: rgba(59, 59, 152, .08);--text: #1A1A2E;--text-dim: #4A4A6A;--text-muted: #8888A0;--accent: #FF006D;--accent-dim: #E0005F;--accent-bg: rgba(255, 0, 109, .06);--indigo: #3B3B98;--indigo-bg: rgba(59, 59, 152, .06);--blue: #70A0FE;--coral: #FD5968;--user-bg: rgba(59, 59, 152, .05);--user-border: rgba(59, 59, 152, .12);--error: #FD5968;--success: #10B981;--mono: "JetBrains Mono", "Fira Code", monospace;--sans: "Hind Vadodara", system-ui, sans-serif;--radius: 8px;--radius-lg: 12px}html,body,#root{height:100%;width:100%}body{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.app-body{display:flex;flex:1;min-height:0}.chat-window{display:flex;flex-direction:column;flex:1;min-width:0;border-right:1px solid var(--border)}.pipeline-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-surface);overflow-y:auto}.pipeline-panel-header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.pipeline-panel-title{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}.pipeline-panel .step-indicator{margin:0;border:none;border-radius:0;background:transparent;padding:16px 20px;flex:1}.chat-header-brand{display:flex;align-items:center;gap:12px}.chat-header-logo{height:28px;width:auto}.chat-header-tag{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--indigo);background:var(--indigo-bg);padding:4px 10px;border-radius:4px}.chat-header-meta{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth;background:var(--bg-surface)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;opacity:0;animation:fadeUp .5s ease forwards}.chat-empty-logo{height:48px;width:auto;opacity:.6}.chat-empty-greeting{font-size:22px;font-weight:600;color:var(--text)}.mario-name,.dataprop-name{font-weight:700;letter-spacing:.5px}.mario-blue{color:var(--indigo)}.mario-red{color:var(--accent)}.chat-empty-sub{color:var(--text-muted);font-size:14px;font-weight:500}.chat-empty-capabilities{display:flex;flex-direction:column;gap:6px;width:100%;max-width:480px}.chat-empty-capabilities button{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:13px;color:var(--text-dim);background:var(--bg-elevated);border:1px solid var(--border);padding:10px 14px;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-align:left}.chat-empty-capabilities button:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px);box-shadow:0 2px 8px #ff006d1a}.chat-empty-capabilities button strong{color:var(--text)}.chat-empty-capabilities button:hover strong{color:var(--accent)}.cap-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.chat-empty-tip{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;font-size:12px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);max-width:480px}.chat-empty-tip code{font-family:var(--mono);font-size:11px;background:var(--bg-surface);padding:1px 5px;border-radius:3px;color:var(--indigo)}.chat-empty-tip-icon{font-size:16px;flex-shrink:0}.message{padding:12px 16px;border-radius:var(--radius-lg);max-width:90%;animation:fadeUp .2s ease forwards}.message--user{align-self:flex-end;background:var(--user-bg);border:1px solid var(--user-border)}.message--assistant{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 1px 3px #3b3b980a}.message-role{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.message--user .message-role{color:var(--indigo)}.message--assistant .message-role{color:var(--accent)}.message-content{font-size:14px;line-height:1.65;color:var(--text);word-break:break-word}.message--user .message-content{white-space:pre-wrap}.message-content h1,.message-content h2,.message-content h3{margin:12px 0 6px;line-height:1.3;color:var(--indigo)}.message-content h1{font-size:18px}.message-content h2{font-size:16px}.message-content h3{font-size:14px;font-weight:600}.message-content p{margin:6px 0}.message-content ul,.message-content ol{margin:6px 0;padding-left:20px}.message-content li{margin:2px 0}.message-content code{font-family:var(--mono);font-size:12px;background:var(--bg-surface);padding:2px 6px;border-radius:4px;color:var(--indigo)}.message-content pre{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow-x:auto;margin:8px 0}.message-content pre code{background:none;padding:0;color:var(--text)}.message-content strong{font-weight:600;color:var(--text)}.message-content table{border-collapse:collapse;margin:8px 0;font-size:13px;width:100%}.message-content th,.message-content td{border:1px solid var(--border);padding:6px 10px;text-align:left}.message-content th{background:var(--indigo-bg);font-weight:600;color:var(--indigo)}.message-typing{display:inline-flex;gap:4px;padding:4px 0}.message-typing span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:typing 1.2s infinite}.message-typing span:nth-child(2){animation-delay:.15s}.message-typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.25;transform:scale(.85)}30%{opacity:1;transform:scale(1)}}.step-indicator{margin:12px 0;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);font-size:11px}.step-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.step-label{color:var(--indigo);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.step-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.5s ease infinite}.step-list{display:flex;flex-direction:column;gap:3px}.step-item{display:flex;align-items:baseline;gap:8px;color:var(--text-dim);line-height:1.5}.step-dot{width:4px;height:4px;border-radius:50%;background:var(--indigo);flex-shrink:0;position:relative;top:-1px;opacity:.4}.step-text{color:var(--text-dim)}.step-detail{color:var(--text-muted);font-size:10px}.chat-input{display:flex;align-items:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.btn-photo-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);font-size:18px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.btn-photo-toggle:hover{border-color:var(--indigo);background:var(--indigo-bg)}.btn-photo-toggle--active{border-color:var(--accent);background:var(--accent-bg)}.chat-input textarea{flex:1;font-family:var(--sans);font-size:14px;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;resize:none;min-height:42px;max-height:200px;overflow-y:hidden;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.chat-input textarea::placeholder{color:var(--text-muted)}.chat-input textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #3b3b9814}.btn{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.02em;padding:10px 20px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn--send{background:var(--accent);color:#fff}.btn--send:hover:not(:disabled){background:var(--accent-dim);box-shadow:0 2px 8px #ff006d40}.btn--send:disabled{opacity:.35;cursor:not-allowed}.btn--stop{background:transparent;color:var(--coral);border-color:var(--coral)}.btn--stop:hover{background:#fd596814}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#f8f9fc,#fff,#3b3b9808)}.login-card{width:380px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:40px 32px;animation:fadeUp .4s ease forwards;box-shadow:0 10px 40px #3b3b9814,0 2px 8px #3b3b980a}.login-brand{text-align:center;margin-bottom:32px}.login-logo{height:36px;width:auto;margin-bottom:12px}.login-tag{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--indigo);background:var(--indigo-bg);padding:4px 10px;border-radius:4px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:13px;font-weight:600;color:var(--text-dim)}.login-field input{font-family:var(--sans);font-size:14px;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-field input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #3b3b9814}.login-field input::placeholder{color:var(--text-muted)}.login-error{font-size:13px;color:var(--coral);text-align:center;padding:8px;background:#fd59680f;border-radius:var(--radius)}.login-btn{margin-top:8px;width:100%;padding:12px;font-size:14px}.chat-header-right{display:flex;align-items:center;gap:12px}.chat-header-credits{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--green, #22c55e);background:#22c55e1a;padding:4px 10px;border-radius:6px;letter-spacing:.02em}.chat-header-credits.credits-low{color:var(--red, #ef4444);background:#ef44441a}.chat-header-user{font-size:13px;font-weight:500;color:var(--text-dim)}.btn-logout{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);padding:5px 12px;border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.btn-logout:hover{color:var(--coral);border-color:var(--coral);background:#fd59680a}.photo-upload{padding:12px 24px;border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.photo-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.photo-drop:hover,.photo-drop--over{border-color:var(--indigo);background:var(--indigo-bg)}.photo-drop-icon{font-size:24px}.photo-drop-text{font-size:13px;font-weight:500;color:var(--text-dim)}.photo-drop-hint{font-size:11px;color:var(--text-muted)}.photo-previews{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.photo-preview-img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}.photo-results{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px}.photo-results--error{color:var(--coral)}.photo-results-count{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.photo-results-badge{font-family:var(--mono);font-size:10px;font-weight:600;padding:2px 8px;border-radius:3px}.photo-results-badge--done{color:var(--success);background:#10b98114}.photo-results-badge--pending{color:var(--accent);background:var(--accent-bg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.usage-summary{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px;animation:fadeUp .3s ease forwards}.usage-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.usage-label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.usage-value{font-family:var(--mono);font-size:11px;color:var(--text-dim);text-align:right}.usage-model{color:var(--indigo);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.usage-token-in{color:var(--blue)}.usage-token-out{color:var(--accent)}.usage-cost{color:var(--coral);font-weight:600}.conversation-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-elevated);border-right:1px solid var(--border);overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-title{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}.sidebar-new-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--indigo);font-size:18px;font-weight:500;cursor:pointer;transition:all .15s ease;line-height:1}.sidebar-new-btn:hover{background:var(--indigo-bg);border-color:var(--indigo)}.sidebar-list{flex:1;overflow-y:auto;padding:8px}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-empty{padding:24px 12px;text-align:center;font-size:13px;color:var(--text-muted)}.sidebar-item{display:flex;align-items:center;gap:4px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:background .15s ease}.sidebar-item:hover{background:var(--bg-surface)}.sidebar-item--active{background:var(--indigo-bg);border:1px solid var(--border-subtle)}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-title{display:block;font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item--active .sidebar-item-title{color:var(--indigo)}.sidebar-item-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.sidebar-item-flow{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--accent);background:var(--accent-bg);padding:1px 6px;border-radius:3px}.sidebar-item-time{font-family:var(--mono);font-size:10px;color:var(--text-muted)}.sidebar-item-delete{opacity:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-item:hover .sidebar-item-delete{opacity:1}.sidebar-item-delete:hover{color:var(--coral);background:#fd596814}