css
*{box-sizing:border-box}.app{background-color:#f8fafc;color:#333;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif}.app,.main-container{display:flex;height:100vh;overflow:hidden}.main-container{flex:1 1}.sidebar{background:linear-gradient(180deg,#1e3a8a,#2b4ead);border-right:1px solid #60a5fa;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:24px;position:fixed;top:0;width:234px;z-index:100}.brand-section{align-items:center;display:flex;margin-bottom:24px;padding:0 0 12px}.sidebar-logo{border-radius:8px;height:44px;margin-right:12px;width:44px}.brand-name{color:#fff;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.conversations{flex:1 1;overflow-y:auto;padding-bottom:24px}.conversations::-webkit-scrollbar{width:8px}.conversations::-webkit-scrollbar-track{background:#1e3a8a}.conversations::-webkit-scrollbar-thumb{background-color:#60a5fa;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.conversations::-webkit-scrollbar-thumb:hover{background-color:#3b82f6}.conversations h3{color:#93c5fd;font-size:13px;font-weight:600;letter-spacing:1.2px;margin:24px 0 12px;text-transform:uppercase}.conversation-item{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .3s ease,transform .2s ease}.conversation-item:hover{background-color:#3b82f6;transform:translateX(4px)}.conversation-item.active{background-color:#2563eb;box-shadow:0 2px 4px #0000001a;font-weight:600}.conversation-item span{flex:1 1;font-size:15px}.conversation-item button{background:none;border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 10px;transition:all .3s ease}.conversation-item button.edit{color:#60a5fa}.conversation-item button.edit:focus,.conversation-item button.edit:hover{background-color:#60a5fa;border-color:#3b82f6;color:#fff}.conversation-item button.delete{color:#ff6200}.conversation-item button.delete:focus,.conversation-item button.delete:hover{background-color:#ff6200;border-color:#e55b00;color:#fff}.renew-btn{background-color:#ff6200;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:24px;padding:12px;transition:all .3s ease;width:100%}.renew-btn:focus,.renew-btn:hover{background-color:#e55b00;outline:none;transform:scale(1.02)}.chat-container{background-color:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:282px}.header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0;height:64px;justify-content:space-between;padding:12px 24px}.header,.version-selector{align-items:center;display:flex}.version-dropdown{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s ease,box-shadow .3s ease}.version-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 6px #3b82f64d;outline:none}.share-btn{background-color:initial;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:6px 12px;transition:color .3s ease,transform .2s ease}.share-btn:focus,.share-btn:hover{color:#3b82f6;outline:none;transform:scale(1.1)}.profile-section{align-items:center;display:flex;gap:12px}.profile-pic{color:#1f2937;font-size:28px}.profile-name{color:#1f2937;font-size:16px;font-weight:500}.logout-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.logout-btn:focus,.logout-btn:hover{background-color:#dc2626;outline:none;transform:scale(1.02)}.main-chat{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-content{flex:1 1;overflow-y:auto;padding:24px;scrollbar-color:#d1d5db #fff;scrollbar-width:thin}.chat-content::-webkit-scrollbar{width:8px}.chat-content::-webkit-scrollbar-track{background:#fff}.chat-content::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.chat-content::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.main-chat h2{color:#1f2937;font-size:22px;font-weight:600;margin-bottom:24px}.welcome-message{background-color:#f1f5f9;border-radius:8px;color:#4b5563;font-size:20px;font-weight:500;margin-top:100px;padding:16px;text-align:center}.messages{display:flex;flex-direction:column;gap:12px}.message{border-radius:10px;box-shadow:0 2px 4px #0000000d;font-size:15px;line-height:1.5;max-width:75%;padding:16px 20px;position:relative}.message.user{align-self:flex-end;background-color:#dbeafe;margin-left:auto;width:fit-content}.message.bot{align-self:flex-start;background-color:#f1f5f9}.message button.edit{background:none;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;margin-top:10px;padding:4px 10px;transition:all .3s ease}.message button.edit:focus,.message button.edit:hover{background-color:#3b82f6;color:#fff}.message pre{font-family:inherit;font-size:14px;margin:0;white-space:pre-wrap}.message pre table{border-collapse:collapse;margin:12px 0;width:100%}.message pre table td,.message pre table th{border:1px solid #d1d5db;font-size:14px;padding:10px;text-align:left}.message pre table th{background-color:#f3f4f6;font-weight:600}.message-measure{font-size:15px;line-height:1.5;padding:16px 20px;white-space:pre-wrap;width:100%;word-break:break-word}.loading{animation:pulse 1.5s infinite;color:#6b7280;font-size:14px;font-style:italic;padding:12px;text-align:center}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.message.bot.error{background-color:#fee2e2;border-left:4px solid #b91c1c;color:#b91c1c}.input-container{align-items:center;background-color:#f8fafc;border-top:1px solid #e5e7eb;bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;padding:16px 24px;position:sticky;width:100%;z-index:10}.prompt-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;flex:1 1;font-family:inherit;font-size:14px;height:100px;max-height:100px;min-height:100px;overflow-y:auto;padding:12px 16px;resize:none;transition:border-color .3s ease,box-shadow .3s ease}.prompt-textarea:disabled{background:#f3f4f6;cursor:not-allowed}.prompt-textarea:focus{border-color:#3b82f6;box-shadow:0 0 6px #3b82f64d;outline:none}.attachment-btn,.cancel-btn,.close-json-btn,.download-btn,.json-view-btn,.send-btn,.voice-btn{border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.attachment-btn{align-items:center;background-color:#e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:8px;width:40px}.attachment-btn:focus,.attachment-btn:hover{background-color:#d1d5db;outline:none;transform:scale(1.1)}.voice-btn{align-items:center;background-color:#f59e0b;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:8px;width:40px}.voice-btn.listening{background-color:#ef4444}.voice-btn:focus,.voice-btn:hover{background-color:#d97706;outline:none;transform:scale(1.1)}.send-btn{background-color:#3b82f6;border-radius:12px;color:#fff;flex-shrink:0;font-size:15px;font-weight:600;padding:12px 24px}.send-btn:focus,.send-btn:hover{background-color:#2563eb;outline:none;transform:scale(1.02)}.send-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.cancel-btn{background-color:#ef4444;border-radius:12px;color:#fff;flex-shrink:0;font-size:15px;font-weight:600;padding:12px 24px}.cancel-btn:focus,.cancel-btn:hover{background-color:#dc2626;outline:none;transform:scale(1.02)}.attachment-icon,.voice-icon{height:24px;width:24px}.disclaimer{background-color:#f8fafc;border-top:1px solid #e5e7eb;color:#6b7280;flex-shrink:0;font-size:12px;padding:12px 24px;text-align:center}.table-container{max-height:400px;overflow-y:auto;position:relative;scrollbar-color:#d1d5db #fff;scrollbar-width:thin}.table-container::-webkit-scrollbar{width:8px}.table-container::-webkit-scrollbar-track{background:#fff}.table-container::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.table-container::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.response-table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 4px #0000000d;font-size:14px;margin:12px 0;width:100%}.response-table td,.response-table th{word-wrap:break-word;border:1px solid #d1d5db;max-width:250px;padding:10px;text-align:left}.response-table th{background-color:#f3f4f6;color:#1f2937;font-weight:600}.response-table td{color:#4b5563}.response-table td:first-child,.response-table th:first-child{background-color:#eff6ff}.response-table td:nth-child(2),.response-table th:nth-child(2){background-color:#f0fdf4}.response-table td:nth-child(3),.response-table th:nth-child(3){background-color:#fff7ed}.response-table td:nth-child(4),.response-table th:nth-child(4){background-color:#fdf2f8}.response-table tr:hover td{background-color:#f1f5f9;transition:background-color .2s ease}.table-actions{display:flex;gap:12px;margin-top:12px}.download-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.download-btn:focus,.download-btn:hover{background-color:#45a049;outline:none;transform:scale(1.02)}.json-view-btn{background-color:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.json-view-btn:focus,.json-view-btn:hover{background-color:#4b5563;outline:none;transform:scale(1.02)}.json-container{background:#f1f5f9;border:1px solid #d1d5db;border-radius:8px;margin-top:12px;padding:12px;position:relative}.json-display{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:monospace;font-size:14px;max-height:300px;overflow-y:auto;padding:12px;white-space:pre-wrap}.json-display::-webkit-scrollbar{width:8px}.json-display::-webkit-scrollbar-track{background:#fff}.json-display::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.json-display::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.close-json-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.close-json-btn:focus,.close-json-btn:hover{background-color:#dc2626;outline:none;transform:scale(1.02)}.inline-edit-textarea{background:#dbeafe;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;color:#1f2937;display:block;font-family:inherit;font-size:15px;line-height:1.5;margin:0;min-width:100%;padding:16px 20px;resize:none;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.inline-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 6px #3b82f64d;outline:none}.inline-edit-actions{display:flex;gap:8px;margin-top:10px}.save-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.save-btn:focus,.save-btn:hover{background-color:#2563eb;outline:none;transform:scale(1.02)}.save-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.login-container,.signup-container{align-items:center;background-color:#f1f5f9;display:flex;justify-content:center;min-height:100vh}.form-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:32px;width:100%}.form-logo{display:block;height:48px;margin-bottom:24px;margin-left:auto;margin-right:auto}.form-title{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.form-group{margin-bottom:20px}.form-label{color:#4b5563;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:15px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 6px #3b82f64d;outline:none}.form-error{color:#b91c1c;font-size:13px;margin-bottom:12px;margin-top:8px}.form-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.form-button:focus,.form-button:hover{background-color:#2563eb;outline:none;transform:scale(1.02)}.form-button:disabled{background-color:#d1d5db;cursor:not-allowed}.form-link{color:#4b5563;font-size:14px;margin-top:16px;text-align:center}.form-link a{color:#3b82f6;font-weight:500;text-decoration:none}.form-link a:hover{text-decoration:underline}@media (max-width:768px){.sidebar{padding:20px;width:198px}.chat-container{margin-left:238px}.brand-name{font-size:20px}.chat-content{padding:16px}.main-chat h2{font-size:20px}.message{max-width:80%}.inline-edit-textarea,.message,.message-measure{font-size:14px;padding:12px 16px}.input-container{gap:8px;padding:12px 16px}.prompt-textarea{font-size:14px;padding:10px 12px}.cancel-btn,.send-btn{font-size:14px;padding:10px 20px}.response-table{display:block;font-size:13px;overflow-x:auto;white-space:nowrap}.response-table td,.response-table th{max-width:200px;padding:8px}.form-card{max-width:360px;padding:24px}}@media (max-width:480px){.sidebar{padding:16px;width:162px}.chat-container{margin-left:194px}.brand-name{font-size:18px}.sidebar-logo{height:36px;width:36px}.conversation-item{font-size:14px;padding:10px 12px}.conversation-item button{font-size:11px;padding:3px 8px}.renew-btn{font-size:14px;padding:10px}.chat-content{padding:12px}.main-chat h2{font-size:18px}.message{max-width:85%}.inline-edit-textarea,.message,.message-measure{font-size:13px;padding:12px 16px}.input-container{gap:6px;padding:10px 12px}.prompt-textarea{font-size:13px;padding:8px 10px}.attachment-btn,.voice-btn{height:36px;width:36px}.cancel-btn,.send-btn{font-size:13px;padding:8px 16px}.disclaimer{font-size:11px;padding:10px 16px}.response-table{font-size:12px}.response-table td,.response-table th{max-width:150px;padding:6px}.form-card{max-width:320px;padding:20px}.form-title{font-size:22px}.form-input{font-size:14px;padding:10px}.form-button{font-size:15px;padding:10px}.chat-container.shared{width:100%}.chat-container.shared .header{justify-content:flex-end}.chat-content{margin:0 auto;max-width:900px}}
/*# sourceMappingURL=main.ce4dd25f.css.map*/