@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:linear-gradient(135deg,#10b981,#6b7280);font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.app{background:#fff;display:flex;height:100vh;margin:0;max-width:100vw;overflow:hidden}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:400px;padding:3rem;text-align:center;width:100%}.login-logo{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;height:80px;margin-bottom:1.5rem;object-fit:contain;padding:8px;width:80px}.login-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#6b7280);-webkit-background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:1rem}.login-card p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.login-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Sarabun,sans-serif;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-btn:hover{box-shadow:0 10px 30px #10b9814d;transform:translateY(-2px)}.sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;position:relative;width:320px}.sidebar-content{flex:1 1;overflow-y:auto;padding:1.5rem}.user-info{align-items:center;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000000d;display:flex;gap:1rem;margin-top:auto;padding:1.5rem}.sidebar-toggle{background:none;border:none;color:#374151;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.sidebar-toggle:hover{color:#10b981}.user-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-details{flex:1 1}.chat-controls{display:flex;gap:.5rem;margin-bottom:.75rem}.chat-control-btn{background:#0000;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;flex:1 1;font-family:Sarabun,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.chat-control-btn.new-chat{background:#f0fdf4;border-color:#10b981;color:#10b981}.chat-control-btn.new-chat:hover{background:#10b981;color:#fff}.chat-control-btn.clear{background:#f9fafb;border-color:#6b7280;color:#374151}.chat-control-btn.clear:hover{background:#6b7280;color:#fff}.user-email{color:#374151;font-weight:500;margin-bottom:.5rem}.logout-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Sarabun,sans-serif;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.logout-btn:hover{background:#4b5563}.section{margin-bottom:1.5rem}.section h3{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.model-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:Sarabun,sans-serif;font-size:.95rem;padding:.75rem;transition:border-color .2s ease;width:100%}.model-select:focus{border-color:#10b981;outline:none}.model-select optgroup{background:#f9fafb;color:#374151;font-weight:600;padding:.5rem}.model-select option{color:#6b7280;padding:.5rem}.model-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;color:#10b981;display:inline-block;font-size:.8rem;margin-left:.5rem}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.loading-text{color:#6b7280;font-size:.9rem;font-style:italic;margin-top:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.action-btn{border:none;border-radius:8px;cursor:pointer;font-family:Sarabun,sans-serif;font-weight:500;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease;width:100%}.new-chat{background:#10b981;color:#fff}.new-chat:hover{background:#059669}.clear{background:#6b7280;color:#fff}.clear:hover{background:#4b5563}.chat-history{max-height:300px;overflow-y:auto}.chat-item-container{align-items:stretch;display:flex;gap:.5rem;margin-bottom:.5rem}.chat-item{flex:1 1}.delete-chat-btn{background:#fef2f2;border:1px solid #dc2626;border-radius:20px;color:#dc2626;cursor:pointer;font-family:Sarabun,sans-serif;font-size:.8rem;font-weight:500;min-width:50px;padding:.5rem .75rem;transition:all .2s ease}.delete-chat-btn:hover{background:#dc2626;color:#fff}.no-history{color:#9ca3af;font-style:italic;padding:1rem;text-align:center}.chat-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-family:Sarabun,sans-serif;margin-bottom:.5rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.chat-item:hover{background:#f3f4f6;border-color:#10b981}.main-chat{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1.5rem}.chat-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.header-logo{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:40px;object-fit:contain;padding:4px;width:40px}.chat-header h2{color:#374151;font-size:1.5rem;font-weight:600}.model-indicator{background:#10b981;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.messages{background:#fafbfc;flex:1 1;overflow-y:auto;padding:1.5rem}.loading-message{color:#6b7280;padding:4rem 2rem;text-align:center}.loading-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem}.loading-message h3{color:#374151;font-size:1.5rem;margin-bottom:1rem}.loading-message p{font-size:1.1rem;margin-bottom:2rem}.loading-dots{display:flex;gap:.5rem;justify-content:center}.loading-dots span{animation:loading-bounce 1.4s ease-in-out infinite both;background:#10b981;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.welcome-message{color:#6b7280;padding:3rem 2rem;text-align:center}.welcome-message h3{color:#374151;font-size:1.5rem;margin-bottom:1rem}.message{display:flex;gap:1rem;margin-bottom:1.5rem;max-width:800px}.message.user{flex-direction:row-reverse;margin-left:auto}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.message.user .message-avatar{background:#6b7280}.message.assistant .message-avatar{background:#10b981}.message-content{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;flex:1 1;padding:1rem 1.25rem}.message.user .message-content{background:#6b7280;color:#fff}.message-header{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.message.user .message-header{color:#ffffffe6}.message-content p{line-height:1.6;margin:0}.typing-indicator{display:flex;gap:4px;padding:1rem 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-area{background:#fff;border-top:1px solid #e5e7eb;gap:1rem;padding:1.5rem}.message-input{border:2px solid #e5e7eb;border-radius:25px;flex:1 1;font-family:Sarabun,sans-serif;font-size:1rem;padding:1rem 1.25rem;transition:border-color .2s ease}.message-input:focus{border-color:#10b981;outline:none}.send-btn{background:#10b981;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Sarabun,sans-serif;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.send-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.send-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.app{border-radius:0;height:100vh;margin:0}.sidebar{height:100vh;left:-320px;position:fixed;top:0;transition:left .3s ease;z-index:1000}.sidebar.sidebar-open{left:0}.sidebar-toggle{display:block!important}.main-chat{width:100%}.message{max-width:90%}}.welcome-message .instruction{color:#10b981;font-weight:500;margin-top:1rem}.message-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.file-upload-area{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem}.uploaded-file{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.uploaded-file.processing{background:#fef3c7;border-color:#f59e0b}.processing-text{color:#d97706;font-size:.8rem;margin-left:.5rem}.file-icon{font-size:1.2rem}.file-name{color:#374151;flex:1 1;font-weight:500}.remove-file-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:background .2s;width:24px}.remove-file-btn:hover{background:#dc2626}.file-upload-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin-right:.5rem;padding:.75rem;transition:background .2s}.file-upload-btn:hover{background:#059669}.input-area{align-items:center;display:flex}.avatar-img{border-radius:50%;height:32px;object-fit:cover;width:32px}.chat-edit-container{align-items:center;display:flex;gap:.25rem;width:100%}.chat-name-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:.8rem;padding:.25rem .5rem}.edit-chat-btn{background:#3b82f6;font-size:.7rem;margin-left:.25rem;padding:.25rem}.edit-chat-btn,.save-chat-btn{border:none;border-radius:4px;color:#fff;cursor:pointer}.save-chat-btn{background:#10b981}.cancel-chat-btn,.save-chat-btn{font-size:.8rem;padding:.25rem .5rem}.cancel-chat-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer}
/*# sourceMappingURL=main.1035dbc8.css.map*/