body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.auth-header p{color:#666;font-size:16px;margin:0}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f1f3f4;color:#666;cursor:not-allowed}.password-hint{color:#666;font-size:12px;line-height:1.4}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fee;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;padding:12px 16px;text-align:center}.auth-links{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.link{color:#667eea;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.link:hover{color:#764ba2}.link-button,.link:hover{text-decoration:underline}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.link-button:hover{color:#764ba2}.divider{color:#ccc;font-size:14px}@media (max-width:480px){.auth-card{margin:10px;padding:24px}.auth-header h1{font-size:24px}.auth-header p{font-size:14px}.auth-links{flex-direction:column;gap:12px}}.chat-container{background-color:#f7f7f8;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.chat-sidebar{background-color:#f4f4f7;border-right:1px solid #e5e5e5;color:#222;display:flex;flex-direction:column;max-width:350px;min-width:220px;width:270px}.chat-sidebar.open{transform:translateX(0)}@media (max-width:900px){.chat-sidebar{min-width:140px;width:200px}}@media (max-width:768px){.chat-sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1000}.chat-sidebar.open{transform:translateX(0)}}.sidebar-overlay{display:none}@media (max-width:900px){.sidebar-overlay{background:#00000026;bottom:0;display:block;left:0;position:fixed;right:0;top:0;transition:opacity .2s;z-index:999}.chat-sidebar{box-shadow:2px 0 8px #00000014;z-index:1000}}.chat-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{background:#f9f9fb;border-bottom:1px solid #e5e5e5;display:flex;gap:8px;padding:16px}.new-chat-btn{align-items:center;background-color:#e9e9f0;border:1px solid #d1d5db;border-radius:6px;color:#222;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;padding:12px 16px;transition:background-color .2s ease}.new-chat-btn:hover{background-color:#ececf1}.new-chat-btn span{font-size:18px;font-weight:700}.sidebar-toggle,.sidebar-toggle-mobile{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:18px;padding:8px;transition:background-color .2s ease}.sidebar-toggle-mobile:hover,.sidebar-toggle:hover{background-color:#ececf1}.sidebar-toggle-mobile{display:inline-block}@media (min-width:901px){.sidebar-toggle-mobile{display:none!important}}@media (max-width:768px){.sidebar-toggle-mobile{display:block}}.conversations-list{flex:1 1;overflow-y:auto;padding:8px}.conversation-item{align-items:center;background:#0000;border-radius:6px;cursor:pointer;display:flex;margin-bottom:4px;padding:12px 16px;position:relative;transition:background-color .2s ease}.conversation-item:hover{background-color:#ececf1}.conversation-item.active{background-color:#e9e9f0}.conversation-content{flex:1 1;min-width:0}.conversation-title{color:#222;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-date{color:#888;font-size:12px}.delete-conversation-btn{background:none;border:none;border-radius:4px;color:#bbb;cursor:pointer;font-size:14px;opacity:0;padding:4px;transition:opacity .2s ease,background-color .2s ease}.conversation-item:hover .delete-conversation-btn{opacity:1}.delete-conversation-btn:hover{background-color:#ececf1;color:#ff6b6b}.sidebar-footer{background:#f9f9fb;border-top:1px solid #e5e5e5;padding:16px}.user-info{align-items:center;display:flex;gap:8px;justify-content:space-between}.username{color:#222;font-size:14px;font-weight:500}.logout-button{background-color:#e9e9f0;border:1px solid #d1d5db;border-radius:4px;color:#222;cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .2s ease}.logout-button:hover{background-color:#ececf1}.logout-button:disabled{cursor:not-allowed;opacity:.6}.chat-main{flex:1 1;flex-direction:column;min-width:0}.chat-header,.chat-main{background-color:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:16px 24px}.header-content{align-items:center;display:flex;gap:16px}.chat-header h1{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.connection-status{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.chat-window{background-color:#fff;flex:1 1;min-height:0;padding:24px}.empty-chat{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.empty-chat h2{color:#333;margin-bottom:1rem}.empty-chat p{font-size:1.1rem;margin-bottom:.5rem}.api-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin-top:2rem;max-width:500px;padding:1rem}.api-warning p{font-size:.9rem;margin:.5rem 0}.api-warning strong{color:#856404}.retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s}.retry-button:hover:not(:disabled){background-color:#0056b3}.retry-button:disabled{background-color:#6c757d;cursor:not-allowed}.no-conversation{align-items:center;color:#666;display:flex;font-size:16px;height:100%;justify-content:center}.message{word-wrap:break-word;border-radius:8px;box-shadow:0 1px 2px #00000008;margin-bottom:24px;max-width:80%;padding:16px 20px}.message.user{background-color:#f4f4f7;margin-left:auto}.message.agent,.message.user{border:1px solid #e5e5e5;color:#1a1a1a}.message.agent{background-color:#f9f9fb;margin-right:auto}.message-content{line-height:1.5;margin-bottom:8px}.message strong{color:#1a1a1a;font-weight:600}.timestamp{color:#888;font-size:12px;opacity:.8}.loading-message{background-color:#f9f9fb;border:1px solid #e5e5e5;border-radius:8px;margin-right:auto;max-width:80%;padding:16px 20px}.loading-dots{display:inline-flex;gap:2px;margin-left:8px}.loading-dots span{animation:loadingDot 1.4s ease-in-out infinite;font-size:18px;font-weight:700}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input{align-items:center;background-color:#fff;border-top:1px solid #e5e5e5;gap:12px;padding:24px}.chat-input input{background:#f9f9fb;border:1px solid #d1d5db;border-radius:8px;color:#222;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.chat-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input input:disabled{background-color:#f4f4f7;color:#bbb;cursor:not-allowed}.chat-input button{background-color:#3b82f6;border-radius:8px;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.chat-input button:hover:not(:disabled){background-color:#2563eb}.chat-input button:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width:1100px){.chat-container{flex-direction:column}.chat-sidebar{border-bottom:1px solid #e5e5e5;border-right:none;height:auto;max-width:none;min-width:0;width:100%}.chat-main{width:100%}}@media (max-width:768px){.chat-container{flex-direction:column;position:relative}.chat-main{width:100%}.chat-header{padding:12px 16px}.chat-input,.chat-window{padding:12px}.loading-message,.message{max-width:95%}}@media (max-width:900px){.chat-sidebar{height:100vh;left:0;max-width:320px;min-width:180px;position:fixed;top:0;transform:translateX(-100%);width:80vw}.chat-sidebar.open{transform:translateX(0)}.chat-main{min-width:0;width:100vw}}.chat-window::-webkit-scrollbar,.conversations-list::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-track,.conversations-list::-webkit-scrollbar-track{background:#0000}.chat-window::-webkit-scrollbar-thumb,.conversations-list::-webkit-scrollbar-thumb{background-color:#e5e5e5;border-radius:3px}.chat-window::-webkit-scrollbar-thumb:hover,.conversations-list::-webkit-scrollbar-thumb:hover{background-color:#bbb}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-window{background:#222;border-radius:8px;box-shadow:0 2px 8px #0003;height:400px;margin-bottom:16px;max-width:500px;overflow-y:auto;padding:16px;width:100%}.message{align-items:flex-start;background:#333;border-radius:6px;color:#fff;display:flex;flex-direction:column;margin-bottom:12px;padding:8px 12px}.message.user{align-items:flex-end;background:#1976d2;color:#fff}.message.agent{background:#444;color:#ffe082}.timestamp{align-self:flex-end;color:#bbb;font-size:.75em;margin-top:2px}.chat-input{display:flex;max-width:500px;width:100%}.chat-input input{border:none;border-radius:4px 0 0 4px;flex:1 1;font-size:1em;outline:none;padding:10px}.chat-input button{background:#1976d2;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background .2s}.chat-input button:hover{background:#1565c0}
/*# sourceMappingURL=main.a3330737.css.map*/