@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto+Condensed:wght@300;400;700&display=swap";:root{--color-primary: #f0c43e;--color-primary-light: #fcf9f0;--color-dark: #333333;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--transition-speed: .3s;--color-light: #f5f5f5;--color-secondary: #e0e0e0;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-light)}.app-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:.5rem 1rem}.app-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.app-title{font-size:1.25rem;font-weight:700;color:var(--color-dark);margin:0}.language-toggle{display:flex;align-items:center}.language-button{background:none;border:none;padding:.25rem .5rem;cursor:pointer;font-size:.875rem;color:var(--color-dark);transition:color var(--transition-speed)}.language-button:hover{color:var(--color-primary)}.language-button.active{font-weight:700;color:var(--color-primary)}.language-divider{color:#ccc;margin:0 .25rem}.app-main{flex:1;padding:0;display:flex;flex-direction:column;position:relative}.app-footer{background-color:var(--color-dark);color:#fff;padding:1rem;font-size:.875rem}.footer-content{max-width:1200px;margin:0 auto;text-align:center}body{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;color:var(--color-dark);background-color:var(--color-gray-50)}h1,h2,h3,h4,h5,h6{font-family:Roboto Condensed,sans-serif;margin:0}.chat-container{display:flex;height:100vh;width:100%;overflow:hidden;position:relative}.chat-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.chat-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.topics-sidebar{height:100vh;width:0;position:fixed;top:0;left:0;background-color:var(--color-dark);color:#fff;overflow:hidden;transition:width var(--transition-speed);z-index:50}.topics-sidebar.show{width:300px}.topics-container{padding:1rem}.topics-title{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.topic-category{margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.category-header{display:flex;align-items:center;padding:.75rem;cursor:pointer;border-radius:.25rem;transition:background-color var(--transition-speed)}.category-header:hover{background-color:#ffffff1a}.category-icon{color:var(--color-primary);margin-right:.5rem}.category-topics{padding-left:1.5rem}.topic-item{padding:.5rem .75rem;margin:.25rem 0;border-radius:.25rem;cursor:pointer;transition:background-color var(--transition-speed);color:#fffc;font-size:.875rem}.topic-item:hover{background-color:#ffffff1a;color:var(--color-primary)}.chat-header{width:100%;background-color:var(--color-dark);color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:10;padding:.75rem 1rem}.flex-between{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center}.header-brand{display:flex;align-items:center;margin-left:.75rem}.header-logo{width:2.5rem;height:2.5rem;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.75rem;color:var(--color-dark);flex-shrink:0}.header-info{display:flex;flex-direction:column}.header-info h1{font-size:1.25rem;font-weight:700;margin:0;line-height:1.2}.header-info p{font-size:.75rem;color:#ffffffb3;margin:0}.header-right{display:flex;align-items:center}.header-button{background:none;border:none;padding:.5rem;border-radius:.25rem;cursor:pointer;color:#fff;transition:background-color var(--transition-speed);display:flex;align-items:center;justify-content:center}.header-button:hover{background-color:#ffffff1a}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;margin-bottom:1rem}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;align-self:flex-end;margin-bottom:.25rem}.message-avatar.bot{background-color:var(--color-dark);color:var(--color-primary);margin-right:.5rem}.message-avatar.user{background-color:var(--color-gray-200);color:var(--color-dark);margin-left:.5rem}.message-bubble{padding:.75rem 1rem;border-radius:1rem;max-width:80%;box-shadow:0 1px 2px #0000000d}.message-bubble.bot{background-color:#fff;color:var(--color-dark);border-top-left-radius:0;border:1px solid var(--color-gray-200)}.message-bubble.user{background-color:var(--color-primary);color:var(--color-dark);border-top-right-radius:0}.message-time{font-size:.75rem;margin-top:.25rem;opacity:.7;text-align:right}.typing-indicator{display:flex;align-items:center;background-color:#fff;padding:.5rem 1rem;border-radius:1rem;box-shadow:0 1px 2px #0000000d;max-width:-moz-fit-content;max-width:fit-content}.typing-dots{display:flex;gap:.25rem}.typing-dot{width:.5rem;height:.5rem;background-color:var(--color-primary);border-radius:50%;animation:bounce .6s infinite alternate}.typing-text{font-size:.75rem;color:var(--color-dark);margin-left:.5rem}.suggestions-container{padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;border-bottom:1px solid var(--color-gray-200)}.suggestion-button{background-color:#fff;color:var(--color-dark);border:1px solid var(--color-primary);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;cursor:pointer;transition:all var(--transition-speed);box-shadow:0 1px 2px #0000000d}.suggestion-button:hover{background-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.input-container{padding:1rem;background-color:#fff;border-top:1px solid var(--color-gray-200);box-shadow:0 -2px 4px #0000000d}.input-wrapper{display:flex;gap:.5rem;max-width:1024px;margin:0 auto}.input-field{flex:1;padding:.75rem 1rem;border:1px solid var(--color-gray-200);border-radius:9999px;font-family:inherit;font-size:.875rem;outline:none;transition:all var(--transition-speed)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #f0c43e4d}.send-button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-dark);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-speed)}.send-button:hover{background-color:#444;transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.help-tooltip{position:absolute;top:4rem;right:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;padding:1rem;max-width:300px;z-index:40;border:1px solid var(--color-gray-200);font-size:.875rem}h1,h2,h3,h4,h5,h6{font-family:Roboto Condensed,sans-serif;font-weight:600}.chat-container{display:flex;flex-direction:column;height:600px;background-color:var(--color-white);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;border:1px solid var(--color-gray-100)}.chat-header{background-color:var(--color-dark);color:var(--color-white);padding:1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background-color:var(--color-gray-50)}.chat-message{padding:.75rem;border-radius:.5rem;margin-top:.5rem;margin-bottom:.5rem;max-width:85%}.user-message{background-color:var(--color-primary);color:var(--color-dark);padding:1rem;border-radius:1rem;border-top-right-radius:0;max-width:80%;box-shadow:0 1px 2px #0000000d;margin-left:auto}.bot-message{background-color:var(--color-white);color:var(--color-dark);padding:1rem;border-radius:1rem;border-top-left-radius:0;max-width:80%;box-shadow:0 1px 2px #0000000d;margin-right:auto;border:1px solid var(--color-gray-100)}.bot-message a{color:var(--color-dark);text-decoration:underline;font-weight:500}.bot-message ul{list-style-type:disc;padding-left:1.25rem;margin-top:.5rem;margin-bottom:.5rem}.bot-message ol{list-style-type:decimal;padding-left:1.25rem;margin-top:.5rem;margin-bottom:.5rem}.bot-message strong,.bot-message b{font-weight:700}.input-container{border-top:1px solid var(--color-gray-200);padding:1rem;background-color:var(--color-white);position:sticky;bottom:0;z-index:10}.input-field{width:100%;padding:.75rem 1rem;border-radius:9999px;border:1px solid #e5e7eb;transition:all .3s ease-in-out}.input-field:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary);border-color:transparent}.btn-primary{background-color:var(--color-dark);color:#fff;font-weight:500;padding:.75rem 1.5rem;border-radius:9999px;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:#333333e6}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#fff;color:var(--color-dark);border:1px solid var(--color-gray-200);padding:.75rem 1.5rem;border-radius:9999px;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.btn-secondary:hover{background-color:var(--color-gray-50)}.suggestion-chip{background-color:#fff;color:var(--color-dark);border:1px solid var(--color-gray-200);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;transition:all .3s ease-in-out;display:inline-flex;align-items:center;margin-right:.5rem;margin-bottom:.5rem;box-shadow:0 1px 2px #0000000d}.suggestion-chip:hover{background-color:var(--color-gray-50);box-shadow:0 2px 4px #0000000d;transform:translateY(-.125rem)}.suggestion-chip:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.topics-index{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;border:1px solid var(--color-gray-100)}.topic-category{margin-bottom:1rem}.topic-category-title{font-size:1.125rem;font-weight:700;color:var(--color-dark);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.typing-indicator{display:flex;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;padding:.5rem}.typing-dot{width:.5rem;height:.5rem;background-color:var(--color-dark);border-radius:9999px}.help-tooltip{position:absolute;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid var(--color-gray-200);z-index:20;font-size:.875rem;max-width:20rem}.help-button{background-color:var(--color-primary);color:var(--color-dark);border-radius:9999px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;transition:all .3s ease-in-out;position:fixed;bottom:1.5rem;right:1.5rem}.help-button:hover{box-shadow:0 6px 8px #00000026}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.user-message{animation:slideInRight .3s ease-out}.bot-message{animation:slideInLeft .3s ease-out}.help-tooltip{animation:fadeIn .3s ease-out}.typing-dot{animation:bounce .6s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}