@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#121212;color:#e0e0e0;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden}.ChatBot{position:relative;display:flex;flex-direction:column;height:100vh;overflow:hidden}.Heading{text-align:center;padding:20px 0}.chatBotLogo{width:2.7rem;height:2.7rem;margin-right:10px;border-radius:50%}.heading-box{display:flex;justify-content:flex-start;align-items:center;margin-left:20px}.login-container,.signup-container{max-width:400px;padding:2rem;background-color:#1e1e1e;border-radius:12px;box-shadow:0 10px 25px #0000001a;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-container h2,.signup-container h2{margin-bottom:2rem;background:transparent;text-align:center;color:#888;font-size:2.7rem}.login-container form,.signup-container form{background:transparent}.login-input,.signup-input{width:80%;padding:12px 15px;margin-bottom:2rem;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s}.login-input:focus,.signup-input:focus{border-color:#0074e0;outline:none;box-shadow:0 4px 8px #4a90e24d}.login-button,.signup-button{padding:12px 2rem;background-color:#0074e0;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.login-button:hover,.signup-button:hover{background-color:#005fb7;transform:scale(1.1)}.login-button:active,.signup-button:active{transform:scale(.95)}@media (max-width: 900px){.login-container,.signup-container{width:70%}}@media (max-width: 590px){.login-container,.signup-container{max-width:none}.login-container h2,.signup-container h2{font-size:2rem}}.login-error,.signup-error{color:red;margin-bottom:2rem;font-size:.8rem;background:transparent;z-index:100}.back-button{position:absolute;display:flex;justify-content:center;align-items:center;top:20px;left:20px;width:2rem;height:2rem;padding:3px;border:2px solid transparent;border-radius:50%;cursor:pointer;background:transparent;transition:border .3s ease}.back-button:hover{border:2px solid #e0e0e0}.fa-arrow-left{background:transparent;border:none;color:#e0e0e0;font-size:1.5rem;cursor:pointer}@media (max-width: 590px){.back-button{top:15px;left:15px}}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999}.loader{--d: 40px;width:8px;height:8px;border-radius:50%;color:#0074e0;box-shadow:calc(1 * var(--d)) calc(0 * var(--d)) 0 0,calc(.707 * var(--d)) calc(.707 * var(--d)) 0 1px,calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,calc(-.707 * var(--d)) calc(.707 * var(--d)) 0 3px,calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,calc(-.707 * var(--d)) calc(-.707 * var(--d)) 0 5px,calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;animation:l27 1s infinite steps(8)}@keyframes l27{to{transform:rotate(1turn)}}.speech-button{background-color:#0074e0;color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.speech-button:hover{background-color:#005fb7;transform:scale(1.1)}.speech-button:active{transform:scale(.95)}.speech-button.active{background-color:#e74c3c}@media (max-width: 430px){.speech-button{width:2.5rem;height:2.5rem;font-size:18px}}.InputBox{box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:10px 20px;margin:10px 0;background-color:#121212;align-self:flex-end;width:100%}.ChatInput{flex:1;padding:12px 16px;font-size:16px;border:1px solid #ccc;border-radius:12px;outline:none;box-shadow:0 2px 4px #0000001a;transition:border .3s ease,box-shadow .3s ease}.ChatInput:focus{border-color:#4a90e2;box-shadow:0 4px 8px #4a90e24d}.ChatInput::placeholder{color:#888;opacity:.8}.read-aloud-button,.send-button{background-color:#0074e0;color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}@media (max-width: 430px){.read-aloud-button,.send-button{width:2.5rem;height:2.5rem;font-size:18px}}button i{background:transparent}.send-button:hover,.read-aloud-button:hover{background-color:#005fb7;transform:scale(1.1)}.send-button:active,.read-aloud-button:active{transform:scale(.95)}.send-button:disabled{background-color:#5a5d72;cursor:not-allowed}.read-aloud-button:active{transform:scale(.95)}.read-aloud-button.speaking{background-color:#ff4b4b;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 8px #ff4b4bcc;transform:scale(.9)}50%{box-shadow:0 0 16px #ff4b4b66;transform:scale(1.1)}to{box-shadow:0 0 8px #ff4b4bcc;transform:scale(.9)}}.user-menu{position:absolute;margin:15px 20px;top:0;right:0}.user-icon{width:40px;height:40px;background-color:#444;color:#e0e0e0;font-weight:700;font-size:1.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.fa-circle-user{background:transparent;font-size:2rem}.dropdown{position:absolute;padding:5px;top:50px;right:0;background:#e0e0e0;border:1px solid #ccc;border-radius:8px;min-width:120px;box-shadow:0 4px 8px #0003;z-index:100}.dropdown-item{padding:10px;font-size:1.2rem;background:transparent;cursor:pointer;border-radius:8px;color:#121212;text-align:left}.dropdown-item:hover{background-color:#b8b8b8}.hi-user{font-weight:700}.chat-window{padding:1.5rem;margin:0 20px 10px;flex:1;overflow-y:auto;background-color:#1e1e1e;border-radius:12px;display:flex;flex-direction:column;scroll-behavior:smooth;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;word-spacing:5px}@media (max-width: 500px){.chat-window{padding:.5rem;margin:0 15px 10px}}.chat-window::-webkit-scrollbar{display:none}.chat-placeholder{background:transparent;text-align:center;margin:auto 0;color:#888;font-style:italic;font-size:3rem}@media (max-width: 770px){.chat-placeholder{font-size:1.5rem}}.chat-message{margin:8px 0;padding:10px 15px;max-width:75%;word-wrap:break-word;color:#e0e0e0}@media (max-width: 700px){.chat-message{max-width:85%}}.user{background-color:#0074e0;align-self:flex-end;border-top-left-radius:18px;border-bottom-left-radius:18px;border-top-right-radius:18px}.ai{background-color:#47474792;align-self:flex-start;border-top-left-radius:18px;border-bottom-right-radius:18px;border-top-right-radius:18px}.typing-indicator{font-style:italic;color:#aaa;padding:8px 12px;display:flex;align-items:center}.fa-robot{background:transparent;margin-right:10px}.session-expired-popup{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#1e1e1e;box-shadow:0 2px 8px #00000026;padding:16px 24px;border:1px solid #e0e0e0;text-align:center;border-radius:8px;max-width:320px;z-index:9999;-webkit-user-select:none;user-select:none}.session-expired-popup p{background:transparent;margin:0 0 12px;font-size:1.2rem;display:flex;align-items:center;gap:8px;color:#e0e0e0}.session-expired-popup i.fa-triangle-exclamation{color:#ffc400;font-size:1.5rem;background:transparent}.session-expired-popup .clickable{color:#0074e0;cursor:pointer;outline:none;background:transparent;-webkit-user-select:text;user-select:text}.session-expired-popup .clickable:hover,.session-expired-popup .clickable:focus{color:#007bff;text-decoration:underline}.session-expired-popup p:last-child{margin-bottom:0}.session-expired-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}