@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{display:flex;height:100vh;width:100%;font-family:Nunito,sans-serif;font-size:14px;font-weight:400;color:#1c1e20}h1{font-size:40px;font-weight:700;line-height:60px}h2{font-size:32px;font-weight:700;line-height:48px}h3{font-size:24px;font-weight:700;line-height:36px}h4{font-size:18px;font-weight:700;line-height:28px}label{margin-bottom:4px}.error-message{font-size:12px;color:#e94e3c;margin-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button,input,select,textarea{font-family:Nunito,sans-serif;font-size:14px}.login-page-container{display:flex;flex-direction:column;width:100vw}.login-page-container .login-page-section{display:flex;flex-direction:row;width:100%}.login-page-container .login-page-section .login-page-left-section{width:35vw}.login-page-container .login-page-section .login-page-left-section .blue-background{width:100%;height:100vh;object-fit:cover}.login-page-container .login-page-section .login-page-right-section{display:flex;justify-content:center;align-items:center;margin:0 auto;width:65vw}.login-page-container .login-page-section .login-page-right-section .login-form{display:flex;flex-direction:column;width:80%;box-shadow:#aaa 2px 2px 4px;border-radius:16px}.login-page-container .login-page-section .login-page-right-section .login-form .top-images{display:flex;justify-content:space-between;overflow:hidden}.login-page-container .login-page-section .login-page-right-section .login-form .top-images img{height:auto}.login-page-container .login-page-section .login-page-right-section .login-form .top-images .yudu-copilot-logo{width:180px;height:auto;margin:24px 0 0 24px}.login-page-container .login-page-section .login-page-right-section .login-form .top-images .cal-background{width:320px}.login-page-container .login-page-section .login-page-right-section .login-form .texts{padding:0 24px}.login-page-container .login-page-section .login-page-right-section .login-form .texts .welcome-back-text{font-size:20px;font-weight:600;margin-top:16px}.login-page-container .login-page-section .login-page-right-section .login-form .texts .sign-up-text{margin-top:16px}.login-page-container .login-page-section .login-page-right-section .login-form .texts .sign-up-text span{color:#0098fd}.login-page-container .login-page-section .login-page-right-section .login-form .texts .sign-up-text span:hover{text-decoration:underline;cursor:pointer}.login-page-container .login-page-section .login-page-right-section .social-login-buttons{display:flex;flex-direction:column}.login-page-container .login-page-section .login-page-right-section .social-login-buttons button{display:flex;align-items:center;height:48px;padding:0 48px 0 24px;border-radius:24px;border:1px solid #e3e4e4;font-weight:500;cursor:pointer;background-color:#fff;color:#1c1e20;margin-top:16px}.login-page-container .login-page-section .login-page-right-section .social-login-buttons button:hover{background-color:#f7f7f7}.login-page-container .login-page-section .login-page-right-section .social-login-buttons button img{width:24px;height:24px}.login-page-container .login-page-section .login-page-right-section .social-login-buttons button span{width:100%}.login-page-container .form-password{padding:0 24px 24px}.login-page-container .back-to-login-link{padding:0 24px 24px;font-size:14px}.login-page-container .back-to-login-link a{color:#0098fd;text-decoration:none}.login-page-container .back-to-login-link a:hover{text-decoration:underline}@media (max-width: 768px){.login-page-container .login-page-section{flex-direction:column}.login-page-container .login-page-section .login-page-left-section{display:none}.login-page-container .login-page-section .login-page-right-section{width:100%;padding:16px}.login-page-container .login-page-section .login-page-right-section .login-form{width:100%;border-radius:12px;box-shadow:none;padding:16px}.login-page-container .login-page-section .login-page-right-section .login-form .top-images{padding:16px;align-items:center;text-align:center}.login-page-container .login-page-section .login-page-right-section .login-form .top-images .yudu-copilot-logo{width:100px;padding:0}.login-page-container .login-page-section .login-page-right-section .login-form .top-images .cal-background{width:220px;margin-top:12px}.login-page-container .login-page-section .login-page-right-section .login-form .texts{padding:0;text-align:center}.login-page-container .login-page-section .login-page-right-section .login-form .texts .welcome-back-text{font-size:18px}}@media (max-width: 480px){.login-page-container .login-page-section .login-page-right-section,.login-page-container .login-page-section .login-page-right-section .login-form{padding:12px}.login-page-container .login-page-section .login-page-right-section .login-form .top-images .cal-background{width:180px}}.form{display:flex;flex-direction:column;padding:24px}.form .row-container{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.form .row-container .input-field-container{flex:1}.form .input-field-container{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.form .input-field-container input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.form .input-field-container input::placeholder{color:#8a8a8b}.form .input-field-container input:focus{border-color:#2246c6}.form .input-field-container input:disabled{border-color:#cdcece;background-color:#e3e4e4}.form .input-field-container select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.form .input-field-container select::placeholder{color:#8a8a8b}.form .input-field-container select:focus{border-color:#2246c6}.form .input-field-container select:disabled{border-color:#cdcece;background-color:#e3e4e4}.form .input-field-container .password-wrapper{align-items:center;justify-content:space-between;display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.form .input-field-container .password-wrapper::placeholder{color:#8a8a8b}.form .input-field-container .password-wrapper:focus{border-color:#2246c6}.form .input-field-container .password-wrapper:disabled{border-color:#cdcece;background-color:#e3e4e4}.form .input-field-container .password-wrapper input{border:none;width:calc(100% - 28px);height:32px;padding:0}.form .input-field-container .password-wrapper i{color:#acadae;cursor:pointer}.form .input-field-container .password-wrapper.focused{border-color:#2246c6}.form .forgot-password-text{color:#0098fd;text-align:right;margin-top:4px}.form .forgot-password-text:hover{text-decoration:underline;cursor:pointer}.form button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:48px;padding:0 24px;border-radius:24px;width:100%;margin-top:24px}.form button:hover{background-color:#00a67c;cursor:pointer}.form button:disabled{background-color:#acadae;cursor:not-allowed}.form button:active{background-color:#007c5d}@media (max-width: 768px){.form{padding:16px}.form .row-container{flex-direction:column;gap:12px}}@media (max-width: 480px){.form{padding:12px}.form .input-field-container input,.form .input-field-container select{font-size:14px}}.nav-container{display:flex;flex-direction:column;justify-content:space-between;min-width:240px;width:240px;height:100%;padding:24px;overflow:hidden}.nav-container .yudu-copilot-logo{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:32px}.nav-container .side-nav-title{text-transform:uppercase;font-size:10px;color:#8a8a8b;margin-bottom:4px}.nav-container .side-nav-title.account{margin-top:32px}.nav-container .nav-wrapper .dropdown{right:0;background:#fff;border-radius:4px;padding:8px 0;display:flex;flex-direction:column;text-align:center}.nav-container .nav-wrapper .dropdown-option{padding:12px;text-decoration:none;color:#1c1e20}.nav-container .nav-wrapper .dropdown-option:hover{color:#0098fd;font-weight:500}.nav-container .nav-option{display:grid;grid-template-columns:32px auto;text-decoration:none;padding:12px}.nav-container .nav-option .nav-icon{color:#454546;display:flex;align-items:center}.nav-container .nav-option .nav-icon svg{width:18px;height:18px}.nav-container .nav-option .nav-name{color:#454546;display:flex;align-items:center}.nav-container .nav-option-active{display:grid;grid-template-columns:32px auto;text-decoration:none;padding:12px;background-color:#f7f7f7;border-radius:4px}.nav-container .nav-option-active .nav-icon{color:#0098fd;display:flex;align-items:center}.nav-container .nav-option-active .nav-icon svg{width:18px;height:18px}.nav-container .nav-option-active .nav-name{color:#0098fd;display:flex;align-items:center;font-weight:600}.nav-container .bottom .credits{margin-bottom:36px;display:flex;flex-direction:column;gap:8px}.nav-container .bottom .credits .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.nav-container .bottom .credits .top .plan i{color:#0098fd;margin-right:8px}.nav-container .bottom .credits .top .plan span{font-weight:600}.nav-container .bottom .credits .top .manage-btn{background:none;border:1px solid #acadae;border-radius:8px;padding:2px 8px;font-weight:600;color:#454546;cursor:pointer;font-size:12px}.nav-container .bottom .credits .credits-left{color:#676868;font-size:12px}.nav-container .bottom .log-out-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;width:100%}.nav-container .bottom .log-out-btn:hover{background-color:#00a67c;cursor:pointer}.nav-container .bottom .log-out-btn:disabled{background-color:#acadae;cursor:not-allowed}.nav-container .bottom .log-out-btn:active{background-color:#007c5d}.tutorial-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.tutorial-modal-overlay .tutorial-modal{width:80%;background:#fff;border-radius:10px;position:relative;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal{padding:16px;max-height:none;width:100%}}.tutorial-modal-overlay .tutorial-modal .logo{width:120px;margin-bottom:16px}.tutorial-modal-overlay .tutorial-modal h2{color:#2246c6;font-size:64px;font-weight:700;line-height:96px}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal h2{font-size:32px;line-height:40px}}.tutorial-modal-overlay .tutorial-modal p{color:#0098fd;font-size:24px;font-weight:700;line-height:36px}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal p{font-size:16px;line-height:22px;margin-top:8px}}.tutorial-modal-overlay .tutorial-modal iframe{margin:24px 0;width:auto;height:300px;aspect-ratio:16/9;border:none}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal iframe{width:100%;height:auto}}.tutorial-modal-overlay .tutorial-modal .modal-content{display:flex;flex-direction:column;padding:40px;text-align:left}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal .modal-content{padding:16px;text-align:center;align-items:center}}.tutorial-modal-overlay .tutorial-modal .modal-content .subtext{color:#454546;font-weight:600;line-height:36px;margin-bottom:24px}.tutorial-modal-overlay .tutorial-modal .modal-content .tools-grid{display:grid;grid-template-columns:repeat(3,120px);gap:24px;margin-bottom:40px}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal .modal-content .tools-grid{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 480px){.tutorial-modal-overlay .tutorial-modal .modal-content .tools-grid{grid-template-columns:1fr}}.tutorial-modal-overlay .tutorial-modal .modal-content .tools-grid img{width:120px}.tutorial-modal-overlay .tutorial-modal .modal-content .tools-grid p{text-align:center}.tutorial-modal-overlay .tutorial-modal .title{font-size:40px;font-weight:700;line-height:60px;margin-bottom:8px}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal .title{font-size:24px;line-height:32px}}.tutorial-modal-overlay .tutorial-modal .text{font-size:14px;color:#454546;line-height:22px;font-weight:400;margin-bottom:16px}.tutorial-modal-overlay .tutorial-modal .text span{color:#14bc92;font-weight:500}.tutorial-modal-overlay .tutorial-modal .text-bold{font-size:14px;color:#454546;line-height:22px;font-weight:600}.tutorial-modal-overlay .tutorial-modal .set{margin-bottom:24px}.tutorial-modal-overlay .tutorial-modal .modal-image-left{width:40%}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal .modal-image-left{width:60%;display:block;margin:40px auto 0}}.tutorial-modal-overlay .tutorial-modal .close-btn{position:absolute;top:12px;right:4px;background:none;border:none;font-size:20px;cursor:pointer;color:#454546}.tutorial-modal-overlay .tutorial-modal .close-btn:hover{background:none}.tutorial-modal-overlay .tutorial-modal .modal-buttons{display:flex;justify-content:center;gap:24px}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal .modal-buttons{flex-direction:column-reverse;gap:16px;margin-top:8px}}.tutorial-modal-overlay .tutorial-modal .buttons{display:flex;gap:24px;margin-top:40px}@media (max-width: 768px){.tutorial-modal-overlay .tutorial-modal .buttons{flex-direction:column-reverse;gap:16px}}.tutorial-modal-overlay .tutorial-modal button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.tutorial-modal-overlay .tutorial-modal button:hover{background-color:#00a67c;cursor:pointer}.tutorial-modal-overlay .tutorial-modal button:disabled{background-color:#acadae;cursor:not-allowed}.tutorial-modal-overlay .tutorial-modal button:active{background-color:#007c5d}.tutorial-modal-overlay .tutorial-modal .button-grey{background:none;color:#454546;padding:0}.tutorial-modal-overlay .tutorial-modal .button-grey:hover{color:#454546;text-decoration:underline;background:none}.tutorial-modal-overlay .flex{display:flex;align-items:center;flex-direction:row;justify-content:left}@media (max-width: 1040px){.tutorial-modal-overlay .flex{flex-direction:column}}.tutorial-modal-overlay .credits-img{width:200px}.tutorial-modal-overlay .row{display:flex;align-items:center;margin-top:16px;gap:8px}@media (max-width: 768px){.tutorial-modal-overlay .row{flex-direction:column}}.tutorial-modal-overlay .step-indicators{display:flex;align-items:center;justify-content:center;margin-top:12px;gap:16px}.tutorial-modal-overlay .step-indicators .steps{display:flex;justify-content:center;gap:8px;padding:8px;border-radius:8px;background-color:#17181880}.tutorial-modal-overlay .step-indicators button{width:12px;height:12px;border-radius:50%;padding:0;background:none;border:1px solid #14bc92;color:#14bc92}.tutorial-modal-overlay .step-indicators button.active{background-color:#14bc92}.tutorial-modal-overlay .step-indicators button:hover{background:none;color:#14bc92}.tutorial-modal-overlay .step-indicators .step-arrow{border:none;cursor:pointer}.tutorial-modal-overlay .view-later{margin-top:16px;background:none;border:none;color:#fff}.tutorial-modal-overlay .view-later:hover{cursor:pointer;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.modal-container{background:#fff;width:600px;text-align:center;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.modal-image{width:100%;height:120px}.marketing-channel-form{padding:40px;max-width:400px;width:100%}.marketing-channel-form .question{font-size:18px;font-weight:700;line-height:28px;text-align:left}.radio-label{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:8px;margin:16px 0;cursor:pointer;color:#454546;text-align:left}.custom-radio{width:16px;height:16px;border:2px solid grey;border-radius:50%;display:inline-block;margin-right:8px;position:relative}input[type=radio]{display:none}input[type=radio]:checked+.custom-radio{border-color:#14bc92;background-color:#14bc92}.other{color:#454546;text-align:left}.other-input{width:100%;padding:8px;margin-top:4px;border:1px solid #cdcece;border-radius:5px}.other-input::placeholder{color:#acadae;font-family:Nunito,sans-serif}.button{display:inline-flex}.submit-button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.submit-button:hover{background-color:#00a67c;cursor:pointer}.submit-button:disabled{background-color:#acadae;cursor:not-allowed}.submit-button:active{background-color:#007c5d}.school-plan-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.school-plan-modal-overlay .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;width:800px;height:600px;padding:24px;border-radius:32px;text-align:center;position:relative;box-shadow:0 4px 10px #0003}.school-plan-modal-overlay .modal-content .content{width:600px}.school-plan-modal-overlay .modal-content .content .yudu-copilot-logo{width:143px;margin-bottom:40px}.school-plan-modal-overlay .modal-content .content .title{font-size:40px;line-height:60px;font-weight:700;color:#2246c6}.school-plan-modal-overlay .modal-content .content .subtitle{font-size:24px;line-height:36px;font-weight:700}.school-plan-modal-overlay .modal-content .content p{margin-top:16px;line-height:22px}.school-plan-modal-overlay .modal-content .content p span{font-weight:700}.school-plan-modal-overlay .modal-content .content .get-started-button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;margin-top:24px;background-color:#038558}.school-plan-modal-overlay .modal-content .content .get-started-button:hover{background-color:#00a67c;cursor:pointer}.school-plan-modal-overlay .modal-content .content .get-started-button:disabled{background-color:#acadae;cursor:not-allowed}.school-plan-modal-overlay .modal-content .content .get-started-button:active{background-color:#007c5d}.home-page{display:flex;height:100vh;width:100vw}.home-page .top-nav{display:none}.home-page .side-nav-wrapper{display:block}.home-page .outlet,.home-page .school-admin-outlet{background-color:#f7f7f7;display:flex;flex-direction:column;align-items:center;width:100%;padding:24px;overflow:auto}.home-page .school-admin-outlet{padding:0}@media (max-width: 768px){.home-page{flex-direction:column}.home-page .top-nav{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);z-index:2;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;box-shadow:0 1px 4px #0000000f}.home-page .top-nav .hamburger{background:none;border:none;font-size:20px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2246c6}.home-page .top-nav .top-logo{display:flex;align-items:center;justify-content:center;cursor:pointer}.home-page .top-nav .top-logo img{height:28px;width:auto}.home-page .top-nav .logout-btn{background:none;border:none;font-size:18px;padding:8px;cursor:pointer;color:#e94e3c}.home-page .side-nav-wrapper{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none}.home-page .side-nav-wrapper .side-nav-inner{width:280px;max-width:80%;height:100%;background:#fff;box-shadow:2px 0 12px #0000001f;transform:translate(-110%);transition:transform .24s ease-in-out;pointer-events:auto}.home-page .side-nav-wrapper.open{pointer-events:auto}.home-page .side-nav-wrapper.open .side-nav-inner{transform:translate(0)}.home-page .outlet,.home-page .school-admin-outlet{padding-top:50px;width:100%}}@media (min-width: 769px){.home-page .top-nav{display:none}.home-page .side-nav-wrapper{display:block;position:relative;width:280px;height:100%;background:#fff;box-shadow:2px 0 12px #0000001f;pointer-events:auto}.home-page .side-nav-wrapper .side-nav-inner{width:100%;height:100%;background:#fff;transform:none;transition:none}.home-page .outlet{padding:24px}}.teacher-tools{width:100%}.teacher-tools .header{background-color:#fff;padding:24px;border-radius:16px}.teacher-tools .header .top{display:flex;justify-content:space-between;align-items:center;gap:16px}.teacher-tools .header .top .title{font-weight:600;font-size:24px}.teacher-tools .header .top .input-search{font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;display:flex;align-items:center;width:50%;padding:0 16px}.teacher-tools .header .top .input-search::placeholder{color:#8a8a8b}.teacher-tools .header .top .input-search:focus{border-color:#2246c6}.teacher-tools .header .top .input-search:disabled{border-color:#cdcece;background-color:#e3e4e4}.teacher-tools .header .top .input-search input{border:none;outline:none;width:100%;margin-left:4px}.teacher-tools .header .top .input-search i{color:#8a8a8b;font-size:12px}.teacher-tools .categories{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;align-content:flex-start}.teacher-tools .categories .category{flex:0 1 auto;padding:6px 12px;border:1px solid #8a8a8b;color:#676868;border-radius:16px;font-size:12px;cursor:pointer;line-height:1.1}.teacher-tools .categories .category.active{background-color:#2246c6;border-color:#2246c6;color:#fff}.teacher-tools .categories .category.active:hover{background-color:#2246c6}.teacher-tools .categories .category:hover{background-color:#e3e4e4}.teacher-tools .tools{margin-top:24px;padding:24px;border-radius:16px}.teacher-tools .tools .text{font-size:16px;font-weight:600;margin-bottom:8px}.teacher-tools .tools .favorites-text{color:#635722}.teacher-tools .tools .tool-list{display:flex;flex-wrap:wrap;gap:16px}.teacher-tools .tools .tool-list>.tool{flex:0 0 auto;width:100%;max-width:360px}@media (max-width: 1024px){.teacher-tools .header .top{flex-direction:column;align-items:stretch}.teacher-tools .header .top .input-search{width:100%}.teacher-tools .categories{gap:8px}.teacher-tools .categories .category{font-size:11px;padding:5px 10px}.teacher-tools .tools{padding:16px}.teacher-tools .tools .tool-list{gap:12px}}@media (max-width: 768px){.teacher-tools .header{padding:16px}.teacher-tools .header .top{gap:12px}.teacher-tools .header .top .title{font-size:20px}.teacher-tools .categories{gap:6px}.teacher-tools .categories .category{font-size:11px;padding:5px 10px}.teacher-tools .tools{padding:12px}.teacher-tools .tools .text{font-size:14px}.teacher-tools .tools .tool-list>.tool{flex:1 1 260px;min-width:200px}}@media (max-width: 480px){.teacher-tools .header .title{font-size:18px;text-align:left}.teacher-tools .header .top .input-search{padding:0 12px}.teacher-tools .header .top .input-search input{font-size:14px}.teacher-tools .categories{gap:8px}.teacher-tools .categories .category{font-size:10px;padding:4px 8px}.teacher-tools .tools .tool-list{gap:12px}.teacher-tools .tools .tool-list>.tool{flex:1 1 100%;min-width:unset}}.tool{display:flex;flex:1 1 300px;min-width:260px;background-color:#fff;border-radius:4px;cursor:pointer;position:relative;border:1px solid #cdcece;transition:background-color .2s ease}.tool:hover{background-color:#e6f5ff}.tool .tool-container{padding:24px;display:flex;align-items:flex-start;flex-grow:1}.tool .tool-container img{width:80px;height:80px;object-fit:cover;flex-shrink:0}.tool .tool-container .tool-details{margin-left:16px;flex:1}.tool .tool-container .tool-details .tool-name{font-size:16px;font-weight:500;margin-bottom:8px}.tool .tool-container .tool-details .tool-type{font-size:10px;margin-bottom:8px}.tool .tool-container .tool-details .tool-type span{background-color:#ba3e30;color:#fff;padding:2px 8px;border-radius:8px;font-weight:500}.tool .tool-container .tool-details .tool-description{color:#8a8a8b;font-size:12px}.tool .fa-star{height:24px;margin:8px;width:24px;padding:4px;border-radius:50%;background-color:#fff}.tool:hover .fa-regular{opacity:1}.tool .fa-regular{opacity:0;color:#676868}.tool .fa-regular:hover{opacity:1}.tool .fa-solid{color:#f8da55}@media (max-width: 768px){.tool{flex:1 1 100%;min-width:unset}.tool .tool-container{padding:16px}.tool .tool-container img{width:64px;height:64px}.tool .tool-container .tool-details{margin-left:12px}.tool .tool-container .tool-details .tool-name{font-size:14px}.tool .tool-container .tool-details .tool-description{font-size:11px}}@media (max-width: 480px){.tool{flex:1 1 100%;min-width:unset}.tool .tool-container{padding:12px}.tool .tool-container img{width:56px;height:56px}.tool .tool-container .tool-details{margin-left:8px}.tool .tool-container .tool-details .tool-name{font-size:13px;margin-bottom:4px}.tool .tool-container .tool-details .tool-type{font-size:9px;margin-bottom:4px}.tool .tool-container .tool-details .tool-description{font-size:10px}}.privacy-policy{line-height:1.5;font-size:14px;padding:40px}.privacy-policy .nav-bar{display:flex;justify-content:space-between;border-bottom:1px solid #e3e4e4;padding-bottom:24px;margin-bottom:24px}.privacy-policy .nav-bar img{width:120px}.privacy-policy .nav-bar button{border:none;background:none;cursor:pointer}.privacy-policy .h1{font-size:24px}.privacy-policy b{font-weight:500}.privacy-policy span{font-size:18px}.privacy-policy ul{padding-left:40px}.classroom-page{width:100%;height:100vh}.classroom-page .header{background-color:#fff;padding:24px;border-radius:16px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.classroom-page .header{flex-direction:column;align-items:flex-start}}.classroom-page .header .title{font-size:24px;font-weight:600}@media (max-width: 768px){.classroom-page .header .title{font-size:18px}}.classroom-page .header .button-field{display:flex;align-items:center;gap:16px}@media (max-width: 768px){.classroom-page .header .button-field{margin-top:8px;flex-direction:column-reverse;align-items:flex-start;width:100%}}.classroom-page .header .button-field button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.classroom-page .header .button-field button:hover{background-color:#00a67c;cursor:pointer}.classroom-page .header .button-field button:disabled{background-color:#acadae;cursor:not-allowed}.classroom-page .header .button-field button:active{background-color:#007c5d}.classroom-page .header .button-field .search-field{border:1px solid #cdcece;padding:0 8px;height:40px;border-radius:8px;display:flex;align-items:center}@media (max-width: 768px){.classroom-page .header .button-field .search-field{width:100%}}.classroom-page .header .button-field .search-field input{border:none;width:100%;height:32px}.classroom-page .header .button-field .search-field input:focus{outline:none}.classroom-page .header .button-field .search-field i{color:#acadae;margin-right:4px}.classroom-page .filters{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 0}.classroom-page .filters .pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;position:sticky;bottom:0;font-size:12px}.classroom-page .filters .pagination button{border:none;background:none;color:#373c41;padding:8px;cursor:pointer;font-size:12px}.classroom-page .filters .pagination button:disabled{background:#f7f7f7;color:#cdcece;cursor:not-allowed}.classroom-page .classrooms{width:100%;border:1px solid #f7f7f7;border-radius:8px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;background-color:#fff;overflow:auto}.classroom-page .classrooms .table-header{background-color:#697887;display:grid;grid-template-columns:1.5fr repeat(5,1fr) 30px;position:sticky;top:0;z-index:2;border-radius:8px;overflow:auto}.classroom-page .classrooms .table-header .th{padding:8px 12px;display:flex;align-items:center;text-align:center;justify-content:center;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.classroom-page .classrooms .table-header .name{justify-content:flex-start}.classroom-page .classrooms .table-body{overflow-y:auto;display:block}.classroom-page .classrooms .table-body .table-data{display:grid;grid-template-columns:1.5fr repeat(5,1fr) 30px;border-bottom:1px solid #f7f7f7;padding:8px 0}.classroom-page .classrooms .table-body .table-data .td{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;font-size:12px}.classroom-page .classrooms .table-body .table-data .name{justify-content:flex-start;color:#0098fd;text-decoration:underline;cursor:pointer}.classroom-page .classrooms .table-body i{cursor:pointer}.options-menu{position:absolute;background-color:#fff;border:1px solid #e3e4e4;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;z-index:3;padding:8px}.options-menu button{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;border:none;background:none;cursor:pointer;text-align:left;width:100%;color:#1c1e20;border-radius:4px}.options-menu button:hover{background-color:#f7f7f7}.share-classroom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.share-classroom-modal-overlay .share-classroom-modal{background-color:#fff;border-radius:32px;padding:24px;width:600px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;gap:24px}.share-classroom-modal-overlay .share-classroom-modal h2{font-size:24px;line-height:36px;font-weight:700}.share-classroom-modal-overlay .share-classroom-modal .invitation-section{display:flex;align-items:center;justify-content:space-between;gap:16px}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation{display:flex;align-items:center;justify-content:center;flex:1}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;background-color:#fff;color:#14bc92;border:1px solid #14bc92}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation button:hover{background-color:#00a67c;cursor:pointer}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation button:disabled{background-color:#acadae;cursor:not-allowed}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation button:active{background-color:#007c5d}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation button:hover{background-color:#fff;border:1px solid #00a67c;color:#00a67c}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation i{margin-right:8px}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .qr-section{display:flex;flex-direction:column;align-items:center;flex:1;border-left:1px solid #e3e4e4;padding-left:16px}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .qr-section span{font-size:12px;color:#535a61}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .qr-section img{width:96px;height:96px}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .qr-section a{color:#14bc92;text-decoration:none;font-size:12px}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .qr-section a:hover{text-decoration:underline}.share-classroom-modal-overlay .share-classroom-modal .entry-code{border-radius:6px;margin-bottom:16px;font-size:12px}.share-classroom-modal-overlay .share-classroom-modal .entry-code span{display:block;letter-spacing:1.2px;line-height:18px;font-weight:500}.share-classroom-modal-overlay .share-classroom-modal .entry-code .code{line-height:22px;color:#697887}.share-classroom-modal-overlay .share-classroom-modal .access-setting{display:flex;flex-direction:column}.share-classroom-modal-overlay .share-classroom-modal .access-setting .access-title{font-size:18px;font-weight:600;line-height:28px;margin-bottom:16px}.share-classroom-modal-overlay .share-classroom-modal .access-setting .checkbox{display:flex;align-items:center}.share-classroom-modal-overlay .share-classroom-modal .access-setting .checkbox label{margin-bottom:0;margin-left:4px}.share-classroom-modal-overlay .share-classroom-modal .modal-footer{display:flex;justify-content:flex-end}.share-classroom-modal-overlay .share-classroom-modal .modal-footer button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.share-classroom-modal-overlay .share-classroom-modal .modal-footer button:hover{background-color:#00a67c;cursor:pointer}.share-classroom-modal-overlay .share-classroom-modal .modal-footer button:disabled{background-color:#acadae;cursor:not-allowed}.share-classroom-modal-overlay .share-classroom-modal .modal-footer button:active{background-color:#007c5d}@media (max-width: 600px){.share-classroom-modal-overlay{padding:8px}.share-classroom-modal-overlay .share-classroom-modal{width:100%;border-radius:16px;padding:16px;gap:16px}.share-classroom-modal-overlay .share-classroom-modal h2{font-size:20px;line-height:28px;text-align:center}.share-classroom-modal-overlay .share-classroom-modal .invitation-section{flex-direction:column;align-items:center;gap:12px}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation,.share-classroom-modal-overlay .share-classroom-modal .invitation-section .copy-invitation button{width:100%}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .qr-section{border-left:none;padding-left:0}.share-classroom-modal-overlay .share-classroom-modal .invitation-section .qr-section img{width:80px;height:80px}.share-classroom-modal-overlay .share-classroom-modal .modal-footer{justify-content:center}.share-classroom-modal-overlay .share-classroom-modal .modal-footer button{width:100%}}.delete-classroom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.delete-classroom-modal .modal-content{background:#fff;border-radius:32px;padding:24px}.delete-classroom-modal .modal-content h2{margin-bottom:8px;font-size:18px;font-weight:600;line-height:28px}.delete-classroom-modal .modal-content p{color:#535a61;margin-bottom:24px}.delete-classroom-modal .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:10px}.delete-classroom-modal .modal-content .modal-actions button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.delete-classroom-modal .modal-content .modal-actions button:hover{background-color:#00a67c;cursor:pointer}.delete-classroom-modal .modal-content .modal-actions button:disabled{background-color:#acadae;cursor:not-allowed}.delete-classroom-modal .modal-content .modal-actions button:active{background-color:#007c5d}.delete-classroom-modal .modal-content .modal-actions .cancel{color:#535a61;background-color:#fff}.delete-classroom-modal .modal-content .modal-actions .cancel:hover{background-color:#fff}.delete-classroom-modal .modal-content .modal-actions .confirm{background:#e94e3c;color:#fff}.delete-classroom-modal .modal-content .modal-actions .confirm:hover{background:#ba3e30}.edit-classroom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.edit-classroom-modal-overlay .modal-content{background-color:#fff;padding:24px;border-radius:32px;width:100%;max-width:500px}.edit-classroom-modal-overlay .modal-content .modal-header{display:flex;flex-direction:column;margin-bottom:8px}.edit-classroom-modal-overlay .modal-content .modal-header h2{font-size:24px;line-height:36px;font-weight:700}.edit-classroom-modal-overlay .modal-content .modal-header span{font-size:12px;line-height:22px;color:#535a61}.edit-classroom-modal-overlay .modal-content form{display:flex;flex-direction:column}.edit-classroom-modal-overlay .modal-content form .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.edit-classroom-modal-overlay .modal-content form .field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.edit-classroom-modal-overlay .modal-content form .field input::placeholder{color:#8a8a8b}.edit-classroom-modal-overlay .modal-content form .field input:focus{border-color:#2246c6}.edit-classroom-modal-overlay .modal-content form .field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.edit-classroom-modal-overlay .modal-content form .field select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.edit-classroom-modal-overlay .modal-content form .field select::placeholder{color:#8a8a8b}.edit-classroom-modal-overlay .modal-content form .field select:focus{border-color:#2246c6}.edit-classroom-modal-overlay .modal-content form .field select:disabled{border-color:#cdcece;background-color:#e3e4e4}.edit-classroom-modal-overlay .modal-content form .field span{font-size:12px;color:#535a61;margin-bottom:8px}.edit-classroom-modal-overlay .modal-content form .buttons{display:flex;margin-top:24px;align-items:center;justify-content:flex-end;gap:16px}.edit-classroom-modal-overlay .modal-content form .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.edit-classroom-modal-overlay .modal-content form .buttons button:hover{background-color:#00a67c;cursor:pointer}.edit-classroom-modal-overlay .modal-content form .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.edit-classroom-modal-overlay .modal-content form .buttons button:active{background-color:#007c5d}.edit-classroom-modal-overlay .modal-content form .buttons .discard{color:#1c1e20;background:none}.edit-classroom-modal-overlay .modal-content form .buttons .discard:hover{background:none}.create-classroom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.create-classroom-modal-overlay .modal-content{background-color:#fff;padding:24px;border-radius:32px;width:100%;max-width:500px}.create-classroom-modal-overlay .modal-content .modal-header{display:flex;flex-direction:column;margin-bottom:8px}.create-classroom-modal-overlay .modal-content .modal-header h2{font-size:24px;line-height:36px;font-weight:700}.create-classroom-modal-overlay .modal-content .modal-header span{font-size:12px;line-height:22px;color:#535a61}.create-classroom-modal-overlay .modal-content form{display:flex;flex-direction:column}.create-classroom-modal-overlay .modal-content form .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.create-classroom-modal-overlay .modal-content form .field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.create-classroom-modal-overlay .modal-content form .field input::placeholder{color:#8a8a8b}.create-classroom-modal-overlay .modal-content form .field input:focus{border-color:#2246c6}.create-classroom-modal-overlay .modal-content form .field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.create-classroom-modal-overlay .modal-content form .field select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.create-classroom-modal-overlay .modal-content form .field select::placeholder{color:#8a8a8b}.create-classroom-modal-overlay .modal-content form .field select:focus{border-color:#2246c6}.create-classroom-modal-overlay .modal-content form .field select:disabled{border-color:#cdcece;background-color:#e3e4e4}.create-classroom-modal-overlay .modal-content form .field span{font-size:12px;color:#535a61;margin-bottom:8px}.create-classroom-modal-overlay .modal-content form .buttons{display:flex;margin-top:24px;align-items:center;justify-content:flex-end;gap:16px}.create-classroom-modal-overlay .modal-content form .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.create-classroom-modal-overlay .modal-content form .buttons button:hover{background-color:#00a67c;cursor:pointer}.create-classroom-modal-overlay .modal-content form .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.create-classroom-modal-overlay .modal-content form .buttons button:active{background-color:#007c5d}.create-classroom-modal-overlay .modal-content form .buttons .discard{color:#1c1e20;background:none}.create-classroom-modal-overlay .modal-content form .buttons .discard:hover{background:none}@media (max-width: 600px){.create-classroom-modal-overlay{padding:8px}.create-classroom-modal-overlay .modal-content{padding:16px;border-radius:16px}.create-classroom-modal-overlay .modal-content .modal-header h2{font-size:20px;line-height:28px}.create-classroom-modal-overlay .modal-content .modal-header span{font-size:11px}.create-classroom-modal-overlay .modal-content form .field input,.create-classroom-modal-overlay .modal-content form .field select{font-size:14px}.create-classroom-modal-overlay .modal-content form .buttons{flex-direction:column-reverse;align-items:stretch}.create-classroom-modal-overlay .modal-content form .buttons button{width:100%}}.professional-development{box-sizing:border-box}.professional-development .title{font-size:24px;font-weight:600;background-color:#fff;padding:24px;border-radius:16px}.professional-development .course-container{margin-top:16px;background-color:#fff;padding:24px;border-radius:16px}.professional-development .course-container .subtitle{font-size:18px;font-weight:600}.professional-development .course-container .courses{display:flex;margin-top:16px;gap:16px;flex-wrap:wrap}.professional-development .course-container .courses .course-box{background-color:#f7f7f7;border-radius:4px;width:calc(50% - 8px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-sizing:border-box}.professional-development .course-container .courses .course-box .course-image{width:100%;height:auto;border-radius:4px 4px 0 0;display:block;object-fit:cover}.professional-development .course-container .courses .course-box .course-content{height:100%;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.professional-development .course-container .courses .course-box .course-content .course-title{font-size:16px;font-weight:500}.professional-development .course-container .courses .course-box .course-content .course-description{margin:8px 0 16px;color:#676868;line-height:1.4;flex:1 1 auto}.professional-development .course-container .courses .course-box .course-content .view-course-btn{align-self:flex-end;background-color:#14bc92;color:#fff;border:none;padding:8px 16px;border-radius:16px;cursor:pointer;white-space:nowrap}.professional-development .course-container .courses .course-box .course-content .view-course-btn:hover{background-color:#00a67c}@media (min-width: 769px) and (max-width: 1200px){.professional-development .course-container{padding:20px}.professional-development .course-container .courses{gap:14px}.professional-development .course-container .courses .course-box{width:calc(50% - 7px)}.professional-development .course-container .courses .course-box .course-content{padding:14px}.professional-development .course-container .courses .course-box .course-content .course-title{font-size:15px}.professional-development .course-container .courses .course-box .course-content .course-description{margin:8px 0 12px}.professional-development .course-container .courses .course-box .course-content .view-course-btn{padding:7px 14px}.professional-development .course-container .courses .course-box .course-image{height:160px}}@media (max-width: 768px){.professional-development .title{font-size:20px}.professional-development .course-container{padding:16px;border-radius:12px;margin-top:12px}.professional-development .course-container .courses{display:flex;flex-direction:column;gap:12px;margin-top:12px}.professional-development .course-container .courses .course-box{width:100%;flex-direction:column;border-radius:8px}.professional-development .course-container .courses .course-box .course-image{width:100%;height:180px;border-radius:8px;object-fit:cover}.professional-development .course-container .courses .course-box .course-content{padding:12px}.professional-development .course-container .courses .course-box .course-content .course-title{font-size:15px}.professional-development .course-container .courses .course-box .course-content .course-description{margin:8px 0 12px}.professional-development .course-container .courses .course-box .course-content .view-course-btn{width:100%;align-self:stretch;text-align:center;padding:10px 12px;border-radius:12px}}@media (min-width: 1400px){.professional-development .course-container .courses .course-box{width:calc(33.333% - 10.667px)}}.history-page{width:100%;height:100vh}.history-page .title{font-weight:600;font-size:24px}.history-page .history-container{margin-top:24px;padding:24px;background-color:#fff;border-radius:8px;height:auto;overflow:scroll}.history-page .history-container .history-header{display:flex;justify-content:space-between;align-items:center}.history-page .history-container .history-header .category{display:flex;gap:8px}.history-page .history-container .history-header .category .all,.history-page .history-container .history-header .category .bookmarks{padding:4px 16px;cursor:pointer}.history-page .history-container .history-header .category .all i,.history-page .history-container .history-header .category .bookmarks i{margin-right:4px;font-size:12px}.history-page .history-container .history-header .category .all.active,.history-page .history-container .history-header .category .bookmarks.active{background-color:#0098fd;color:#fff;border-radius:16px}.history-page .history-container .history-header .search-field{border:1px solid #cdcece;padding:0 8px;height:40px;width:40%;border-radius:8px;display:flex;align-items:center}.history-page .history-container .history-header .search-field input{border:none;width:100%;height:32px}.history-page .history-container .history-header .search-field input:focus{outline:none}.history-page .history-container .history-header .search-field i{color:#acadae;margin-right:4px}.history-page .history-container .history-table{margin-top:40px}.history-page .history-container .history-table .table{display:grid;grid-template-columns:2fr 2fr 2fr 100px}.history-page .history-container .history-table .table .th{font-weight:600;font-size:16px}.history-page .history-container .history-table .table-header{border-bottom:1px solid #e3e4e4;padding-bottom:16px}.history-page .history-container .history-table .table-data{margin-top:16px}.history-page .history-container .history-table .table-data button{border:none;background-color:#14bc92;padding:4px;color:#fff;border-radius:16px;cursor:pointer}.history-page .history-container .history-table .table-data button i{margin-right:8px;font-size:12px}.banner{margin-top:16px}.banner .yudu-community{background-image:url(/assets/yudu-community-bg-Cz0DUPK0.png);width:100%;height:120px;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;border-radius:8px;overflow:hidden;gap:16px}.banner .yudu-community .yudu-community-details{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;width:100%}.banner .yudu-community .yudu-community-details .yudu-community-title{color:#2246c6;font-weight:700;font-size:18px}.banner .yudu-community .yudu-community-details .yudu-community-btn{display:flex;align-items:center;color:#14bc92;border:1px solid #14bc92;justify-content:center;padding:0 20px 0 34px;height:40px;gap:8px;border-radius:24px;font-weight:600;cursor:pointer;text-decoration:none}.profile-page{width:100%;height:100vh}.profile-page .title{font-weight:600;font-size:24px}.profile-page .profile-container{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-page .profile-container .left,.profile-page .profile-container .right{background-color:#fff;padding:24px;border-radius:8px}.profile-page .profile-container .left .top,.profile-page .profile-container .right .top{display:flex;justify-content:space-between;align-items:center}.profile-page .profile-container .left .top .title,.profile-page .profile-container .right .top .title{font-size:18px}.profile-page .profile-container .left .details,.profile-page .profile-container .right .details{margin-top:24px;display:grid;grid-template-columns:max-content 1fr;row-gap:12px;column-gap:40px;align-items:center}.profile-page .profile-container .left .details .column,.profile-page .profile-container .right .details .column{display:flex;flex-direction:column;row-gap:16px}.profile-page .profile-container .left .details .label,.profile-page .profile-container .right .details .label{font-weight:500;color:#676868;white-space:nowrap}.profile-page .profile-container .left .details .value,.profile-page .profile-container .right .details .value{display:flex;align-items:center;gap:8px}.profile-page .profile-container .left .details .value img,.profile-page .profile-container .right .details .value img{cursor:pointer;width:60px;height:60px;border-radius:50%;object-fit:cover}.profile-page .profile-container .left .details .value .fa-spinner,.profile-page .profile-container .right .details .value .fa-spinner{font-size:40px;animation:spin 1s linear infinite;color:#acadae}@keyframes spin{to{transform:rotate(360deg)}}.profile-page .profile-container .left .details .value .text,.profile-page .profile-container .right .details .value .text{text-transform:capitalize;font-size:14px;line-height:1.4}.profile-page .profile-container .left .edit-info{display:flex;align-items:center;color:#14bc92;cursor:pointer}.profile-page .profile-container .left .edit-info i{margin-right:8px}.profile-page .profile-container .right .details{grid-template-columns:max-content 1fr max-content}.profile-page .profile-container .cancel-subscription-btn{display:inline-flex;background-color:#14bc92;flex-shrink:0;color:#fff;border:none;display:flex;align-items:center;color:#14bc92;background:none;border:1px solid #14bc92;justify-content:center;padding:0 20px;height:40px;gap:8px;border-radius:24px;font-weight:600;cursor:pointer}.profile-page .profile-container .cancel-subscription-btn:hover{background-color:#00a67c;cursor:pointer}.profile-page .profile-container .cancel-subscription-btn:disabled{background-color:#acadae;cursor:not-allowed}.profile-page .profile-container .cancel-subscription-btn:active{background-color:#007c5d}.profile-page .profile-container .cancel-subscription-btn:hover{background-color:#00a67c;color:#fff}@media (max-width: 768px){.profile-page .profile-container{grid-template-columns:1fr}.profile-page .profile-container .details{grid-template-columns:1fr;row-gap:4px}.profile-page .profile-container .details .label{font-size:13px;color:#8a8a8b;margin-top:8px}.profile-page .profile-container .details .value{margin-bottom:8px}.profile-page .profile-container .details .value img{margin-top:4px}.profile-page .profile-container .details .value .text{font-size:14px;margin-top:2px}.profile-page .profile-container .details .cancel-subscription-btn{grid-column:1/-1;width:100%;margin-top:12px;justify-content:center}.profile-page .profile-container .left,.profile-page .profile-container .right{padding:16px}.profile-page .banner{display:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.modal-overlay .modal-content{background:#fff;padding:24px;border-radius:8px;width:500px;max-width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0000001f;box-sizing:border-box}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-overlay .modal-content .modal-header .edit-profile-text{font-size:20px;font-weight:600;color:#454546}.modal-overlay .modal-content .modal-header .close-button{background:none;border:none;font-size:28px;line-height:1;color:#454546;cursor:pointer;padding:4px}.modal-overlay .modal-content .modal-form{display:flex;flex-direction:column;gap:12px;padding:24px}.modal-overlay .modal-content .modal-form .form-field,.modal-overlay .modal-content .modal-form .subjects-field,.modal-overlay .modal-content .modal-form .mobile-number-field{width:100%;display:flex;flex-direction:column;gap:6px}.modal-overlay .modal-content .modal-form .mobile-number-field{flex-direction:row}.modal-overlay .modal-content .modal-form label{display:block;margin-bottom:4px;font-weight:500;color:#676868;font-size:14px}.modal-overlay .modal-content .modal-form input,.modal-overlay .modal-content .modal-form select,.modal-overlay .modal-content .modal-form textarea{display:flex;font-family:Nunito,sans-serif;height:40px;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none;width:100%;box-sizing:border-box}.modal-overlay .modal-content .modal-form input::placeholder,.modal-overlay .modal-content .modal-form select::placeholder,.modal-overlay .modal-content .modal-form textarea::placeholder{color:#8a8a8b}.modal-overlay .modal-content .modal-form input:focus,.modal-overlay .modal-content .modal-form select:focus,.modal-overlay .modal-content .modal-form textarea:focus{border-color:#2246c6}.modal-overlay .modal-content .modal-form input:disabled,.modal-overlay .modal-content .modal-form select:disabled,.modal-overlay .modal-content .modal-form textarea:disabled{border-color:#cdcece;background-color:#e3e4e4}.modal-overlay .modal-content .modal-form .css-b62m3t-container,.modal-overlay .modal-content .modal-form .css-13cymwt-control,.modal-overlay .modal-content .modal-form .css-1pahdxg-control{width:100%}.modal-overlay .modal-content .modal-form .subjects-field .css-13cymwt-control{border-radius:8px;min-width:100%}.modal-overlay .modal-content .modal-form .mobile-number-field{display:flex;gap:8px;align-items:center}.modal-overlay .modal-content .modal-form .mobile-number-field select[name=country_code]{min-width:84px;max-width:120px;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#f7f7f7}.modal-overlay .modal-content .modal-form .mobile-number-field input[name=mobile_number]{flex:1;min-width:0}.modal-overlay .modal-content .modal-form .error-message{color:#e94e3c;font-size:13px}.modal-overlay .modal-content .modal-form .btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;width:100%;margin-top:6px}.modal-overlay .modal-content .modal-form .btn:hover{background-color:#00a67c;cursor:pointer}.modal-overlay .modal-content .modal-form .btn:disabled{background-color:#acadae;cursor:not-allowed}.modal-overlay .modal-content .modal-form .btn:active{background-color:#007c5d}.modal-overlay .modal-content .modal-form .deactivate-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;background-color:#e94e3c;width:100%;margin:8px 0;color:#fff}.modal-overlay .modal-content .modal-form .deactivate-btn:hover{background-color:#00a67c;cursor:pointer}.modal-overlay .modal-content .modal-form .deactivate-btn:disabled{background-color:#acadae;cursor:not-allowed}.modal-overlay .modal-content .modal-form .deactivate-btn:active{background-color:#007c5d}.modal-overlay .modal-content .modal-form .deactivate-btn:hover{background-color:#ba3e30}.modal-overlay .modal-content .modal-form .activate-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;width:100%;margin:8px 0}.modal-overlay .modal-content .modal-form .activate-btn:hover{background-color:#00a67c;cursor:pointer}.modal-overlay .modal-content .modal-form .activate-btn:disabled{background-color:#acadae;cursor:not-allowed}.modal-overlay .modal-content .modal-form .activate-btn:active{background-color:#007c5d}.modal-overlay .modal-content .modal-form .buttons{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.modal-overlay .modal-content .modal-form .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;flex:1;color:#fff;background-color:#0098fd}.modal-overlay .modal-content .modal-form .buttons button:hover{background-color:#00a67c;cursor:pointer}.modal-overlay .modal-content .modal-form .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.modal-overlay .modal-content .modal-form .buttons button:active{background-color:#007c5d}.modal-overlay .modal-content .modal-form .buttons button:hover{background-color:#0f7ce3}@media (max-width: 1200px){.modal-overlay .modal-content .modal-content{width:460px;padding:20px;max-height:86vh}.modal-overlay .modal-content .modal-content .modal-form{gap:10px}.modal-overlay .modal-content .modal-content .modal-form .mobile-number-field select[name=country_code]{min-width:74px}}@media (max-width: 768px){.modal-overlay{align-items:flex-start;padding-top:28px;overflow-y:hidden}.modal-overlay .modal-content{width:100%;max-width:560px;margin:0 auto;padding:16px;border-radius:12px;max-height:calc(100vh - 28px);display:flex;flex-direction:column;overflow:hidden}.modal-overlay .modal-content .modal-form{flex:1;overflow-y:auto;padding-bottom:80px;gap:10px}.modal-overlay .modal-content .modal-form .form-field,.modal-overlay .modal-content .modal-form .subjects-field,.modal-overlay .modal-content .modal-form .mobile-number-field{width:100%}.modal-overlay .modal-content .modal-form .mobile-number-field{flex-direction:row;gap:8px}.modal-overlay .modal-content .modal-form .mobile-number-field select[name=country_code]{min-width:92px;max-width:120px;padding:8px}.modal-overlay .modal-content .modal-form .mobile-number-field input[name=mobile_number]{flex:1;min-width:0}.modal-overlay .modal-content .modal-form .btn,.modal-overlay .modal-content .modal-form .buttons,.modal-overlay .modal-content .modal-form .deactivate-btn,.modal-overlay .modal-content .modal-form .activate-btn{width:100%}}.settings-page{width:100%;height:100vh}.settings-page .title{font-weight:600;font-size:24px}.settings-page .settings-container{margin-top:24px;padding:24px;background-color:#fff;border-radius:8px}.settings-page .settings-container .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin:0 0 24px}.settings-page .settings-container .field label{font-weight:500;color:#676868}.settings-page .settings-container .field input,.settings-page .settings-container .field select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.settings-page .settings-container .field input::placeholder,.settings-page .settings-container .field select::placeholder{color:#8a8a8b}.settings-page .settings-container .field input:focus,.settings-page .settings-container .field select:focus{border-color:#2246c6}.settings-page .settings-container .field input:disabled,.settings-page .settings-container .field select:disabled{border-color:#cdcece;background-color:#e3e4e4}.settings-page .settings-container .field .change-password-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;background-color:#0098fd}.settings-page .settings-container .field .change-password-btn:hover{background-color:#00a67c;cursor:pointer}.settings-page .settings-container .field .change-password-btn:disabled{background-color:#acadae;cursor:not-allowed}.settings-page .settings-container .field .change-password-btn:active{background-color:#007c5d}.settings-page .settings-container .field .change-password-btn:hover{background-color:#0f7ce3}.settings-page .settings-container .field .notice{margin:8px 0;color:#454546}.settings-page .settings-container .field .notice ul{margin:16px 0;padding-left:16px}.settings-page .settings-container .field .notice ul li{margin:4px 0}.settings-page .settings-container .field .delete-account-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;background-color:#e94e3c;margin-top:16px}.settings-page .settings-container .field .delete-account-btn:hover{background-color:#00a67c;cursor:pointer}.settings-page .settings-container .field .delete-account-btn:disabled{background-color:#acadae;cursor:not-allowed}.settings-page .settings-container .field .delete-account-btn:active{background-color:#007c5d}.settings-page .settings-container .field .delete-account-btn:hover{background-color:#ba3e30}.settings-page .modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.settings-page .modal .modal-content{background:#fff;padding:24px;border-radius:8px;width:400px;max-width:90vw;box-shadow:0 4px 6px #0000001a}.settings-page .modal .modal-content .form-field{margin-bottom:16px}.settings-page .modal .modal-content .form-field label{display:block;margin-bottom:4px;font-weight:500;color:#676868}.settings-page .modal .modal-content .form-field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.settings-page .modal .modal-content .form-field input::placeholder{color:#8a8a8b}.settings-page .modal .modal-content .form-field input:focus{border-color:#2246c6}.settings-page .modal .modal-content .form-field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.settings-page .modal .modal-content .form-field .password-field{position:relative}.settings-page .modal .modal-content .form-field .password-field i{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;color:#8a8a8b}.settings-page .modal .modal-content .confirm-text{font-size:20px;font-weight:600;color:#454546;text-align:center}.settings-page .modal .modal-content p{margin:16px 0 24px;text-align:center}.settings-page .modal .modal-content .buttons{display:flex;justify-content:space-between;gap:8px}.settings-page .modal .modal-content .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;width:49%}.settings-page .modal .modal-content .buttons button:hover{background-color:#00a67c;cursor:pointer}.settings-page .modal .modal-content .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.settings-page .modal .modal-content .buttons button:active{background-color:#007c5d}.settings-page .modal .modal-content .buttons .delete-account-btn{background-color:#e94e3c}.settings-page .modal .modal-content .buttons .delete-account-btn:not(:disabled):hover{background-color:#ba3e30}.settings-page .modal .modal-content .close-btn{background:none;border:none;display:flex;justify-content:flex-end;width:100%;margin-bottom:16px;cursor:pointer}.settings-page .modal .modal-content .close-btn i{font-size:20px;color:#acadae}.settings-page .modal .modal-content .change-password-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;width:100%;margin-top:8px}.settings-page .modal .modal-content .change-password-btn:hover{background-color:#00a67c;cursor:pointer}.settings-page .modal .modal-content .change-password-btn:disabled{background-color:#acadae;cursor:not-allowed}.settings-page .modal .modal-content .change-password-btn:active{background-color:#007c5d}@media (max-width: 768px){.settings-page .settings-container,.settings-page .modal .modal-content{padding:16px}.settings-page .modal .modal-content .form-field label{font-size:14px}.settings-page .modal .modal-content .form-field input{font-size:14px;padding:8px}.settings-page .modal .modal-content .change-password-btn{font-size:14px}.settings-page .modal .modal-content .buttons{flex-direction:column}.settings-page .modal .modal-content .buttons button{width:100%}.settings-page .banner{display:none}}.tool-page{display:flex;justify-content:center;align-items:flex-start;width:100%;box-sizing:border-box}.tool-form{background-color:#fff;padding:24px;border-radius:8px;max-width:700px;width:700px;display:flex;flex-direction:column;align-self:center;margin-bottom:16px}.tool-form .top-details{display:flex;justify-content:space-between}.tool-form .top-details .left{display:flex;align-items:center;gap:12px}.tool-form .top-details .left .back-button,.tool-form .top-details .left .reset-button{display:flex;color:#0098fd;font-size:14px;background:none;border:none;cursor:pointer}.tool-form .top-details .left .back-button i,.tool-form .top-details .left .reset-button i{display:flex;align-items:center;margin-right:8px}.tool-form .top-details .left .back-button .button-text,.tool-form .top-details .left .reset-button .button-text{line-height:1.1}.tool-form .top-details .right{display:flex;align-items:center}.tool-form .top-details .right .toggle{display:flex;color:#0098fd;font-size:14px;background:none;border:none;align-items:center;font-weight:600;cursor:pointer;transition:color .3s ease}.tool-form .top-details .right .toggle i{display:flex;align-items:center;margin-right:8px}.tool-form .top-details .right .toggle .button-text{line-height:1.1}.tool-form .tool-form-header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:32px 0}.tool-form .tool-form-header .header-title{font-size:20px;font-weight:600;line-height:1.5;color:#454546}.tool-form .tool-form-header .header-description{color:#8a8a8b;font-size:16px;line-height:1.5;text-align:center}.tool-form .select-input{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.tool-form .select-input select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.tool-form .select-input select::placeholder{color:#8a8a8b}.tool-form .select-input select:focus{border-color:#2246c6}.tool-form .select-input select:disabled{border-color:#cdcece;background-color:#e3e4e4}.tool-form .text-input{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.tool-form .text-input input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.tool-form .text-input input::placeholder{color:#8a8a8b}.tool-form .text-input input:focus{border-color:#2246c6}.tool-form .text-input input:disabled{border-color:#cdcece;background-color:#e3e4e4}.tool-form .text-area{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.tool-form .text-area textarea{display:flex;font-family:Nunito,sans-serif;height:60px;width:100%;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:8px;resize:none;outline:none}.tool-form .text-area textarea::placeholder{color:#acadae}.tool-form .text-area textarea:focus{border-color:#2246c6}.tool-form .text-area textarea:disabled{border-color:#cdcece;background-color:#e3e4e4}.tool-form .text-area-big{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.tool-form .text-area-big textarea{display:flex;font-family:Nunito,sans-serif;height:60px;width:100%;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:8px;resize:none;outline:none;height:120px}.tool-form .text-area-big textarea::placeholder{color:#acadae}.tool-form .text-area-big textarea:focus{border-color:#2246c6}.tool-form .text-area-big textarea:disabled{border-color:#cdcece;background-color:#e3e4e4}.tool-form .file-input-container{margin-top:20px}.tool-form .file-input-container .file-container{display:flex;width:100%;overflow:hidden;justify-content:space-between;margin-top:4px}.tool-form .file-input-container .file-container label{font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none;width:46%;display:flex;align-items:center;color:#acadae;cursor:pointer}.tool-form .file-input-container .file-container label::placeholder{color:#8a8a8b}.tool-form .file-input-container .file-container label:focus{border-color:#2246c6}.tool-form .file-input-container .file-container label:disabled{border-color:#cdcece;background-color:#e3e4e4}.tool-form .file-input-container .file-container label i{font-size:16px;margin-right:4px}.tool-form .file-input-container .file-container #file{display:none}.tool-form .file-input-container .file-container p{width:8%;display:flex;height:40px;align-items:center;justify-content:center}.tool-form .file-input-container .file-container .link-input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none;width:46%}.tool-form .file-input-container .file-container .link-input::placeholder{color:#8a8a8b}.tool-form .file-input-container .file-container .link-input:focus{border-color:#2246c6}.tool-form .file-input-container .file-container .link-input:disabled{border-color:#cdcece;background-color:#e3e4e4}.tool-form .generate-button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:48px;padding:0 24px;border-radius:24px}.tool-form .generate-button:hover{background-color:#00a67c;cursor:pointer}.tool-form .generate-button:disabled{background-color:#acadae;cursor:not-allowed}.tool-form .generate-button:active{background-color:#007c5d}@media (max-width: 1200px){.tool-form .tool-form{width:90%;padding:20px}.tool-form .tool-form .top-details{flex-wrap:wrap;gap:10px}.tool-form .tool-form .top-details .left,.tool-form .tool-form .top-details .right{flex:1 1 100%;justify-content:flex-start}.tool-form .tool-form .file-input-container .file-container{flex-direction:column;gap:10px}.tool-form .tool-form .file-input-container .file-container label,.tool-form .tool-form .file-input-container .file-container .link-input{width:100%}.tool-form .tool-form .file-input-container .file-container p{display:none}}@media (max-width: 768px){.tool-form{width:100%;padding:16px}.tool-form .top-details{flex-direction:column;align-items:space-between;gap:12px}.tool-form .top-details .left{display:flex;justify-content:space-between}.tool-form .top-details .left .back-button,.tool-form .top-details .left .reset-button{font-size:13px;margin:0}.tool-form .top-details .right{width:100%;justify-content:flex-start}.tool-form .top-details .right .toggle{font-size:13px}.tool-form .tool-form-header{margin:20px 0}.tool-form .tool-form-header .header-title{font-size:18px;text-align:center}.tool-form .tool-form-header .header-description{font-size:14px;text-align:center}.tool-form .file-input-container .file-container{flex-direction:column;gap:8px}.tool-form .file-input-container .file-container label,.tool-form .file-input-container .file-container .link-input{width:100%}.tool-form .file-input-container .file-container p{display:none}.tool-form .generate-button{width:100%;font-size:14px}}.reset-button,.back-button{color:#00f;background-color:transparent;border:none;cursor:pointer;margin-right:20px}.generate-button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:48px;padding:0 24px;margin-top:20px;background-color:#00f;border-radius:12px;width:100%}.generate-button:hover{background-color:#00a67c;cursor:pointer}.generate-button:disabled{background-color:#acadae;cursor:not-allowed}.generate-button:active{background-color:#007c5d}.thread{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;min-width:100vw;max-width:700px;overflow:hidden}.thread .top{flex:1;overflow-y:auto}.thread .top .header{background-color:#fff;padding:24px;border-radius:8px;width:700px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;margin-bottom:16px}.thread .top .header.editing{border-radius:8px 8px 0 0;margin-bottom:0}.thread .top .header .left{display:flex;align-items:center}.thread .top .header .back-button,.thread .top .header .reset-button,.thread .top .header .toggle{display:flex;color:#0098fd;font-size:14px;background:none;border:none;align-items:center;font-weight:600;cursor:pointer;transition:color .3s ease}.thread .top .header .back-button i,.thread .top .header .reset-button i,.thread .top .header .toggle i{display:flex;align-items:center;margin-right:8px}.thread .top .header .back-button .button-text,.thread .top .header .reset-button .button-text,.thread .top .header .toggle .button-text{line-height:1.1}.thread .top .header .middle{display:flex;justify-content:center;line-height:18px}.thread .top .header .middle .tool-title{font-size:18px;font-weight:600;text-align:center;opacity:1;transition:opacity .3s ease}.thread.editing .thread .top .header .middle .tool-title{opacity:0}.thread .top .header .right{display:flex;justify-content:flex-end}@media (max-width: 768px){.thread .top .header{width:calc(100vw - 48px);margin:0 24px 16px}.thread .top .header .back-button .button-text,.thread .top .header .back-button .text,.thread .top .header .reset-button .button-text,.thread .top .header .reset-button .text,.thread .top .header .toggle .button-text,.thread .top .header .toggle .text{display:none!important}}@media (max-width: 480px){.thread .top .header{width:calc(100vw - 32px);margin:0 16px 16px}.thread .top .header .back-button .button-text,.thread .top .header .back-button .text,.thread .top .header .reset-button .button-text,.thread .top .header .reset-button .text,.thread .top .header .toggle .button-text,.thread .top .header .toggle .text{display:none!important}.thread .top .header .middle .tool-title{font-size:16px}}.thread .top .tool-form{width:700px;background-color:#fff;border-radius:8px;margin-bottom:16px}.thread .top .tool-form .top-details{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e4e4}.thread .top .tool-form .top-details .left{display:flex;align-items:center;gap:16px}.thread .top .tool-form .top-details .right{display:flex;align-items:center}.thread .top .tool-form .top-details .back-button,.thread .top .tool-form .top-details .reset-button,.thread .top .tool-form .top-details .toggle{display:flex;color:#0098fd;font-size:14px;background:none;border:none;align-items:center;font-weight:600;cursor:pointer;transition:color .3s ease}.thread .top .tool-form .top-details .back-button i,.thread .top .tool-form .top-details .reset-button i,.thread .top .tool-form .top-details .toggle i{display:flex;align-items:center;margin-right:8px}.thread .top .tool-form .top-details .back-button .button-text,.thread .top .tool-form .top-details .back-button .text,.thread .top .tool-form .top-details .reset-button .button-text,.thread .top .tool-form .top-details .reset-button .text,.thread .top .tool-form .top-details .toggle .button-text,.thread .top .tool-form .top-details .toggle .text{line-height:1.1}@media (max-width: 768px){.thread .top .tool-form .top-details{flex-direction:row;padding:8px 0 16px}.thread .top .tool-form .top-details .back-button .button-text,.thread .top .tool-form .top-details .back-button .text,.thread .top .tool-form .top-details .reset-button .button-text,.thread .top .tool-form .top-details .reset-button .text,.thread .top .tool-form .top-details .toggle .button-text,.thread .top .tool-form .top-details .toggle .text{display:none!important}.thread .top .tool-form .top-details .left{gap:12px}.thread .top .tool-form .top-details .right{width:auto}}@media (max-width: 480px){.thread .top .tool-form .top-details .back-button .button-text,.thread .top .tool-form .top-details .back-button .text,.thread .top .tool-form .top-details .reset-button .button-text,.thread .top .tool-form .top-details .reset-button .text,.thread .top .tool-form .top-details .toggle .button-text,.thread .top .tool-form .top-details .toggle .text{display:none!important}.thread .top .tool-form .top-details .left{gap:8px}}@media (max-width: 768px){.thread .top .tool-form{width:calc(100vw - 48px);margin:0 24px 16px}}@media (max-width: 480px){.thread .top .tool-form{width:calc(100vw - 32px);margin:0 16px 16px}}.thread .top .thread-form{width:700px;padding:16px;display:flex;justify-content:center;background-color:#fff;border-radius:0 0 8px 8px;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;margin-bottom:16px}.thread .top .thread-form.editing{opacity:1;transform:translateY(0)}.thread .top .thread-form .tool-title{font-size:18px;font-weight:600;text-align:center}.thread .top .thread-form .tool-description{font-size:16px;margin-top:6px;text-align:center;color:#8a8a8b;font-weight:400}@media (max-width: 768px){.thread .top .thread-form{width:calc(100vw - 48px);margin:0 24px 16px;padding:12px}.thread .top .thread-form .tool-title{font-size:16px}.thread .top .thread-form .tool-description{font-size:14px}}@media (max-width: 480px){.thread .top .thread-form{width:calc(100vw - 32px);margin:0 16px 16px;padding:10px}.thread .top .thread-form .tool-title{font-size:14px}.thread .top .thread-form .tool-description{font-size:13px}}.message{box-shadow:#f7f7f7 0 -4px 16px 16px;padding-bottom:4px}.message .message-container{width:100%;display:flex;background-color:#fff;border-radius:8px;box-shadow:#e3e4e4 1px 1px 4px 1px}.message .message-container form{display:flex;align-items:center;padding:16px;width:700px;column-gap:8px}.message .message-container form input{width:100%;height:40px;padding:8px;border-radius:4px;border:1px solid #cdcece;font-family:Nunito,sans-serif}.message .message-container form button{background:none;border:none;cursor:pointer}.message .message-container form button img{width:30px;height:30px}@media (max-width: 768px){.message .message-container form{width:calc(100vw - 48px)}.message .message-container form input{height:36px;padding:6px;font-size:16px}.message .message-container form button img{width:26px;height:26px}}@media (max-width: 480px){.message .message-container form{width:calc(100vw - 32px)}.message .message-container form input{height:34px;padding:5px}.message .message-container form button img{width:24px;height:24px}}.chatbot .chatbot-container{width:700px;display:flex;flex-direction:column}.chatbot .chatbot-container .chatbot-message{position:relative}.chatbot .chatbot-container .chatbot-message:hover .chatbot-hover-box{display:block}.chatbot .chatbot-container .loading,.chatbot .chatbot-container .assistant{background-color:#fff;padding:24px;border-radius:8px;margin-bottom:16px;line-height:1.5;color:#1c1e20}.chatbot .chatbot-container .loading ul,.chatbot .chatbot-container .loading ol,.chatbot .chatbot-container .assistant ul,.chatbot .chatbot-container .assistant ol{padding-left:36px}.chatbot .chatbot-container .loading hr,.chatbot .chatbot-container .assistant hr{border:.5px solid #e3e4e4;margin:8px 0}.chatbot .chatbot-container .loading a,.chatbot .chatbot-container .assistant a{color:#0f7ce3}.chatbot .chatbot-container .loading h1,.chatbot .chatbot-container .loading h2,.chatbot .chatbot-container .loading h3,.chatbot .chatbot-container .loading h4,.chatbot .chatbot-container .loading h5,.chatbot .chatbot-container .assistant h1,.chatbot .chatbot-container .assistant h2,.chatbot .chatbot-container .assistant h3,.chatbot .chatbot-container .assistant h4,.chatbot .chatbot-container .assistant h5{font-size:16px}.chatbot .chatbot-container .error{background-color:#f8da55;padding:16px;border-radius:8px;margin-bottom:16px}.chatbot .chatbot-container .user{background-color:#cceaff;padding:24px;border-radius:8px;margin-bottom:16px}@media (max-width: 768px){.chatbot .chatbot-container{width:calc(100vw - 32px);margin:0 16px}.chatbot .chatbot-container .loading,.chatbot .chatbot-container .assistant,.chatbot .chatbot-container .user{margin:0 8px 12px}.chatbot .chatbot-container .loading ul,.chatbot .chatbot-container .loading ol,.chatbot .chatbot-container .assistant ul,.chatbot .chatbot-container .assistant ol,.chatbot .chatbot-container .user ul,.chatbot .chatbot-container .user ol{padding-left:24px}.chatbot .chatbot-container .error{padding:12px;margin-bottom:12px}}@media (max-width: 480px){.chatbot .chatbot-container{width:calc(100vw - 16px);margin:0 8px}.chatbot .chatbot-container .loading,.chatbot .chatbot-container .assistant,.chatbot .chatbot-container .user{margin-bottom:10px;font-size:14px}.chatbot .chatbot-container .loading ul,.chatbot .chatbot-container .loading ol,.chatbot .chatbot-container .assistant ul,.chatbot .chatbot-container .assistant ol,.chatbot .chatbot-container .user ul,.chatbot .chatbot-container .user ol{padding-left:20px}.chatbot .chatbot-container .error{padding:10px;margin-bottom:10px;font-size:14px}}.recommendation{margin-bottom:16px}.recommendation .recommendation-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.recommendation .recommendation-container .recommendation-box{cursor:pointer;border:1px solid #e3e4e4;border-radius:8px;padding:16px}@media (max-width: 768px){.recommendation .recommendation-container{margin:8px}}.feedback{margin-top:24px;display:flex;column-gap:8px}.feedback img{width:16px;height:16px;cursor:pointer}.feedback-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.feedback-modal .modal-content{background:#fff;padding:24px;border-radius:8px;width:420px;max-width:100%;box-sizing:border-box}.feedback-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e4e4;margin-bottom:16px;padding-bottom:4px;font-weight:500;color:#454546}.feedback-modal .modal-content .modal-header h3{font-size:20px;margin:0}.feedback-modal .modal-content .modal-header .close-button{background:none;border:none;font-size:16px;cursor:pointer;padding:4px}.feedback-modal .modal-content .options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.feedback-modal .modal-content .options .option-button{background:none;border:1px solid #cdcece;border-radius:4px;padding:6px 12px;font-size:14px;color:#8a8a8b;cursor:pointer}.feedback-modal .modal-content .options .option-button.selected{background:#14bc92;color:#fff;border-color:#14bc92}.feedback-modal .modal-content .comment-section{margin-bottom:8px}.feedback-modal .modal-content .comment-section label{display:block;margin-bottom:8px;color:#8a8a8b}.feedback-modal .modal-content .comment-section textarea{width:100%;height:100px;padding:10px;border:1px solid #cdcece;border-radius:4px;font-family:Nunito,sans-serif;resize:none}.feedback-modal .modal-content .comment-section textarea::placeholder{color:#acadae}.feedback-modal .modal-content .submit-button{background:#0098fd;color:#fff;border:none;padding:8px 16px;width:100%;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s ease}.feedback-modal .modal-content .submit-button:hover{background:#0f7ce3}.feedback-modal .modal-content .submit-button:disabled{background:#e3e4e4;color:#8a8a8b;cursor:not-allowed}@media (max-width: 480px){.feedback-modal .modal-content{padding:16px}.feedback-modal .modal-content .modal-header h3{font-size:18px}.feedback-modal .modal-content .modal-header .close-button{font-size:14px}.feedback-modal .modal-content .options{gap:6px}.feedback-modal .modal-content .options .option-button{padding:5px 10px;font-size:13px}.feedback-modal .modal-content .comment-section textarea{height:80px}.feedback-modal .modal-content .submit-button{padding:8px;font-size:14px}}.chatbot-hover-box{position:absolute;top:8px;right:8px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000004d;padding:12px;display:none;width:160px}.chatbot-hover-box .hover-box-button{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:4px 8px;color:#0098fd;font-weight:500;width:100%;justify-content:flex-start}.chatbot-hover-box .hover-box-button:hover{color:#0f7ce3}.chatbot-hover-box .hover-box-button i{margin-right:8px}.chatbot-hover-box .export-dropdown .export-button{display:flex;justify-content:space-between}.chatbot-hover-box .export-dropdown .export-button .chevron{transition:transform .3s ease}.chatbot-hover-box .export-dropdown .export-options .export-option{display:grid;grid-template-columns:20px auto;align-items:center;background:none;border:none;cursor:pointer;padding:4px;margin-left:16px;color:#0098fd;width:100%;text-align:left}.chatbot-hover-box .export-dropdown .export-options .export-option:hover{color:#0f7ce3}.chatbot-hover-box .export-dropdown .export-options .export-option i{margin-right:8px}.verify-your-email{display:flex;height:100vh;width:100vw}.verify-your-email .section{display:flex;width:100%}.verify-your-email .section .left-section{width:35vw;overflow:hidden}.verify-your-email .section .left-section .blue-background{width:100%;height:100vh;object-fit:cover}.verify-your-email .section .right-section{width:65vw;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}.verify-your-email .section .right-section .yudu-copilot-logo{width:200px}.verify-your-email .section .right-section .empowered-teaching{color:#0098fd;font-size:24px;margin-top:16px;font-weight:600;text-align:center}.verify-your-email .section .right-section .please-verify{font-size:40px;margin-top:32px;font-weight:700;text-align:center}.verify-your-email .section .right-section .texts{margin-top:16px;display:flex;flex-direction:column}.verify-your-email .section .right-section .texts p{margin-bottom:16px;text-align:center}.verify-your-email .section .right-section .texts span{font-weight:600}.verify-your-email .section .right-section .texts button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.verify-your-email .section .right-section .texts button:hover{background-color:#00a67c;cursor:pointer}.verify-your-email .section .right-section .texts button:disabled{background-color:#acadae;cursor:not-allowed}.verify-your-email .section .right-section .texts button:active{background-color:#007c5d}.verify-your-email .section .right-section .texts .log-in{font-size:18px}.verify-your-email .section .right-section .contact-us{margin-top:32px;text-align:center}.verify-your-email .section .right-section .contact-us span{color:#14bc92;font-weight:600}.verify-your-email .section .right-section .watch{font-size:18px;font-weight:700;margin:32px 0 16px;text-align:center}.verify-your-email .section .right-section iframe{border-radius:8px;overflow:hidden;max-width:100%}@media (max-width: 1024px){.verify-your-email .section{flex-direction:column;height:100%}.verify-your-email .section .left-section{display:none}.verify-your-email .section .right-section{width:100%;padding:24px}.verify-your-email .section .right-section .please-verify{font-size:28px}.verify-your-email .section .right-section .empowered-teaching{font-size:20px}}@media (max-width: 600px){.verify-your-email .section .right-section{padding:24px}.verify-your-email .section .right-section .please-verify{font-size:22px;margin-top:20px}.verify-your-email .section .right-section .empowered-teaching{font-size:18px}.verify-your-email .section .right-section iframe{width:100%}}.complete-your-profile{display:flex;height:100vh}.complete-your-profile .section{display:flex}.complete-your-profile .section .left-section{width:25vw;overflow:none}.complete-your-profile .section .left-section .blue-background{width:100%;height:100vh;object-fit:cover}.complete-your-profile .section .right-section{padding:40px;width:75vw;overflow:scroll}.complete-your-profile .section .right-section .yudu-copilot-logo{width:130px}.complete-your-profile .section .right-section .complete-your-profile-title{font-size:24px;font-weight:600;margin-top:24px}.complete-your-profile .section .right-section form{display:flex;flex-direction:column;width:100%}.complete-your-profile .section .right-section form .input-field-container{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.complete-your-profile .section .right-section form .input-field-container input:not([type=radio]){display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.complete-your-profile .section .right-section form .input-field-container input:not([type=radio])::placeholder{color:#8a8a8b}.complete-your-profile .section .right-section form .input-field-container input:not([type=radio]):focus{border-color:#2246c6}.complete-your-profile .section .right-section form .input-field-container input:not([type=radio]):disabled{border-color:#cdcece;background-color:#e3e4e4}.complete-your-profile .section .right-section form .input-field-container select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.complete-your-profile .section .right-section form .input-field-container select::placeholder{color:#8a8a8b}.complete-your-profile .section .right-section form .input-field-container select:focus{border-color:#2246c6}.complete-your-profile .section .right-section form .input-field-container select:disabled{border-color:#cdcece;background-color:#e3e4e4}.complete-your-profile .section .right-section form .input-field-container .mobile-number-field{font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none;display:flex;align-items:center}.complete-your-profile .section .right-section form .input-field-container .mobile-number-field::placeholder{color:#8a8a8b}.complete-your-profile .section .right-section form .input-field-container .mobile-number-field:focus{border-color:#2246c6}.complete-your-profile .section .right-section form .input-field-container .mobile-number-field:disabled{border-color:#cdcece;background-color:#e3e4e4}.complete-your-profile .section .right-section form .input-field-container .mobile-number-field select{border:none;width:60px;height:24px;color:#fff;background-color:#454546;border-radius:4px}.complete-your-profile .section .right-section form .input-field-container .mobile-number-field input{border:none;height:24px;width:70%;border-radius:0}.complete-your-profile .section .right-section form .input-field-container .mobile-number-field input:focus{outline:none}.complete-your-profile .section .right-section form .subjects-field .css-b62m3t-container{width:100%}.complete-your-profile .section .right-section form .subjects-field .css-b62m3t-container .css-13cymwt-control{border-radius:8px}.complete-your-profile .section .right-section form .radio-button{margin-top:8px;display:flex;align-items:center}.complete-your-profile .section .right-section form .radio-button input{margin-right:8px;display:flex}.complete-your-profile .section .right-section form .radio-button label{display:flex;margin:0}.complete-your-profile .section .right-section form button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;width:120px;margin-top:24px}.complete-your-profile .section .right-section form button:hover{background-color:#00a67c;cursor:pointer}.complete-your-profile .section .right-section form button:disabled{background-color:#acadae;cursor:not-allowed}.complete-your-profile .section .right-section form button:active{background-color:#007c5d}@media (max-width: 1024px){.complete-your-profile .section .left-section{display:none}.complete-your-profile .section .right-section{width:100vw;flex:1;padding:32px}}@media (max-width: 768px){.complete-your-profile .section{flex-direction:column}.complete-your-profile .section .right-section{padding:24px}.complete-your-profile .section .right-section .complete-your-profile-title{font-size:20px}}@media (max-width: 480px){.complete-your-profile .section .right-section{padding:16px}.complete-your-profile .section .right-section .complete-your-profile-title{font-size:18px;margin-top:16px}}.error-page{height:100vh;width:100vw;background-image:url(/assets/dark-bg-B8EP4Atj.png);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.error-page .error-page-container{display:flex;align-items:center;justify-content:center;gap:2%}.error-page .error-page-container img{max-width:24%;height:auto}.error-page .error-page-container__content{width:340px;text-align:left}.error-page .error-page-container__content h1{font-size:40px;color:#fff;margin-bottom:15px}.error-page .error-page-container__content p{font-size:18px;color:#e3e4e4;margin-bottom:20px}.error-page .error-page-container__content p a{color:#e3e4e4}.error-page .error-page-container__content button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;font-size:16px;margin-top:24px}.error-page .error-page-container__content button:hover{background-color:#00a67c;cursor:pointer}.error-page .error-page-container__content button:disabled{background-color:#acadae;cursor:not-allowed}.error-page .error-page-container__content button:active{background-color:#007c5d}.checkout-container{width:100vw;padding:40px}.checkout-container .yudu-copilot-logo{width:140px}.checkout-container .checkout-header{margin:20px 0}.checkout-container .checkout-header h1{font-size:32px;margin:0}.checkout-container .checkout-content{display:flex;justify-content:space-between}.checkout-container .checkout-content .payment-summary{flex:1;background:#f7f7f7;border-radius:8px;padding:24px}.checkout-container .checkout-content .payment-summary h2{font-size:24px}.checkout-container .checkout-content .payment-summary .amount{font-size:32px;font-weight:700;color:#0098fd}.checkout-container .checkout-content .payment-methods{flex:2;padding:0 24px}.checkout-container .checkout-content .payment-methods .method label{display:block;cursor:pointer}.checkout-container .checkout-content .payment-methods .method label h3{margin-left:8px;font-size:20px}.checkout-container .checkout-content .payment-methods .method label p{margin:4px 0;color:#676868}.checkout-container .checkout-content .payment-methods .method .payment-block{display:flex;align-items:center;justify-content:space-between}.checkout-container .checkout-content .payment-methods .method .payment-block .card-name{display:flex;align-items:center}.checkout-container .checkout-content .payment-methods .method .payment-block .payment-logos{width:120px}.checkout-container .checkout-content .payment-methods .method .card-details{display:flex;flex-direction:column}.checkout-container .checkout-content .payment-methods .method .card-details input{width:100%;padding:16px;height:48px;border:1px solid #e3e4e4;border-radius:8px;font-family:Nunito,sans-serif;margin-top:12px}.checkout-container .checkout-content .payment-methods .method .card-details .card-info{display:flex;justify-content:space-between;gap:8px}.checkout-container .checkout-content .payment-methods .method .card-details .card-info div{width:100%}.checkout-container .checkout-content .payment-methods .method .card-details .save-card{display:flex;align-items:center;height:40px;margin:16px 0;border-bottom:1px solid #e3e4e4;padding-bottom:16px}.checkout-container .checkout-content .payment-methods .method .card-details .save-card input{width:auto;height:auto;margin:0 8px 0 0}.checkout-container .checkout-content .payment-methods .method .card-details .save-card label{margin:0}.checkout-container .pay-button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:48px;padding:0 24px;border-radius:24px;width:100%;margin-top:24px;font-size:16px}.checkout-container .pay-button:hover{background-color:#00a67c;cursor:pointer}.checkout-container .pay-button:disabled{background-color:#acadae;cursor:not-allowed}.checkout-container .pay-button:active{background-color:#007c5d}.checkout-container input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #cdcece;border-radius:50%;background-color:transparent;cursor:pointer;position:relative}.checkout-container input[type=radio]:checked{background-color:#14bc92;border-color:#14bc92}.checkout-container input[type=radio]:checked:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background-color:#fff;border-radius:50%}.checkout-container input[type=checkbox]{accent-color:#0098fd}@media (max-width: 768px){.checkout-container{padding:20px}.checkout-container .checkout-content{flex-direction:column;gap:24px}.checkout-container .checkout-content .payment-methods{gap:16px;padding:0 10px}.checkout-container .checkout-content .payment-methods .method label{display:block;cursor:pointer}.checkout-container .checkout-content .payment-methods .method label h3{margin-left:2px;font-size:18px}}.payment-methods input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;vertical-align:middle;width:20px;height:20px;margin:0 8px 0 0;border:2px solid #cdcece;border-radius:50%;background-color:transparent;cursor:pointer;position:relative}.payment-methods input[type=radio]:checked{border-color:#14bc92;background-color:#14bc92}.payment-methods input[type=radio]:checked:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background-color:#fff;border-radius:50%}.payment-notification{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;text-align:center}.payment-notification .content{display:flex;flex-direction:column;justify-content:center;align-items:center}.payment-notification .logo{max-width:120px;margin-bottom:24px}.payment-notification h1{font-size:40px;max-width:90%}.payment-notification p{font-size:24px;font-weight:600}.payment-notification ul{list-style:none;padding:0;margin-top:16px}.payment-notification ul li{display:flex;align-items:center;margin-bottom:10px;color:#454546}.payment-notification ul li .check-icon{margin-right:10px;color:#14bc92}.payment-notification button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;margin-top:40px}.payment-notification button:hover{background-color:#00a67c;cursor:pointer}.payment-notification button:disabled{background-color:#acadae;cursor:not-allowed}.payment-notification button:active{background-color:#007c5d}.payment-notification.success h1{color:#2246c6}.payment-notification.success p{color:#0098fd}.payment-notification.failed h1{color:#5d1f18}.payment-notification.failed p{color:#454546}.payment-notification.processing h1{color:#00533e}.payment-notification.processing p{color:#454546}.plans-page{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;background-color:#fff;border-radius:8px}.plans-page .plans-container{width:100%}.plans-page .plans-container .title{font-size:24px;font-weight:600}.plans-page .toggle-switch{display:flex;justify-content:center;margin:24px 0;border-radius:24px;border:1px solid #acadae;width:fit-content}.plans-page .toggle-switch .toggle-btn{padding:8px 16px;border:none;background:transparent;cursor:pointer;border-radius:24px;transition:.3s}.plans-page .toggle-switch .toggle-btn.active{background:#0098fd;color:#fff}.plans-page .plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;justify-content:center}.plans-page .plans .plan-box{background:#0098fd;border-radius:8px;padding:24px 4px 4px;display:flex}.plans-page .plans .plan-box.annual-plan{background:#f8da55}.plans-page .plans .plan-box .plan-card{background-color:#fff;border-radius:4px;padding:16px;display:grid;grid-template-rows:1.3fr 96px 2fr}.plans-page .plans .plan-box .plan-card .plan-name{font-size:24px;font-weight:600;margin-bottom:8px;color:#2246c6}.plans-page .plans .plan-box .plan-card .plan-price{font-size:56px;font-weight:700;margin-bottom:10px;display:grid}.plans-page .plans .plan-box .plan-card .plan-price span{font-size:14px;font-weight:400}.plans-page .plans .plan-box .plan-card .plan-discount{margin-bottom:8px}.plans-page .plans .plan-box .plan-card .plan-discount span{color:#14bc92;font-weight:600}.plans-page .plans .plan-box .plan-card .plan-button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;margin:24px 0}.plans-page .plans .plan-box .plan-card .plan-button:hover{background-color:#00a67c;cursor:pointer}.plans-page .plans .plan-box .plan-card .plan-button:disabled{background-color:#acadae;cursor:not-allowed}.plans-page .plans .plan-box .plan-card .plan-button:active{background-color:#007c5d}.plans-page .plans .plan-box .plan-card .features span{font-weight:500}.plans-page .plans .plan-box .plan-card .features .plan-features{list-style:none;padding:0;color:#676868;margin:8px}.plans-page .plans .plan-box .plan-card .features .plan-features li{margin-bottom:8px;display:flex}.plans-page .plans .plan-box .plan-card .features .plan-features li:before{content:"✔";color:#14bc92;margin-right:8px}.plans-page .plans .plan-box .plan-card .features .plan-features li.highlighted-feature{color:#2246c6;font-weight:700}.plans-page .texts{color:#676868;margin-top:16px}.plans-page .cancel_subscription_button{display:inline-flex;background-color:#14bc92;flex-shrink:0;color:#fff;border:none;display:flex;align-items:center;background:none;color:#14bc92;border:1px solid #14bc92;justify-content:center;padding:0 20px;height:40px;gap:8px;border-radius:24px;font-weight:600;cursor:pointer}.plans-page .cancel_subscription_button:hover{background-color:#00a67c;cursor:pointer}.plans-page .cancel_subscription_button:disabled{background-color:#acadae;cursor:not-allowed}.plans-page .cancel_subscription_button:active{background-color:#007c5d}.plans-page .cancel_subscription_button:hover{background-color:#00a67c;color:#fff}@media (max-width: 768px){.plans-page{padding:24px}.plans-page .plans-container .title{font-size:20px;text-align:center}.plans-page .toggle-switch{flex-direction:row;width:100%;justify-content:space-around}.plans-page .toggle-switch .toggle-btn{flex:1;padding:8px}.plans-page .plans{grid-template-columns:1fr;gap:24px}.plans-page .plans .plan-box{padding:16px}.plans-page .plans .plan-box .plan-card{grid-template-rows:auto auto auto}.plans-page .plans .plan-box .plan-card .plan-name{font-size:20px;text-align:center}.plans-page .plans .plan-box .plan-card .plan-price{font-size:40px;text-align:center}.plans-page .plans .plan-box .plan-card .plan-price span{font-size:12px}.plans-page .plans .plan-box .plan-card .plan-button{margin:16px auto;width:100%}.plans-page .plans .plan-box .plan-card .features .plan-features{margin-left:0;padding-left:0}.plans-page .texts{font-size:12px;text-align:center}.plans-page .cancel_subscription_button{justify-self:center}}.inquiry-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;padding:40px}.inquiry-form .container{display:flex;flex-direction:column;justify-content:center;max-width:1000px;width:100%;margin:0 auto;gap:24px}.inquiry-form .container .header{display:flex;justify-content:space-between;width:100%}.inquiry-form .container .header img{width:120px}.inquiry-form .container .header button{background:none;border:none;cursor:pointer}.inquiry-form .container .box{display:flex;width:100%;gap:36px}.inquiry-form .container .box .left{flex:1}.inquiry-form .container .box .left img{width:100%;margin-bottom:16px}.inquiry-form .container .box .left .text-box .title{font-size:32px;font-weight:600;margin-bottom:16px}.inquiry-form .container .box .left .text-box .description{line-height:22px}.inquiry-form .container .box .right{flex:1;background-color:#f7f7f7;padding:24px;border-radius:16px}.inquiry-form .container .box .right .form-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:16px}.inquiry-form .container .box .right .input-field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.inquiry-form .container .box .right .input-field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.inquiry-form .container .box .right .input-field input::placeholder{color:#8a8a8b}.inquiry-form .container .box .right .input-field input:focus{border-color:#2246c6}.inquiry-form .container .box .right .input-field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.inquiry-form .container .box .right .input-field select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.inquiry-form .container .box .right .input-field select::placeholder{color:#8a8a8b}.inquiry-form .container .box .right .input-field select:focus{border-color:#2246c6}.inquiry-form .container .box .right .input-field select:disabled{border-color:#cdcece;background-color:#e3e4e4}.inquiry-form .container .box .right .input-field textarea{display:flex;font-family:Nunito,sans-serif;height:60px;width:100%;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:8px;resize:none;outline:none}.inquiry-form .container .box .right .input-field textarea::placeholder{color:#acadae}.inquiry-form .container .box .right .input-field textarea:focus{border-color:#2246c6}.inquiry-form .container .box .right .input-field textarea:disabled{border-color:#cdcece;background-color:#e3e4e4}.inquiry-form .container .box .right .calendly-button{display:flex;justify-content:center;margin-top:16px}.inquiry-form .container .box .right .calendly-button .custom-button{width:100%;border:none;background:none}.inquiry-form .container .box .right .calendly-button .custom-button button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;width:100%}.inquiry-form .container .box .right .calendly-button .custom-button button:hover{background-color:#00a67c;cursor:pointer}.inquiry-form .container .box .right .calendly-button .custom-button button:disabled{background-color:#acadae;cursor:not-allowed}.inquiry-form .container .box .right .calendly-button .custom-button button:active{background-color:#007c5d}.inquiry-form .container .box .right .calendly-button .custom-button .popup-disabled{background-color:#cdcece;color:#8a8a8b}.inquiry-form .container .box .right .calendly-button .custom-button .popup-disabled:hover{background-color:#cdcece;cursor:not-allowed}@media (max-width: 768px){.inquiry-form .container .box{flex-direction:column}.inquiry-form .container .box .left .text-box .title{font-size:20px}}.users-page{width:100%;height:calc(100vh - 48px);background-color:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column}.users-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.users-page .header .header-left .title{font-weight:700;font-size:24px;line-height:1.5}.users-page .header .header-right{display:flex;gap:16px;position:relative}.users-page .header .header-right button{height:40px;max-width:360px;border:1px solid #cdcece;border-radius:4px;padding:8px 16px;background:none;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-page .header .header-right button i{color:#0098fd;font-size:16px;flex-shrink:0}.users-page .header .header-right button span{font-size:14px;color:#454546;overflow:hidden;text-overflow:ellipsis}.users-page .header .header-right .datepicker-container{position:absolute;top:100%;right:0;z-index:10}.users-page .filters{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:24px}.users-page .filters .buttons{background-color:#f7f7f7;height:40px;display:flex;align-items:center;gap:24px;border-radius:4px;padding:0 12px}.users-page .filters .buttons button{padding:0 8px;background:none;border:none;cursor:pointer;color:#676868}.users-page .filters .buttons .selected{background-color:#fff;border-radius:4px;color:#454546;height:24px}.users-page .filters .fields{display:flex;align-items:center;gap:16px}.users-page .filters .fields .field{height:40px;display:flex;align-items:center;gap:8px;color:#676868}.users-page .filters .fields .search,.users-page .filters .fields .sort{border:1px solid #cdcece;border-radius:4px;padding:0 16px;display:flex;align-items:center;gap:8px}.users-page .filters .fields .search i,.users-page .filters .fields .sort i{color:#8a8a8b}.users-page .filters .fields .search input,.users-page .filters .fields .sort input{border:none;height:24px;outline:none}.users-page .filters .fields select{height:40px;padding:0 4px;color:#676868;border:1px solid #cdcece;border-radius:4px;cursor:pointer}.users-page .users{margin-top:20px;width:100%;border:1px solid #f7f7f7;border-radius:4px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.users-page .users .table-header{background-color:#f7f7f7;display:grid;grid-template-columns:2fr repeat(9,1fr);position:sticky;top:0;z-index:2}.users-page .users .table-header .th{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;color:#676868;font-size:12px}.users-page .users .table-body{overflow-y:auto;display:block}.users-page .users .table-body .table-data{display:grid;grid-template-columns:2fr repeat(9,1fr);border-bottom:1px solid #f7f7f7}.users-page .users .table-body .table-data .td{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;font-size:12px}.users-page .users .table-body .table-data .user{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px 8px}.users-page .users .table-body .table-data .user img{width:40px;height:40px;border-radius:50%}.users-page .users .table-body .table-data .user .user-details{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.users-page .users .table-body .table-data .user .user-details .name{color:#0098fd;font-size:14px;font-weight:500}.users-page .users .table-body .table-data .user .user-details .email{font-size:13px}.users-page .users .table-body .table-data .user .user-details .role,.users-page .users .table-body .table-data .user .user-details .school{margin-top:8px;color:#676868;display:grid;grid-template-columns:14px auto;align-items:center}.users-page .users .table-body .table-data .user .user-details .school{margin-top:0}.users-page .users .table-body .table-data .user .user-details i{color:#acadae;font-size:10px;margin-right:4px}.users-page .users .table-body .table-data .prompt-token{color:#c6ae44}.users-page .users .table-body .table-data .completion-token{color:#00a67c}.users-page .users .table-body .table-data .total-token{color:#1b389e}.users-page .users .table-body .table-data .edit{cursor:pointer;background:none;border:none}.users-page .users .table-body .table-data .edit .fa-pencil{color:#0098fd;font-size:14px}.users-page .pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;background-color:#fff;position:sticky;bottom:0;margin-top:16px;font-size:12px}.users-page .pagination button{border:none;background:#14bc92;color:#fff;padding:8px 12px;cursor:pointer;border-radius:50%;font-size:12px}.users-page .pagination button:hover{background:#00a67c}.users-page .pagination button:disabled{background:#f7f7f7;color:#cdcece;cursor:not-allowed}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.rewards-page{width:100%;height:calc(100vh - 48px);background-color:#fff;padding:24px;border-radius:8px}.rewards-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.rewards-page .header .header-left .title{font-weight:700;font-size:24px;line-height:1.5}.rewards-page .header .header-right{display:flex;gap:16px;position:relative}.rewards-page .header .header-right button{height:40px;border:1px solid #cdcece;border-radius:4px;padding:8px 16px;background:none;cursor:pointer}.rewards-page .header .header-right button i{margin-right:8px;color:#0098fd;font-size:16px}.rewards-page .header .header-right .datepicker-container{position:absolute;top:100%;right:0;z-index:10}.rewards-page .rewards{margin-top:20px;width:100%;border:1px solid #f7f7f7;border-radius:4px;overflow:hidden}.rewards-page .rewards .table-header{background-color:#f7f7f7;display:grid;grid-template-columns:2fr repeat(5,1fr)}.rewards-page .rewards .table-header .th{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;color:#676868;font-size:12px}.rewards-page .rewards .table-data{display:grid;grid-template-columns:2fr repeat(5,1fr);border-bottom:1px solid #f7f7f7}.rewards-page .rewards .table-data .td{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;font-size:12px}.rewards-page .rewards .table-data .user{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px 8px}.rewards-page .rewards .table-data .user img{width:40px;height:40px;border-radius:50%}.rewards-page .rewards .table-data .user .user-details{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.rewards-page .rewards .table-data .user .user-details .name{color:#0098fd;font-size:14px;font-weight:500}.rewards-page .rewards .table-data .user .user-details .email{font-size:13px}.rewards-page .rewards .table-data .delete{cursor:pointer;background:none;border:none}.rewards-page .rewards .table-data .delete .fa-trash{color:#e94e3c;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:8px;width:500px;display:flex;flex-direction:column}.modal .header .title{font-size:24px;font-weight:500}.modal .email-field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:16px}.modal .modal-row{display:flex;justify-content:space-between;gap:16px;margin:16px 0}.modal .modal-row .field{flex:1;display:flex;flex-direction:column}.modal input[type=email]{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.modal input[type=email]::placeholder{color:#8a8a8b}.modal input[type=email]:focus{border-color:#2246c6}.modal input[type=email]:disabled{border-color:#cdcece;background-color:#e3e4e4}.modal select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.modal select::placeholder{color:#8a8a8b}.modal select:focus{border-color:#2246c6}.modal select:disabled{border-color:#cdcece;background-color:#e3e4e4}.modal .duration-field{flex-direction:row;align-items:center;display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.modal .duration-field::placeholder{color:#8a8a8b}.modal .duration-field:focus{border-color:#2246c6}.modal .duration-field:disabled{border-color:#cdcece;background-color:#e3e4e4}.modal .duration-field input{border:none;font-family:Nunito,sans-serif;outline:none}.modal .submit-btn,.modal .close-btn{padding:10px;border:none;border-radius:4px;cursor:pointer}.modal .submit-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.modal .submit-btn:hover{background-color:#00a67c;cursor:pointer}.modal .submit-btn:disabled{background-color:#acadae;cursor:not-allowed}.modal .submit-btn:active{background-color:#007c5d}.modal .close-btn{color:#676868;background:none;font-size:18px}.meetings-page{width:100%;height:calc(100vh - 48px);background-color:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column}.meetings-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.meetings-page .header .header-left .title{font-weight:700;font-size:24px;line-height:1.5}.meetings-page .header .header-right{position:relative}.meetings-page .header .header-right button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #cdcece;border-radius:4px;background:none;cursor:pointer;max-width:240px;height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meetings-page .header .header-right button i{flex-shrink:0;font-size:16px;color:#0098fd}.meetings-page .header .header-right button span{font-size:14px;color:#454546;overflow:hidden;text-overflow:ellipsis}.meetings-page .header .header-right .datepicker-container{position:absolute;top:100%;right:0;z-index:10}.meetings-page .filters{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:24px}.meetings-page .filters .buttons{background-color:#f7f7f7;height:40px;display:flex;align-items:center;gap:24px;border-radius:4px;padding:0 12px}.meetings-page .filters .buttons button{padding:0 8px;background:none;border:none;cursor:pointer;color:#676868}.meetings-page .filters .buttons .selected{background-color:#fff;border-radius:4px;color:#454546;height:24px}.meetings-page .filters .fields{display:flex;align-items:center;gap:16px}.meetings-page .filters .fields .field{height:40px;display:flex;align-items:center;gap:8px;color:#676868}.meetings-page .filters .fields .search,.meetings-page .filters .fields .sort{border:1px solid #cdcece;border-radius:4px;padding:0 16px;display:flex;align-items:center;gap:8px}.meetings-page .filters .fields .search i,.meetings-page .filters .fields .sort i{color:#8a8a8b}.meetings-page .filters .fields .search input,.meetings-page .filters .fields .sort input{border:none;height:24px;outline:none}.meetings-page .filters .fields select{height:40px;padding:0 4px;color:#676868;border:1px solid #cdcece;border-radius:4px;cursor:pointer}.meetings-page .meetings{margin-top:20px;width:100%;border:1px solid #f7f7f7;border-radius:4px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.meetings-page .meetings .table-header{background-color:#f7f7f7;display:grid;grid-template-columns:repeat(5,1fr) 2fr 1fr;position:sticky;top:0;z-index:2}.meetings-page .meetings .table-header .th{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;color:#676868;font-size:12px}.meetings-page .meetings .table-body{overflow-y:auto;display:block}.meetings-page .meetings .table-body .loading{width:100%;height:50vh;display:flex;justify-content:center;align-items:center}.meetings-page .meetings .table-body .loading .fa-spinner{animation:spin 1s linear infinite;font-size:40px;color:#cdcece}.meetings-page .meetings .table-body .table-data{display:grid;grid-template-columns:repeat(5,1fr) 2fr 1fr;border-bottom:1px solid #f7f7f7}.meetings-page .meetings .table-body .table-data .td{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;font-size:12px}.meetings-page .meetings .table-body .table-data .user{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 8px}.meetings-page .meetings .table-body .table-data .user img{width:40px;height:40px;border-radius:50%}.meetings-page .meetings .table-body .table-data .user .user-details{flex-direction:column}.meetings-page .meetings .table-body .table-data .user .user-details .name{font-weight:500}.meetings-page .meetings .table-body .table-data .user .user-details .email{color:#676868}.meetings-page .meetings .table-body .table-data .buttons{display:flex;justify-content:center;align-items:center;flex-direction:column}.meetings-page .meetings .table-body .table-data .buttons button{background:none;border:none;padding:0;cursor:pointer}.meetings-page .meetings .table-body .table-data .buttons .reschedule{color:#0098fd;text-decoration:underline}.meetings-page .meetings .table-body .table-data .buttons .cancel{color:#e94e3c;margin-top:4px}.meetings-page .pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;background-color:#fff;position:sticky;bottom:0;margin-top:16px;font-size:12px}.meetings-page .pagination button{border:none;background:#14bc92;color:#fff;padding:8px 12px;cursor:pointer;border-radius:50%;font-size:12px}.meetings-page .pagination button:hover{background:#00a67c}.meetings-page .pagination button:disabled{background:#f7f7f7;color:#cdcece;cursor:not-allowed}.admin-feedback-page{width:100%;height:calc(100vh - 48px);background-color:#fff;padding:24px;border-radius:8px}.admin-feedback-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.admin-feedback-page .header .header-left .title{font-weight:700;font-size:24px;line-height:1.5}.admin-feedback-page .header .header-right{display:flex;gap:16px;position:relative}.admin-feedback-page .header .header-right button{height:40px;max-width:240px;border:1px solid #cdcece;border-radius:4px;padding:8px 16px;background:none;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-feedback-page .header .header-right button i{color:#0098fd;font-size:16px;flex-shrink:0}.admin-feedback-page .header .header-right button span{font-size:14px;color:#454546;overflow:hidden;text-overflow:ellipsis}.admin-feedback-page .header .header-right .datepicker-container{position:absolute;top:100%;right:0;z-index:10}.admin-feedback-page .filters{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:24px}.admin-feedback-page .filters .buttons{background-color:#f7f7f7;padding:0 12px;height:40px;display:flex;gap:24px;border-radius:4px}.admin-feedback-page .filters .buttons button{background:none;border:none;cursor:pointer;color:#676868}.admin-feedback-page .filters .fields{display:flex;align-items:center;gap:16px}.admin-feedback-page .filters .fields .field{height:40px;display:flex;align-items:center;gap:8px;color:#676868}.admin-feedback-page .filters .fields .search,.admin-feedback-page .filters .fields .sort{border:1px solid #cdcece;border-radius:4px;padding:0 16px}.admin-feedback-page .filters .fields .search i,.admin-feedback-page .filters .fields .sort i{color:#8a8a8b}.admin-feedback-page .filters .fields .search input,.admin-feedback-page .filters .fields .sort input{border:none;height:24px;outline:none}.admin-feedback-page .filters .fields select{height:40px;padding:0 4px;color:#676868;border:1px solid #cdcece;border-radius:4px;cursor:pointer}.admin-feedback-page .admin-feedback{margin-top:20px;width:100%;border:1px solid #f7f7f7;border-radius:4px;overflow:hidden}.admin-feedback-page .admin-feedback .table-header{background-color:#f7f7f7;display:grid;grid-template-columns:2fr repeat(6,1fr)}.admin-feedback-page .admin-feedback .table-header .th{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;color:#676868;font-size:12px}.admin-feedback-page .admin-feedback .table-data{display:grid;grid-template-columns:2fr repeat(6,1fr);border-bottom:1px solid #f7f7f7}.admin-feedback-page .admin-feedback .table-data .td{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;font-size:12px}.admin-feedback-page .admin-feedback .table-data .user{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px 8px}.admin-feedback-page .admin-feedback .table-data .user img{width:40px;height:40px;border-radius:50%}.admin-feedback-page .admin-feedback .table-data .user .user-details{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.admin-feedback-page .admin-feedback .table-data .user .user-details .name{color:#0098fd;font-size:14px;font-weight:500}.admin-feedback-page .admin-feedback .table-data .user .user-details .email{font-size:13px}.admin-feedback-page .admin-feedback .table-data .like,.admin-feedback-page .admin-feedback .table-data .dislike{background-color:#fbe999;padding:4px 8px;color:#958333;border-radius:4px}.admin-feedback-page .admin-feedback .table-data .like i,.admin-feedback-page .admin-feedback .table-data .dislike i{margin-right:8px}.admin-feedback-page .admin-feedback .table-data .dislike{background-color:#f6b8b1;color:#8c2f24}.admin-feedback-page .admin-feedback .table-data .view-message{cursor:pointer;background-color:#14bc92;color:#fff;padding:8px 16px;border-radius:4px;border:none;font-size:12px}.admin-feedback-page .admin-feedback .table-data .view-message:hover{background-color:#00a67c}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal-content{background:#fff;border-radius:8px;width:500px;max-height:80vh;overflow-y:auto;position:relative;padding:0}.modal-overlay .modal-content .modal-header{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e4e4;padding:24px}.modal-overlay .modal-content .modal-header .tool-name{font-size:20px;font-weight:600;color:#0098fd}.modal-overlay .modal-content .modal-header .close-button{background:none;border:none;font-size:24px;color:#8a8a8b;cursor:pointer}.modal-overlay .modal-content .content{padding:24px;line-height:1.5;color:#1c1e20}.modal-overlay .modal-content .content ul,.modal-overlay .modal-content .content ol{padding-left:36px}.modal-overlay .modal-content .content hr{border:.5px solid #e3e4e4;margin:16px 0}.modal-overlay .modal-content .content a{color:#0f7ce3}.modal-overlay .modal-content .content h1,.modal-overlay .modal-content .content h2,.modal-overlay .modal-content .content h3,.modal-overlay .modal-content .content h4,.modal-overlay .modal-content .content h5{font-size:16px}.tasks-page{width:100%;height:calc(100vh - 48px);background-color:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column}.tasks-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.tasks-page .header .header-left .title{font-weight:700;font-size:24px;line-height:1.5}.tasks-page .header .header-right{display:flex;gap:16px;position:relative}.tasks-page .header .header-right button{height:40px;max-width:360px;border:1px solid #cdcece;border-radius:4px;padding:8px 16px;background:none;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks-page .header .header-right button i{color:#0098fd;font-size:16px;flex-shrink:0}.tasks-page .header .header-right button span{font-size:14px;color:#454546;overflow:hidden;text-overflow:ellipsis}.tasks-page .header .header-right .datepicker-container{position:absolute;top:100%;right:0;z-index:10}.tasks-page .filters{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:24px}.tasks-page .filters .buttons{background-color:#f7f7f7;height:40px;display:flex;align-items:center;gap:24px;border-radius:4px;padding:0 12px}.tasks-page .filters .buttons button{padding:0 8px;background:none;border:none;cursor:pointer;color:#676868}.tasks-page .filters .buttons .selected{background-color:#fff;border-radius:4px;color:#454546;height:24px}.tasks-page .filters .fields{display:flex;align-items:center;gap:16px}.tasks-page .filters .fields .field{height:40px;display:flex;align-items:center;gap:8px;color:#676868}.tasks-page .filters .fields .search,.tasks-page .filters .fields .sort{border:1px solid #cdcece;border-radius:4px;padding:0 16px;display:flex;align-items:center;gap:8px}.tasks-page .filters .fields .search i,.tasks-page .filters .fields .sort i{color:#8a8a8b}.tasks-page .filters .fields .search input,.tasks-page .filters .fields .sort input{border:none;height:24px;outline:none}.tasks-page .filters .fields select{height:40px;padding:0 4px;color:#676868;border:1px solid #cdcece;border-radius:4px;cursor:pointer}.tasks-page .tasks{margin-top:20px;width:100%;border:1px solid #f7f7f7;border-radius:4px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.tasks-page .tasks .table-header{background-color:#f7f7f7;display:grid;grid-template-columns:2fr 2fr repeat(4,1fr);position:sticky;top:0;z-index:2}.tasks-page .tasks .table-header .th{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;color:#676868;font-size:12px}.tasks-page .tasks .table-body{overflow-y:auto;display:block}.tasks-page .tasks .table-body .table-data{display:grid;grid-template-columns:2fr 2fr repeat(4,1fr);border-bottom:1px solid #f7f7f7}.tasks-page .tasks .table-body .table-data .td{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;font-size:12px}.tasks-page .tasks .table-body .table-data .user{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px 8px}.tasks-page .tasks .table-body .table-data .user img{width:40px;height:40px;border-radius:50%}.tasks-page .tasks .table-body .table-data .user .user-details{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.tasks-page .tasks .table-body .table-data .user .user-details .name{color:#0098fd;font-size:14px;font-weight:500}.tasks-page .tasks .table-body .table-data .user .user-details .email{font-size:13px}.tasks-page .tasks .table-body .table-data .prompt-token{color:#c6ae44}.tasks-page .tasks .table-body .table-data .completion-token{color:#00a67c}.tasks-page .tasks .table-body .table-data .total-token{color:#1b389e}.tasks-page .tasks .table-body .table-data .edit{cursor:pointer;background:none;border:none}.tasks-page .tasks .table-body .table-data .edit .fa-pencil{color:#0098fd;font-size:14px}.tasks-page .pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;background-color:#fff;position:sticky;bottom:0;margin-top:16px;font-size:12px}.tasks-page .pagination button{border:none;background:#14bc92;color:#fff;padding:8px 12px;cursor:pointer;border-radius:50%;font-size:12px}.tasks-page .pagination button:hover{background:#00a67c}.tasks-page .pagination button:disabled{background:#f7f7f7;color:#cdcece;cursor:not-allowed}.admin-dashboard-page{width:100%;height:calc(100vh - 48px);background-color:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column}.admin-dashboard-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.admin-dashboard-page .header .header-left .title{font-weight:700;font-size:24px;line-height:1.5}.admin-dashboard-page .header .header-right{display:flex;gap:16px;position:relative}.admin-dashboard-page .header .header-right button{height:40px;max-width:360px;border:1px solid #cdcece;border-radius:4px;padding:8px 16px;background:none;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard-page .header .header-right button i{color:#0098fd;font-size:16px;flex-shrink:0}.admin-dashboard-page .header .header-right button span{font-size:14px;color:#454546;overflow:hidden;text-overflow:ellipsis}.admin-dashboard-page .header .header-right .datepicker-container{position:absolute;top:100%;right:0;z-index:10}.admin-dashboard-page .header .header-right .fields{display:flex;align-items:center;gap:16px}.admin-dashboard-page .header .header-right .fields .field{height:40px;display:flex;align-items:center;gap:8px;color:#676868}.admin-dashboard-page .header .header-right .fields .search,.admin-dashboard-page .header .header-right .fields .sort{border:1px solid #cdcece;border-radius:4px;padding:0 16px;display:flex;align-items:center;gap:8px}.admin-dashboard-page .header .header-right .fields .search i,.admin-dashboard-page .header .header-right .fields .sort i{color:#8a8a8b}.admin-dashboard-page .header .header-right .fields .search input,.admin-dashboard-page .header .header-right .fields .sort input{border:none;height:24px;outline:none}.admin-dashboard-page .header .header-right .fields select{height:40px;padding:0 4px;color:#676868;border:1px solid #cdcece;border-radius:4px;cursor:pointer}.admin-dashboard-page .total{display:grid;grid-template-columns:repeat(4,1fr);width:100%;background-color:#f7f7f7;margin-top:20px;padding:16px;border-radius:4px;gap:16px}.admin-dashboard-page .total .total-container{background-color:#fff;padding:16px;border-radius:8px;gap:8px;display:flex;flex-direction:column}.admin-dashboard-page .total .total-container .text{color:#676868;font-weight:500}.admin-dashboard-page .total .total-container .number{text-align:right;font-size:24px;font-weight:700}.admin-dashboard-page .graph-container{margin-top:20px}.admin-dashboard-page .graph-container .graph-title{font-size:18px;font-weight:500}.admin-dashboard-page .graph-container text{font-family:Nunito,sans-serif!important;font-size:12px!important}.admin-dashboard-page .classrooms{width:100%;border:1px solid #f7f7f7;border-radius:4px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.admin-dashboard-page .classrooms .table-header{background-color:#f7f7f7;display:grid;grid-template-columns:repeat(7,1fr);position:sticky;top:0;z-index:2}.admin-dashboard-page .classrooms .table-header .th{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;color:#676868;font-size:12px}.admin-dashboard-page .classrooms .table-body{overflow-y:auto;display:block}.admin-dashboard-page .classrooms .table-body .table-data{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #f7f7f7}.admin-dashboard-page .classrooms .table-body .table-data .td{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;font-size:12px}.admin-dashboard-page .classrooms .table-body .table-data .user{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px 8px}.admin-dashboard-page .classrooms .table-body .table-data .user img{width:40px;height:40px;border-radius:50%}.admin-dashboard-page .classrooms .table-body .table-data .user .user-details{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.admin-dashboard-page .classrooms .table-body .table-data .user .user-details .name{color:#0098fd;font-size:14px;font-weight:500}.admin-dashboard-page .classrooms .table-body .table-data .user .user-details .email{font-size:13px}.admin-dashboard-page .pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;background-color:#fff;position:sticky;bottom:0;margin-top:16px;font-size:12px}.admin-dashboard-page .pagination button{border:none;background:#14bc92;color:#fff;padding:8px 12px;cursor:pointer;border-radius:50%;font-size:12px}.admin-dashboard-page .pagination button:hover{background:#00a67c}.admin-dashboard-page .pagination button:disabled{background:#f7f7f7;color:#cdcece;cursor:not-allowed}.set-password-page-container,.set-password-page-container .set-password-page-section{display:flex}.set-password-page-container .set-password-page-section .set-password-page-left-section{width:35vw}.set-password-page-container .set-password-page-section .set-password-page-left-section .blue-background{width:100%;height:100vh;object-fit:cover}.set-password-page-container .set-password-page-section .set-password-page-right-section{display:flex;justify-content:center;align-items:center;margin:0 auto;width:65vw;padding:40px}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form{display:flex;flex-direction:column;width:400px}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form img{height:fit-content}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form .yudu-copilot-logo{width:130px;margin-bottom:40px}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form .set-password-text{font-size:24px;font-weight:600;margin-bottom:4px}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form .field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form .field input::placeholder{color:#8a8a8b}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form .field input:focus{border-color:#2246c6}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form .field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;margin-top:24px}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form button:hover{background-color:#00a67c;cursor:pointer}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form button:disabled{background-color:#acadae;cursor:not-allowed}.set-password-page-container .set-password-page-section .set-password-page-right-section .set-password-form button:active{background-color:#007c5d}.invitation{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.invitation .fa-spinner{animation:spin 1s linear infinite;font-size:40px;color:#cdcece}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.school-admin-dashboard-page{width:100%;min-height:100vh;border-radius:8px;display:flex;flex-direction:column}.school-admin-dashboard-page .header{display:flex;flex-direction:column;width:100%;padding:24px 40px;background-color:#fff;border-bottom:1px solid #a8b6c3}@media (max-width: 768px){.school-admin-dashboard-page .header{padding:24px}}.school-admin-dashboard-page .header .title{font-weight:700;font-size:32px;line-height:48px}@media (max-width: 768px){.school-admin-dashboard-page .header .title{font-size:24px;line-height:32px}}.school-admin-dashboard-page .header .date{color:#535a61;font-size:14px}.school-admin-dashboard-page .welcome{display:flex;width:100%;padding:24px 40px;flex-direction:column}@media (max-width: 768px){.school-admin-dashboard-page .welcome{padding:24px}}.school-admin-dashboard-page .welcome .greetings{font-size:24px;font-weight:600;line-height:36px}@media (max-width: 768px){.school-admin-dashboard-page .welcome .greetings{font-size:18px;line-height:26px}}.school-admin-dashboard-page .welcome .text{font-weight:500;line-height:22px;color:#535a61}@media (max-width: 768px){.school-admin-dashboard-page .welcome .text{line-height:20px}}.school-admin-dashboard-page .dashboard-content{padding:0 40px 40px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content{padding:0 24px 24px}}.school-admin-dashboard-page .dashboard-content .overview-section{background-color:#fff;padding:24px;border-radius:32px}.school-admin-dashboard-page .dashboard-content .overview-section h2{font-size:24px;font-weight:600;line-height:36px;margin-bottom:24px}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters{display:flex;gap:16px;margin-bottom:16px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content .overview-section .time-filters{display:flex;flex-direction:column}}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .toggle-buttons{display:flex;border-radius:20px;overflow:hidden;border:1px solid #a8b6c3}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .toggle-buttons button{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:14px}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .toggle-buttons button.active{background-color:#0266c4;color:#fff;font-weight:500;border-radius:20px}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .dropdown-filters{display:flex;gap:8px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .dropdown-filters{display:flex;flex-direction:column}}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .dropdown-filters select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .dropdown-filters select::placeholder{color:#8a8a8b}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .dropdown-filters select:focus{border-color:#2246c6}.school-admin-dashboard-page .dashboard-content .overview-section .time-filters .dropdown-filters select:disabled{border-color:#cdcece;background-color:#e3e4e4}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content .overview-section .tools-section{display:flex;flex-direction:column}}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card{padding:0 16px;border-left:1px solid #a8b6c3}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card h3{font-size:18px;font-weight:600;line-height:28px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .subtitle{color:#697887;font-size:14px;margin-bottom:16px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .metric{display:flex;align-items:center;margin-bottom:24px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .metric .number{font-size:40px;font-weight:700;color:#0266c4;margin-right:16px;line-height:60px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .metric .number{font-size:24px;line-height:32px}}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .metric i{font-size:32px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .metric i{font-size:16px;line-height:24px}}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .metric .trend-icon.up{color:#176603}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .metric .trend-icon.down{color:#b0150e}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .metric .trend-icon.neutral{color:#95a5a6}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users h4{font-size:16px;font-weight:600;margin-bottom:16px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list{display:flex;flex-direction:column;gap:12px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item{display:flex;align-items:center;justify-content:space-between}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item div{display:flex;align-items:center}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .rank{width:24px;text-align:center;font-weight:500}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .avatar{width:24px;height:24px;border-radius:50%;background-color:#e9ecef;margin:0 8px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .name{flex:1;font-size:14px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .trend-icon{width:16px;height:16px;margin:0 8px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .trend-icon.up{color:#176603}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .trend-icon.down{color:#b0150e}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .trend-icon.neutral{color:#95a5a6}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .metrics{display:grid;align-items:center;grid-template-columns:1fr 30px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .metrics{display:none}}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .metric{font-size:14px;color:#697887;margin:0 8px 0 0;width:auto}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .deployed{font-size:14px;color:#697887;margin-right:8px}.school-admin-dashboard-page .dashboard-content .overview-section .tools-section .tools-card .top-users .user-list .user-item .trophy{width:24px;height:24px;margin-left:4px}.school-admin-dashboard-page .dashboard-content .usage-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content .usage-section{display:flex;flex-direction:column}}.school-admin-dashboard-page .dashboard-content .usage-section .column{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.school-admin-dashboard-page .dashboard-content .usage-section .members-card{background-color:#fff;border-radius:32px;padding-right:24px;cursor:pointer}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content{display:flex;position:relative}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content img{width:160px}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info{padding:24px 0 24px 8px;flex:1}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info .row{display:flex;justify-content:space-between}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info h3{font-size:24px;font-weight:600;margin-bottom:8px;display:flex}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info h3 .info-icon{width:16px;height:16px;margin-left:8px;color:#697887}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info .members-count{margin-bottom:8px}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info .members-count .number{font-size:32px;font-weight:700}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info .members-count .slots{font-size:14px;color:#697887}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info .members-stats{display:flex;flex-wrap:wrap;gap:8px}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-info .members-stats .stat{font-size:14px;color:#697887}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-image{width:100px;height:120px;background-size:contain;background-repeat:no-repeat;background-position:center}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-image.faculty{background-image:url(/placeholder.svg?height=120&width=100)}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .members-image.student{background-image:url(/placeholder.svg?height=120&width=100)}.school-admin-dashboard-page .dashboard-content .usage-section .members-card .members-content .arrow-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#697887}.school-admin-dashboard-page .dashboard-content .usage-section .teacher-tool-bg{background-image:url(/assets/teacher-tools-bg-Z7McC_mc.png);background-size:cover;background-position:center}.school-admin-dashboard-page .dashboard-content .usage-section .teacher-tool-bg h3{margin-bottom:24px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card{background-color:#fff;border-radius:32px;padding:24px;position:relative}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card h3{font-size:24px;font-weight:600;line-height:36px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-description{color:#697887;margin-bottom:24px;line-height:22px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-tabs{display:inline-flex;gap:4px;margin-bottom:24px;border:1px solid #697887;border-radius:20px}@media (max-width: 768px){.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-tabs{display:flex;flex-direction:column}}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-tabs button{background:none;padding:8px 16px;border:none;border-radius:20px;cursor:pointer;font-size:14px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-tabs button.active{background-color:#0266c4;color:#fff;font-weight:500}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-stats{margin-bottom:16px;display:flex;align-items:center}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-stats h4{font-size:18px;font-weight:600;line-height:28px;margin-bottom:8px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-stats .total-number{font-size:40px;font-weight:700;line-height:60px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .usage-stats .chart-container{height:120px;width:120px;margin-right:16px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking h4{font-size:18px;font-weight:600;line-height:28px;margin-bottom:16px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list{list-style:none;padding:0;margin:0 0 16px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li .dot{width:16px;height:16px;border-radius:50%;margin-right:8px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li .dot.dot-0{background-color:#e76f51}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li .dot.dot-1{background-color:#e9c46a}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li .dot.dot-2{background-color:#2a9d8f}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li .dot.dot-3{background-color:#10394d}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li .dot.dot-other{background-color:#3585d0}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li .count{font-weight:600;margin-right:4px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .ranking-list li .tool-label{color:#535a61}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .see-more{display:flex;align-items:center;gap:4px;background:none;border:none;color:#038558;cursor:pointer;font-size:14px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-ranking .see-more i{font-size:12px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .tools-image{position:absolute;bottom:24px;right:24px;width:120px;height:160px;background-image:url(/placeholder.svg?height=160&width=120);background-size:contain;background-repeat:no-repeat;background-position:center}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .remaining-header{display:flex;align-items:baseline;margin-bottom:8px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .remaining-header .remaining-number{font-size:40px;font-weight:700;margin-right:8px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .remaining-header .total-limit{font-size:14px;color:#697887}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .progress-bar{height:16px;background-color:#e3e4e4;border-radius:4px;margin-bottom:4px;overflow:hidden}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .progress-bar .progress{height:100%;background-color:#0266c4;border-radius:4px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .reset-note{font-size:12px;color:#697887;margin-bottom:8px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .credits-note{font-size:14px}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .credits-note a{color:#038558;text-decoration:none}.school-admin-dashboard-page .dashboard-content .usage-section .usage-card .remaining-container .credits-note a:hover{text-decoration:underline}.school-admin-nav-container{display:flex;flex-direction:column;justify-content:space-between;min-width:240px;width:240px;height:100%;padding:24px;overflow:hidden;border-right:1px solid #a8b6c3}@media (max-width: 768px){.school-admin-nav-container{border:none}}.school-admin-nav-container .yudu-copilot-logo{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:32px}.school-admin-nav-container .organization{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;width:100%;margin-bottom:24px}.school-admin-nav-container .organization img{width:32px;height:32px;border-radius:50%}.school-admin-nav-container .organization .org-name{padding:0 8px}.school-admin-nav-container .side-nav-title{text-transform:uppercase;font-size:10px;color:#8a8a8b;margin-bottom:4px}.school-admin-nav-container .side-nav-title.account{margin-top:32px}.school-admin-nav-container .nav-wrapper .dropdown{right:0;background:#fff;border-radius:4px;padding:8px 0;display:flex;flex-direction:column;text-align:center}.school-admin-nav-container .nav-wrapper .dropdown-option{padding:12px;text-decoration:none;color:#1c1e20}.school-admin-nav-container .nav-wrapper .dropdown-option:hover{color:#0098fd;font-weight:500}.school-admin-nav-container .nav-option{display:grid;grid-template-columns:32px auto;text-decoration:none;padding:12px}.school-admin-nav-container .nav-option .nav-icon{color:#454546;display:flex;align-items:center}.school-admin-nav-container .nav-option .nav-icon svg{width:18px;height:18px}.school-admin-nav-container .nav-option .nav-name{color:#454546;display:flex;align-items:center}.school-admin-nav-container .nav-option-active{display:grid;grid-template-columns:32px auto;text-decoration:none;padding:12px;background-color:#f4f6ff;border-radius:4px}.school-admin-nav-container .nav-option-active .nav-icon{color:#1f45ae;display:flex;align-items:center}.school-admin-nav-container .nav-option-active .nav-icon svg{width:18px;height:18px}.school-admin-nav-container .nav-option-active .nav-name{color:#1f45ae;display:flex;align-items:center;font-weight:600}.school-admin-nav-container .bottom .credits{margin-bottom:36px;display:flex;flex-direction:column;gap:8px}.school-admin-nav-container .bottom .credits .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.school-admin-nav-container .bottom .credits .top .plan i{color:#0098fd;margin-right:8px}.school-admin-nav-container .bottom .credits .top .plan span{font-weight:600}.school-admin-nav-container .bottom .credits .top .manage-btn{background:none;border:1px solid #acadae;border-radius:8px;padding:2px 8px;font-weight:600;color:#454546;cursor:pointer;font-size:12px}.school-admin-nav-container .bottom .credits .credits-left{color:#676868;font-size:12px}.school-admin-nav-container .bottom .log-out-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;width:100%}.school-admin-nav-container .bottom .log-out-btn:hover{background-color:#00a67c;cursor:pointer}.school-admin-nav-container .bottom .log-out-btn:disabled{background-color:#acadae;cursor:not-allowed}.school-admin-nav-container .bottom .log-out-btn:active{background-color:#007c5d}.faculty-page{width:100%;min-height:100vh;border-radius:8px;display:flex;flex-direction:column}.faculty-page .header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;background-color:#fff;border-bottom:1px solid #a8b6c3}.faculty-page .header .header-left .title{font-weight:700;font-size:32px;line-height:48px}.faculty-page .header .header-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.faculty-page .header .header-right button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;background-color:#038558}.faculty-page .header .header-right button:hover{background-color:#00a67c;cursor:pointer}.faculty-page .header .header-right button:disabled{background-color:#acadae;cursor:not-allowed}.faculty-page .header .header-right button:active{background-color:#007c5d}.faculty-page .header .header-right button i{margin-right:8px}.faculty-page .header .header-right .slots-available{color:#535a61;white-space:nowrap}.faculty-page .header .header-right .search{border:1px solid #cdcece;border-radius:4px;padding:0 16px;display:flex;align-items:center;gap:8px;height:48px}.faculty-page .header .header-right .search i{color:#8a8a8b}.faculty-page .header .header-right .search input{border:none;height:24px;outline:none}.faculty-page .filters{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;flex-wrap:wrap;gap:12px}.faculty-page .filters .total-members{font-size:14px}.faculty-page .filters .pagination{display:flex;align-items:center;gap:8px;font-size:12px}.faculty-page .filters .pagination button{border:none;background:none;color:#373c41;padding:8px;cursor:pointer;font-size:12px}.faculty-page .filters .pagination button:disabled{background:#f7f7f7;color:#cdcece;cursor:not-allowed}.faculty-page .faculty{width:100%;border:1px solid #f7f7f7;border-radius:4px;flex-grow:1;overflow-x:auto;padding:0 40px}.faculty-page .faculty .table-header{background-color:#697887;display:grid;grid-template-columns:2fr repeat(5,1fr);border-radius:8px;min-width:700px}.faculty-page .faculty .table-header .th{padding:8px 12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer}.faculty-page .faculty .table-header .th.name{justify-content:flex-start}.faculty-page .faculty .table-header .th i{margin-left:4px}.faculty-page .faculty .table-body{display:block;overflow-y:auto}.faculty-page .faculty .table-body .table-data{display:grid;grid-template-columns:2fr repeat(5,1fr);border-bottom:1px solid #f7f7f7;min-width:700px}.faculty-page .faculty .table-body .table-data .td{padding:8px;display:flex;align-items:center;justify-content:center;font-size:12px}.faculty-page .faculty .table-body .table-data .td .status{letter-spacing:1px;line-height:16px;padding:0 4px;border-radius:4px}.faculty-page .faculty .table-body .table-data .user{display:flex;gap:12px;padding:16px 8px;justify-content:flex-start}.faculty-page .faculty .table-body .table-data .user img{width:40px;height:40px;border-radius:50%}.faculty-page .faculty .table-body .table-data .user .user-details{display:flex;flex-direction:column}.faculty-page .faculty .table-body .table-data .user .user-details .name{font-size:14px;font-weight:500}.faculty-page .faculty .table-body .table-data .user .user-details .email{font-size:13px}@media (max-width: 768px){.faculty-page .header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.faculty-page .header .header-right{flex-wrap:wrap;gap:8px;width:100%}.faculty-page .header .header-right button{width:100%;justify-content:center}.faculty-page .header .header-right .search{flex:1}.faculty-page .filters{padding:12px 16px;flex-direction:column;align-items:flex-start}.faculty-page .faculty{padding:0 16px;overflow-x:auto}}@media (max-width: 480px){.faculty-page .header .header-left .title{font-size:24px;line-height:32px}.faculty-page .filters .total-members{font-size:12px}}.invite-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.invite-modal-overlay .modal{width:600px;height:90%;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:0}.invite-modal-overlay .modal .top{padding:24px}.invite-modal-overlay .modal .top .title{font-size:24px;font-weight:700;line-height:36px}.invite-modal-overlay .modal .top .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.invite-modal-overlay .modal .email-input-container{display:flex;flex-wrap:wrap;gap:5px;padding:13px 16px;border:1px solid #a8b6c3;border-radius:8px;align-items:center;min-height:40px;position:relative;width:100%;cursor:text}.invite-modal-overlay .modal .email-input-container:focus-within{border-color:#2246c6}.invite-modal-overlay .modal .email-input-container input{border:none;outline:none;flex:1;min-width:120px;width:100%;background:transparent;font-size:14px}.invite-modal-overlay .modal .email-tag{padding:0 8px 0 12px;border-radius:12px;display:flex;align-items:center;font-size:14px;border:1px solid #a8b6c3}.invite-modal-overlay .modal .email-tag button{background:none;border:none;margin-left:8px;cursor:pointer;padding:0}.invite-modal-overlay .modal .email-tag button i{color:#a8b6c3}.invite-modal-overlay .modal .email-tag button:hover{background:none}.invite-modal-overlay .modal .press-enter{position:absolute;right:10px;color:#888;font-size:12px;visibility:hidden}.invite-modal-overlay .modal .show-press-enter .press-enter{visibility:visible}.invite-modal-overlay .modal .error-message{color:red;font-size:12px;margin-top:5px}.invite-modal-overlay .modal .or{margin:16px 0}.invite-modal-overlay .modal .file-upload{display:flex;flex-direction:column}.invite-modal-overlay .modal .file-upload .file-input{border-radius:8px;display:block;padding:24px;border:1px dashed #a8b6c3;text-align:center;cursor:pointer;font-size:14px;margin-top:4px}.invite-modal-overlay .modal .file-upload .file-input i{margin-bottom:16px;color:#0098fd;font-size:48px}.invite-modal-overlay .modal .file-upload .file-input span{color:#14bc92}.invite-modal-overlay .modal .file-upload .file-input .accepted{margin-top:8px;font-size:12px;color:#535a61}.invite-modal-overlay .modal .template{margin-top:8px;color:#535a61;font-size:12px}.invite-modal-overlay .modal .template span{color:#14bc92}.invite-modal-overlay .modal .uploaded-file{margin-top:8px;display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;padding:4px;border-radius:4px;font-size:14px;gap:16px;height:40px}.invite-modal-overlay .modal .uploaded-file .file-name-icon{display:flex;align-items:center;gap:16px}.invite-modal-overlay .modal .uploaded-file .fa-file{background-color:#fff;width:40px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;color:#cdcece;font-size:20px}.invite-modal-overlay .modal .uploaded-file button{background:none;border:none;padding:0;cursor:pointer;color:#454546;margin-right:8px}.invite-modal-overlay .modal .modal-actions{display:flex;justify-content:flex-end;margin-top:20px;border-top:1px solid #a8b6c3;padding:24px;gap:16px}.invite-modal-overlay .modal .modal-actions button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;background:#038558}.invite-modal-overlay .modal .modal-actions button:hover{background-color:#00a67c;cursor:pointer}.invite-modal-overlay .modal .modal-actions button:disabled{background-color:#acadae;cursor:not-allowed}.invite-modal-overlay .modal .modal-actions button:active{background-color:#007c5d}.invite-modal-overlay .modal .modal-actions button.cancel-button{background:none;color:#535a61}.invite-modal-overlay .modal .modal-actions button.cancel-button:hover{background:none}.support-page{width:100%;min-height:100vh;display:flex;flex-direction:column}.support-page .header{display:flex;align-items:center;width:100%;padding:24px 40px;background-color:#fff;border-bottom:1px solid #a8b6c3}.support-page .header .title{font-weight:700;font-size:32px;line-height:48px}.support-page .form{padding:24px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.support-page .form .form-title{font-size:24px;font-weight:600;line-height:36px;text-align:left;width:80%}.support-page .form form{width:80%}.support-page .form form .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.support-page .form form .field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;height:48px;padding:13px 16px}.support-page .form form .field input::placeholder{color:#8a8a8b}.support-page .form form .field input:focus{border-color:#2246c6}.support-page .form form .field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.support-page .form form .field .subtext{font-size:12px;margin-bottom:4px;color:#535a61}.support-page .form form .field textarea{display:flex;font-family:Nunito,sans-serif;height:60px;width:100%;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;resize:none;outline:none;height:120px;resize:vertical;padding:13px 16px}.support-page .form form .field textarea::placeholder{color:#acadae}.support-page .form form .field textarea:focus{border-color:#2246c6}.support-page .form form .field textarea:disabled{border-color:#cdcece;background-color:#e3e4e4}.support-page .form form .button{display:flex;justify-content:flex-end;width:100%}.support-page .form form .button button{background-color:#038558;width:auto}@media (max-width: 1024px){.support-page .form .form-title,.support-page .form form{width:90%}}@media (max-width: 768px){.support-page .header{padding:16px}.support-page .header .title{font-size:24px;line-height:32px}.support-page .form{padding:16px}.support-page .form .form-title{width:100%;font-size:20px;line-height:28px}.support-page .form form{width:100%}.support-page .form form .field input,.support-page .form form .field textarea{font-size:14px}.support-page .form form .button{justify-content:center}.support-page .form form .button button{width:100%;max-width:none}}@media (max-width: 480px){.support-page .form .form-title{font-size:18px}.support-page .form form .field input,.support-page .form form .field textarea{font-size:13px}}.support-confirmation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.support-confirmation-modal-overlay .modal-content{background-color:#fff;padding:24px;border-radius:32px;width:100%;max-width:500px}.support-confirmation-modal-overlay .modal-content .title{font-size:18px;font-weight:700;line-height:28px;margin-bottom:8px}.support-confirmation-modal-overlay .modal-content .description{line-height:22px}.support-confirmation-modal-overlay .modal-content .buttons{width:100%;display:flex;justify-content:flex-end;margin-top:24px}.support-confirmation-modal-overlay .modal-content .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.support-confirmation-modal-overlay .modal-content .buttons button:hover{background-color:#00a67c;cursor:pointer}.support-confirmation-modal-overlay .modal-content .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.support-confirmation-modal-overlay .modal-content .buttons button:active{background-color:#007c5d}.classroom-container{width:100%;display:flex;flex-direction:column;gap:24px;overflow:scroll}.classroom-container .classroom{display:flex;flex-direction:column;background-color:#fff;border-radius:32px}.classroom-container .classroom .top{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #a8b6c3}@media (max-width: 768px){.classroom-container .classroom .top{padding:16px}}.classroom-container .classroom .top h1{font-size:32px;font-weight:700;line-height:48px}@media (max-width: 768px){.classroom-container .classroom .top h1{font-size:20px}}.classroom-container .classroom .top i{font-size:20px;color:#373c41;cursor:pointer}.classroom-container .classroom .bottom{display:flex;justify-content:space-between;align-items:center;padding:24px}@media (max-width: 768px){.classroom-container .classroom .bottom{padding:16px}}.classroom-container .classroom .bottom .bottom-left{display:grid;grid-template-columns:1fr 1fr 1fr;flex:1;max-width:60%;gap:48px}@media (max-width: 768px){.classroom-container .classroom .bottom .bottom-left{display:flex;flex-direction:column;justify-content:flex-start;gap:16px}}.classroom-container .classroom .bottom .bottom-left .box{border-right:1px solid #a8b6c3;padding-right:48px}@media (max-width: 768px){.classroom-container .classroom .bottom .bottom-left .box{border:none;padding:0}}.classroom-container .classroom .bottom .bottom-left .box .label{text-transform:uppercase;font-size:12px;font-weight:600;line-height:18px;letter-spacing:1.2px}.classroom-container .classroom .bottom .bottom-left .box .data{line-height:22px;color:#535a61}.classroom-container .classroom .bottom .bottom-right button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;font-weight:600;height:40px;border-radius:24px;background-color:#fff;border:none;color:#14bc92;padding:0}.classroom-container .classroom .bottom .bottom-right button:hover{background-color:#00a67c;cursor:pointer}.classroom-container .classroom .bottom .bottom-right button:disabled{background-color:#acadae;cursor:not-allowed}.classroom-container .classroom .bottom .bottom-right button:active{background-color:#007c5d}.classroom-container .classroom .bottom .bottom-right button:hover{background:none}.classroom-container .classroom .bottom .bottom-right button i{margin-left:4px}.classroom-container .ai-tutors,.classroom-container .tasks{background-color:#fff;padding:24px;border-radius:32px;display:flex;flex-direction:column;gap:24px}@media (max-width: 768px){.classroom-container .ai-tutors,.classroom-container .tasks{gap:16px}}.classroom-container .ai-tutors .top,.classroom-container .tasks .top{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.classroom-container .ai-tutors .top,.classroom-container .tasks .top{flex-direction:column;align-items:flex-start}}.classroom-container .ai-tutors .top .top-left .title h2,.classroom-container .tasks .top .top-left .title h2{font-size:24px;font-weight:700;line-height:36px}.classroom-container .ai-tutors .top .top-left .title .description,.classroom-container .tasks .top .top-left .title .description{color:#535a61;line-height:22px}.classroom-container .ai-tutors .top .top-right,.classroom-container .tasks .top .top-right{display:flex;gap:16px}@media (max-width: 768px){.classroom-container .ai-tutors .top .top-right,.classroom-container .tasks .top .top-right{margin-top:16px;gap:8px}}.classroom-container .ai-tutors .top .top-right button,.classroom-container .tasks .top .top-right button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.classroom-container .ai-tutors .top .top-right button:hover,.classroom-container .tasks .top .top-right button:hover{background-color:#00a67c;cursor:pointer}.classroom-container .ai-tutors .top .top-right button:disabled,.classroom-container .tasks .top .top-right button:disabled{background-color:#acadae;cursor:not-allowed}.classroom-container .ai-tutors .top .top-right button:active,.classroom-container .tasks .top .top-right button:active{background-color:#007c5d}@media (max-width: 768px){.classroom-container .ai-tutors .top .top-right button,.classroom-container .tasks .top .top-right button{padding:0 16px}}.classroom-container .ai-tutors .top .top-right button i,.classroom-container .tasks .top .top-right button i{margin-right:4px}.classroom-container .ai-tutors .top .top-right .see-students-btn,.classroom-container .tasks .top .top-right .see-students-btn{border:1px solid #14bc92;color:#14bc92;background-color:#fff}.classroom-container .ai-tutors .top .top-right .see-students-btn:hover,.classroom-container .tasks .top .top-right .see-students-btn:hover{background-color:#fff;border:1px solid #00a67c;color:#00a67c}.classroom-container .ai-tutors .tutor-cards,.classroom-container .ai-tutors .task-cards,.classroom-container .tasks .tutor-cards,.classroom-container .tasks .task-cards{display:flex;flex-wrap:wrap;align-items:center;gap:16px;cursor:pointer}.classroom-container .ai-tutors .tutor-cards .tutor-card,.classroom-container .ai-tutors .tutor-cards button,.classroom-container .ai-tutors .task-cards .tutor-card,.classroom-container .ai-tutors .task-cards button,.classroom-container .tasks .tutor-cards .tutor-card,.classroom-container .tasks .tutor-cards button,.classroom-container .tasks .task-cards .tutor-card,.classroom-container .tasks .task-cards button{min-width:350px;flex:1;height:88px;background-color:#fff;border:1px solid #a8b6c3;padding:16px 24px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.classroom-container .ai-tutors .tutor-cards .tutor-card,.classroom-container .ai-tutors .tutor-cards button,.classroom-container .ai-tutors .task-cards .tutor-card,.classroom-container .ai-tutors .task-cards button,.classroom-container .tasks .tutor-cards .tutor-card,.classroom-container .tasks .tutor-cards button,.classroom-container .tasks .task-cards .tutor-card,.classroom-container .tasks .task-cards button{min-width:100%;padding:8px 16px;height:77px}}.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-left,.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right,.classroom-container .ai-tutors .tutor-cards button .tutor-card-left,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-left,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right,.classroom-container .ai-tutors .task-cards button .tutor-card-left,.classroom-container .ai-tutors .task-cards button .tutor-card-right,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-left,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right,.classroom-container .tasks .tutor-cards button .tutor-card-left,.classroom-container .tasks .tutor-cards button .tutor-card-right,.classroom-container .tasks .task-cards .tutor-card .tutor-card-left,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right,.classroom-container .tasks .task-cards button .tutor-card-left,.classroom-container .tasks .task-cards button .tutor-card-right{display:flex;align-items:center;gap:8px}.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-left .tool-logo,.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right .tool-logo,.classroom-container .ai-tutors .tutor-cards button .tutor-card-left .tool-logo,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right .tool-logo,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-left .tool-logo,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right .tool-logo,.classroom-container .ai-tutors .task-cards button .tutor-card-left .tool-logo,.classroom-container .ai-tutors .task-cards button .tutor-card-right .tool-logo,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-left .tool-logo,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right .tool-logo,.classroom-container .tasks .tutor-cards button .tutor-card-left .tool-logo,.classroom-container .tasks .tutor-cards button .tutor-card-right .tool-logo,.classroom-container .tasks .task-cards .tutor-card .tutor-card-left .tool-logo,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right .tool-logo,.classroom-container .tasks .task-cards button .tutor-card-left .tool-logo,.classroom-container .tasks .task-cards button .tutor-card-right .tool-logo{width:56px;height:56px}@media (max-width: 768px){.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-left .tool-logo,.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right .tool-logo,.classroom-container .ai-tutors .tutor-cards button .tutor-card-left .tool-logo,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right .tool-logo,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-left .tool-logo,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right .tool-logo,.classroom-container .ai-tutors .task-cards button .tutor-card-left .tool-logo,.classroom-container .ai-tutors .task-cards button .tutor-card-right .tool-logo,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-left .tool-logo,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right .tool-logo,.classroom-container .tasks .tutor-cards button .tutor-card-left .tool-logo,.classroom-container .tasks .tutor-cards button .tutor-card-right .tool-logo,.classroom-container .tasks .task-cards .tutor-card .tutor-card-left .tool-logo,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right .tool-logo,.classroom-container .tasks .task-cards button .tutor-card-left .tool-logo,.classroom-container .tasks .task-cards button .tutor-card-right .tool-logo{width:48px;height:48px}}.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-left .tutor-info,.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right .tutor-info,.classroom-container .ai-tutors .tutor-cards button .tutor-card-left .tutor-info,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right .tutor-info,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-left .tutor-info,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right .tutor-info,.classroom-container .ai-tutors .task-cards button .tutor-card-left .tutor-info,.classroom-container .ai-tutors .task-cards button .tutor-card-right .tutor-info,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-left .tutor-info,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right .tutor-info,.classroom-container .tasks .tutor-cards button .tutor-card-left .tutor-info,.classroom-container .tasks .tutor-cards button .tutor-card-right .tutor-info,.classroom-container .tasks .task-cards .tutor-card .tutor-card-left .tutor-info,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right .tutor-info,.classroom-container .tasks .task-cards button .tutor-card-left .tutor-info,.classroom-container .tasks .task-cards button .tutor-card-right .tutor-info{height:56px;display:flex;flex-direction:column;justify-content:center}.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-left .tutor-info h3,.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right .tutor-info h3,.classroom-container .ai-tutors .tutor-cards button .tutor-card-left .tutor-info h3,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right .tutor-info h3,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-left .tutor-info h3,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right .tutor-info h3,.classroom-container .ai-tutors .task-cards button .tutor-card-left .tutor-info h3,.classroom-container .ai-tutors .task-cards button .tutor-card-right .tutor-info h3,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-left .tutor-info h3,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right .tutor-info h3,.classroom-container .tasks .tutor-cards button .tutor-card-left .tutor-info h3,.classroom-container .tasks .tutor-cards button .tutor-card-right .tutor-info h3,.classroom-container .tasks .task-cards .tutor-card .tutor-card-left .tutor-info h3,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right .tutor-info h3,.classroom-container .tasks .task-cards button .tutor-card-left .tutor-info h3,.classroom-container .tasks .task-cards button .tutor-card-right .tutor-info h3{font-size:14px;line-height:22px;font-weight:600}@media (max-width: 768px){.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-left .tutor-info h3,.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right .tutor-info h3,.classroom-container .ai-tutors .tutor-cards button .tutor-card-left .tutor-info h3,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right .tutor-info h3,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-left .tutor-info h3,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right .tutor-info h3,.classroom-container .ai-tutors .task-cards button .tutor-card-left .tutor-info h3,.classroom-container .ai-tutors .task-cards button .tutor-card-right .tutor-info h3,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-left .tutor-info h3,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right .tutor-info h3,.classroom-container .tasks .tutor-cards button .tutor-card-left .tutor-info h3,.classroom-container .tasks .tutor-cards button .tutor-card-right .tutor-info h3,.classroom-container .tasks .task-cards .tutor-card .tutor-card-left .tutor-info h3,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right .tutor-info h3,.classroom-container .tasks .task-cards button .tutor-card-left .tutor-info h3,.classroom-container .tasks .task-cards button .tutor-card-right .tutor-info h3{line-height:18px}}.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-left .tutor-info p,.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right .tutor-info p,.classroom-container .ai-tutors .tutor-cards button .tutor-card-left .tutor-info p,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right .tutor-info p,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-left .tutor-info p,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right .tutor-info p,.classroom-container .ai-tutors .task-cards button .tutor-card-left .tutor-info p,.classroom-container .ai-tutors .task-cards button .tutor-card-right .tutor-info p,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-left .tutor-info p,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right .tutor-info p,.classroom-container .tasks .tutor-cards button .tutor-card-left .tutor-info p,.classroom-container .tasks .tutor-cards button .tutor-card-right .tutor-info p,.classroom-container .tasks .task-cards .tutor-card .tutor-card-left .tutor-info p,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right .tutor-info p,.classroom-container .tasks .task-cards button .tutor-card-left .tutor-info p,.classroom-container .tasks .task-cards button .tutor-card-right .tutor-info p{font-weight:400;color:#535a61}@media (max-width: 768px){.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-left .tutor-info p,.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right .tutor-info p,.classroom-container .ai-tutors .tutor-cards button .tutor-card-left .tutor-info p,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right .tutor-info p,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-left .tutor-info p,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right .tutor-info p,.classroom-container .ai-tutors .task-cards button .tutor-card-left .tutor-info p,.classroom-container .ai-tutors .task-cards button .tutor-card-right .tutor-info p,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-left .tutor-info p,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right .tutor-info p,.classroom-container .tasks .tutor-cards button .tutor-card-left .tutor-info p,.classroom-container .tasks .tutor-cards button .tutor-card-right .tutor-info p,.classroom-container .tasks .task-cards .tutor-card .tutor-card-left .tutor-info p,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right .tutor-info p,.classroom-container .tasks .task-cards button .tutor-card-left .tutor-info p,.classroom-container .tasks .task-cards button .tutor-card-right .tutor-info p{font-size:12px}}.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right,.classroom-container .ai-tutors .task-cards button .tutor-card-right,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right,.classroom-container .tasks .tutor-cards button .tutor-card-right,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right,.classroom-container .tasks .task-cards button .tutor-card-right{gap:16px}.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right i,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right i,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right i,.classroom-container .ai-tutors .task-cards button .tutor-card-right i,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right i,.classroom-container .tasks .tutor-cards button .tutor-card-right i,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right i,.classroom-container .tasks .task-cards button .tutor-card-right i{color:#535a61;cursor:pointer}.classroom-container .ai-tutors .tutor-cards .tutor-card .tutor-card-right .ant-progress-text,.classroom-container .ai-tutors .tutor-cards button .tutor-card-right .ant-progress-text,.classroom-container .ai-tutors .task-cards .tutor-card .tutor-card-right .ant-progress-text,.classroom-container .ai-tutors .task-cards button .tutor-card-right .ant-progress-text,.classroom-container .tasks .tutor-cards .tutor-card .tutor-card-right .ant-progress-text,.classroom-container .tasks .tutor-cards button .tutor-card-right .ant-progress-text,.classroom-container .tasks .task-cards .tutor-card .tutor-card-right .ant-progress-text,.classroom-container .tasks .task-cards button .tutor-card-right .ant-progress-text{font-family:Nunito,sans-serif;font-size:12px;color:#0266c4}.classroom-container .ai-tutors .tutor-cards button,.classroom-container .ai-tutors .task-cards button,.classroom-container .tasks .tutor-cards button,.classroom-container .tasks .task-cards button{justify-content:flex-start;cursor:pointer}.classroom-container .ai-tutors .tutor-cards button .ai-tutor-logo,.classroom-container .ai-tutors .task-cards button .ai-tutor-logo,.classroom-container .tasks .tutor-cards button .ai-tutor-logo,.classroom-container .tasks .task-cards button .ai-tutor-logo{height:24px;margin-right:8px}@media (max-width: 768px){.classroom-container .ai-tutors .tutor-cards button .ai-tutor-logo,.classroom-container .ai-tutors .task-cards button .ai-tutor-logo,.classroom-container .tasks .tutor-cards button .ai-tutor-logo,.classroom-container .tasks .task-cards button .ai-tutor-logo{height:24px}}.classroom-container .ai-tutors .tutor-cards button span,.classroom-container .ai-tutors .task-cards button span,.classroom-container .tasks .tutor-cards button span,.classroom-container .tasks .task-cards button span{font-size:18px;font-weight:600;height:24px}@media (max-width: 768px){.classroom-container .ai-tutors .tutor-cards button span,.classroom-container .ai-tutors .task-cards button span,.classroom-container .tasks .tutor-cards button span,.classroom-container .tasks .task-cards button span{font-size:14px;height:16px}}.classroom-container .ai-tutors .tutor-card,.classroom-container .tasks .tutor-card{position:relative}.classroom-container .ai-tutors .tutor-card .lock-icon,.classroom-container .tasks .tutor-card .lock-icon{position:absolute;top:8px;right:8px;color:#e94e3c;font-size:14px;z-index:2}.classroom-container .ai-tutors .tutor-card.locked,.classroom-container .tasks .tutor-card.locked{opacity:.6;pointer-events:none}.classroom-container .ai-tutors .see-all-ai-tutors-btn,.classroom-container .tasks .see-all-ai-tutors-btn{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;border-radius:24px;background-color:#fff;color:#14bc92;padding:0;height:auto}.classroom-container .ai-tutors .see-all-ai-tutors-btn:hover,.classroom-container .tasks .see-all-ai-tutors-btn:hover{background-color:#00a67c;cursor:pointer}.classroom-container .ai-tutors .see-all-ai-tutors-btn:disabled,.classroom-container .tasks .see-all-ai-tutors-btn:disabled{background-color:#acadae;cursor:not-allowed}.classroom-container .ai-tutors .see-all-ai-tutors-btn:active,.classroom-container .tasks .see-all-ai-tutors-btn:active{background-color:#007c5d}.classroom-container .ai-tutors .see-all-ai-tutors-btn:hover,.classroom-container .tasks .see-all-ai-tutors-btn:hover{background-color:#fff;color:#00a67c}.classroom-container .ai-tutors .see-all-ai-tutors-btn i,.classroom-container .tasks .see-all-ai-tutors-btn i{margin-left:4px}.ai-tutor-container{width:100%;display:flex;flex-direction:column;gap:24px;overflow:hidden;background-color:#fff;border-radius:32px;height:calc(100vh - 48px)}.ai-tutor-container .ai-tutor{display:flex;justify-content:space-between;align-items:flex-end}.ai-tutor-container .ai-tutor .left .back-button{font-size:14px;font-weight:500;background-color:#f7f7f7;padding:4px 16px;height:auto;border-radius:8px;margin:16px 16px 0;gap:8px;color:#373c41}.ai-tutor-container .ai-tutor .left .back-button i{font-size:12px}.ai-tutor-container .ai-tutor .left .top{display:flex;align-items:center;padding:24px;gap:16px}.ai-tutor-container .ai-tutor .left .top img{width:48px}.ai-tutor-container .ai-tutor .left .top h1{font-size:32px;font-weight:700;line-height:48px;display:flex;align-items:center;gap:16px}.ai-tutor-container .ai-tutor .left .top h1 .lock-icon-inline{font-size:24px;color:#e94e3c}.ai-tutor-container .ai-tutor .left .top button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.ai-tutor-container .ai-tutor .left .top button:hover{background-color:#00a67c;cursor:pointer}.ai-tutor-container .ai-tutor .left .top button:disabled{background-color:#acadae;cursor:not-allowed}.ai-tutor-container .ai-tutor .left .top button:active{background-color:#007c5d}.ai-tutor-container .ai-tutor .left .top button i{margin-right:8px}.ai-tutor-container .ai-tutor .left .top .fa-ellipsis-vertical{font-size:20px;color:#373c41;cursor:pointer}.ai-tutor-container .ai-tutor .left .bottom{display:flex;flex-direction:column;padding:0 24px 0 88px}.ai-tutor-container .ai-tutor .left .bottom .bottom-left{display:grid;grid-template-columns:1fr 1fr 1fr;flex:1;gap:48px}.ai-tutor-container .ai-tutor .left .bottom .bottom-left .box{border-right:1px solid #a8b6c3;padding-right:48px}.ai-tutor-container .ai-tutor .left .bottom .bottom-left .box .label{text-transform:uppercase;font-size:12px;font-weight:600;line-height:18px;letter-spacing:1.2px}.ai-tutor-container .ai-tutor .left .bottom .bottom-left .box .data{line-height:22px;color:#535a61}.ai-tutor-container .ai-tutor .left .bottom .bottom-right button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;font-weight:600;height:40px;border-radius:24px;background-color:#fff;border:none;color:#14bc92;padding:0}.ai-tutor-container .ai-tutor .left .bottom .bottom-right button:hover{background-color:#00a67c;cursor:pointer}.ai-tutor-container .ai-tutor .left .bottom .bottom-right button:disabled{background-color:#acadae;cursor:not-allowed}.ai-tutor-container .ai-tutor .left .bottom .bottom-right button:active{background-color:#007c5d}.ai-tutor-container .ai-tutor .left .bottom .bottom-right button:hover{background:none}.ai-tutor-container .ai-tutor .left .bottom .bottom-right button i{margin-left:4px;font-size:12px}.ai-tutor-container .ai-tutor .right{padding:24px 24px 0}.ai-tutor-container .ai-tutor .right .ant-progress-text{font-family:Nunito,sans-serif;font-size:12px;color:#1c1e20;text-align:center}.ai-tutor-container .conversations{border-top:1px solid #a8b6c3;display:grid;grid-template-columns:1fr 3fr;height:100%}.ai-tutor-container .conversations .left{padding:24px 16px;border-right:1px solid #a8b6c3}.ai-tutor-container .conversations .left .students{position:relative}.ai-tutor-container .conversations .left .students .title{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.ai-tutor-container .conversations .left .students .input-search{font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none;display:flex;align-items:center;margin:8px 0 16px}.ai-tutor-container .conversations .left .students .input-search::placeholder{color:#8a8a8b}.ai-tutor-container .conversations .left .students .input-search:focus{border-color:#2246c6}.ai-tutor-container .conversations .left .students .input-search:disabled{border-color:#cdcece;background-color:#e3e4e4}.ai-tutor-container .conversations .left .students .input-search i{color:#acadae}.ai-tutor-container .conversations .left .students .input-search input{border:none;outline:none}.ai-tutor-container .conversations .left .students ul{height:calc(100vh - 380px);overflow:scroll}.ai-tutor-container .conversations .left .students ul li{list-style-type:none;display:inline-flex;justify-content:space-between;align-items:center;width:100%;padding:8px;border-radius:4px;cursor:pointer;position:relative}.ai-tutor-container .conversations .left .students ul li i{color:#697887}.ai-tutor-container .conversations .left .students ul .active{background-color:#0266c4;color:#fff}.ai-tutor-container .conversations .left .students ul .active .fa-ellipsis{color:#fff}.ai-tutor-container .conversations .left .students ul .editing{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;height:auto;padding:8px}.ai-tutor-container .conversations .left .students ul .editing::placeholder{color:#8a8a8b}.ai-tutor-container .conversations .left .students ul .editing:focus{border-color:#2246c6}.ai-tutor-container .conversations .left .students ul .editing:disabled{border-color:#cdcece;background-color:#e3e4e4}.ai-tutor-container .conversations .left .students ul .editing input{width:100%;outline:none;border:none}.ai-tutor-container .conversations .right{padding:24px}.ai-tutor-container .conversations .right .student-name{font-size:24px;font-weight:600;line-height:36px}.ai-tutor-container .conversations .right .date{color:#535a61}.ai-tutor-container .conversations .right .student-thread{margin-top:24px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:16px;height:calc(100vh - 380px);overflow:scroll}.ai-tutor-container .conversations .right .student-thread .assistant,.ai-tutor-container .conversations .right .student-thread .user{display:flex;width:100%}.ai-tutor-container .conversations .right .student-thread .message{padding:12px 16px;border-radius:24px;box-shadow:none}.ai-tutor-container .conversations .right .student-thread .assistant .message{background-color:#e3e4e4}.ai-tutor-container .conversations .right .student-thread .user{justify-content:flex-end}.ai-tutor-container .conversations .right .student-thread .user .message{background-color:#0266c4;color:#fff}.ai-tutor-container .conversations .right .student-thread ul,.ai-tutor-container .conversations .right .student-thread ol{padding-left:36px}.ai-tutor-container .conversations .right .student-thread hr{border:.5px solid #e3e4e4;margin:8px 0}.ai-tutor-container .conversations .right .student-thread a{color:#0f7ce3}.ai-tutor-container .conversations .right .student-thread h1,.ai-tutor-container .conversations .right .student-thread h2,.ai-tutor-container .conversations .right .student-thread h3,.ai-tutor-container .conversations .right .student-thread h4,.ai-tutor-container .conversations .right .student-thread h5{font-size:16px}.student-options{position:absolute;background-color:#fff;border:1px solid #a8b6c3;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:flex-start;width:200px;z-index:10;padding:8px}.student-options button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;width:100%;justify-content:flex-start;border-radius:4px;background-color:#fff;color:#535a61;font-size:12px;padding:8px}.student-options button:hover{background-color:#00a67c;cursor:pointer}.student-options button:disabled{background-color:#acadae;cursor:not-allowed}.student-options button:active{background-color:#007c5d}.student-options button:hover{background-color:#14bc92;color:#fff}.student-options button:hover i{color:#fff}.student-options button i{color:#535a61;margin-right:8px}.delete-student-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.delete-student-modal .modal-content{background:#fff;border-radius:32px;padding:24px}.delete-student-modal .modal-content h2{margin-bottom:8px;font-size:18px;line-height:28px;font-size:600}.delete-student-modal .modal-content p{color:#535a61;margin-bottom:24px}.delete-student-modal .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:10px}.delete-student-modal .modal-content .modal-actions button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.delete-student-modal .modal-content .modal-actions button:hover{background-color:#00a67c;cursor:pointer}.delete-student-modal .modal-content .modal-actions button:disabled{background-color:#acadae;cursor:not-allowed}.delete-student-modal .modal-content .modal-actions button:active{background-color:#007c5d}.delete-student-modal .modal-content .modal-actions .cancel{color:#535a61;background-color:#fff}.delete-student-modal .modal-content .modal-actions .cancel:hover{background-color:#fff}.delete-student-modal .modal-content .modal-actions .confirm{background:#e94e3c;color:#fff}.delete-student-modal .modal-content .modal-actions .confirm:hover{background:#ba3e30}.students-page{width:100%;height:100vh;background-color:#fff;padding:24px;border-radius:16px;overflow:hidden}.students-page .header{display:flex;justify-content:space-between;align-items:center}.students-page .header .title{font-size:24px;font-weight:600}.students-page .header .button-field{display:flex;align-items:center;gap:16px}.students-page .header .button-field .search-field{border:1px solid #cdcece;padding:0 8px;height:40px;border-radius:8px;display:flex;align-items:center}.students-page .header .button-field .search-field input{border:none;width:100%;height:32px}.students-page .header .button-field .search-field input:focus{outline:none}.students-page .header .button-field .search-field i{color:#acadae;margin-right:4px}.students-page .students{width:100%;border-radius:8px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;background-color:#fff;margin-top:24px}.students-page .students .table-header{background-color:#697887;display:grid;grid-template-columns:1fr 3fr 1fr 30px;position:sticky;top:0;z-index:2;border-radius:8px;padding:16px 8px}.students-page .students .table-header .th{display:flex;align-items:center;text-align:center;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.students-page .students .table-header .name{justify-content:flex-start}.students-page .students .table-body{overflow-y:auto;display:block;height:calc(100vh - 220px)}.students-page .students .table-body .table-data{display:grid;grid-template-columns:1fr 3fr 1fr 30px;padding:16px 8px;border-bottom:1px solid #e3e4e4;align-items:center}.students-page .students .table-body .table-data .td{display:flex;align-items:center;font-size:12px;word-break:break-word}.students-page .students .table-body .table-data input{width:100%;height:28px;font-size:12px;padding:4px 6px;border:1px solid #e3e4e4;border-radius:4px;box-sizing:border-box}.students-page .students .table-body .table-data .name{justify-content:flex-start}.students-page .students .table-body i{cursor:pointer}.students-page .students .table-body .options-container{display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.students-page .table-header,.students-page .table-body{grid-template-columns:1.2fr 2fr 30px;column-gap:8px}.students-page .table-header .student,.students-page .table-body .student{justify-content:center}.students-page .table-header .activity,.students-page .table-body .activity{display:none}}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .buttons{display:flex;gap:16px;margin-top:24px}@media (max-width: 768px){.join-classroom-step-2-container .join-classroom-section{flex-direction:column;align-items:center}.join-classroom-step-2-container .join-classroom-section .join-classroom-left-section{display:none}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section{width:100%;display:flex;justify-content:center;align-items:center;padding:20px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .buttons{flex-direction:column}}.join-classroom-step-2-container,.join-classroom-step-2-container .join-classroom-section{display:flex}.join-classroom-step-2-container .join-classroom-section .join-classroom-left-section{width:25vw}.join-classroom-step-2-container .join-classroom-section .join-classroom-left-section .blue-background{width:100%;height:100vh;object-fit:cover}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section{display:flex;justify-content:center;align-items:center;margin:0 auto;width:75vw;padding:40px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form{display:flex;flex-direction:column;width:400px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form img{height:auto}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .yudu-copilot-logo{width:130px;margin-bottom:40px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .enter-classroom-text{font-size:32px;font-weight:700;line-height:48px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form button:hover{background-color:#00a67c;cursor:pointer}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form button:disabled{background-color:#acadae;cursor:not-allowed}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form button:active{background-color:#007c5d}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .btn{color:#14bc92;background:none;border:none;font-weight:600;line-height:22px;padding:0}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .btn:hover{background-color:#fff;text-decoration:underline}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form Form{display:flex;flex-direction:column;margin:24px 0}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:0}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field input::placeholder{color:#8a8a8b}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field input:focus{border-color:#2246c6}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .nickname-selection{display:flex;gap:8px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .nickname-selection .nickname-option{margin:8px 0;padding:0 24px;height:40px;border:1px solid #14bc92;border-radius:20px;cursor:pointer;transition:background .3s,color .3s;font-weight:600;text-align:center;display:flex;align-items:center;gap:8px;color:#14bc92}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .nickname-selection .nickname-option.selected{background:#14bc92;color:#fff}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .nickname-selection input[type=radio]{display:none}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .generate-other-nickname{color:#14bc92;font-weight:500;cursor:pointer;margin-top:8px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .generate-other-nickname:hover{text-decoration:underline}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .enter-classroom-button{background:#e3e4e4;color:#fff;border:none;font-weight:600;cursor:not-allowed;margin-top:24px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .enter-classroom-button:not(:disabled){background:#14bc92;cursor:pointer}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .enter-yours{color:#14bc92;font-weight:500}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .enter-yours:hover{cursor:pointer;text-decoration:underline}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .join-classroom-form .enter-classroom-button{margin-top:24px}@media (max-width: 768px){.join-classroom-step-2-container .join-classroom-section{flex-direction:column;align-items:center}.join-classroom-step-2-container .join-classroom-section .join-classroom-left-section{display:none}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section{width:100vw;display:flex;justify-content:center;align-items:center;padding:20px}.join-classroom-step-2-container .join-classroom-section .join-classroom-right-section .nickname-selection{flex-direction:column}}.join-classroom-step-1-container,.join-classroom-step-1-container .join-classroom-section{display:flex}.join-classroom-step-1-container .join-classroom-section .join-classroom-left-section{width:25vw}.join-classroom-step-1-container .join-classroom-section .join-classroom-left-section .blue-background{width:100%;height:100vh;object-fit:cover}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section{display:flex;justify-content:center;align-items:center;margin:0 auto;width:75vw;padding:40px}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form{display:flex;flex-direction:column;width:400px}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form img{height:auto}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form .yudu-copilot-logo{width:130px;margin-bottom:40px}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form .enter-classroom-text{font-size:24px;font-weight:600;margin-bottom:4px}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field input::placeholder{color:#8a8a8b}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field input:focus{border-color:#2246c6}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form .field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;margin-top:24px}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form button:hover{background-color:#00a67c;cursor:pointer}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form button:disabled{background-color:#acadae;cursor:not-allowed}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section .join-classroom-form button:active{background-color:#007c5d}@media (max-width: 768px){.join-classroom-step-1-container .join-classroom-section{flex-direction:column;align-items:center}.join-classroom-step-1-container .join-classroom-section .join-classroom-left-section{display:none}.join-classroom-step-1-container .join-classroom-section .join-classroom-right-section{display:flex;justify-content:center;align-items:center;width:100vw;padding:20px}}.student-dashboard{display:flex;flex-direction:column;width:100vw;height:100vh}.student-dashboard .header{background-color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a8b6c3}@media (max-width: 768px){.student-dashboard .header{padding:16px}}.student-dashboard .header .header-left{display:flex;align-items:center;gap:24px}.student-dashboard .header .header-left img{width:85px}@media (max-width: 768px){.student-dashboard .header .header-left img{width:50px}}.student-dashboard .header .header-left .classroom-title{font-size:28px;line-height:48px;font-weight:700;color:#0f7ce3;cursor:pointer;display:flex;align-items:center}@media (max-width: 768px){.student-dashboard .header .header-left .classroom-title{font-size:18px}}.student-dashboard .header .header-left .classroom-title i{margin-right:8px;font-size:24px}.student-dashboard .header .header-left .classroom-title:hover{color:#005b98}.student-dashboard .header .header-right{display:flex;align-items:center}.student-dashboard .header .header-right button{color:#e94e3c;background:none;border:none;padding:0 24px;display:flex;align-items:center;height:40px;cursor:pointer}@media (max-width: 768px){.student-dashboard .header .header-right button{justify-content:flex-end;padding:0}}.student-dashboard .header .header-right button i{margin-right:0}.student-dashboard .header .header-right button span{margin-left:8px}@media (max-width: 768px){.student-dashboard .header .header-right button span{display:none}}.student-dashboard .main{background-image:url(/assets/student-dashboard-bg-DsyCHKrz.png);width:100%;height:100%;background-position:center;background-size:cover;display:flex;flex-direction:column;padding:16px 200px 24px}@media (max-width: 768px){.student-dashboard .main{width:80vw;background:none;padding:24px 16px}}.student-dashboard .main .greetings{font-size:24px;line-height:36px;font-weight:700}@media (max-width: 768px){.student-dashboard .main .greetings{font-size:18px}}.student-dashboard .main .description{color:#535a61;line-height:22px}@media (max-width: 768px){.student-dashboard .main .description{font-size:12px;line-height:18px}}.student-dashboard .main .student-tools{margin-top:24px;display:flex;flex-wrap:wrap;gap:24px}.student-dashboard .main .student-tools .box{width:100%;height:auto;max-width:400px;max-height:160px;display:flex;padding:16px;border-radius:8px;gap:8px;border:1px solid #a8b6c3;cursor:pointer;background-color:#fff;position:relative;overflow:hidden}.student-dashboard .main .student-tools .box img{width:128px;height:128px;aspect-ratio:1/1;flex-shrink:0;background-color:#f7f7f7;border-radius:8px}@media (max-width: 768px){.student-dashboard .main .student-tools .box img{width:40px;height:40px}}.student-dashboard .main .student-tools .box .info .topic{line-height:22px;font-weight:700}.student-dashboard .main .student-tools .box .info .details{display:flex;align-items:center}.student-dashboard .main .student-tools .box .info .details .tool-name{padding-right:8px;border-right:1px solid #a8b6c3;line-height:18px}.student-dashboard .main .student-tools .box .info .details .subject{padding-left:8px;line-height:18px}.student-dashboard .main .student-tools .box .info .tool-description{margin-top:8px;color:#535a61;font-size:12px;line-height:18px}.student-dashboard .main .student-tools .box .content{display:flex;gap:8px;transition:filter .2s ease}.student-dashboard .main .student-tools .box .blurred{filter:blur(2px);pointer-events:none}.student-dashboard .main .student-tools .box .locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1;display:flex;justify-content:center;align-items:center;cursor:not-allowed}.student-dashboard .main .student-tools .box .locked-overlay i{font-size:24px;color:#fff}.student-chatbot{display:flex;flex-direction:column;width:100vw;height:100vh}.student-chatbot .header{background-color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a8b6c3}.student-chatbot .header .header-left{display:flex;align-items:center;gap:24px}.student-chatbot .header .header-left img{width:85px}.student-chatbot .header .header-left .classroom-title{line-height:22px;color:#535a61}.student-chatbot .header .header-left .classroom-title span{color:#1c1e20;font-weight:700}.student-chatbot .header .header-right{display:flex;align-items:center}.student-chatbot .header .header-right button{color:#e94e3c;background:none;border:none;padding:0 24px;display:flex;align-items:center;height:40px;cursor:pointer}.student-chatbot .header .header-right button i{margin-right:8px}.student-chatbot .main{background-color:#f7f8f9;width:100vw;height:100%;padding:16px 200px 24px}.student-chatbot .main .chatbox{width:100%;height:100%;background-color:#fff;border-radius:32px;padding:0 24px;display:flex;flex-direction:column}.student-chatbot .main .chatbox .top{flex:1;overflow:auto}.student-chatbot .main .chatbox .top .chat-details{padding:24px 16px 0}.student-chatbot .main .chatbox .top .chat-details .chat-title{font-size:24px;line-height:36px;font-weight:700}.student-chatbot .main .chatbox .top .chat-details .chat-info{display:flex;align-items:center}.student-chatbot .main .chatbox .top .chat-details .chat-info .tool-name{padding-right:8px;border-right:1px solid #a8b6c3;line-height:18px}.student-chatbot .main .chatbox .top .chat-details .chat-info .subject{padding-left:8px;line-height:18px}.student-chatbot .main .chatbox .top .chat-thread{margin:40px 16px 0;height:100%}.student-chatbot .main .chatbox .top .chat-thread .assistant,.student-chatbot .main .chatbox .top .chat-thread .user{display:flex;width:100%}.student-chatbot .main .chatbox .top .chat-thread .message{padding:12px 16px;border-radius:24px;box-shadow:none;max-width:80%}.student-chatbot .main .chatbox .top .chat-thread .assistant .message{background-color:#e3e4e4}.student-chatbot .main .chatbox .top .chat-thread .user{justify-content:flex-end;margin:16px 0}.student-chatbot .main .chatbox .top .chat-thread .user .message{background-color:#0266c4;color:#fff}.student-chatbot .main .chatbox .top .chat-thread ul,.student-chatbot .main .chatbox .top .chat-thread ol{padding-left:36px}.student-chatbot .main .chatbox .top .chat-thread hr{border:.5px solid #e3e4e4;margin:8px 0}.student-chatbot .main .chatbox .top .chat-thread a{color:#0f7ce3}.student-chatbot .main .chatbox .top .chat-thread h1,.student-chatbot .main .chatbox .top .chat-thread h2,.student-chatbot .main .chatbox .top .chat-thread h3,.student-chatbot .main .chatbox .top .chat-thread h4,.student-chatbot .main .chatbox .top .chat-thread h5{font-size:16px}.student-chatbot .main .chatbox .bottom{margin-top:auto;padding:16px 0}.student-chatbot .main .chatbox .bottom .message-box{padding:16px;border-radius:24px;box-shadow:0 0 4px #0000000a,0 8px 16px #00000014;display:flex;align-items:flex-end;gap:8px}.student-chatbot .main .chatbox .bottom .message-box textarea{display:flex;font-family:Nunito,sans-serif;height:60px;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;border:1px solid #cdcece;color:#454546;background-color:#fff;outline:none;width:100%;min-height:48px;max-height:150px;resize:none;font-size:14px;overflow-y:auto;flex:1;line-height:20px;padding:12px 16px;border-radius:16px;font-family:inherit;box-sizing:border-box}.student-chatbot .main .chatbox .bottom .message-box textarea::placeholder{color:#acadae}.student-chatbot .main .chatbox .bottom .message-box textarea:focus{border-color:#2246c6}.student-chatbot .main .chatbox .bottom .message-box textarea:disabled{border-color:#cdcece;background-color:#e3e4e4}.student-chatbot .main .chatbox .bottom .message-box button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;color:#fff;border:none;font-weight:600;padding:5px;border-radius:50%;width:40px;height:40px;flex-shrink:0}.student-chatbot .main .chatbox .bottom .message-box button:hover{background-color:#00a67c;cursor:pointer}.student-chatbot .main .chatbox .bottom .message-box button:disabled{background-color:#acadae;cursor:not-allowed}.student-chatbot .main .chatbox .bottom .message-box button:active{background-color:#007c5d}.student-chatbot .main .chatbox .bottom .message-box button i{font-size:18px}.student-chatbot .main .chatbox .bottom .footer{width:100%;padding:16px;display:flex;justify-content:center;align-items:center}.student-chatbot .main .chatbox .bottom .footer span{font-size:12px;color:#535a61}@media (max-width: 768px){.student-chatbot{width:80vw;height:100vh}.student-chatbot .main{padding:12px 16px 24px}.student-chatbot .main .chatbox{border-radius:16px;padding:0 12px}.student-chatbot .main .chatbox .top .chat-details{padding:16px 8px 0}.student-chatbot .main .chatbox .top .chat-details .chat-title{font-size:20px;line-height:28px}.student-chatbot .main .chatbox .top .chat-details .chat-info{flex-direction:column;align-items:flex-start}.student-chatbot .main .chatbox .top .chat-details .chat-info .tool-name,.student-chatbot .main .chatbox .top .chat-details .chat-info .subject{padding:4px 0;border:none;line-height:16px}.student-chatbot .main .chatbox .top .chat-thread{margin:16px 8px 0}.student-chatbot .main .chatbox .top .chat-thread .message{max-width:90%;font-size:14px;padding:10px 14px}.student-chatbot .main .chatbox .top .chat-thread h1,.student-chatbot .main .chatbox .top .chat-thread h2,.student-chatbot .main .chatbox .top .chat-thread h3,.student-chatbot .main .chatbox .top .chat-thread h4,.student-chatbot .main .chatbox .top .chat-thread h5{font-size:14px}.student-chatbot .main .chatbox .bottom{padding:12px 0}.student-chatbot .main .chatbox .bottom .message-box{padding:12px;border-radius:16px;gap:6px}.student-chatbot .main .chatbox .bottom .message-box textarea{font-size:13px;min-height:40px;padding:10px 12px}.student-chatbot .main .chatbox .bottom .message-box button{width:36px;height:36px}.student-chatbot .main .chatbox .bottom .message-box button i{font-size:16px}.student-chatbot .main .chatbox .bottom .footer{padding:12px}.student-chatbot .main .chatbox .bottom .footer span{font-size:11px;padding:0 6px;text-align:center}}.choose-ai-tutor{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.choose-ai-tutor .main .student-tools{background-color:#fff;width:800px;border-radius:32px;padding:24px}.choose-ai-tutor .main .student-tools .step{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;line-height:18px;font-weight:700;color:#535a61}.choose-ai-tutor .main .student-tools .ai-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.choose-ai-tutor .main .student-tools .ai-options .ai-card{border-radius:8px;padding:16px;cursor:pointer;border:1px solid #a8b6c3;position:relative;display:flex;gap:8px}.choose-ai-tutor .main .student-tools .ai-options .ai-card input{display:none}.choose-ai-tutor .main .student-tools .ai-options .ai-card img{width:128px}.choose-ai-tutor .main .student-tools .ai-options .ai-card h4{font-size:14px;font-weight:700;line-height:22px}.choose-ai-tutor .main .student-tools .ai-options .ai-card p{margin-top:8px;font-size:12px;line-height:18px;color:#535a61}.choose-ai-tutor .main .student-tools .ai-options .ai-card.selected{background:#effcf7;border-color:#14bc92}.choose-ai-tutor .next-btn{margin-top:24px;width:100%;display:flex;justify-content:flex-end}.choose-ai-tutor .next-btn button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;background-color:#acadae}.choose-ai-tutor .next-btn button:hover{background-color:#00a67c;cursor:pointer}.choose-ai-tutor .next-btn button:disabled{background-color:#acadae;cursor:not-allowed}.choose-ai-tutor .next-btn button:active{background-color:#007c5d}.choose-ai-tutor .next-btn button:hover{background-color:#00a67c}.choose-ai-tutor .next-btn button:disabled{cursor:not-allowed}.choose-ai-tutor .next-btn button:disabled:active{background-color:#acadae}.choose-ai-tutor .next-btn button:not(:disabled){background-color:#14bc92;cursor:pointer}.choose-ai-tutor{width:100%;height:100%;display:flex;flex-direction:column}.choose-ai-tutor .header{padding:24px 40px;background-color:#fff;border-radius:16px}.choose-ai-tutor .header button{background-color:#fff;border:none;cursor:pointer;display:flex;align-items:center}.choose-ai-tutor .header button i{margin-right:8px}.choose-ai-tutor .main{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.choose-ai-tutor .main .title{font-size:24px;font-weight:700;line-height:36px;margin-top:16px}.choose-ai-tutor .main .subtitle{line-height:22px;color:#535a61;margin-bottom:20px}.choose-ai-tutor .main .student-tools{background-color:#fff;width:800px;border-radius:32px;padding:24px;height:calc(100vh - 200px);overflow:scroll}.choose-ai-tutor .main .student-tools .student-tool-info{display:flex;align-items:center;justify-content:space-between;border:1px solid #a8b6c3;border-radius:8px}.choose-ai-tutor .main .student-tools .student-tool-info .left{padding:16px;display:flex;align-items:center;gap:8px}.choose-ai-tutor .main .student-tools .student-tool-info .left img{width:40px}.choose-ai-tutor .main .student-tools .student-tool-info .left .student-tool-details .type{line-height:22px;font-weight:700}.choose-ai-tutor .main .student-tools .student-tool-info .left .student-tool-details .description{font-size:12px;color:#535a61;line-height:18px}.choose-ai-tutor .main .student-tools .student-tool-info .right{border-left:1px solid #a8b6c3;padding:16px}.choose-ai-tutor .main .student-tools .student-tool-info .right button{color:#038558;background:none;border:none;cursor:pointer;height:40px}.choose-ai-tutor .main .student-tools .step{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;line-height:18px;font-weight:700;color:#535a61;margin-top:24px}.choose-ai-tutor .main .student-tools .step-title{font-size:18px;font-weight:700;line-height:28px}.choose-ai-tutor .main .student-tools .student-tool-form .field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.choose-ai-tutor .main .student-tools .student-tool-form .field input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.choose-ai-tutor .main .student-tools .student-tool-form .field input::placeholder{color:#8a8a8b}.choose-ai-tutor .main .student-tools .student-tool-form .field input:focus{border-color:#2246c6}.choose-ai-tutor .main .student-tools .student-tool-form .field input:disabled{border-color:#cdcece;background-color:#e3e4e4}.choose-ai-tutor .main .student-tools .student-tool-form .field select{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;line-height:48px;outline:none;padding:0 4px;cursor:pointer}.choose-ai-tutor .main .student-tools .student-tool-form .field select::placeholder{color:#8a8a8b}.choose-ai-tutor .main .student-tools .student-tool-form .field select:focus{border-color:#2246c6}.choose-ai-tutor .main .student-tools .student-tool-form .field select:disabled{border-color:#cdcece;background-color:#e3e4e4}.choose-ai-tutor .main .student-tools .student-tool-form .field textarea{display:flex;font-family:Nunito,sans-serif;height:60px;width:100%;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:8px;resize:none;outline:none;height:120px}.choose-ai-tutor .main .student-tools .student-tool-form .field textarea::placeholder{color:#acadae}.choose-ai-tutor .main .student-tools .student-tool-form .field textarea:focus{border-color:#2246c6}.choose-ai-tutor .main .student-tools .student-tool-form .field textarea:disabled{border-color:#cdcece;background-color:#e3e4e4}.choose-ai-tutor .main .student-tools .student-tool-form .field span{font-size:12px;color:#535a61;margin-bottom:4px;line-height:18px}.choose-ai-tutor .main .student-tools .student-tool-form .field .topic{margin-bottom:0}.choose-ai-tutor .buttons{margin-top:24px;width:100%;display:flex;justify-content:flex-end;gap:16px}.choose-ai-tutor .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px;background-color:#acadae}.choose-ai-tutor .buttons button:hover{background-color:#00a67c;cursor:pointer}.choose-ai-tutor .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.choose-ai-tutor .buttons button:active{background-color:#007c5d}.choose-ai-tutor .buttons button:hover{background-color:#00a67c}.choose-ai-tutor .buttons button:disabled{cursor:not-allowed}.choose-ai-tutor .buttons button:disabled:active{background-color:#acadae}.choose-ai-tutor .buttons button:not(:disabled){background-color:#14bc92;cursor:pointer}.choose-ai-tutor .buttons .previous-btn{color:#1c1e20;background-color:#fff}.choose-ai-tutor .buttons .previous-btn:not(:disabled){background-color:#fff;cursor:pointer}.ai-tutor-created-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.ai-tutor-created-modal-overlay .modal-content{background-color:#fff;padding:24px;border-radius:32px;width:100%;max-width:500px}.ai-tutor-created-modal-overlay .modal-content .title{font-size:18px;font-weight:700;line-height:28px;margin-bottom:8px}.ai-tutor-created-modal-overlay .modal-content .description{line-height:22px}.ai-tutor-created-modal-overlay .modal-content .description span{font-weight:700}.ai-tutor-created-modal-overlay .modal-content .button{width:100%;display:flex;justify-content:flex-end;margin-top:24px}.ai-tutor-created-modal-overlay .modal-content .button button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.ai-tutor-created-modal-overlay .modal-content .button button:hover{background-color:#00a67c;cursor:pointer}.ai-tutor-created-modal-overlay .modal-content .button button:disabled{background-color:#acadae;cursor:not-allowed}.ai-tutor-created-modal-overlay .modal-content .button button:active{background-color:#007c5d}.schools-page{width:100%;height:calc(100vh - 48px);background-color:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column}.schools-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.schools-page .header .header-left .title{font-weight:700;font-size:24px;line-height:1.5}.schools-page .header .header-right{display:flex;gap:16px;position:relative}.schools-page .header .header-right button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.schools-page .header .header-right button:hover{background-color:#00a67c;cursor:pointer}.schools-page .header .header-right button:disabled{background-color:#acadae;cursor:not-allowed}.schools-page .header .header-right button:active{background-color:#007c5d}.schools-page .header .header-right .search-field{height:40px;color:#676868;border:1px solid #cdcece;border-radius:4px;padding:0 16px;display:flex;align-items:center;gap:8px}.schools-page .header .header-right .search-field i{color:#8a8a8b}.schools-page .header .header-right .search-field input{border:none;height:24px;outline:none}.schools-page .schools{margin-top:20px;width:100%;border:1px solid #f7f7f7;border-radius:4px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.schools-page .schools .table-header{background-color:#f7f7f7;display:grid;grid-template-columns:2fr repeat(3,1fr);position:sticky;top:0;z-index:2}.schools-page .schools .table-header .th{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;color:#676868;font-size:12px}.schools-page .schools .table-body{overflow-y:auto;display:block}.schools-page .schools .table-body .table-data{display:grid;grid-template-columns:2fr repeat(3,1fr);border-bottom:1px solid #f7f7f7;transition:background-color .2s ease}.schools-page .schools .table-body .table-data:hover{background-color:#e9edf9;cursor:pointer}.schools-page .schools .table-body .table-data .td{padding:8px;display:flex;align-items:center;text-align:center;justify-content:center;font-size:12px}.schools-page .schools .table-body .table-data .td button{border:1px solid #14bc92;color:#14bc92;background-color:#fff;padding:0 16px 0 12px;height:32px;border-radius:16px}.schools-page .schools .table-body .table-data .td button i{margin-right:8px}.schools-page .schools .table-body .table-data .td button:hover{cursor:pointer;border:1px solid #00a67c;color:#00a67c}.schools-page .schools .table-body .table-data .school{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:16px 8px}.schools-page .schools .table-body .table-data .school img{width:40px;height:40px;border-radius:50%}.schools-page .schools .table-body .table-data .school .school-name{color:#0098fd;font-size:14px;font-weight:500}.schools-page .pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;background-color:#fff;position:sticky;bottom:0;margin-top:16px;font-size:12px}.schools-page .pagination button{border:none;background:#14bc92;color:#fff;padding:8px 12px;cursor:pointer;border-radius:50%;font-size:12px}.schools-page .pagination button:hover{background:#00a67c}.schools-page .pagination button:disabled{background:#f7f7f7;color:#cdcece;cursor:not-allowed}.register-school-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.register-school-modal-overlay .modal-content{background:#fff;padding:24px;border-radius:32px;width:500px;max-height:80vh;overflow-y:auto}.register-school-modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.register-school-modal-overlay .modal-content .modal-header .modal-name .title{font-size:24px;font-weight:700;line-height:36px}.register-school-modal-overlay .modal-content .modal-header .modal-name .sub-title{line-height:22px;color:#8a8a8b}.register-school-modal-overlay .modal-content .content .modal-form{display:flex;flex-direction:column;gap:16px}.register-school-modal-overlay .modal-content .content .modal-form h4{font-size:18px}.register-school-modal-overlay .modal-content .content .modal-form .logo{display:flex;align-items:center;gap:16px}.register-school-modal-overlay .modal-content .content .modal-form .logo img{width:48px;height:48px;object-fit:cover;border-radius:50%}.register-school-modal-overlay .modal-content .content .modal-form .logo input{width:50%;border:none}.register-school-modal-overlay .modal-content .content .modal-form .form-field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:0}.register-school-modal-overlay .modal-content .content .modal-form input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.register-school-modal-overlay .modal-content .content .modal-form input::placeholder{color:#8a8a8b}.register-school-modal-overlay .modal-content .content .modal-form input:focus{border-color:#2246c6}.register-school-modal-overlay .modal-content .content .modal-form input:disabled{border-color:#cdcece;background-color:#e3e4e4}.register-school-modal-overlay .modal-content .content .modal-form span{display:block;margin-bottom:4px;font-weight:500;color:#8a8a8b;font-size:12px}.register-school-modal-overlay .modal-content .content .modal-form label{display:block;margin-bottom:4px;font-weight:500;color:#676868}.register-school-modal-overlay .modal-content .content .modal-form .buttons{display:flex;justify-content:flex-end;align-items:center;margin-top:24pxa}.register-school-modal-overlay .modal-content .content .modal-form .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.register-school-modal-overlay .modal-content .content .modal-form .buttons button:hover{background-color:#00a67c;cursor:pointer}.register-school-modal-overlay .modal-content .content .modal-form .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.register-school-modal-overlay .modal-content .content .modal-form .buttons button:active{background-color:#007c5d}.register-school-modal-overlay .modal-content .content .modal-form .buttons .discard-btn,.register-school-modal-overlay .modal-content .content .modal-form .buttons .discard-btn:hover{background-color:#fff;color:#1c1e20}.school-details-page{width:100%;height:calc(100vh - 48px);background-color:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column;gap:24px}.school-details-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.school-details-page .header .header-left{display:flex;justify-content:center;align-items:center;gap:16px}.school-details-page .header .header-left .title{font-weight:700;font-size:24px;line-height:36px}.school-details-page .header .header-left img{width:48px;height:48px;border-radius:50%}.school-details-page .header .header-right{display:flex}.school-details-page .header .header-right button{background:none;border:none;padding:5px;cursor:pointer}.school-details-page .header .header-right button i{font-size:20px;color:#454546}.school-details-page button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.school-details-page button:hover{background-color:#00a67c;cursor:pointer}.school-details-page button:disabled{background-color:#acadae;cursor:not-allowed}.school-details-page button:active{background-color:#007c5d}.school-details-page .overview,.school-details-page .contract{display:flex;flex-direction:column;gap:16px}.school-details-page .overview .title,.school-details-page .contract .title{font-size:18px;font-weight:700;line-height:28px}.school-details-page .overview .data .title,.school-details-page .contract .data .title{font-size:12px;line-height:18px;letter-spacing:1.2px;font-weight:700}.school-details-page .overview .data .value,.school-details-page .contract .data .value{color:#535a61;font-size:14px;line-height:22px}.school-details-page .overview .data .admin-email,.school-details-page .contract .data .admin-email{display:flex;align-items:center;gap:8px;margin-top:4px}.school-details-page .overview .data .admin-email button,.school-details-page .contract .data .admin-email button{border:1px solid #14bc92;color:#14bc92;background-color:#fff;padding:0 16px 0 12px;height:32px;border-radius:16px}.school-details-page .overview .data .admin-email button i,.school-details-page .contract .data .admin-email button i{margin-right:8px}.school-details-page .overview .data .admin-email button:hover,.school-details-page .contract .data .admin-email button:hover{cursor:pointer;border:1px solid #00a67c;color:#00a67c}.school-details-page .overview .data .status,.school-details-page .contract .data .status{font-size:10px;letter-spacing:1px;text-transform:uppercase;line-height:16px}.reactivate-school-plan-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.reactivate-school-plan-overlay .modal-content{background:#fff;padding:24px;border-radius:32px;width:500px;max-height:80vh;overflow-y:auto}.reactivate-school-plan-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.reactivate-school-plan-overlay .modal-content .modal-header .modal-name .title{font-size:24px;font-weight:700;line-height:36px}.reactivate-school-plan-overlay .modal-content .modal-header .modal-name .subtitle{line-height:22px;color:#535a61;margin-bottom:20px}.reactivate-school-plan-overlay .modal-content .activate-school-plan-header{padding:0}.reactivate-school-plan-overlay .modal-content .content .modal-form{display:flex;flex-direction:column;gap:16px}.reactivate-school-plan-overlay .modal-content .content .modal-form .form-field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:0}.reactivate-school-plan-overlay .modal-content .content .modal-form input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.reactivate-school-plan-overlay .modal-content .content .modal-form input::placeholder{color:#8a8a8b}.reactivate-school-plan-overlay .modal-content .content .modal-form input:focus{border-color:#2246c6}.reactivate-school-plan-overlay .modal-content .content .modal-form input:disabled{border-color:#cdcece;background-color:#e3e4e4}.reactivate-school-plan-overlay .modal-content .content .modal-form label{display:block;margin-bottom:4px;font-weight:500;color:#676868}.reactivate-school-plan-overlay .modal-content .content .modal-form .date-field{font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none;display:flex;justify-content:space-between;align-content:center}.reactivate-school-plan-overlay .modal-content .content .modal-form .date-field::placeholder{color:#8a8a8b}.reactivate-school-plan-overlay .modal-content .content .modal-form .date-field:focus{border-color:#2246c6}.reactivate-school-plan-overlay .modal-content .content .modal-form .date-field:disabled{border-color:#cdcece;background-color:#e3e4e4}.reactivate-school-plan-overlay .modal-content .content .modal-form .date-field input{border:none;outline:none;height:38px;padding:0;width:80%}.reactivate-school-plan-overlay .modal-content .content .modal-form .date-field span{line-height:38px}.reactivate-school-plan-overlay .modal-content .content .modal-form .buttons{display:flex;justify-content:flex-end;align-items:center;margin-top:24px}.reactivate-school-plan-overlay .modal-content .content .modal-form .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.reactivate-school-plan-overlay .modal-content .content .modal-form .buttons button:hover{background-color:#00a67c;cursor:pointer}.reactivate-school-plan-overlay .modal-content .content .modal-form .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.reactivate-school-plan-overlay .modal-content .content .modal-form .buttons button:active{background-color:#007c5d}.reactivate-school-plan-overlay .modal-content .content .modal-form .buttons .discard-btn,.reactivate-school-plan-overlay .modal-content .content .modal-form .buttons .discard-btn:hover{background-color:#fff;color:#1c1e20}.school-settings-page{width:600px;background-color:#fff;border-radius:32px;display:flex;flex-direction:column;overflow:hidden}.school-settings-page .title{font-size:24px;line-height:36px;font-weight:700;padding:24px 24px 0}.school-settings-page .settings{display:flex;flex-direction:column}.school-settings-page .settings button{background:none;border:none;border-bottom:1px solid #e3e4e4;display:flex;text-align:left;justify-content:space-between;padding:24px;cursor:pointer;transition:background-color .2s ease}.school-settings-page .settings button:hover{background-color:#e9edf9}.school-settings-page .settings button div{line-height:22px;font-weight:600}.school-settings-page .settings button span{color:#535a61}.school-settings-page .settings .cancel{border:none}.change-school-admin-email-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.change-school-admin-email-modal-overlay .modal-content{background-color:#fff;padding:24px;border-radius:32px;width:100%;max-width:500px}.change-school-admin-email-modal-overlay .modal-content .title{font-size:18px;font-weight:700;line-height:28px;margin-bottom:8px}.change-school-admin-email-modal-overlay .modal-content .description{line-height:22px}.change-school-admin-email-modal-overlay .modal-content .description span{font-weight:700}.change-school-admin-email-modal-overlay .modal-content .content{margin-top:24px}.change-school-admin-email-modal-overlay .modal-content .content .modal-form{display:flex;flex-direction:column}.change-school-admin-email-modal-overlay .modal-content .content .modal-form .form-field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:0}.change-school-admin-email-modal-overlay .modal-content .content .modal-form input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.change-school-admin-email-modal-overlay .modal-content .content .modal-form input::placeholder{color:#8a8a8b}.change-school-admin-email-modal-overlay .modal-content .content .modal-form input:focus{border-color:#2246c6}.change-school-admin-email-modal-overlay .modal-content .content .modal-form input:disabled{border-color:#cdcece;background-color:#e3e4e4}.change-school-admin-email-modal-overlay .modal-content .content .modal-form label{display:block;margin-bottom:4px;font-weight:500;color:#676868}.change-school-admin-email-modal-overlay .modal-content .content .modal-form span{font-weight:700;color:#1c1e20}.change-school-admin-email-modal-overlay .modal-content .buttons{width:100%;display:flex;justify-content:flex-end;margin-top:24px;gap:16px}.change-school-admin-email-modal-overlay .modal-content .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.change-school-admin-email-modal-overlay .modal-content .buttons button:hover{background-color:#00a67c;cursor:pointer}.change-school-admin-email-modal-overlay .modal-content .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.change-school-admin-email-modal-overlay .modal-content .buttons button:active{background-color:#007c5d}.change-school-admin-email-modal-overlay .modal-content .buttons .cancel-btn,.change-school-admin-email-modal-overlay .modal-content .buttons .cancel-btn:hover{background-color:#fff;color:#1c1e20}.update-school-details-page{width:600px;background-color:#fff;padding:24px;border-radius:32px;display:flex;flex-direction:column}.update-school-details-page .back-button{background:none;border:none;color:#0098fd;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:16px;text-align:left;padding:0}.update-school-details-page .back-button:hover{text-decoration:underline}.update-school-details-page .title{font-size:24px;line-height:36px;font-weight:700}.update-school-details-page .content{margin-top:24px}.update-school-details-page .content .modal-form{display:flex;flex-direction:column;gap:16px}.update-school-details-page .content .modal-form h4{font-size:18px}.update-school-details-page .content .modal-form .logo{display:flex;align-items:center;gap:16px}.update-school-details-page .content .modal-form .logo img{width:48px;height:48px;object-fit:cover;border-radius:50%}.update-school-details-page .content .modal-form .logo input{width:50%;border:none}.update-school-details-page .content .modal-form .form-field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:0}.update-school-details-page .content .modal-form input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.update-school-details-page .content .modal-form input::placeholder{color:#8a8a8b}.update-school-details-page .content .modal-form input:focus{border-color:#2246c6}.update-school-details-page .content .modal-form input:disabled{border-color:#cdcece;background-color:#e3e4e4}.update-school-details-page .content .modal-form span{display:block;margin-bottom:4px;font-weight:500;color:#8a8a8b;font-size:12px}.update-school-details-page .content .modal-form label{display:block;margin-bottom:4px;font-weight:500;color:#676868}.update-school-details-page .content .modal-form .button{display:flex;justify-content:flex-end;align-items:center;margin-top:24pxa}.update-school-details-page .content .modal-form .button button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.update-school-details-page .content .modal-form .button button:hover{background-color:#00a67c;cursor:pointer}.update-school-details-page .content .modal-form .button button:disabled{background-color:#acadae;cursor:not-allowed}.update-school-details-page .content .modal-form .button button:active{background-color:#007c5d}.change-admin-email-page{width:600px;background-color:#fff;padding:24px;border-radius:32px;display:flex;flex-direction:column}.change-admin-email-page .back-button{background:none;border:none;color:#0098fd;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:16px;text-align:left;padding:0}.change-admin-email-page .back-button:hover{text-decoration:underline}.change-admin-email-page .title{font-size:24px;line-height:36px;font-weight:700}.change-admin-email-page .info{background-color:#fefbee;padding:8px;border-radius:8px;display:flex;gap:8px;margin-top:8px}.change-admin-email-page .info i{color:#f8da55;margin-top:2px}.change-admin-email-page .info span{color:#535a61}.change-admin-email-page .content{margin-top:24px}.change-admin-email-page .content .modal-form{display:flex;flex-direction:column;gap:16px}.change-admin-email-page .content .modal-form h4{font-size:18px}.change-admin-email-page .content .modal-form .form-field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:0}.change-admin-email-page .content .modal-form input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.change-admin-email-page .content .modal-form input::placeholder{color:#8a8a8b}.change-admin-email-page .content .modal-form input:focus{border-color:#2246c6}.change-admin-email-page .content .modal-form input:disabled{border-color:#cdcece;background-color:#e3e4e4}.change-admin-email-page .content .modal-form label{display:block;margin-bottom:4px;font-weight:500;color:#676868}.change-admin-email-page .content .modal-form .button{display:flex;justify-content:flex-end;align-items:center}.change-admin-email-page .content .modal-form .button button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.change-admin-email-page .content .modal-form .button button:hover{background-color:#00a67c;cursor:pointer}.change-admin-email-page .content .modal-form .button button:disabled{background-color:#acadae;cursor:not-allowed}.change-admin-email-page .content .modal-form .button button:active{background-color:#007c5d}.extend-the-validity{width:600px;background-color:#fff;padding:24px;border-radius:32px;display:flex;flex-direction:column}.extend-the-validity .back-button{background:none;border:none;color:#0098fd;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:16px;text-align:left;padding:0}.extend-the-validity .back-button:hover{text-decoration:underline}.extend-the-validity .title{font-size:24px;line-height:36px;font-weight:700}.extend-the-validity .info{background-color:#fefbee;padding:8px;border-radius:8px;display:flex;gap:8px;margin-top:8px}.extend-the-validity .info i{color:#f8da55;margin-top:2px}.extend-the-validity .info span{color:#535a61}.extend-the-validity .content{margin-top:24px}.extend-the-validity .content .modal-form{display:flex;flex-direction:column;gap:16px}.extend-the-validity .content .modal-form h4{font-size:18px}.extend-the-validity .content .modal-form label{display:block;margin-bottom:4px;font-weight:500;color:#676868}.extend-the-validity .content .modal-form .data .title{font-size:12px;line-height:18px;letter-spacing:1.2px;font-weight:700}.extend-the-validity .content .modal-form .data .value{color:#535a61;font-size:14px;line-height:22px}.extend-the-validity .content .modal-form .date-field{font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none;display:flex;justify-content:space-between;align-content:center}.extend-the-validity .content .modal-form .date-field::placeholder{color:#8a8a8b}.extend-the-validity .content .modal-form .date-field:focus{border-color:#2246c6}.extend-the-validity .content .modal-form .date-field:disabled{border-color:#cdcece;background-color:#e3e4e4}.extend-the-validity .content .modal-form .date-field input{border:none;outline:none;height:38px;width:100%}.extend-the-validity .content .modal-form .date-field span{line-height:38px}.extend-the-validity .content .modal-form .button{display:flex;justify-content:flex-end;align-items:center}.extend-the-validity .content .modal-form .button button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.extend-the-validity .content .modal-form .button button:hover{background-color:#00a67c;cursor:pointer}.extend-the-validity .content .modal-form .button button:disabled{background-color:#acadae;cursor:not-allowed}.extend-the-validity .content .modal-form .button button:active{background-color:#007c5d}.school-admin-profile-page{width:100%;min-height:100vh;background-color:#f7f8fa}.school-admin-profile-page .header{display:flex;align-items:center;width:100%;padding:24px 40px;background-color:#fff;border-bottom:1px solid #a8b6c3}.school-admin-profile-page .header .title{font-weight:700;font-size:32px;line-height:48px}.school-admin-profile-page .profile-container{display:flex;justify-content:center;padding:24px 40px 40px}.school-admin-profile-page .profile-container .card{background:#fff;border-radius:32px;padding:24px;width:100%;box-shadow:0 4px 12px #0000000a;position:relative;display:flex;flex-direction:column;gap:24px}.school-admin-profile-page .profile-container .card .card-header{display:flex;justify-content:space-between;align-items:center}.school-admin-profile-page .profile-container .card .card-header .university{display:flex;align-items:center;gap:16px}.school-admin-profile-page .profile-container .card .card-header .university .logo{width:48px;height:48px;border-radius:50%;object-fit:cover}.school-admin-profile-page .profile-container .card .card-header .university .name{font-weight:700;font-size:24px;line-height:36px}.school-admin-profile-page .profile-container .card .card-header .gear-button{background:none;border:none}.school-admin-profile-page .profile-container .card .card-header .gear-icon{font-size:24px;color:#535a61;cursor:pointer}.school-admin-profile-page .profile-container .card .section .section-title{font-weight:700;font-size:18px;margin-bottom:16px;line-height:28px}.school-admin-profile-page .profile-container .card .section .status-title{font-size:12px;font-weight:700;line-height:18px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}.school-admin-profile-page .profile-container .card .section .status{display:inline-block;background-color:#48d9e9;color:#05393e;font-size:10px;padding:0 4px;border-radius:4px;font-weight:700;line-height:16px;letter-spacing:1.2px;text-transform:uppercase}.school-admin-profile-page .profile-container .card .section .info-label{font-size:12px;font-weight:700;line-height:18px;letter-spacing:1.2px;text-transform:uppercase;margin:16px 0 4px}.school-admin-profile-page .profile-container .card .section .info-value{font-size:14px;font-weight:400;line-height:22px;color:#535a61}.school-admin-profile-page .profile-container .card .footer-note{font-size:14px;line-height:22px;color:#535a61}.school-admin-profile-page .profile-container .card .footer-note .contact-link{color:#038558;text-decoration:none}.school-admin-profile-page .profile-container .card .footer-note .contact-link:hover{text-decoration:underline}@media screen and (max-width: 640px){.school-admin-profile-page .header{padding:16px}.school-admin-profile-page .header .title{font-size:24px;line-height:32px}.school-admin-profile-page .profile-container{padding:20px 12px}.school-admin-profile-page .profile-container .card{padding:24px}.school-admin-profile-page .profile-container .card .card-header .gear-button{background:none;border:none;cursor:pointer}.school-admin-profile-page .profile-container .card .card-header .gear-button .gear-icon{font-size:20px;color:#535a61}.school-admin-profile-page .profile-container .card .email-section{display:flex;flex-direction:column;gap:6px}.school-admin-profile-page .profile-container .card .email-section .value{color:#535a61}.school-admin-profile-page .profile-container .card .email-section .reinvite-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#038558;background:transparent;border:none;cursor:pointer;padding:0}.school-admin-profile-page .profile-container .card .email-section .reinvite-button i{font-size:14px}.school-admin-profile-page .profile-container .card .email-section .reinvite-button:hover{text-decoration:underline}}.school-admin-account-settings-page{width:100%;min-height:100vh;background-color:#f7f8fa}.school-admin-account-settings-page .header{display:flex;align-items:center;width:100%;padding:24px 40px;background-color:#fff;border-bottom:1px solid #a8b6c3}.school-admin-account-settings-page .header .title{font-weight:400;font-size:14px;line-height:22px;color:#535a61}.school-admin-account-settings-page .header .title span{color:#1c1e20;font-weight:700}.school-admin-account-settings-page .header .title .profile-button{background:none;border:none;cursor:pointer}.school-admin-account-settings-page .account-settings-container{display:flex;justify-content:center;padding:24px 40px 40px}.school-admin-account-settings-page .account-settings-container .card{background:#fff;border-radius:32px;padding:24px;width:100%;max-width:600px;box-shadow:0 4px 12px #0000000a;position:relative;display:flex;flex-direction:column}.school-admin-account-settings-page .account-settings-container .card .card-title{font-size:24px;font-weight:700;line-height:36px;margin-bottom:24px}.school-admin-account-settings-page .account-settings-container .card button{background:none;border:none;padding:24px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.school-admin-account-settings-page .account-settings-container .card button span{color:#535a61}.school-admin-account-settings-page .account-settings-container .card .change-admin-email{border-bottom:1px solid #a8b6c3}.school-admin-change-admin-email-page{width:100%;min-height:100vh;background-color:#f7f8fa}.school-admin-change-admin-email-page .header{display:flex;align-items:center;width:100%;padding:24px 40px;background-color:#fff;border-bottom:1px solid #a8b6c3}.school-admin-change-admin-email-page .header .title{font-weight:400;font-size:14px;line-height:22px;color:#535a61}.school-admin-change-admin-email-page .header .title span{color:#1c1e20;font-weight:700}.school-admin-change-admin-email-page .header .title button{background:none;border:none;cursor:pointer}.school-admin-change-admin-email-page .change-admin-email-container{display:flex;justify-content:center;padding:24px 40px 40px}.school-admin-change-admin-email-page .change-admin-email-container .card{background:#fff;border-radius:32px;padding:24px;width:100%;max-width:600px;box-shadow:0 4px 12px #0000000a;position:relative;display:flex;flex-direction:column;gap:24px}.school-admin-change-admin-email-page .change-admin-email-container .card .card-title{font-size:24px;font-weight:700;line-height:36px}.school-admin-change-admin-email-page .change-admin-email-container .card .email-input-container{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin:0}.school-admin-change-admin-email-page .change-admin-email-container .card .email-input-container input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.school-admin-change-admin-email-page .change-admin-email-container .card .email-input-container input::placeholder{color:#8a8a8b}.school-admin-change-admin-email-page .change-admin-email-container .card .email-input-container input:focus{border-color:#2246c6}.school-admin-change-admin-email-page .change-admin-email-container .card .email-input-container input:disabled{border-color:#cdcece;background-color:#e3e4e4}.school-admin-change-admin-email-page .change-admin-email-container .card .buttons{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px}.school-admin-change-admin-email-page .change-admin-email-container .card .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.school-admin-change-admin-email-page .change-admin-email-container .card .buttons button:hover{background-color:#00a67c;cursor:pointer}.school-admin-change-admin-email-page .change-admin-email-container .card .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.school-admin-change-admin-email-page .change-admin-email-container .card .buttons button:active{background-color:#007c5d}.school-admin-change-admin-email-page .change-admin-email-container .card .buttons .discard-btn{background:none;color:#373c41}.school-admin-change-admin-email-page .change-admin-email-container .card .buttons .discard-btn:hover{background:none}.change-admin-email-modal-overlay{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.change-admin-email-modal{background:#fff;border-radius:32px;width:100%;max-width:400px;padding:24px;box-shadow:0 4px 12px #0000001a}.change-admin-email-modal .modal-content{display:flex;flex-direction:column}.change-admin-email-modal .modal-content .title{font-size:18px;line-height:28px;font-weight:700;margin-bottom:8px}.change-admin-email-modal .modal-content .subtitle{font-size:14px;line-height:22px}.change-admin-email-modal .modal-content .modal-buttons{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.change-admin-email-modal .modal-content .modal-buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.change-admin-email-modal .modal-content .modal-buttons button:hover{background-color:#00a67c;cursor:pointer}.change-admin-email-modal .modal-content .modal-buttons button:disabled{background-color:#acadae;cursor:not-allowed}.change-admin-email-modal .modal-content .modal-buttons button:active{background-color:#007c5d}.change-admin-email-modal .modal-content .modal-buttons .cancel-btn{background:none;color:#373c41}.change-admin-email-modal .modal-content .modal-buttons .cancel-btn:hover{background:none}.school-admin-change-password-page{width:100%;min-height:100vh;background-color:#f7f8fa}.school-admin-change-password-page .header{display:flex;align-items:center;width:100%;padding:24px 40px;background-color:#fff;border-bottom:1px solid #a8b6c3}.school-admin-change-password-page .header .title{font-weight:400;font-size:14px;line-height:22px;color:#535a61}.school-admin-change-password-page .header .title span{color:#1c1e20;font-weight:700}.school-admin-change-password-page .header .title button{background:none;border:none;cursor:pointer}.school-admin-change-password-page .change-password-container{display:flex;justify-content:center;padding:24px 40px 40px}.school-admin-change-password-page .change-password-container .card{background:#fff;border-radius:32px;padding:32px;width:100%;max-width:600px;box-shadow:0 4px 12px #0000000a;position:relative;display:flex;flex-direction:column;gap:24px}.school-admin-change-password-page .change-password-container .card .card-title{font-size:24px;font-weight:700;line-height:36px;color:#1c1e20;margin-bottom:8px}.school-admin-change-password-page .change-password-container .card .input-container{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:20px}.school-admin-change-password-page .change-password-container .card .input-container .password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.school-admin-change-password-page .change-password-container .card .input-container .password-input-wrapper input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.school-admin-change-password-page .change-password-container .card .input-container .password-input-wrapper input::placeholder{color:#8a8a8b}.school-admin-change-password-page .change-password-container .card .input-container .password-input-wrapper input:focus{border-color:#2246c6}.school-admin-change-password-page .change-password-container .card .input-container .password-input-wrapper input:disabled{border-color:#cdcece;background-color:#e3e4e4}.school-admin-change-password-page .change-password-container .card .input-container .password-input-wrapper .password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#535a61;display:flex;align-items:center;justify-content:center;padding:4px}.school-admin-change-password-page .change-password-container .card .input-container .password-input-wrapper .password-toggle:hover{color:#535a61}.school-admin-change-password-page .change-password-container .card .input-container .validation-requirements{margin-top:12px;border-radius:8px}.school-admin-change-password-page .change-password-container .card .input-container .validation-requirements .requirement{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px}.school-admin-change-password-page .change-password-container .card .input-container .validation-requirements .requirement:last-child{margin-bottom:0}.school-admin-change-password-page .change-password-container .card .input-container .validation-requirements .requirement.valid{color:#14bc92}.school-admin-change-password-page .change-password-container .card .input-container .validation-requirements .requirement.valid svg{color:#14bc92}.school-admin-change-password-page .change-password-container .card .input-container .validation-requirements .requirement.invalid{color:#e94e3c}.school-admin-change-password-page .change-password-container .card .input-container .validation-requirements .requirement.invalid svg{color:#e94e3c}.school-admin-change-password-page .change-password-container .card .input-container .validation-requirements .requirement span{line-height:20px}.school-admin-change-password-page .change-password-container .card .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px}@media (max-width: 768px){.school-admin-change-password-page .change-password-container .card .bottom{flex-direction:column-reverse}}.school-admin-change-password-page .change-password-container .card .forgot-password{padding:24px 0}.school-admin-change-password-page .change-password-container .card .forgot-password .forgot-password-link{background:none;border:none;color:#059669;font-size:14px;cursor:pointer;text-decoration:none}.school-admin-change-password-page .change-password-container .card .forgot-password .forgot-password-link:hover{text-decoration:underline}.school-admin-change-password-page .change-password-container .card .buttons{display:flex;justify-content:flex-end;align-items:center;gap:16px}.school-admin-change-password-page .change-password-container .card .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.school-admin-change-password-page .change-password-container .card .buttons button:hover{background-color:#00a67c;cursor:pointer}.school-admin-change-password-page .change-password-container .card .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.school-admin-change-password-page .change-password-container .card .buttons button:active{background-color:#007c5d}.school-admin-change-password-page .change-password-container .card .buttons .discard-btn{background:none;color:#373c41}.school-admin-change-password-page .change-password-container .card .buttons .discard-btn:hover{background:none}.modify-teachers-ai-tools-page{width:100%;min-height:100vh;background-color:#f7f8fa}.modify-teachers-ai-tools-page .header{display:flex;align-items:center;width:100%;padding:24px 40px;background-color:#fff;border-bottom:1px solid #a8b6c3}.modify-teachers-ai-tools-page .header .title{font-weight:400;font-size:14px;line-height:22px;color:#535a61}.modify-teachers-ai-tools-page .header .title span{color:#1c1e20;font-weight:700}.modify-teachers-ai-tools-page .header .title button{background:none;border:none;cursor:pointer}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container{display:flex;justify-content:center;padding:24px 40px 40px}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card{background:#fff;border-radius:32px;padding:24px;width:100%;max-width:600px;box-shadow:0 4px 12px #0000000a;position:relative;display:flex;flex-direction:column;gap:24px}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .card-title{font-size:24px;font-weight:700;line-height:36px}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .input-container{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin:0}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .input-container textarea{display:flex;font-family:Nunito,sans-serif;height:60px;width:100%;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:8px;resize:none;outline:none;overflow:hidden;min-height:40px}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .input-container textarea::placeholder{color:#acadae}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .input-container textarea:focus{border-color:#2246c6}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .input-container textarea:disabled{border-color:#cdcece;background-color:#e3e4e4}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .buttons{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .buttons button:hover{background-color:#00a67c;cursor:pointer}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .buttons button:disabled{background-color:#acadae;cursor:not-allowed}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .buttons button:active{background-color:#007c5d}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .buttons .discard-btn{background:none;color:#373c41}.modify-teachers-ai-tools-page .modify-teachers-ai-tools-container .card .buttons .discard-btn:hover{background:none}.modify-teachers-ai-tools-modal-overlay{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modify-teachers-ai-tools-modal{background:#fff;border-radius:32px;width:100%;max-width:400px;padding:24px;box-shadow:0 4px 12px #0000001a}.modify-teachers-ai-tools-modal .modal-content{display:flex;flex-direction:column}.modify-teachers-ai-tools-modal .modal-content .title{font-size:18px;line-height:28px;font-weight:700;margin-bottom:8px}.modify-teachers-ai-tools-modal .modal-content .subtitle{font-size:14px;line-height:22px}.modify-teachers-ai-tools-modal .modal-content .modal-buttons{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.modify-teachers-ai-tools-modal .modal-content .modal-buttons button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.modify-teachers-ai-tools-modal .modal-content .modal-buttons button:hover{background-color:#00a67c;cursor:pointer}.modify-teachers-ai-tools-modal .modal-content .modal-buttons button:disabled{background-color:#acadae;cursor:not-allowed}.modify-teachers-ai-tools-modal .modal-content .modal-buttons button:active{background-color:#007c5d}.modify-teachers-ai-tools-modal .modal-content .modal-buttons .cancel-btn{background:none;color:#373c41}.modify-teachers-ai-tools-modal .modal-content .modal-buttons .cancel-btn:hover{background:none}.certificate-page{padding:80px;width:100vw;background-image:url(/assets/certificate-bg-RyvlcUaT.png);background-size:cover;background-position:center}.certificate-page .certificate-content{display:flex;gap:40px;align-items:flex-start}.certificate-page .certificate-content .left-section{flex:1}.certificate-page .certificate-content .left-section .title{font-size:32px;font-weight:700;margin-bottom:40px}.certificate-page .certificate-content .left-section .label{color:#676868;font-weight:700;font-size:16px;margin-bottom:8px}.certificate-page .certificate-content .left-section .recipient{margin-bottom:24px}.certificate-page .certificate-content .left-section .recipient .recipient-info{display:flex;align-items:center;gap:8px}.certificate-page .certificate-content .left-section .recipient .recipient-info .profile-image{border-radius:50%;width:48px;height:48px}.certificate-page .certificate-content .left-section .recipient .recipient-info .name{font-weight:700;font-size:16px}.certificate-page .certificate-content .left-section .course-completed{margin-bottom:24px}.certificate-page .certificate-content .left-section .course-completed .course-card{display:flex;flex-direction:column}.certificate-page .certificate-content .left-section .course-completed .course-card .thumbnail-wrapper img{width:200px;border-radius:4px}.certificate-page .certificate-content .left-section .course-completed .course-card .course-info{margin-top:8px}.certificate-page .certificate-content .left-section .course-completed .course-card .course-info h2{font-size:16px;font-weight:700;margin-bottom:4px;line-height:16px}.certificate-page .certificate-content .left-section .course-completed .course-card .course-info .instructor,.certificate-page .certificate-content .left-section .course-completed .course-card .course-info .date,.certificate-page .certificate-content .left-section .course-completed .course-card .course-info .learners{font-size:16px;color:#555;margin-bottom:2px}.certificate-page .certificate-content .left-section .course-completed .buttons{display:flex;gap:8px;margin-top:8px}.certificate-page .certificate-content .left-section .course-completed .buttons .btn{font-weight:700;font-size:16px;border:none;cursor:pointer}.certificate-page .certificate-content .left-section .course-completed .buttons .btn.primary{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.certificate-page .certificate-content .left-section .course-completed .buttons .btn.primary:hover{background-color:#00a67c;cursor:pointer}.certificate-page .certificate-content .left-section .course-completed .buttons .btn.primary:disabled{background-color:#acadae;cursor:not-allowed}.certificate-page .certificate-content .left-section .course-completed .buttons .btn.primary:active{background-color:#007c5d}.certificate-page .certificate-content .left-section .certificate-mobile{display:none;margin-bottom:16px}.certificate-page .certificate-content .left-section .certificate-mobile img{width:100%;border-radius:8px;border:1px solid #ccc}.certificate-page .certificate-content .left-section .mobile-share{display:none}.certificate-page .certificate-content .left-section .details{display:grid;gap:24px}.certificate-page .certificate-content .left-section .details p{font-size:16px;color:#676868;margin-bottom:8px}.certificate-page .certificate-content .left-section .details p i{margin-right:8px}.certificate-page .certificate-content .left-section .details .org-logo{width:80px}.certificate-page .certificate-content .skill{display:flex}.certificate-page .certificate-content .skill span{height:40px;color:#1c1e20;font-size:16px;border:1px solid #acadae;padding:8px 24px;border-radius:32px}.certificate-page .certificate-content .right-section{flex:1;display:flex;flex-direction:column;gap:8px}.certificate-page .certificate-content .right-section .certificate-image{max-width:100%;border:1px solid #ccc;border-radius:8px}.certificate-page .certificate-content .share-section{margin-top:16px}.certificate-page .certificate-content .share-section p{font-size:16px;color:#676868;font-weight:700;margin-bottom:16px}.certificate-page .certificate-content .share-section .share-icons{display:flex;gap:16px;font-size:24px}.certificate-page .certificate-content .share-section .share-icons a{color:#676868;transition:color .3s ease;display:flex;justify-content:center;align-items:center;text-decoration:none}.certificate-page .certificate-content .share-section .share-icons a:hover{color:#0098fd}@media (max-width: 768px){.certificate-page .certificate-content{flex-direction:column}.certificate-page .certificate-content .right-section{display:none}.certificate-page .certificate-content .left-section .certificate-mobile{display:block}.certificate-page .certificate-content .left-section .mobile-share{display:block;margin-bottom:32px}}.update-educator-slots-page{width:600px;background-color:#fff;padding:24px;border-radius:32px;display:flex;flex-direction:column}.update-educator-slots-page .back-button{background:none;border:none;color:#0098fd;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:16px;text-align:left;padding:0}.update-educator-slots-page .back-button:hover{text-decoration:underline}.update-educator-slots-page .title{font-size:24px;line-height:36px;font-weight:700}.update-educator-slots-page .info{background-color:#fefbee;padding:8px;border-radius:8px;display:flex;gap:8px;margin-top:8px}.update-educator-slots-page .info i{color:#f8da55;margin-top:2px}.update-educator-slots-page .info span{color:#535a61}.update-educator-slots-page .content{margin-top:24px}.update-educator-slots-page .content .modal-form{display:flex;flex-direction:column;gap:16px}.update-educator-slots-page .content .modal-form h4{font-size:18px}.update-educator-slots-page .content .modal-form .form-field{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;margin-top:0}.update-educator-slots-page .content .modal-form input{display:flex;font-family:Nunito,sans-serif;height:40px;width:100%;gap:4px;flex-shrink:0;border:1px solid #cdcece;border-radius:8px;color:#454546;background-color:#fff;padding:0 8px;line-height:48px;outline:none}.update-educator-slots-page .content .modal-form input::placeholder{color:#8a8a8b}.update-educator-slots-page .content .modal-form input:focus{border-color:#2246c6}.update-educator-slots-page .content .modal-form input:disabled{border-color:#cdcece;background-color:#e3e4e4}.update-educator-slots-page .content .modal-form label{display:block;margin-bottom:4px;font-weight:500;color:#676868}.update-educator-slots-page .content .modal-form .button{display:flex;justify-content:flex-end;align-items:center}.update-educator-slots-page .content .modal-form .button button{display:inline-flex;background-color:#14bc92;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;padding:0 24px;border-radius:24px}.update-educator-slots-page .content .modal-form .button button:hover{background-color:#00a67c;cursor:pointer}.update-educator-slots-page .content .modal-form .button button:disabled{background-color:#acadae;cursor:not-allowed}.update-educator-slots-page .content .modal-form .button button:active{background-color:#007c5d}.cancel-page{padding:40px;display:flex;min-width:50vw;justify-content:center;background:#fff}.cancel-container{width:100%;max-width:960px}.title{font-size:24px;font-weight:600;color:#2246c6;margin-bottom:16px}.cancel-card{background:#fff;border:1px solid #e3e4e4;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000a}.cancel-card .summary{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;margin-bottom:16px;background:#f7f7f7;border-radius:8px;max-width:250px}.cancel-card .summary .label{color:#8a8a8b}.cancel-card .summary .value{font-weight:600;color:#1c1e20}.cancel-card .summary .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cancel-card .field{display:flex;flex-direction:column;margin-bottom:16px}.cancel-card .field label{font-weight:600;margin-bottom:6px;color:#1c1e20}.cancel-card .field select,.cancel-card .field textarea{width:100%;border:1px solid #cdcece;background:#fff;color:#1c1e20;padding:10px 12px;border-radius:8px;outline:none}.cancel-card .field select:focus,.cancel-card .field textarea:focus{border-color:#0f7ce3;box-shadow:0 0 0 3px #0f7ce326}.cancel-card .field .hint{margin-top:6px;font-size:.85rem;color:#8a8a8b}.cancel-card .actions{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.cancel-card .actions .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.cancel-card .actions .btn.ghost{background:transparent;border-color:#cdcece;color:#1c1e20}.cancel-card .actions .btn.danger{background:#e94e3c;color:#fff}.cancel-card .actions .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cancel-page{padding:20px 16px;max-width:100%;margin:50px 0}.summary{min-width:100%}}.cancel_subscription_button{background-color:transparent;color:#f08377;border:none;cursor:pointer}.other-reason{margin:20px 0}.payment-notification-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px}.payment-notification-modal .modal-container{width:min(480px,92%);max-width:480px;border-radius:12px;text-align:center;animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-shadow:0 8px 24px #00000024}.payment-notification-modal .modal-container .img-container{padding:16px;border-radius:56px 56px 0 0;background-color:#fff;width:112px;height:96px;display:flex;justify-content:center;align-items:center;margin-top:16px}.payment-notification-modal .modal-container .img-container .modal-image{width:80px;height:80px;object-fit:contain}.payment-notification-modal .modal-container .details{background-color:#fff;padding:20px 24px;border-radius:0 0 12px 12px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.payment-notification-modal .modal-container .details h2{font-size:18px;font-weight:700;line-height:28px;color:#8c2f24;margin:8px 0 12px;text-align:center;word-break:break-word}.payment-notification-modal .modal-container .details p{color:#676868;line-height:22px;margin:0;text-align:center;font-size:14px}.payment-notification-modal .modal-container .details .modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.payment-notification-modal .modal-container .details .modal-buttons button{background-color:#14bc92;justify-content:center;flex-shrink:0;color:#fff;border:none;font-weight:600;height:40px;border-radius:24px;min-height:40px;padding:8px 14px;font-size:14px;display:inline-flex;align-items:center;gap:8px}.payment-notification-modal .modal-container .details .modal-buttons button:hover{background-color:#00a67c;cursor:pointer}.payment-notification-modal .modal-container .details .modal-buttons button:disabled{background-color:#acadae;cursor:not-allowed}.payment-notification-modal .modal-container .details .modal-buttons button:active{background-color:#007c5d}.payment-notification-modal .modal-container .details .modal-buttons button.see-plans{color:#14bc92;background:none;border:none;font-weight:600}.payment-notification-modal .modal-container .details .modal-buttons button.see-plans i{font-size:14px}.payment-notification-modal .modal-container .details .modal-buttons button.do-later,.payment-notification-modal .modal-container .details .modal-buttons button.upgrade-later{background:none;border:none;color:#454546}.payment-notification-modal .modal-container .details .modal-buttons button.cancel-subscription{background:none;border:none;color:#e94e3c}.payment-notification-modal .modal-container .details .modal-buttons button.see-plans-border{color:#14bc92;background:none;border:1px solid #14bc92}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 420px){.payment-notification-modal .modal-container{width:96%;padding:0;border-radius:10px}.payment-notification-modal .modal-container .img-container{width:96px;height:80px}.payment-notification-modal .modal-container .img-container .modal-image{width:64px;height:64px}.payment-notification-modal .modal-container .details{padding:16px}.payment-notification-modal .modal-container .details h2{font-size:16px;line-height:22px}.payment-notification-modal .modal-container .details p{font-size:13px;line-height:20px}.payment-notification-modal .modal-container .details .modal-buttons{gap:8px}.payment-notification-modal .modal-container .details .modal-buttons button{flex:1 1 100%;width:100%;justify-content:center;padding:10px 12px}}@media (min-width: 421px) and (max-width: 767px){.payment-notification-modal .modal-container{width:420px}.payment-notification-modal .modal-container .details .modal-buttons{gap:10px}.payment-notification-modal .modal-container .details .modal-buttons button{flex:1 1 auto;min-width:140px}}@media (min-width: 768px){.payment-notification-modal{padding:0}}