@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nata+Sans:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Yeseva+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-color: #101010;--secondary-color: #f8f6ec;--accent-color: #ec474f;--text-primary: #303030;--text-secondary: #797979;--border-color: #ddd;--bg-light: #faf9f5}body{font-family:Poppins,sans-serif;background:var(--bg-light);color:var(--text-primary);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}.login-wrapper{display:flex;position:relative;min-height:100vh;width:100%;justify-content:center;align-items:center;background-color:transparent;z-index:1}.auth{display:flex;width:100%;max-width:900px;min-height:500px;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.authContainer{flex:1;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background-color:#fff}.backButton{color:#333;font-size:1.2rem;margin-bottom:2rem;cursor:pointer;width:fit-content}.backButton:hover{opacity:.8}.loginTitle{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.loginSubtitle{color:#a0a0b0;font-size:.9rem;margin-bottom:2rem}.loginSubtitle a{color:#667eea;text-decoration:none}.loginSubtitle a:hover{text-decoration:underline}.loginLogoContainer{text-align:center;margin-bottom:1rem}.loginLogo{width:160px;margin-bottom:15px}.authForm .formInputs{margin-bottom:1.2rem}.formInputs label{text-align:left;display:block;margin-bottom:8px;font-weight:400;color:#333;font-size:.9rem}.formInput{width:100%;padding:.5rem;border-radius:5px;border:1px solid #ccc;font-size:1rem;font-family:Poppins,sans-serif}input::placeholder{color:#cfcfcf}.formInput:focus-visible{outline:none}.formPassword{display:flex;border-radius:5px;border:1px solid #ccc;align-items:center;overflow:hidden}.formPassword:focus-within{border-color:#ccc}.inputPasswordIcon{padding:.7rem;border-left:1px solid #ccc;color:#5a5d7a;display:flex;align-items:center;justify-content:center;width:42px;cursor:pointer}.inputPasswordIcon:hover{color:#a0a0b0}.rememberMe{display:flex;align-items:center;margin-bottom:1.5rem}.rememberMe input[type=checkbox]{margin-right:8px;cursor:pointer}.rememberMe label{color:#a0a0b0;font-size:.85rem;cursor:pointer}.loginButton{margin-top:10px;width:100%;padding:.6rem;background-color:#101010;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;font-weight:500;font-family:Poppins,sans-serif;font-size:1rem}.loginButton:hover{background-color:#303030}.loginButton:disabled{background-color:#505050;cursor:not-allowed}.visualPanel{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.justify-content-center{justify-content:center}.mt-3{margin-top:1rem}.mb-3{margin-bottom:1rem}.toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 4px 20px #00000026;z-index:1000;animation:slideIn .3s ease;font-family:Poppins,sans-serif}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-warning{background:#f59e0b;color:#fff}.toast svg{flex-shrink:0}@media(max-width:768px){.auth{flex-direction:column;max-width:100%;margin:20px;min-height:auto}.visualPanel{display:none}.loginLogo{width:120px}}:root{--primary-text-color: #303030;--primary-icon-color: #444746;--title-color: #101010;--title-font: 14px;--main-title: 32px;--primary-color: #101010;--secondary-color: #f8f6ec;--accent-color: #ec474f;--text-secondary: #797979;--border-color: #ddd;--bg-light: #faf9f5}html{height:100%;overflow:hidden}body{background-color:#faf9f5;font-family:Poppins,Segoe UI,sans-serif;height:100%;overflow-y:auto;color:var(--primary-text-color);-webkit-font-smoothing:antialiased}p{margin-bottom:0}a{text-decoration:none}canvas[data-waves]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}.container-wrapper{display:flex;flex-direction:column;height:100vh;padding:20px}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.main-logo{color:var(--title-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.school-name{font-size:16px;font-weight:500;line-height:1}.profile-wrapper{position:relative}.profile-btn{cursor:pointer;transition:all .2s;font-size:30px;border:none;color:#a5a5a5;background:transparent;max-height:fit-content;line-height:1}.logout-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #ddd;padding:8px;min-width:120px;z-index:100}.logout-dropdown .dropdown-item{padding:8px 12px;font-size:14px;border-radius:6px;transition:all .2s}.logout-dropdown .dropdown-item:hover{background:#fef2f2}.container-inner{display:flex;height:100%;width:100%;gap:20px;flex:1;overflow:hidden;position:relative}.custom-container{border:1px solid #ddd;border-radius:10px;background:#fff}.left-sidebar{width:320px;display:flex;flex-direction:column;transition:all .4s ease;overflow:hidden}.left-sidebar.collapsed{width:56px}.left-sidebar.collapsed .sidebar-content{padding:16px 0}.left-sidebar.collapsed .sidebar-header{padding:16px 0;justify-content:center}.left-sidebar.collapsed .hide,.left-sidebar .visible{display:none}.left-sidebar.collapsed .visible{display:flex}.toggle-btn svg{transition:all .3s ease}.left-sidebar.collapsed .toggle-btn svg{transform:rotate(180deg)}.right-sidebar.collapsed .toggle-btn svg{transform:rotate(180deg)}.sidebar-header{padding:16px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;gap:5px}.sidebar-title{font-size:14px;font-weight:500;color:var(--primary-text-color)}.toggle-btn{cursor:pointer;transition:all .2s;font-size:18px;padding:8px;border-radius:50px;border:none;background-color:transparent;line-height:1}.toggle-btn:hover{background:#f0eee6}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.sidebar-buttons{display:flex;gap:8px;margin-bottom:15px}.btn-sidebar{flex:1;padding:8px 12px;font-size:12px;border-radius:8px;border:none;background:#fff;cursor:pointer;transition:all .2s ease;text-align:start;font-family:Poppins,sans-serif}.btn-sidebar:hover{background:#f8f6ec}.btn-sidebar-collapsed{padding:8px;border-radius:50px;border:none;background-color:transparent;line-height:1;cursor:pointer}.left-sidebar.collapsed .btn-sidebar-collapsed{height:36px;width:36px}.btn-sidebar-collapsed:hover{background-color:#f0eee6}.new-chat{display:flex;gap:5px;align-items:center}.source-container{border-radius:8px;color:var(--primary-text-color);animation:fadeIn .4s ease-out}.source-container.hide{display:none}.source-title{display:flex;align-items:center;padding:8px 12px;color:#797979}.source-title h4{font-size:12px;margin-bottom:0;font-weight:500}.source-item{color:var(--primary-text-color);padding:8px 12px;font-size:12px;border-radius:8px;transition:all .2s ease;cursor:pointer;position:relative;display:flex;justify-content:space-between;align-items:center}.source-item.active{background-color:#f8f6ec}.source-item:hover{background-color:#faf9f5}.source-item span{flex:1;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area{flex:1;display:flex;flex-direction:column;transition:all .3s ease;position:relative;width:100%}.chat-header{padding:16px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;height:69px}.chat-header-title{font-size:var(--title-font);font-weight:500;color:var(--primary-text-color);line-height:1;padding:16px}.chatTitleHeading{font-size:14px;font-weight:500}.chat-inner{max-height:calc(100vh - 280px);height:100%;overflow-y:auto;flex:1;display:flex;justify-content:center}.chat-content{padding:32px;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;max-width:100%;width:100%;margin:0 auto}.chat-content.chat-messages{justify-content:flex-start;align-items:flex-start}.greeting-wrapper{text-align:center;margin-bottom:30px;width:100%}.chat-empty-text{font-size:16px;color:#1f1f1f;margin-bottom:8px}.chat-sub-text{font-size:16px;color:#1f1f1f}.ai-greeting{display:flex;align-items:flex-start;gap:10px;margin-top:10px;text-align:left;align-self:flex-start;width:100%}.ai-icon-wrapper{background-color:#e6e4e1;border-radius:50px;padding:5px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;width:35px;height:35px;flex-shrink:0}.ai-icon{height:30px;width:30px}.ai-greeting-text{font-size:12px;color:var(--primary-text-color);line-height:1.5}.ai-greeting-line1{margin:0;font-size:12px;color:var(--primary-text-color)}.ai-greeting-line1 strong{font-weight:600}.ai-greeting-line2{margin:2px 0 0;font-size:12px;color:var(--primary-text-color)}.conversation{width:100%;margin-bottom:1rem;display:flex;align-items:flex-start;gap:10px}.conversation.user-message{justify-content:flex-end}.conversation.ai-message{justify-content:flex-start}.user-chat{background-color:#f0eee6;padding:8px 16px;border-radius:1rem;max-width:70%;word-wrap:break-word;font-size:12px}.user-icon-wrapper{flex-shrink:0}.user-icon{width:30px;height:30px;border-radius:50%;object-fit:cover}.user-chat,.ai-response{max-width:80%;font-size:12px;line-height:1.6}.loading-dots{display:flex;align-items:center;gap:4px;padding:8px 0}.loading-dots span{width:8px;height:8px;background-color:#303030;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-box-main{position:absolute;bottom:2%;left:50%;transform:translate(-50%);max-width:100%;width:calc(100% - 32px);margin:0 auto}.chat-box{border:1px solid #ddd;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:16px;background:#fff;transition:all .2s ease}.chat-box textarea{flex:1;border:none;outline:none;resize:none;font-size:12px;font-family:inherit;line-height:1.4;color:#333;min-height:40px;max-height:150px;overflow-y:auto}.chat-box textarea::placeholder{color:#aaa}.chat-box-btn{background:#101010;color:#fff;flex-shrink:0;width:35px;height:35px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.chat-box-btn:hover{background-color:#333}.chat-box-btn:disabled{background-color:#666;cursor:not-allowed}.right-sidebar{width:320px;background:#fff;display:flex;flex-direction:column;transition:all .4s ease;overflow:hidden;transform:translate(0);opacity:1}.right-sidebar.collapsed{width:auto;min-width:0;padding:0;background:transparent;border:none;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;flex:0 0 auto;overflow:visible}.right-sidebar:not(.collapsed){animation:slideInFromRight .4s ease}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.right-sidebar.collapsed .sidebar-content{display:none!important}.right-sidebar.collapsed .sidebar-header{height:auto;border:none;padding:0;justify-content:center;align-items:center;background:transparent}.right-sidebar .collapsed-icon{display:none}.right-sidebar.collapsed .collapsed-icon{display:flex!important;align-items:center;justify-content:center;cursor:pointer;padding:12px;border-radius:8px;transition:all .2s;background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #00000026}.right-sidebar.collapsed .toggle-btn{writing-mode:horizontal-tb}.right-sidebar.collapsed .collapsed-icon:hover{background:#f0eee6;transform:scale(1.1)}.right-sidebar.collapsed .sidebar-content,.right-sidebar.collapsed .hide{display:none!important}.right-sidebar .visible{display:none}.right-sidebar.collapsed .visible{display:flex}.outcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.outcome-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;align-items:start;text-align:start;gap:12px;cursor:pointer;transition:all .3s ease;position:relative;min-height:100px;justify-content:center;font-size:12px}.outcome-card:hover{border-color:#d1d5db;transform:translateY(-2px)}.outcome-card-title{font-size:12px;font-weight:500;color:var(--primary-text-color)}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.w-100{width:100%}.mb-0{margin-bottom:0}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.text-danger{color:#dc3545}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1200px){.left-sidebar,.right-sidebar{width:280px}}@media(max-width:1024px){.right-sidebar{display:none}}@media(max-width:768px){.left-sidebar{display:none}.container-wrapper{padding:12px}.container-inner{gap:12px}}.ai-response h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--primary-text-color)}.ai-response p{margin-bottom:8px;line-height:1.6}.ai-response ul{margin:8px 0;padding-left:20px}.ai-response li{margin-bottom:6px;line-height:1.6}.ai-response strong{font-weight:600;color:var(--primary-text-color)}.ai-response div{margin-bottom:12px}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}