.message-list{display:flex;flex-direction:column;gap:1.5rem}.message{display:flex;width:100%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-animate{animation:fadeIn .3s ease-in}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-content{max-width:85%;display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;position:relative}.message-user .message-content{flex-direction:row-reverse}.message-text-wrapper{flex:1;display:flex;flex-direction:column}.message-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:var(--uel-bg-light);border:2px solid var(--uel-primary);display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-user{border-color:var(--uel-primary);background:linear-gradient(135deg,var(--uel-primary) 0%,var(--uel-primary-dark) 100%)}.avatar-user-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.avatar-assistant{border-color:var(--uel-primary)}.message-timestamp{font-size:.75rem;color:var(--uel-text-light);margin-top:.5rem;opacity:.7}.message-text{padding:1rem 1.25rem;border-radius:12px;line-height:1.6;word-wrap:break-word}.user-text{background-color:var(--uel-primary);color:#fff;border-bottom-right-radius:4px}.assistant-text{background-color:var(--uel-primary-lighter);color:var(--uel-text-primary);border:1px solid var(--uel-border);border-bottom-left-radius:4px}.assistant-text p{margin:.5rem 0}.assistant-text p:first-child{margin-top:0}.assistant-text p:last-child{margin-bottom:0}.assistant-text ul,.assistant-text ol{margin:.5rem 0;padding-left:1.5rem}.assistant-text li{margin:.25rem 0}.assistant-text strong{font-weight:600}.assistant-text code{background-color:var(--uel-bg-gray);padding:.2rem .4rem;border-radius:4px;font-size:.9em;color:var(--uel-primary)}.empty-chat{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.empty-chat-content{text-align:center;max-width:600px;margin:0 auto;padding:2rem}.empty-chat-icon{margin-bottom:1.5rem;color:var(--uel-primary);opacity:.7}.empty-chat-content h2{font-size:1.5rem;margin-bottom:1rem;color:var(--uel-primary)}.empty-chat-content p{font-size:1rem;color:var(--uel-text-secondary);margin:.75rem 0;line-height:1.6}.empty-chat-features{list-style:none;padding:0;margin:1.5rem 0;text-align:left;display:inline-block}.empty-chat-features li{padding:.5rem 0;color:var(--uel-text-primary);font-size:.95rem}.empty-chat-hint{margin-top:1.5rem;padding:1rem;background-color:var(--uel-primary-lighter);border-radius:12px;color:var(--uel-primary);font-weight:500}.loading-indicator{display:flex;align-items:center;gap:.5rem;color:var(--uel-primary)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-citations{margin-top:1rem;padding:1rem;background:var(--uel-bg-light);border-left:3px solid var(--uel-primary);border-radius:4px;font-size:.875rem}.citations-header{font-weight:600;color:var(--uel-primary);margin-bottom:.75rem;font-size:.9rem}.citation-item{display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:var(--uel-bg-white);border-radius:4px;border:1px solid var(--uel-border)}.citation-item:last-child{margin-bottom:0}.citation-index{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--uel-primary);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;min-width:2rem}.citation-content{flex:1}.citation-source{color:var(--uel-text-primary);margin-bottom:.5rem;font-size:.85rem}.citation-question{color:var(--uel-text-secondary);font-style:italic}.citation-preview{color:var(--uel-text-secondary);margin:.5rem 0;line-height:1.5;font-size:.8rem}.citation-score{color:var(--uel-text-light);font-size:.75rem;margin-top:.25rem}@media (max-width: 480px){.message-list{gap:1rem}.message-content{max-width:95%;gap:.5rem}.message-avatar{width:28px;height:28px}.avatar-user-icon svg{width:18px;height:18px}.message-text{padding:.625rem .875rem;font-size:.875rem;line-height:1.5}.message-timestamp{font-size:.7rem}.empty-chat-content{padding:1.5rem 1rem}.empty-chat-content h2{font-size:1.25rem}.empty-chat-content p{font-size:.9rem}}@media (min-width: 481px) and (max-width: 768px){.message-content{max-width:90%;gap:.625rem}.message-avatar{width:32px;height:32px}.message-text{padding:.75rem 1rem;font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.message-content{max-width:80%;gap:.75rem}.message-avatar{width:36px;height:36px}.message-text{padding:1rem 1.25rem;font-size:.95rem}}@media (min-width: 1025px) and (max-width: 1280px){.message-content{max-width:85%}.message-text{padding:1rem 1.25rem}}@media (min-width: 1281px){.message-content{max-width:75%}.message-text{padding:1.125rem 1.5rem}}@media (max-width: 1024px) and (orientation: landscape){.message-list{gap:1rem}.message-content{max-width:85%}.message-avatar{width:32px;height:32px}}.message-input-container{padding:1.25rem 1.5rem;background-color:var(--uel-bg-white);border-top:1px solid var(--uel-border);box-shadow:0 -2px 8px #0000000d}.message-input-wrapper{max-width:900px;margin:0 auto}.message-input-form{display:flex;align-items:center;gap:.5rem;background-color:var(--uel-bg-light);border:1.5px solid var(--uel-border);border-radius:16px;padding:.625rem 1rem;transition:all .2s;min-height:52px}.message-input-form:focus-within{border-color:var(--uel-primary);box-shadow:0 0 0 3px #144e8c1a}.message-input{flex:1;border:none;outline:none;resize:none;font-size:.95rem;font-family:inherit;color:var(--uel-text-primary);background:transparent;max-height:150px;overflow-y:auto;line-height:1.6;padding:.5rem 0;min-height:24px}.message-input::placeholder{color:var(--uel-text-light)}.message-input:disabled{opacity:.6;cursor:not-allowed}.message-input-actions{display:flex;gap:.5rem;align-items:center}.clear-button,.send-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:12px;cursor:pointer;transition:all .2s;background-color:transparent;color:var(--uel-text-secondary);flex-shrink:0}.clear-button:hover:not(:disabled){background-color:var(--uel-bg-gray);color:#c00}.send-button{background-color:var(--uel-primary);color:#fff;border-radius:12px}.send-button:hover:not(:disabled){background-color:var(--uel-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #144e8c4d}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.clear-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.message-input-container{padding:.75rem}.message-input-form{padding:.5rem .75rem;min-height:44px;border-radius:12px}.message-input{font-size:.875rem;padding:.375rem 0}.clear-button,.send-button{width:32px;height:32px}.clear-button svg,.send-button svg{width:16px;height:16px}}@media (min-width: 481px) and (max-width: 768px){.message-input-container{padding:1rem}.message-input-form{padding:.5rem .75rem;min-height:48px}.message-input{font-size:.9rem;padding:.375rem 0}.clear-button,.send-button{width:36px;height:36px}}@media (min-width: 769px) and (max-width: 1024px){.message-input-container{padding:1.25rem 1.5rem}.message-input-form{padding:.625rem 1rem;min-height:52px}}@media (min-width: 1025px) and (max-width: 1280px){.message-input-wrapper{max-width:900px}}@media (min-width: 1281px){.message-input-wrapper{max-width:1000px}}.contact-info{background:linear-gradient(135deg,var(--uel-primary-lighter) 0%,#F0F7FF 100%);border-top:2px solid var(--uel-primary);padding:1.25rem 1.5rem;max-width:900px;margin:0 auto;width:100%;animation:slideUp .3s ease-out;box-shadow:0 -2px 8px #144e8c1a}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-info-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(20,78,140,.2)}.contact-info-header h3{font-size:1.1rem;font-weight:600;color:var(--uel-primary);margin:0;display:flex;align-items:center;gap:.5rem}.contact-info-header h3:before{content:"📞";font-size:1.2rem}.contact-info-content{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--uel-text-primary);line-height:1.5;padding:.5rem;border-radius:8px;transition:background-color .2s;margin-bottom:.25rem}.contact-item:hover{background-color:#ffffff80}.contact-item svg{flex-shrink:0;margin-top:.15rem;color:var(--uel-primary)}.contact-item strong{font-weight:600;margin-right:.25rem}@media (max-width: 480px){.contact-info{padding:.625rem .75rem}.contact-info-header{margin-bottom:.75rem;padding-bottom:.5rem}.contact-info-header h3{font-size:1rem}.contact-item{font-size:.8rem;padding:.375rem;gap:.5rem}.contact-item svg{width:16px;height:16px}}@media (min-width: 481px) and (max-width: 768px){.contact-info{padding:.75rem 1rem}.contact-item{font-size:.85rem}}@media (min-width: 769px) and (max-width: 1024px){.contact-info{padding:1rem 1.25rem;max-width:900px}}@media (min-width: 1025px) and (max-width: 1280px){.contact-info{padding:1.25rem 1.5rem;max-width:900px}}@media (min-width: 1281px){.contact-info{padding:1.25rem 1.5rem;max-width:1000px}}.chat-interface{flex:1;display:flex;flex-direction:column;background-color:var(--uel-bg-white);overflow:hidden}.chat-container{flex:1;overflow-y:auto;padding:2rem;max-width:900px;margin:0 auto;width:100%}.error-message{background-color:#fff3cd;color:#856404;padding:1rem 1.25rem;border-radius:12px;margin:1rem 0;border:1.5px solid #FFE69C;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out;box-shadow:0 2px 8px #8564041a}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.error-message:before{content:"⚠️";font-size:1.25rem}@media (max-width: 480px){.chat-container{padding:.75rem}}@media (min-width: 481px) and (max-width: 768px){.chat-container{padding:1rem}}@media (min-width: 769px) and (max-width: 1024px){.chat-container{padding:1.5rem}}@media (min-width: 1025px) and (max-width: 1280px){.chat-container{padding:1.75rem;max-width:900px}}@media (min-width: 1281px){.chat-container{padding:2rem;max-width:1000px}}.sidebar{width:350px;background-color:var(--uel-bg-light);border-right:1px solid var(--uel-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:2px solid var(--uel-primary);background-color:var(--uel-bg-white)}.sidebar-header h2{font-size:1.25rem;font-weight:600;color:var(--uel-primary);margin:0 0 1rem}.search-container{position:relative;display:flex;align-items:center;background-color:var(--uel-bg-light);border:1.5px solid var(--uel-border);border-radius:12px;padding:.5rem .75rem;transition:all .2s}.search-container:focus-within{border-color:var(--uel-primary);box-shadow:0 0 0 3px #144e8c1a}.search-icon{color:var(--uel-text-secondary);margin-right:.5rem;flex-shrink:0}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:.9rem;color:var(--uel-text-primary);padding:0}.search-input::placeholder{color:var(--uel-text-light)}.search-clear{background:none;border:none;cursor:pointer;color:var(--uel-text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;margin-left:.5rem;flex-shrink:0}.search-clear:hover{background-color:var(--uel-bg-gray);color:var(--uel-text-primary)}.search-results-count{margin-top:.75rem;font-size:.85rem;color:var(--uel-text-secondary);text-align:center}.sidebar-content{flex:1;overflow-y:auto;padding:1rem}.qa-list{list-style:none;padding:0;margin:0}.qa-item{margin-bottom:.75rem}.qa-button{width:100%;padding:1rem;background-color:var(--uel-bg-white);border:1px solid var(--uel-border);border-radius:8px;text-align:left;cursor:pointer;transition:all .2s;font-size:.95rem;color:var(--uel-text-primary)}.qa-button:hover{background-color:var(--uel-primary-lighter);border-color:var(--uel-primary);transform:translateY(-1px);box-shadow:0 2px 8px #144e8c26;color:var(--uel-primary)}.qa-button:active{transform:translateY(0)}.qa-question{display:block;line-height:1.5}.qa-question mark.highlight{background-color:#ffe066;color:var(--uel-text-primary);padding:0 2px;border-radius:3px;font-weight:500}.loading,.empty-state{text-align:center;padding:2rem;color:var(--uel-text-secondary);font-size:.9rem}.empty-state p{margin:0 0 1rem}.empty-state strong{color:var(--uel-primary)}.clear-search-btn{background-color:var(--uel-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s;margin-top:.5rem}.clear-search-btn:hover{background-color:var(--uel-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #144e8c4d}@media (max-width: 480px){.sidebar{width:100%;max-height:180px;border-right:none;border-bottom:1px solid var(--uel-border)}.sidebar-header{padding:.75rem 1rem}.sidebar-header h2{font-size:1.1rem;margin-bottom:.75rem}.search-container{padding:.5rem}.search-input{font-size:.85rem}.sidebar-content{padding:.75rem}.qa-button{padding:.75rem;font-size:.875rem}}@media (min-width: 481px) and (max-width: 768px){.sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--uel-border)}.sidebar-header{padding:1rem 1.25rem}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:320px}}@media (min-width: 1025px) and (max-width: 1280px){.sidebar{width:350px}}@media (min-width: 1281px){.sidebar{width:380px}}.header{background-color:var(--uel-bg-white);border-bottom:2px solid var(--uel-primary);padding:1rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #144e8c1a}.header-content{max-width:100%;margin:0 auto}.header-logo{display:flex;align-items:center;gap:1rem}.logo-img{height:60px;width:auto;object-fit:contain}.header-title h1{font-size:1.5rem;font-weight:600;color:var(--uel-primary);margin:0}.header-title p{font-size:.9rem;color:var(--uel-text-secondary);margin:.25rem 0 0}@media (max-width: 480px){.header{padding:.625rem .75rem}.header-logo{gap:.75rem}.logo-img{height:40px}.header-title h1{font-size:1.1rem}.header-title p{font-size:.75rem;margin-top:.125rem}}@media (min-width: 481px) and (max-width: 768px){.header{padding:.75rem 1rem}.logo-img{height:45px}.header-title h1{font-size:1.2rem}.header-title p{font-size:.8rem}}@media (min-width: 769px) and (max-width: 1024px){.header{padding:1rem 1.5rem}.logo-img{height:55px}.header-title h1{font-size:1.4rem}}@media (min-width: 1025px) and (max-width: 1280px){.header{padding:1rem 2rem}.logo-img{height:60px}}@media (min-width: 1281px){.header{padding:1.25rem 2.5rem}.logo-img{height:65px}.header-title h1{font-size:1.6rem}}.app{display:flex;flex-direction:column;height:100vh;width:100%;background-color:var(--uel-bg-white)}.app-container{display:flex;flex:1;overflow:hidden}@media (max-width: 480px){.app-container{flex-direction:column}}@media (min-width: 481px) and (max-width: 768px){.app-container{flex-direction:column}}@media (min-width: 769px) and (max-width: 1024px){.app-container{flex-direction:row}}@media (min-width: 1025px) and (max-width: 1280px){.app-container{flex-direction:row}}@media (min-width: 1281px){.app-container{flex-direction:row}}:root{--uel-primary: #144E8C;--uel-primary-dark: #0F3A6B;--uel-primary-light: #1F6BB8;--uel-primary-lighter: #E8F0F8;--uel-secondary: #0070C0;--uel-accent: #FF6B35;--uel-text-primary: #1F497D;--uel-text-secondary: #666666;--uel-text-light: #999999;--uel-bg-white: #FFFFFF;--uel-bg-light: #F7F9FC;--uel-bg-gray: #F5F5F5;--uel-border: #E0E0E0;--uel-border-light: #F0F0F0;--uel-success: #144E8C;--uel-success-hover: #0F3A6B}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--uel-bg-light);color:var(--uel-text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100vh;overflow:hidden}