@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.lt-loading{display:flex;justify-content:center;align-items:center;height:80vh}.lt-loading img{width:80px;height:80px;animation:spin 1s linear infinite}:root{--main-dark: #31393C;--main-light: #FFFFFF;--main-purple: #6D6DA3;--lt-orange: #EA6244;--lt-green: #439E77;--lt-pink: #FBAAA8;--lt-yellow: #F0C13F;--lt-lightblue: #9AC1E7;--lt-blue: #0667A7;--theme-orange: #F5B0A2;--theme-green: #A1CFBB;--theme-pink: #FDD5D4;--theme-yellow: #F8E09F;--theme-lightblue: #CDE0F3;--theme-blue: #82B3D3;--theme-gray: #efefef;--theme-darkgray: #989898;--theme-hover: #dcdcdc;--theme-graygray: #bdbdbd;--shadow-thin: rgba(99, 99, 99, .2) 0px 2px 8px 0px;--shadow-float: 0px 4px 20px rgba(0, 0, 0, .1);--border-botto: 1px solid rgba(0, 0, 0, .12);--chart-blue: rgba(154, 193, 231, .5)}.lt-divider{border-bottom:1px solid var(--theme-hover);width:100%;height:1px}.lt-link{text-decoration:underline;font-weight:400;color:var(--main-purple);cursor:pointer}.lt-link:hover{color:#535380}.lt-btn-container{display:flex;justify-content:flex-end}.lt-btn-icon{line-height:0;display:flex;align-items:center;justify-content:center}.lt-btn-ns-blue{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);color:var(--lt-blue);border-radius:6em;border-style:none;border:1px solid var(--theme-hover);height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-btn-ns-blue:hover{background-color:var(--lt-blue);color:var(--main-light);transform:scale(1.05)}.lt-popup-cancel{cursor:pointer;background-color:var(--main-light);color:var(--main-dark);border-radius:6em;border-style:none;border:1px solid var(--theme-hover);height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-popup-cancel:hover{background-color:var(--theme-gray);color:var(--main-dark);transform:scale(1.05)}.lt-popup-actions{width:100%;display:flex;justify-content:flex-end;gap:1vw}.lt-btn-switch{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-btn-switch:hover{transform:scale(1.05)}.lt-switch-nav{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:none;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-switch-nav:hover{transform:scale(1.05)}.lt-btn-red{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);color:#ff5757;border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-btn-red:hover{background-color:#ff5757;color:var(--main-light);transform:scale(1.05)}.lt-btn-green{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--lt-green);color:var(--main-light);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-btn-green:hover{background-color:var(--main-light);color:var(--lt-green);transform:scale(1.05)}.lt-btn-fgreen{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);color:var(--lt-green);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-btn-fgreen:hover{background-color:var(--lt-green);color:var(--main-light);transform:scale(1.05)}.lt-btn-blue{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);color:var(--lt-blue);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-btn-blue:hover{background-color:var(--lt-blue);color:var(--main-light);transform:scale(1.05)}.lt-btn-purple{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);color:var(--main-purple);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease;text-decoration:none}.lt-btn-purple:hover{background-color:var(--main-purple);color:var(--main-light);transform:scale(1.05)}.lt-btn-orange{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);color:var(--lt-orange);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease;text-decoration:none}.lt-btn-orange:hover{background-color:var(--lt-orange);color:var(--main-light);transform:scale(1.05)}.lt-btn-yellow{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);color:var(--lt-yellow);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease;text-decoration:none}.lt-btn-yellow:hover{background-color:var(--lt-yellow);color:var(--main-light);transform:scale(1.05)}.lt-circle-btn{background-color:var(--theme-gray);color:var(--main-dark);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,transform .2s ease}.lt-circle-btn:hover{background-color:var(--theme-hover);transform:scale(1.05)}.lt-circle-plain{color:var(--theme-darkgray);display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:10px;border-radius:50%;line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,transform .2s ease}.lt-circle-plain:hover{transform:scale(1.2)}.lt-circle-btn-nb{-webkit-user-select:none;user-select:none;color:var(--main-dark);display:flex;align-items:center;justify-content:center;margin-right:1vw;padding:10px;border-radius:50%;line-height:0;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.lt-circle-btn-nb:hover{background-color:var(--theme-hover);transform:scale(1.05)}.lt-textarea{width:100%;min-height:120px;resize:none;overflow:hidden;padding:10px 15px;border:none!important;outline:none!important;box-shadow:none!important;font-weight:300!important;font-size:15px;color:#333;border-radius:15px;background-color:#f0f0f0;line-height:1.4;overflow-y:auto;overflow-x:hidden}.lt-textarea-md{width:100%;min-height:60px;resize:none;overflow:hidden;padding:10px 15px;border:none!important;outline:none!important;box-shadow:none!important;font-weight:300!important;font-size:15px;color:#333;border-radius:15px;background-color:#f0f0f0;line-height:1.4;overflow-y:auto;overflow-x:hidden}.lt-textarea:focus{outline:none}.lt-textinput{width:100%;resize:none;overflow:hidden;padding:10px 15px;border:none!important;outline:none!important;box-shadow:none!important;font-weight:300!important;color:#333;border-radius:10px;background-color:#f0f0f0;line-height:1.5}.lt-textinput:focus{outline:none}.lt-menu-btn{-webkit-user-select:none;user-select:none;color:var(--theme-darkgray);font-size:1.2rem;cursor:pointer;transition:transform .2s ease}.lt-float-icon{animation:float 2s ease-in-out infinite}.lt-edit-form{margin:20px 0}.lt-edit-actions{display:flex;justify-content:flex-end;gap:20px;margin-top:30px}.lt-singlefile-container{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid var(--theme-hover);border-radius:.5em}.lt-searchbar{background-color:var(--theme-gray);border-radius:5em;padding-left:20px;display:flex;align-items:center;width:80%;height:40px;max-width:320px;min-width:200px}.lt-searchbar input{all:unset;width:100%;background-color:var(--theme-gray);padding:10px;border-radius:5em}.lt-searchbar-phone{background-color:var(--theme-gray);padding-left:20px;display:flex;align-items:center;width:100%;height:40px}.lt-searchbar-phone input{all:unset;width:100%;background-color:var(--theme-gray);padding:10px}.lt-nav-searchbar{background-color:var(--theme-gray);border-radius:5em;padding-left:20px;align-items:center;width:80%;max-width:320px;min-width:200px;display:none}.lt-nav-searchbar input{all:unset;width:100%;background-color:var(--theme-gray);padding:10px;border-radius:5em}.lt-singlefile{display:flex;align-items:center;gap:20px;border:1px solid var(--theme-hover);border-radius:.2em;padding:5px 10px}.lt-file-upload{cursor:pointer;background-color:var(--main-light);color:var(--main-purple);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 20px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-file-upload:hover{background-color:var(--main-purple);color:var(--main-light);transform:scale(1.05)}.lt-file-empty{color:var(--theme-darkgray)}.lt-container{display:flex;padding:20px 40px;flex-direction:column;border-radius:.5em;overflow:hidden;width:100%;gap:12px;flex-wrap:nowrap;box-shadow:#63636333 0 2px 8px}.lt-preview{cursor:pointer}.lt-header-1{font-weight:600;font-size:1.2rem}.lt-row{display:flex;gap:10px;flex-wrap:wrap}.space-between{display:flex;justify-content:space-between;align-items:center;width:100%}.flex-end{display:flex;justify-content:flex-end;align-items:center;gap:20px;width:100%}.flex-center{display:flex;justify-content:center;align-items:center}.popup-body{display:flex;flex-direction:column;gap:10px}.lt-vertical{display:flex;flex-direction:column;align-items:center;gap:28px;margin-bottom:60px}.lt-flex{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}.btn-icon{display:none}.lt-icon-default{font-size:1rem;line-height:0;display:flex;justify-content:center;align-items:center}.lt-flex-column{display:flex;flex-direction:column}.lt-icon{color:var(--theme-darkgray);display:flex;line-height:0;padding:0;align-items:center}.ep-generate{cursor:pointer;color:var(--lt-blue)}.ep-generate:hover{text-decoration:underline}.lt-card-plain{border-bottom:1px solid rgba(0,0,0,.1);color:var(--main-dark);padding:15px 2vw;display:flex;align-items:center}.background-purple{background-color:var(--main-purple)!important}.chart-container{position:relative}.chartjs-tooltip{z-index:9999!important}.lt-option{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;font-weight:300;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.lt-option.n-status:hover{background-color:var(--theme-hover);transform:scale(1.05)}.lt-status{box-shadow:#00000029 0 1px 4px;color:var(--main-light);font-weight:300;font-size:.9rem;padding:5px 10px;border-radius:6em;transition:background-color .3s ease,transform .2s ease}.lt-status:hover{transform:scale(1.05)}.lt-switch{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:300;transition:background-color .3s ease,transform .2s ease}.lt-switch:hover{font-weight:400;transform:scale(1.05)}.lt-infohead{display:flex;align-items:center;justify-content:center;width:fit-content;padding:10px 12px;border-radius:6em;gap:5px;color:#fff;cursor:pointer;transition:background-color .5s ease,transform .2s ease}.lt-infohead.inactive:hover{transform:scale(1.12)}.lt-hide,.lt-hide-flex{display:none}.lt-show-flex{display:flex}.lt-dropdown-hide{display:none}.lt-dropdown-show{display:flex;flex-direction:column}.lt-hide{display:none;opacity:0;height:0}@media (max-width: 800px){.flex-end{display:flex;flex-direction:column;align-items:start;gap:10px}.lt-infohead.gm.inactive{background-color:var(--main-light)!important;border:2px solid var(--lt-orange);color:var(--lt-orange)}.lt-infohead.fm.inactive{background-color:var(--main-light)!important;border:2px solid var(--lt-green);color:var(--lt-green)}.lt-infohead.sh.inactive{background-color:var(--main-light)!important;border:2px solid var(--lt-pink);color:var(--lt-pink)}.lt-infohead.rl.inactive{background-color:var(--main-light)!important;border:2px solid var(--lt-yellow);color:var(--lt-yellow)}.lt-infohead.el.inactive{background-color:var(--main-light)!important;border:2px solid var(--lt-lightblue);color:var(--lt-lightblue)}.lt-infohead.c.inactive{background-color:var(--main-light)!important;border:2px solid var(--lt-blue);color:var(--lt-blue)}.lt-infohead.se.inactive{background-color:var(--main-light)!important;border:2px solid var(--main-purple);color:var(--main-purple)}}.landing-main{width:100%;overflow:hidden}.section{width:100%;height:auto}@keyframes text-appear{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.autoShow{animation:text-appear both;animation-timeline:view();animation-range:entry 20% cover 100vh}.landing{position:relative;display:flex;justify-content:center;align-items:center;height:100vh}.landing-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:auto;height:auto;gap:68px}.landing-logo{overflow:hidden;width:clamp(100px,25vw,180px)}.landing-logo img{object-fit:contain;display:block;width:100%;height:100%}.landing-title{font-weight:600;color:#31393c;font-size:clamp(1.8rem,5vw,3.5rem)}.landing-buttons{display:flex;flex-direction:column;height:fit-content;align-items:center;gap:1.5vw;width:60%}.landing-buttons p{font-weight:300;font-size:1rem}.landing-btn{background:none;background-color:#fafafa;box-shadow:#63636333 0 2px 8px;border-radius:20px;cursor:pointer;text-decoration:none;color:#31393c;display:flex;justify-content:flex-start;align-items:center;width:100%;height:10vh;gap:1.5vw;padding:0vw 2vw;font-size:18px}.landing-btn img{object-fit:contain;width:2.3vw;height:10vh}.landing-btn:hover{background-color:#efefef}.create-btn{position:relative;background:none;border:none;text-decoration:none;font-family:Outfit;font-weight:600;cursor:pointer;color:#56537a;font-size:1rem;padding:.1vw}.create-btn:after{content:"";position:absolute;left:0;bottom:0;width:0;background:#6d6da3;border-radius:50px;transition:width .2s ease;height:3px}.about{height:auto;background-color:#56537a;display:flex;gap:8vw;align-items:center;justify-content:center;padding:10vh 10vw}.LT-description{display:flex;gap:5vh;width:40vw;flex-direction:column;justify-content:center;text-align:justify;color:#fff}.about-title{font-size:3.2rem;font-weight:600}.LT-description p{font-size:1.1rem}.about-logo{width:fit-content;display:flex;align-items:center;justify-content:center}.about-logo img{width:100%;max-width:400px;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.5));animation:spin 50s linear infinite}.features{height:auto;width:100%;display:flex;flex-direction:column;justify-content:center;padding:6vh 10vw}.features-title{align-self:center;font-weight:600;font-size:3rem;color:#31393c;margin-bottom:6vh}.card-container{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:6vw}.feature-card{display:flex;flex-direction:column;width:30vw;gap:2vh;color:#31393c}.feature-header{display:flex;align-items:center;width:100%;gap:1.5vw;padding:2vh 1vw}.feature-title{font-weight:600;font-size:2rem}.icon-container{width:4vw;height:5vh}.feature-card img{object-fit:contain;width:100%;height:100%}.feature-body{width:100%;display:flex;justify-content:center}.feature-body div{width:80%;text-align:justify}.footer{width:100%;height:100%;margin:80px 0;display:flex;justify-content:center;align-items:center}.footer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:0 20px;width:60%;height:80%;color:var(--main-dark)}.footer-title{font-size:3.2rem;font-weight:600}.footer-desc{text-align:center}.more{width:100%;height:100%;background-color:#56537a;color:var(--main-light);display:flex;justify-content:space-between;padding:60px 40px}.contact-us{display:flex;flex-direction:column;gap:8px}.more-info{display:flex;gap:20px;color:var(--main-dark);border-radius:12px;align-items:center;color:#fff}.more-info img{object-fit:contain;width:80px}.more-info .lp-name-header{align-self:center;font-size:2rem;font-weight:600;margin-bottom:1vh;color:var(--main-dark);display:flex;gap:2vh;align-items:center}.more-info p{font-size:1.1rem;line-height:1.5;text-align:justify}.contact-icon{font-size:1.3rem}.contact-icon.email{color:var(--lt-yellow)}.contact-icon.phone{color:var(--theme-green)}.contact-icon.address{color:var(--lt-orange)}.lt-school-icon{color:var(--lt-yellow)}@media (max-width: 767px){.about{flex-direction:column-reverse;text-align:center;gap:4vh}.LT-description{width:100%}.LT-description .about-title{font-size:2.2rem}.about-logo img{width:40vw}.card-container{flex-direction:column;align-items:center}.feature-card{width:100%}.landing-title{text-align:center}.landing-buttons{width:80%;gap:2vh}.landing-btn{gap:2.5vw;padding:0vw 7vw}.landing-btn img{width:30px;height:30px}.more{height:100%;flex-direction:column;align-items:center;gap:80px}.contact-us{width:100%}}@media (max-width: 599px){.card-container{flex-direction:column;align-items:center}.feature-card{width:100%}.icon-container{width:30%}.landing-title{text-align:center}.landing-buttons{width:80%;gap:2vh}.landing-btn{gap:2.5vw;height:8vh;padding:0vw 7vw;font-size:14px}.landing-btn img{width:30px;height:30px}}.slide-item{width:100%;min-width:100%;height:100%;flex-shrink:0;flex-grow:0;transition:translate .3s ease-in-out;z-index:100}.slide-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:4vw}.slide-body{display:flex;flex-direction:column;gap:20px;width:32%;opacity:0;color:var(--main-dark);animation:fadeIn .4s ease-in-out forwards}.slide-title{font-size:4vw;font-weight:600}.slide-img{width:100%;max-width:720px}.slide-img img{object-fit:cover;width:100%;height:100%;display:block;opacity:0;animation:fadeIn .8s ease-in-out forwards;-webkit-user-select:none;user-select:none}.slide-btn{all:unset;display:block;position:absolute;bottom:50%;background-color:var(--theme-gray);color:var(--main-dark);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,transform .2s ease;z-index:200}.slide-btn.left{left:0;margin-left:12px}.slide-btn.right{right:0;margin-right:12px}.slide-btn:hover{background-color:var(--theme-hover);transform:scale(1.05)}.slide-dot{all:unset;display:block;background-color:var(--theme-gray);color:var(--main-dark);display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:.8rem;color:var(--theme-gray);border-radius:50%;line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,scale .1s ease-in-out;z-index:200}.slide-dot:hover{scale:1.2}.slide-dot.slide-active{color:var(--main-dark)}.circle-bg-left,.circle-bg-right,.circle-bg-bot{border-radius:50%;display:block;position:absolute;pointer-events:none;z-index:-1}.circle-bg-left{width:320px;height:320px;left:-160px;bottom:-120px;animation:fadeIn .6s ease-in-out forwards}.circle-bg-right{width:260px;height:260px;right:-60px;top:-120px;animation:fadeIn .4s ease-in-out backwards}.circle-bg-bot{width:240px;height:240px;right:-60px;bottom:-360px;animation:fadeIn .4s ease-in-out backwards}.bg-red{background-color:#f5b0a2}.bg-yellow{background-color:#f8e09f}.bg-blue{background-color:#82b3d3}.bg-pink{background-color:#fdd5d4}.bg-green{background-color:#a1cfbb}.bg-lightblue{background-color:#cde0f3}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width: 1000px){.slide-content{flex-direction:column-reverse}.slide-body,.slide-img{width:80%}}@media (max-width: 600px){.slide-title{font-size:2rem}.slide-body,.slide-img{width:80%}.circle-bg-left,.circle-bg-right{width:180px;height:180px}.circle-bg-left{bottom:-80px;left:-80px}.circle-bg-right{top:-80px}.circle-bg-bot{right:-120px}}.landing-nav{background-color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000001a;position:fixed;z-index:9999;width:100%;height:60px;padding:.1vw 2.5vw}.logo-frame{transition:transform .3s ease-in-out;width:50px;height:50px}img{object-fit:cover;width:100%;height:100%}.nav-items{display:flex;gap:3vw}.nav-btn{position:relative;background:none;border:none;font-family:Outfit;font-weight:300;cursor:pointer;color:#31393c;font-size:18px;padding:.1vw}.nav-btn:hover{font-weight:400;color:#6d6da3}.nav-btn:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:#6d6da3;border-radius:50px;transition:width .2s ease}.nav-btn:hover:after{width:100%}html{scroll-behavior:smooth}@media (max-width: 991px){nav{width:100%;height:50px;padding:.1vw 2.5vw}.logo-frame{transition:transform .3s ease-in-out;width:40px;height:40px}.nav-btn{position:relative;background:none;border:none;font-family:Outfit;font-weight:300;cursor:pointer;color:#31393c;font-size:16px;padding:.1vw}}.background-circles{position:absolute;z-index:0;pointer-events:none;overflow:hidden;width:100%;height:100%}.circle{position:absolute;border-radius:50%;z-index:0}.circle-red{background-color:#f5b0a2;box-shadow:0 4px 20px #0000001a;width:20vw;height:20vw;left:-10.21vw;top:27.18vh}.circle-yellow{background-color:#f8e09f;box-shadow:0 4px 20px #0000001a;width:16vw;height:16vw;left:18.19vw;top:84.48vh}.circle-blue{background-color:#82b3d3;box-shadow:0 4px 20px #0000001a;width:18vw;height:18vw;left:79.65vw;top:79.76vh}.circle-pink{background-color:#fdd5d4;box-shadow:0 4px 20px #0000001a;width:18vw;height:18vw;left:91.18vw;top:9.41vh}.circle-green{background-color:#a1cfbb;box-shadow:0 4px 20px #0000001a;width:8vw;height:8vw;left:67.22vw;top:1.18vh}.circle-lightblue{background-color:#cde0f3;box-shadow:0 4px 20px #0000001a;width:14vw;height:14vw;left:20.21vw;top:-5.76vh}.stafflogin-section{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh}.stafflogin-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;border-radius:16px;box-shadow:#0000001a 0 6px 20px;padding:20px;gap:20px}.stafflogin-header{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:10vh}.stafflogin-logo{width:120px;height:auto}.stafflogin-logo img{width:100%;height:auto;object-fit:contain}.bck-btn{color:#fff;border:none;cursor:pointer;appearance:none;border-radius:6em;border-style:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.bck-btn:hover{background-color:var(--main-light);box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;transform:scale(1.05)}.bck-btn-icon{display:flex;align-items:center;line-height:0;font-size:1.8rem;color:var(--main-dark)}.stafflogin-title{font-weight:600;color:#31393c;font-size:2rem;text-align:center}.staff-login-form{display:flex;flex-direction:column;width:100%;gap:2vh}.stafflogin-tile{display:flex;flex-direction:column;align-items:center;gap:2vh;width:100%}.stafflogin-input{background-color:#fafafa;border-radius:12px;color:#31393c;max-width:100%;height:45px;padding:0 14px;font-size:16px;outline:none;border-style:solid;border-color:#efefef}.stafflogin-input:hover,.stafflogin-input:focus{background-color:#efefef}.stafflogin-btn{width:100%;height:48px;font-size:18px;font-weight:500;background-color:#6d6da3;color:#fff;border:none;border-radius:12px;cursor:pointer;text-decoration:none;display:flex;justify-content:center;align-items:center}.stafflogin-btn:hover{background-color:#5a5a88}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@media (max-width: 991px){.stafflogin-content{width:100%;max-width:326px;padding:1rem;gap:20px}.stafflogin-header{width:90%;gap:5vh}.stafflogin-logo{width:90px}.stafflogin-logo img{width:90%}.stafflogin-title{font-size:1.5rem}.staff-login-form{width:90%}.stafflogin-tile{gap:1vh;width:90%}.stafflogin-input{height:35px;padding:0 10px;font-size:12px}.stafflogin-btn{height:38px;font-size:18px}}@media (max-width: 599px){.stafflogin-content{width:100%;max-width:326px;padding:1rem;gap:20px}.stafflogin-header{width:95%;gap:8vh}.stafflogin-logo{width:90px}.stafflogin-logo img{width:90%}.stafflogin-title{font-size:1.5rem}.staff-login-form{width:90%}.stafflogin-tile{gap:1vh;width:90%}.stafflogin-input{height:35px;padding:0 10px;font-size:12px}.stafflogin-btn{height:38px;font-size:15px}.create-btn{font-size:10px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-popup{display:flex;flex-direction:column;align-items:center;background:#fff;padding:20px 30px;border-radius:16px;box-shadow:0 4px 15px #0003}.loading-image{width:60px;height:60px;animation:spin 1s linear infinite}.loading-message{margin-top:12px;font-size:16px;color:#333;font-weight:500}.signup-section{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem}.signup-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:2rem;border-radius:16px;box-shadow:#0000001a 0 6px 20px;gap:2vh}.signup-header{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:10vh}.su-bck-btn{color:#fff;border:none;cursor:pointer;appearance:none;border-radius:6em;border-style:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.su-bck-btn:hover{background-color:var(--main-light);box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;transform:scale(1.05)}.su-bck-btn-icon{display:flex;align-items:center;line-height:0;font-size:1.8rem;color:var(--main-dark)}.signup-logo{width:120px;height:auto}.signup-logo img{width:100%;height:auto;object-fit:contain}.signup-title{font-weight:600;color:#31393c;font-size:2rem;text-align:center}.signup-tile{display:flex;flex-direction:column;align-items:center;gap:2vh;width:100%}.signup-input{background-color:#fafafa;border-radius:12px;color:#31393c;width:100%;height:45px;padding:0 14px;font-size:16px;outline:none;border-style:solid;border-color:#efefef}.signup-input:hover,.signup-input:focus{background-color:#efefef}.signup-btn{width:100%;height:48px;font-size:18px;font-weight:500;background-color:#6d6da3;color:#fff;border:none;border-radius:12px;cursor:pointer;text-decoration:none;display:flex;justify-content:center;align-items:center}.signup-btn:hover{background-color:#5a5a88}@media (max-width: 991px){.signup-section{padding:1.5rem}.signup-logo{width:100px}}@media (max-width: 599px){.signup-content{width:100%;max-width:300px;padding:1rem;gap:15px}.signup-header{width:95%;gap:8vh}.signup-logo{width:90px}.signup-logo img{width:90%}.signup-title{font-size:1.5rem}.signup-form{width:90%}.signup-tile{gap:1vh;width:90%}.signup-input{height:35px;padding:0 10px;font-size:12px}.signup-btn{height:38px;font-size:15px}}.get-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8vh;min-height:100vh;box-sizing:border-box}.get-logo{overflow:hidden;width:clamp(100px,25vw,180px)}.get-logo img{object-fit:contain;display:block;width:80%;height:80%}.get-title{font-weight:600;color:#31393c;font-size:clamp(1.8rem,5vw,3.5rem)}.card-content{display:flex;justify-content:center;gap:40px;margin-top:15px;z-index:1;position:relative;flex-wrap:wrap}.card{background:#fff;padding:30px;width:300px;border-radius:15px;box-shadow:#00000029 0 1px 4px;text-align:center;transition:transform .2s ease-in-out}.gsp-card-icon{font-size:3rem}.gsp-i-school{color:var(--lt-orange)}.gsp-i-teacher{color:var(--lt-green)}.card-icon img{width:50px;height:50px;object-fit:contain}.card h3{font-size:1.5rem;margin-bottom:10px}.card p{font-size:1rem;color:#666;margin-bottom:20px}.button{display:inline-block;padding:15px 35px;background-color:#6d6da3;color:#fff;border-radius:25px;text-decoration:none;font-weight:500;transition:background-color .3s}.button:hover{background-color:#5a5a88;transform:translateY(-2px)}.gs-logout-icon{rotate:180deg}@media (max-width: 767px){.get-content{gap:2.5vh;padding-top:20px}}.confirm-popup-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:10000}.confirm-popup-card{background:#fff;padding:40px 60px;border-radius:.5em;max-width:600px;text-align:center;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;gap:2vh}.confirm-popup-card-2{background:#fff;padding:40px 60px;border-radius:.5em;max-width:600px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;gap:20px}.confirm-popup-card .title{font-weight:600;color:var(--main-dark);font-size:1.5rem}.confirm-popup-card .message{font-weight:300;font-size:1.1rem;margin-top:4vh;margin-bottom:4vh}.confirm-popup-actions{display:flex;justify-content:center;gap:2.5vw}.confirm.btn-cancel{background:var(--theme-darkgray);border:none;color:#fff;padding:10px 20px;border-radius:5em;cursor:pointer}.confirm.btn-confirm{background:var(--main-purple);border:none;color:#fff;padding:10px 20px;border-radius:5em;cursor:pointer}@media (max-width: 768px){.confirm-popup-card{padding:3vh 5vw;font-size:.95rem}.confirm-popup-actions{gap:2vh}}@media (max-width: 480px){.confirm-popup-card{padding:3vh 4vw}}.create-school-main{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f8f9fb;padding:1rem;position:relative}.create-school-card{background:#fff;width:100%;max-width:750px;padding:1.5rem;border-radius:16px;box-shadow:#00000029 0 1px 4px;display:flex;flex-direction:column;gap:2vh;z-index:2}.create-header{display:flex;align-items:center;justify-content:flex-start;width:100%}.c-bck-btn{color:#fff;border:none;cursor:pointer;appearance:none;border-radius:6em;border-style:none;display:flex;align-items:center;justify-content:center;gap:5px;transition:background-color .3s ease,transform .2s ease}.c-bck-btn:hover{background-color:var(--main-light);box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;transform:scale(1.05)}.c-bck-btn-icon{display:flex;align-items:center;line-height:0;font-size:1.8rem;color:var(--main-dark)}.create-school-logo{width:100px;height:auto;margin:0 auto}.create-school-logo img{width:100%;height:auto;object-fit:contain}.create-school-title{font-weight:600;color:#31393c;font-size:1.8rem;text-align:center}.create-school-form{display:flex;align-items:center;flex-direction:column;gap:1rem}.s-form-row{display:flex;gap:1rem;width:100%}.school-code-container{width:100%;display:flex;flex-direction:column;align-items:center;height:64px;gap:1vh}.school-code-container div{color:#7c7c7c;font-weight:300;font-size:.9rem;font-style:italic}.create-schoolcode-input{background-color:#fafafa;border-radius:12px;color:#31393c;flex:1;height:48px;width:100%;padding:0 14px;font-size:16px;outline:none;border:1px solid #efefef;transition:background .2s ease,border .2s ease}.s-form-row.single{flex-direction:column}.create-school-input{background-color:#fafafa;border-radius:5px;color:#31393c;flex:1;height:48px;padding:0 14px;font-size:16px;outline:none;border:1px solid #efefef;transition:background .2s ease,border .2s ease}.create-school-input:hover,.create-school-input:focus{background-color:#f0f0f0;border-color:#d3d3d3}.s-upload-box{border:2px dashed #ccc;border-radius:12px;padding:1rem;text-align:center;background-color:#f9f9f9;cursor:pointer;transition:border-color .2s ease,background .2s ease}.s-upload-box:hover{border-color:#6d6da3;background-color:#f1f1f1}.s-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#555;font-size:.95rem}.s-upload-content svg{font-size:2rem;color:#6d6da3}.cs-upload-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.cs-logo-preview{max-width:120px;max-height:120px;border-radius:12px;object-fit:cover;border:1px solid #ddd}.cs-logo-preview{max-width:50%;max-height:50%;border-radius:12px;object-fit:cover;border:1px solid #ddd}.create-school-btn{width:100%;height:50px;font-size:18px;font-weight:500;background-color:#6d6da3;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}.create-school-btn:hover{background-color:#5a5a88}.create-school-footer{text-align:center;margin-top:1rem;font-size:.95rem;color:#555}@media (max-width: 600px){.create-school-card{max-width:90%;padding:1.5rem}.s-form-row{flex-direction:column}.create-school-logo{width:95px}}.join-school-main{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f8f9fb;padding:1rem;position:relative}.join-school-card{background:#fff;width:100%;max-width:500px;padding:3rem;border-radius:16px;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;gap:4vh;z-index:2}.join-header{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:0vh}.j-bck-btn{color:#fff;border:none;cursor:pointer;appearance:none;border-radius:6em;border-style:none;display:flex;align-items:center;justify-content:center;gap:5px;transition:background-color .3s ease,transform .2s ease}.j-bck-btn:hover{background-color:var(--main-light);box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;transform:scale(1.05)}.j-bck-btn-icon{display:flex;align-items:center;line-height:0;font-size:1.8rem;color:var(--main-dark)}.join-school-logo{width:100px;height:auto;margin:0 auto}.join-school-logo img{width:100%;height:auto;object-fit:contain}.join-school-title{font-weight:600;color:#31393c;font-size:2rem;text-align:center}.join-school-form{display:flex;flex-direction:column;align-items:center}.js-form-row{display:flex;gap:1rem;width:100%}.js-form-row.single{flex-direction:column}.join-school-input{background-color:#fafafa;border-radius:12px;color:#31393c;flex:1;height:48px;padding:0 14px;font-size:16px;outline:none;border:1px solid #efefef;transition:background .2s ease,border .2s ease}.join-school-input:hover,.join-school-input:focus{background-color:#f0f0f0;border-color:#d3d3d3}.js-upload-box{border:2px dashed #ccc;border-radius:12px;padding:1rem;text-align:center;background-color:#f9f9f9;cursor:pointer;transition:border-color .2s ease,background .2s ease}.js-upload-box:hover{border-color:#6d6da3;background-color:#f1f1f1}.js-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#555;font-size:.95rem}.js-upload-content svg{font-size:2rem;color:#6d6da3}.join-school-btn{width:100%;height:50px;font-size:18px;font-weight:500;background-color:#6d6da3;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;margin-top:4vh}.join-school-btn:hover{background-color:#5a5a88}.join-school-footer{text-align:center;margin-top:1rem;font-size:.95rem;color:#555}@media (max-width: 600px){.js-form-row{flex-direction:column}}.join-info{font-weight:300;font-size:.8rem;font-style:italic;margin-top:.5vh}.alert-banner{position:fixed;top:0;left:50%;margin-top:20px;transform:translate(-50%,-120%);width:min(500px,calc(100% - 2rem));box-sizing:border-box;z-index:9999;transition:transform .26s ease,opacity .26s ease;opacity:0;pointer-events:none}.alert-banner.show{transform:translate(-50%);opacity:1;pointer-events:auto}.alert-content{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1rem;border-radius:10px;box-shadow:0 10px 24px #0000001f;border:1px solid rgba(0,0,0,.06);background:#fff;color:#222}.alert-icon{line-height:0;display:flex;align-items:center;justify-content:center}.alert-message{flex:1;font-size:.95rem;line-height:1.35}.alert-close{appearance:none;border:none;background:transparent;font-size:1rem;line-height:1;cursor:pointer;opacity:.7}.alert-close:hover{opacity:1}.alert-banner.info .alert-content{background:#e8f1ff;color:#0b3a78;border-color:#c9ddff}.alert-banner.success .alert-content{background:#eaf8ee;color:#0f6b3a;border-color:#cfeedd}.alert-banner.warning .alert-content{background:#fff6e6;color:#7a4a00;border-color:#ffe3b3}.alert-banner.error .alert-content{background:#fdecef;color:#7a1020;border-color:#f7c4cd}#sidebar{box-sizing:border-box;height:100vh;width:250px;padding:5px 1em;background-color:#6d6da3;position:sticky;top:0;align-self:start;transition:.2s ease-in-out;overflow:hidden;text-wrap:nowrap}.sidebar-bottom ul .lt-flex-column{display:none}.sidebar-logo{display:flex;align-items:center}.title-container{font-size:16px;margin-left:0;border-bottom:1px solid white;margin-bottom:10px}.title-container .sidebar-logo img{object-fit:contain;width:28px;height:auto;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.25))}#sidebar span{opacity:1;transition:opacity .2s ease}#sidebar.close{padding:5px 20px 20px;width:80px}#sidebar.close .sidebar-item-name,#sidebar.close .sidebar-logo{opacity:0;pointer-events:none}#sidebar ul{list-style:none;display:flex;flex-direction:column;height:100%}a{color:#fff}#sidebar>ul>li:first-child{display:flex;justify-content:flex-end}#sidebar>ul>li:first-child .sidebar-logo{font-weight:600;color:#fff}.active,#sidebar .mainitem.active:hover,#sidebar a.submenu-item-active:hover,#sidebar .logout:hover{color:#6d6da3;background-color:#fff}#sidebar .subitem.active:hover{color:#6d6da3}#sidebar .mainitem,#sidebar .sidebar-logo,#sidebar .logout,#sidebar .subitem{border-radius:6em;padding:.85em .85em .85em .65em;text-decoration:none;display:flex;align-items:center;gap:1em;transition:background-color .3s ease,transform .2s ease}#sidebar .dropdown-btn{border-radius:1em;display:flex;align-items:center;padding:.2em 0;margin-bottom:10px;transition:background-color .3s ease,transform .2s ease}.dropdown-btn{width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer;color:#fff}.sidebar-icon,.lt-frame-sidebar{flex-shrink:0;font-size:1.1rem}#sidebar a span,#sidebar .dropdown-btn span{flex-grow:1}#sidebar .mainitem:hover,#sidebar .dropdown-btn:hover{background-color:#ffffff40;transform:scale(1.05)}#sidebar .subitem:hover{transform:scale(1.05)}.sub-menu ul li:nth-child(1):hover .subitem{color:var(--theme-hover)}.sub-menu ul li:nth-child(2):hover .subitem{color:#ff9494}#sidebar .sub-menu{display:grid;grid-template-rows:0fr;transition:.3s ease-in-out}#sidebar .sub-menu>div{overflow:hidden}#sidebar .sub-menu.show{grid-template-rows:1fr}#sidebar .sub-menu a{padding-left:2em}.submenu-item-active{color:#6d6da3;background-color:#fff}.dropdown-btn .sidebar-icon{transition:.2s ease}.rotate{rotate:-180deg}#toggle-btn{margin-left:auto;padding:1em;border:none;border-radius:.5em;background:none;cursor:pointer;color:#fff}#toggle-btn .sidebar-icon{transition:rotate .15s ease}#toggle-btn:hover{background-color:#ffffff40}#sidebar ul .sidebar-bottom{margin-top:auto;margin-bottom:28px;color:#fff}.profile-icon{font-size:1.1rem}.lt-frame-sidebar{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:var(--theme-hover);color:#fff;font-size:1.3rem;overflow:hidden}.unread-count{background-color:var(--lt-yellow);color:var(--main-dark);font-size:.8rem;width:16px;min-width:16px;height:16px;min-height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}@media (max-width: 800px){#sidebar{height:60px!important;width:100%!important;border-right:none!important;border-top:1px solid var(--theme-hover)!important;padding:0!important;position:fixed!important;top:unset!important;bottom:0!important;z-index:9990!important}#sidebar>ul{padding:0;display:grid;grid-auto-columns:auto;grid-auto-flow:column;align-items:center;overflow-y:hidden!important}#sidebar ul li{height:100%}#sidebar ul a,#sidebar ul li .dropdown-btn{width:60px;height:60px;padding:0;border-radius:0!important;justify-content:center}#sidebar ul li .sidebar-item-name,#sidebar ul li:first-child,#sidebar ul .sidebar-bottom #sm-btn .icon.arrowDown-icon,#sidebar ul .sidebar-bottom button .sidebar-item-name{display:none}#sidebar ul li a .sidebar-icon{font-size:22px}#sidebar ul li .sub-menu.show{position:fixed;bottom:60px;right:0;box-sizing:border-box;height:60px;width:100%;display:flex;justify-content:center;background-color:#6d6da3;transition:none}#sidebar ul li .sub-menu.show>div{overflow-x:hidden;display:flex;align-items:center;justify-content:space-between}#sidebar ul li .sub-menu.show>div .lt-flex-column{display:block;margin-left:20px}#sidebar ul li .sub-menu.show li{display:inline-flex}#sidebar ul li .sub-menu.show a{box-sizing:border-box;padding:1em;width:auto;justify-content:center}#sidebar .lt-frame-sidebar{width:34px;height:34px;font-size:1.2rem}}.cr-card-container{display:flex;border-radius:1em;box-shadow:#00000029 0 1px 4px;width:260px;height:240px;overflow:hidden;color:#31393c;transition:background-color .3s ease,transform .2s ease;text-decoration:none}.cr-card-container:hover{box-shadow:0 4px 20px #0000001a;cursor:pointer;transform:scale(1.01)}.cr-card-color{height:100%;min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:20px 0}.cr-card-body{display:flex;flex-direction:column;justify-content:space-between;padding:16px;width:100%}.cr-card-top{display:flex;justify-content:flex-end;width:100%;color:var(--theme-darkgray);font-size:.9rem;font-weight:300}.cr-card-bottom{display:flex;flex-direction:column;gap:.5vh}.cr-card-title{font-weight:400;font-size:1.4rem}.cr-card-schedule{font-weight:300;font-size:.8rem;display:flex}.cr-card-days{font-weight:300;font-size:.8rem}.cr-card-teacher{font-weight:300;font-size:.9rem}.cc-popup-header{display:flex;align-items:center;justify-content:space-between}.cc-title{font-weight:600;font-size:1.5rem}.cc-close-icon{line-height:0;font-size:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.cc-form{display:flex;flex-direction:column;gap:4vh}.cc-form-title{display:flex;flex-direction:column;gap:1vh}.cc-form-title input{border:1px solid rgba(0,0,0,.25);border-radius:.5em;padding:1.4vh 1vw;font-size:1rem;font-weight:300}.cc-form-level{display:flex;gap:1vw;align-items:center}.cc-level-options{display:flex;gap:.5vw}.cc-level-btn{background-color:var(--theme-gray);padding:10px 20px;border-radius:.5em;cursor:pointer}.cc-level-btn.active,.cc-level-btn.active:hover{background-color:var(--main-purple);color:var(--main-light)}.cc-level-btn:hover{background-color:var(--theme-hover)}.cc-color-circle{width:30px;height:30px;border-radius:50%;margin:5px;cursor:pointer;transition:transform .2s,border .2s}.cc-color-circle:hover{transform:scale(1.1)}.cc-color-circle.selected{border:2px solid var(--main-dark);transform:scale(1.15)}.cc-submit-container{width:100%;display:flex;justify-content:flex-end;gap:1vw}.cc-form-stime{display:flex;align-items:center;gap:6px;width:100%}.cc-form-stime .cc-select-container{width:80%;display:flex;align-items:center;gap:6px}.cc-form-stime .cc-select-title{width:20%}.cc-form-stime .cc-select-container select{padding:8px 12px;width:20%;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;font-size:14px;font-weight:500;color:#374151;outline:none;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%236b7280' height='12' viewBox='0 0 20 20' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.484 4.484-4.484L16 9.064l-6 6-6-6z'/></svg>");background-repeat:no-repeat;background-position:right 8px center}@media (max-width: 768px){.cc-form{gap:2vh}.cc-level-options{flex-wrap:wrap;gap:1vw}.cc-schedule-btn-container{flex-wrap:wrap;gap:1vh}.cc-color-container{flex-wrap:wrap;gap:1vw}.cc-submit-container{justify-content:center;gap:2vw}}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999!important}.in-popup-header{display:flex;align-items:center;justify-content:space-between}.in-popup-body{display:flex;flex-direction:column;gap:2vh}.in-title{font-weight:600;font-size:1.5rem}.in-close-icon{line-height:0;font-size:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.in-header{display:flex;border-bottom:1px solid rgba(0,0,0,.2)}.in-standardscore{padding:10px 20px;width:30%;font-weight:600}.in-interpretation{padding:10px 20px;width:70%;font-weight:600}.in-row{display:flex}.in-sc{padding:10px 20px;width:30%;font-weight:300}.in-int{padding:10px 20px;width:70%;font-weight:300}.ed-popup-container{position:relative;display:inline-block}.ed-popup-menu{position:absolute;top:100%;right:0;margin-top:.5rem;width:160px;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;z-index:50;overflow:hidden}.ed-popup-option{display:flex;align-items:center;width:100%;gap:10px;padding:14px 10px;font-size:.875rem;color:#374151;background:none;border:none;cursor:pointer;transition:background .2s}.ed-popup-option:hover{background-color:#f3f4f6}.ed-popup-divider{border:.5px solid var(--theme-gray)}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popup-content{background:#fff;padding:2% 4%;border-radius:8px;width:44vw;min-width:300px;box-shadow:0 5px 15px #0000004d;position:relative;display:flex;flex-direction:column;gap:4vh}.lp-popup-header{display:flex;align-items:center;justify-content:space-between}.lp-title{font-weight:600;font-size:1.5rem}.lp-close-icon{line-height:0;font-size:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lp-form{display:flex;flex-direction:column;gap:4vh}.lp-form-vertical{display:flex;flex-direction:column;gap:20px;max-height:480px;overflow:hidden;overflow-y:scroll}.lp-form-title,.lp-form-description{display:flex;flex-direction:column;gap:1vh}:is(.lp-form-title,.lp-form-description) input{border:1px solid rgba(0,0,0,.25);border-radius:.5em;padding:1.4vh 1vw;font-size:1rem;font-weight:300}.lp-upload-container{width:100%;border:2px dashed rgba(0,0,0,.25);border-radius:.5em;height:16vh;display:flex;justify-content:center;align-items:center;cursor:pointer}.lp-upload-container:hover{border-color:#4a4a8a;background-color:#f1f1f9}.lp-upload-label{display:block;cursor:pointer;font-size:.95rem;color:#555}.lp-upload-label strong{color:#6d6da3;text-decoration:underline}.lp-upload-container.dragover{border-color:#4a4a8a;background-color:#e7e7f5}.lp-form-file{display:flex;flex-direction:column;gap:1vh}.lp-form-file div input{display:none}.cc-form-schedule{display:flex;flex-direction:column;justify-content:space-evenly;gap:1vh}.cc-schedule-btn-container{display:flex;justify-content:space-evenly}.cc-mon-btn{background-color:var(--theme-gray);padding:1vh 2vw;border-radius:.5em;cursor:pointer}.cc-mon-btn:hover{background-color:#dcdcdc}.cc-mon-btn.selected{background-color:var(--lt-orange);color:var(--main-light)}.cc-tue-btn{background-color:var(--theme-gray);padding:1vh 2vw;border-radius:.5em;cursor:pointer}.cc-tue-btn:hover{background-color:#dcdcdc}.cc-tue-btn.selected{background-color:var(--lt-pink);color:var(--main-light)}.cc-wed-btn{background-color:var(--theme-gray);padding:1vh 2vw;border-radius:.5em;cursor:pointer}.cc-wed-btn:hover{background-color:#dcdcdc}.cc-wed-btn.selected{background-color:var(--lt-yellow);color:var(--main-light)}.cc-thu-btn{background-color:var(--theme-gray);padding:1vh 2vw;border-radius:.5em;cursor:pointer}.cc-thu-btn:hover{background-color:#dcdcdc}.cc-thu-btn.selected{background-color:var(--lt-green);color:var(--main-light)}.cc-fri-btn{background-color:var(--theme-gray);padding:1vh 2vw;border-radius:.5em;cursor:pointer}.cc-fri-btn:hover{background-color:#dcdcdc}.cc-fri-btn.selected{background-color:var(--lt-blue);color:var(--main-light)}.cc-form-time{display:flex;justify-content:space-between}.cc-time-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 14px;font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:2px solid #ddd;border-radius:8px;outline:none;background-color:#fff;color:#333;box-shadow:0 2px 6px #0000000d;transition:all .2s ease;width:160px;cursor:pointer}.cc-time-input:focus{border-color:var(--main-purple);box-shadow:0 0 0 3px #4a90e240}.cc-time-input:hover{border-color:#bbb}.cc-time-input::-webkit-calendar-picker-indicator{filter:invert(40%) sepia(80%) saturate(200%) hue-rotate(200deg);cursor:pointer;opacity:.8;transition:opacity .2s ease}.cc-time-input::-webkit-calendar-picker-indicator:hover{opacity:1}.cc-form-color{display:flex;flex-direction:column;width:100%;gap:1vh}#theme-orange{width:20px;height:20px;background-color:var(--theme-orange)}.cc-color-container{display:flex;width:100%;gap:1.5vw}.cc-color{width:30px;height:30px;border-radius:50%;margin:5px;cursor:pointer;transition:transform .2s,border .2s;border:1px solid black}.theme-orange{background-color:var(--theme-orange)}.theme-pink{background-color:var(--theme-pink)}.theme-yellow{background-color:var(--theme-yellow)}.theme-green{background-color:var(--theme-green)}.theme-lightblue{background-color:var(--theme-lightblue)}.theme-blue{background-color:var(--theme-blue)}.cc-color:hover{transform:scale(1.1)}.cc-color.selected{border:3px solid var(--main-dark);transform:scale(1.15)}.cc-submit-container{display:flex;justify-content:flex-end;gap:2vw}.cc-submit-container div{background-color:var(--theme-gray);padding:1vh 2vw;border-radius:.5em;cursor:pointer}.cc-submit-container div:hover{background-color:var(--theme-hover)}.cc-submit-container .cc-submit-btn{padding:1vh 2vw;border:2px solid var(--main-purple);border-radius:.5em;background:transparent;color:var(--main-purple);font-size:15px;font-weight:500;cursor:pointer;transition:.2s ease}.cc-submit-container .cc-submit-btn:hover{background:var(--main-purple);color:#fff}.file-input-wrapper{display:flex;flex-direction:column;gap:1vh}.file-label{cursor:pointer;background-color:var(--main-purple);color:var(--main-light);border-radius:6em;border-style:none;box-shadow:#00000029 0 1px 4px;height:42px;font-size:1rem;padding:6px 30px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.file-label:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000026}.file-label:active{transform:translateY(0)}.file-name{font-size:.9rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.lt-file-list{display:flex;gap:.5vh;flex-wrap:wrap}.lt-file-container{border:1px solid var(--theme-hover);padding:10px;border-radius:.5em;display:flex;gap:16px;align-items:center;max-width:fit-content}.lt-file-container .close-icon{font-size:1.5rem;cursor:pointer}.lt-filename-container{display:flex;font-weight:300;align-items:center;gap:5px}.lt-filename-container .file-icon{color:var(--lt-blue)}.lt-pending{font-style:italic}.lt-file-a{color:var(--main-dark);text-decoration:none}@media (max-width: 768px){.popup-content{width:90vw;min-width:unset;padding:20px;border-radius:12px;max-height:85vh;overflow-y:auto;gap:20px}.edit-role-btn{display:flex;font-size:.78rem}.text-info{text-align:justify}.lt-textinput{width:100%;font-size:.95rem;padding:10px;border-radius:6px}.ep-card-container-header{padding:12px 0}}@media (max-width: 1024px){.edit-role-btn{display:flex;font-size:.78rem}.text-info{text-align:justify}}.slideshow-overlay{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center;z-index:999}.slideshow-content{position:relative;max-width:90%;max-height:90%}.slideshow-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 8px #0003}.close-btn{position:absolute;top:-40px;right:-40px;background:var(--main-dark);border:none;color:#fff;cursor:pointer}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--main-dark);border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%}.arrow.left{left:-40px}.arrow.right{right:-40px}.adds-form{width:100%;display:flex;flex-direction:column;gap:2vh}.adds-title-container{display:flex;align-items:center;gap:1vw}.adds-name-title{font-size:1.5rem;font-weight:600}.adds-level-title{color:var(--theme-darkgray)}.adds-header{display:flex;align-items:center;width:100%;gap:1vw}.adds-search-container{display:flex;align-items:center;background-color:var(--theme-gray);color:var(--theme-darkgray);gap:.5vw;padding:10px 20px;border-radius:5em;min-width:40%}.adds-search-container input{all:unset;color:var(--main-dark);width:100%}.adds-switch{display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;padding:2%;-webkit-user-select:none;user-select:none}.adds-switch.text{background-color:var(--lt-blue);color:var(--main-light)}.adds-switch.num{background-color:var(--lt-green);color:var(--main-light)}.adds-result-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--theme-hover);border-radius:.5em;min-height:68px;max-height:300px;overflow-y:auto}.adds-result{cursor:pointer;margin:5px 0;padding:20px;border-radius:5em;display:flex;width:98%;align-items:center;justify-content:space-between}.adds-result:hover{background-color:var(--theme-gray)}.adds-result.selected{padding:19px 20px;border:1px solid var(--theme-hover)}.adds-result.selected .select-icon{display:block;font-weight:600}.adds-result-none{color:var(--theme-darkgray)}.adds-btn-container{display:flex;justify-content:flex-end;gap:1vw}.popup-sub-title{font-weight:600;font-size:1rem}.popup-box{display:flex;flex-direction:column;gap:12px;padding:10px;border:1px solid var(--theme-hover);border-radius:12px}.popup-section{display:flex;flex-direction:column;gap:10px}.sp-main-container{margin-top:30px;width:100%;max-width:100vw;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:28px}.sp-top-container{width:80%;display:flex;flex-direction:column;border-radius:.5em;overflow:hidden;box-shadow:#63636333 0 2px 8px}.sp-header-container{padding:20px;display:flex;align-items:center;width:100%}.sp-header-left{display:flex;align-items:center;background-color:#0ff}.sp-back-btn{background-color:var(--theme-gray);color:var(--main-dark);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:1vw;padding:10px;border-radius:50%;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.sp-back-btn:hover{background-color:var(--theme-hover);transform:scale(1.05)}.student-pic-frame{height:60px;width:60px;margin-right:1vw;border-radius:50%;overflow:hidden;background-color:var(--theme-darkgray);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--main-light)}.student-pic-frame.male{background-color:var(--lt-lightblue)}.student-pic-frame.female{background-color:var(--lt-pink)}.sp-student-details{width:60%;display:flex;flex-direction:column;flex-wrap:wrap}.sp-student-details .student-name{color:var(--main-dark);font-weight:600;font-size:1.5rem;display:flex;align-items:center}.sp-student-subinfo{display:flex;align-items:center;font-size:.9rem;gap:10px;color:var(--theme-darkgray)}.sp-student-details .student-details div{text-wrap:nowrap;font-weight:200}.sp-nav{border-top:1px solid rgba(0,0,0,.2);height:60px;width:100%;padding:0 20px;display:flex;align-items:center;gap:.5vw;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sp-nav-parent{height:60px;width:100%;padding:0 20px;display:flex;align-items:center;gap:.5vw;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sp-nav-parent a{color:var(--main-dark);text-decoration:none}.sp-nav::-webkit-scrollbar{display:none}.sp-nav a{text-decoration:none;color:var(--main-dark)}.sp-nav a div{padding:10px 20px;border-radius:5em;white-space:nowrap}.sp-nav a div.active,.sp-nav a div.active:hover{background-color:var(--main-purple);color:#fff}.sp-nav a div:hover{background-color:var(--theme-gray)}.sp-nav div a{color:var(--main-dark);text-decoration:none}.sp-outlet-container{width:80%}@media (max-width: 480px){.sp-back-btn{font-size:medium}.sp-main-container,.sp-top-container,.sp-outlet-container{width:100%}}.sa-container{width:100%;box-shadow:#63636333 0 2px 8px;border-radius:.5em;overflow:hidden;margin-bottom:60px}.sa-header{display:flex;width:100%;background-color:var(--theme-gray)}.sa-header .sa-header-months,.sa-header-title{padding:16px 0;border-bottom:1px solid var(--theme-hover)}.sa-header-months,.sa-header-title{width:100%;display:flex;align-items:center;justify-content:center}.sa-r{display:flex;width:100%}.sa-r:hover{background-color:var(--theme-gray);font-weight:600}.sa-r .sa-r-month,.sa-r-c{padding:16px 0;border-bottom:1px solid var(--theme-gray)}.sa-r-month{width:100%;display:flex;align-items:center;justify-content:center;font-weight:300}.sa-r-c{width:100%;display:flex;align-items:center;justify-content:center}.sa-r-c.present{color:var(--lt-green)}.sa-r-c.late{color:var(--lt-yellow)}.sa-r-c.absent{color:var(--lt-orange)}.sa-total-container{display:flex;width:100%;font-weight:600}.sa-total,.sa-total-title{width:100%;display:flex;justify-content:center;align-items:center}.sa-total-container .sa-total-title,.sa-total{padding:16px 0}.report-section{display:flex;gap:20px;align-items:flex-start}.sp-report-container{background:#fff;display:grid;grid-template-columns:200px repeat(6,1fr);text-align:center;border-radius:.5em;min-width:600px}.sp-report-container-device{background:#fff;display:grid;grid-template-columns:200px repeat(2,1fr);text-align:center;border-radius:.5em}.sp-header-cell{background:#f0f0f0;border:1px solid #ccc;display:flex;align-items:center;justify-content:center}.sp-domain-header{color:var(--main-dark);font-weight:600;font-size:1.3rem}.sp-eval-header{color:var(--main-dark);background:#f0f0f0;font-size:1rem;padding:6px}.g-subheader-cell{border:1px solid #ccc;background:#fff;color:#43425e;display:flex;flex-direction:column;padding:10px 40px;gap:1vh}.age-cell{text-align:left;padding:3%;display:flex;gap:1vw}.label-cell{border:1px solid #ccc;padding:8px;font-weight:600;background:#f0f0f0;color:#43425e}.domain-header{writing-mode:horizontal-tb}.domain-name{border:1px solid #ccc;font-weight:400;background:#f0f0f0;color:#43425e;text-align:left;padding:2%}.sg-scores-name{padding:8px;font-weight:600}.sg-interpretation{border:1px solid #ccc;padding:8px;font-weight:600;background:#f0f0f0}.score-cell{border:1px solid #ccc;min-height:35px;background:#fff;display:flex;align-items:center;justify-content:center}.tscore-cell{min-height:35px;background-color:var(--theme-green);display:flex;align-items:center;justify-content:center}.tscore-cell.blue,.sg-scores-name.blue{background-color:var(--theme-blue)}.tscore-cell.green,.sg-scores-name.green{background-color:var(--theme-green)}.tscore-cell.blank,.sg-scores-name.blank{background-color:var(--theme-gray)}.tscore-cell.blue,.tscore-cell.green,.tscore-cell.blank{font-weight:600}.g-date-input{padding:10px;border-radius:.5em;border:2px solid var(--theme-hover);cursor:pointer}.sp-interpretation-container{background:#fff;padding:20px;display:grid;grid-template-columns:100px 200px;font-size:.9rem;border:1px solid #ccc}#scores-2{display:flex;justify-content:center;gap:.5vw}#scores-2 button{all:unset;display:flex;justify-content:center;align-items:center;color:var(--main-purple);font-size:1.2rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease}#scores-2 button .sg-info-icon{line-height:0;display:flex;justify-content:center;align-items:center}#scores-2 button:hover{background-color:#ffffff40;transform:scale(1.05)}.interpret-title{color:#43425e;grid-column:1 / span 2;font-weight:600;text-align:center;background-color:#e8e8e8;padding:6px;border-bottom:1px solid #ccc}.header-cell.interpret-header{color:#43425e;font-weight:600;background-color:#f4f4f4;padding:6px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center}.interpret-cell{padding:6px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center}@media (max-width: 900px){.sp-report-container{grid-template-columns:150px repeat(6,1fr);font-size:.9rem}.sp-domain-header{font-size:.9rem}}@media (max-width: 768px){.sp-report-container{grid-template-columns:150px repeat(6,1fr);font-size:.85rem;gap:0}.sp-header-cell,.subheader-cell,.label-cell,.domain-name,.sg-scores-name,.score-cell{flex-wrap:nowrap;font-size:smaller;width:100%;padding:4px;margin:0}.sp-domain-header{text-align:center;font-size:.9rem}.date-input{width:100%;font-size:.7rem}}@media (max-width: 480px){.sp-report-container{font-size:.8rem;padding:10px;gap:0}.g-subheader-cell{padding:6px}.date-input{width:100%;font-size:.7rem}}@media (max-width: 1024px){.text-title{font-size:1.2rem}.text-info,.text-p,.lt-btn-green,.lt-option{font-size:.95rem}}@media (max-width: 600px){.text-title{font-size:1.1rem}.text-info,.text-p{font-size:.9rem}.lt-flex{flex-direction:column;align-items:flex-start;gap:10px}.lt-btn-green,.lt-flex .lt-option{text-align:center}.lt-divider{margin:10px 0}.lt-flex-column .lt-float-icon{font-size:28px!important}.lt-flex-column .text-p,.lt-flex-column .text-info{text-align:center}}.speccd-main-container{width:100%;display:flex;flex-direction:column;gap:2vh;border-radius:.5em;overflow:hidden;padding:20px;box-shadow:#63636333 0 2px 8px}.speccd-dropdown{color:var(--main-dark)}.speccd-select-container{overflow:hidden;border-radius:.5em;display:flex;align-items:center;gap:1vw}.speccd-select{cursor:pointer;font-size:1rem;padding:12px 10px;border:2px solid var(--theme-hover);border-radius:.5em;overflow:hidden;color:var(--main-dark)}.speccd-select:hover{border:2px solid var(--theme-hover);border-radius:.5em;overflow:hidden}.speccd-select:focus{outline:none;box-shadow:none}.grid-container{display:grid;grid-template-columns:2fr .5fr .5fr .5fr;border:.5px solid var(--theme-hover);border-collapse:collapse}.grid-container-phone{display:grid;grid-template-columns:2fr .5fr;border:.5px solid var(--theme-hover);border-collapse:collapse}.grid-header{font-weight:600;background:var(--theme-gray);border:.5px solid var(--theme-hover);padding:8px;text-align:center;display:flex;align-items:center;justify-content:center}.grid-item{border:.5px solid var(--theme-hover);padding:8px}.grid-footer{font-weight:700;border:1px solid var(--theme-hover);padding:8px;text-align:center}.domain{text-align:left}.title{text-align:center;font-weight:600}.score{text-align:end;font-weight:600}.assess{display:flex;align-items:center;justify-content:center}.assess:hover{background-color:var(--theme-gray)}.eccd-btn-container{display:flex;justify-content:flex-end;align-items:center}.eccd-check{color:var(--lt-green);font-weight:600;font-size:1.2rem}.comment-input{width:100%;min-height:80px;resize:vertical;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;outline:none}.line-charts{width:100%;display:flex;flex-direction:column;align-items:center;gap:2vh}.line-charts-header{font-weight:600;font-size:1.5rem;color:var(--main-dark);width:100%;display:flex;justify-content:center}.line-charts-body{width:100%}.line-container{border:1px solid rgba(0,0,0,.2);display:flex;width:100%;flex-direction:column;align-items:center;gap:2vh;border-radius:.5em;padding:2vh 2vw}.line-container canvas,.pie-container canvas{width:100%!important;height:auto!important}.pie-charts{display:flex;flex-direction:column;align-items:center;gap:2vh;width:100%}.pie-charts-header{font-weight:600;font-size:1.5rem;color:var(--main-dark)}.pie-charts-body{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1vh}.pie-container{border:1px solid rgba(0,0,0,.2);border-radius:.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:10px;flex:1 1 300px;max-width:360px;width:100%}.pie-title{text-align:center;font-weight:300}.atr-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.att-card{display:flex;width:320px;min-height:380px;padding:20px 10px;border-radius:8px;box-shadow:#00000029 0 1px 4px;flex-direction:column;overflow:hidden}@media (max-width: 800px){.pie-container,.line-container{border-radius:0}.atr-container{justify-content:center}.line-container{padding:20px 0}}.ir-main-container{display:flex;flex-direction:column;gap:2vh}.ir-container{box-shadow:#63636333 0 2px 8px;border-radius:1em;display:flex;flex-direction:column;overflow:hidden}.ir-card{border-bottom:1px solid rgba(0,0,0,.1);color:var(--main-dark);padding:20px 3vw;display:flex;justify-content:space-between;gap:4vw}.ir-card:hover{background-color:#efefef}.ir-card:last-child{border:none}.ir-date{font-weight:200}.incident-form{color:#43425e;background-color:#fff;margin-top:10px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.text-area{width:100%;padding:10px;margin-top:0;border:1px solid #ccc;border-radius:5px}.text-area{resize:vertical}.align-center{display:flex;align-items:center;gap:40px}.checkbox-group{display:flex;gap:40px}.ir-button{display:flex;justify-content:flex-end;align-items:center;padding:20px;gap:20px}.btn-cancel{background-color:#999ba1;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.btn-cancel:hover{background-color:#7d7e85}.btn-save{background-color:#6d6da3;color:#fff;border:none;padding:10px 25px;border-radius:5px;cursor:pointer}.btn-save:hover{background-color:#5a5a88}.editsp-img{margin:20px 0}.editsp-post-btn-container{display:flex;gap:10px}.pt-class-container{display:flex;flex-direction:column;align-items:center;padding:20px 40px;margin-top:60px;gap:2vh}.pt-main-container{gap:2vh;width:80%;display:flex;flex-direction:column}.pt-header{display:flex;justify-content:flex-end;align-items:center;padding:10px 0;width:100%;height:100%}.pt-switch{background-color:var(--theme-gray);display:flex;justify-content:flex-end;align-items:center;height:40px;border-radius:5em;overflow:hidden;gap:2px}.pt-switch-btn{flex:none;height:100%;display:flex;justify-content:center;align-items:center;padding:6px 20px;border-radius:5em;cursor:pointer}.pt-switch-btn:hover{background-color:var(--theme-hover)}.pt-switch-btn.active{background-color:var(--main-purple);color:var(--main-light)}.pt-cards-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-start}.student-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center;padding:20px;cursor:pointer;transition:transform .2s;max-width:160px}.student-card:hover{transform:translateY(-5px)}.avatar{width:80px;height:80px;margin:0 auto 10px;border-radius:50%;background:#eaf6ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{width:80px;height:80px}.name{font-size:14px;font-weight:500;color:#333;border-top:1px solid #eee;padding-top:8px}.pt-card-container-student{box-shadow:#63636333 0 2px 8px;border-radius:.5em;overflow:hidden;margin-bottom:40px;width:100%}.pt-card-student{background-color:var(--main-light);padding:15px 20px;color:var(--main-dark);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:12px;text-decoration:none}.pt-card-student:hover{background-color:var(--theme-gray)}.pt-student-image{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:var(--theme-hover)}.pt-student-name{color:var(--main-dark);text-decoration:none}@media (max-width: 767px){.pt-main-container{width:100%}}@media (max-width: 599px){.pt-main-container{justify-content:flex-end;align-items:center;width:100%}}.student-form{max-width:700px;margin:40px auto;padding:24px 28px;background:#fff;border-radius:12px;box-shadow:0 6px 18px #1414320f;font-family:Inter,sans-serif}.student-form h2{text-align:center;margin-bottom:20px;color:#333;font-weight:600}.section-title{font-weight:600}.form-section{margin-bottom:20px!important}.form-row{display:flex;gap:20px;width:100%}.form-group{display:flex;flex-direction:column;flex:1}.form-group.full{width:100%}label{font-size:14px;margin-bottom:6px;color:var(--main-dark)}input{padding:10px 14px;border:1px solid #cfcfe4;border-radius:8px;font-size:14px;background:#fff;transition:border .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:var(--main-purple);box-shadow:0 0 0 3px #7b5cff26}.submit-btn{margin-top:22px;width:100%;padding:12px;background:#7b5cff;border:none;color:#fff;font-size:15px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .25s ease}.submit-btn:hover{background:#6a4beb}@media (max-width: 1100px){.form-row{flex-direction:column}}.assign-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:2vh}.select-container{width:100%}.assign-title{margin-bottom:1vh;width:100%;display:flex;font-weight:300}.options-container{display:flex;flex-direction:column;width:100%;align-items:center;border:1px solid var(--theme-hover);border-radius:.5em}.option-card{cursor:pointer;margin:5px 0;padding:20px;border-radius:5em;display:flex;width:98%;align-items:center;justify-content:space-between}.option-card:hover{background-color:var(--theme-gray)}.option-card.selected{padding:19px 20px;border:1px solid var(--theme-hover)}.option-card.selected .select-icon{display:block;font-weight:600}.select-icon{line-height:0;align-items:center;display:none;color:var(--lt-green)}.assign-btn-container{width:100%;display:flex;justify-content:flex-end;gap:1vw}.assign-loading{width:100%;display:flex;align-items:center;justify-content:center}.assign-loading img{width:40px;height:40px;animation:spin 1s linear infinite}.ss-name{display:flex;align-items:center;gap:15px;width:100%;height:100%;padding:10px 0;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-level{font-weight:300;max-width:140px;width:100%;display:flex;align-items:center;justify-content:center;padding:10px 0;height:100%}.ss-lrn{font-weight:300;max-width:160px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px 0}.ss-status{height:100%;max-width:120px;width:100%;display:flex;align-items:center;justify-content:center;padding:10px 0}.ss-batch{height:100%;max-width:100px;width:100%;display:flex;align-items:center;justify-content:center;font-weight:300;padding:10px 0}@media (max-width: 1100px){.ss-lrn{display:none}}@media (max-width: 800px){.ss-batch,.ss-lrn,.ss-status,.ss-level{display:none}}.srec-main-container{padding:20px 0;width:100%;display:flex;flex-direction:column;align-items:center;gap:4vh}.srec-top-container{width:80%;display:flex;flex-direction:column;border-radius:.5em;overflow:hidden;box-shadow:#63636333 0 2px 8px}.srec-header-container{padding:20px 40px;width:100%;background-color:var(--main-light);display:flex;justify-content:space-between;align-items:center}.srec-header-left{display:flex;align-items:center;gap:0px}.srec-header-right{display:flex;align-items:center;gap:1vw}.srec-student-name-container{padding:0;display:flex;flex-direction:column;justify-content:center}.srec-student-name{color:var(--main-dark);font-weight:600;font-size:1.5rem;display:flex;align-items:center}.srec-student-section{display:flex;align-items:center;font-weight:300;color:var(--theme-graygray)}.srec-header-left a .srec-back-btn{background-color:var(--theme-gray);color:var(--main-dark);display:flex;align-items:center;justify-content:center;margin-right:1vw;padding:10px;border-radius:50%;line-height:0;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.srec-back-btn:hover{background-color:var(--theme-hover);transform:scale(1.05)}.srec-student-info{display:flex;gap:1vw}.srec-student-pic-frame{height:60px;width:60px;border-radius:50%;overflow:hidden;background-color:var(--theme-darkgray);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--main-light)}.srec-student-pic-frame .sr-male{background-color:var(--lt-lightblue);height:100%;width:100%;display:flex;align-items:center;justify-content:center}.srec-student-pic-frame .sr-female{background-color:var(--lt-pink);height:100%;width:100%;display:flex;align-items:center;justify-content:center}.sr-student-details{width:60%;display:flex;flex-direction:column;flex-wrap:wrap}.student-name{color:var(--main-dark);font-size:2.2rem}.student-details{display:flex;flex-wrap:wrap;width:100%;font-size:.9rem;gap:1vw}.sr-student-details .student-details div{text-wrap:nowrap;font-weight:200}.srec-nav{height:60px;width:100%;padding:0 20px;display:flex;align-items:center;gap:.5vw}.srec-nav a{text-decoration:none;color:var(--main-dark)}.srec-nav a div{padding:10px 20px;border-radius:5em}.srec-nav a div.active,.srec-nav a div.active:hover{background-color:var(--main-purple);color:#fff}.srec-nav a div:hover{background-color:var(--theme-gray)}.srec-nav div a{color:var(--main-dark);text-decoration:none}.sr-outlet-container{width:80%;margin-bottom:20px}.srec-content-box{width:80%}.srec-loading{display:flex;justify-content:center;align-items:center;height:100vh}.srec-loading img{width:80px;height:80px;animation:spin 1s linear infinite}@media (max-width: 768px){.srec-main-container{width:100%}.srec-header-container{flex-direction:column;align-items:flex-start;gap:1vh;padding:12px 15px}.srec-student-pic-frame{width:50px;height:50px}}.ra-container{padding:4vh 0;width:100%;display:flex;justify-content:center}.ra-contents-container{display:flex;flex-direction:column;gap:4vh;width:80%}.ra-header-container{box-shadow:#63636333 0 2px 8px;padding:20px 40px;width:100%;background-color:var(--main-light);border-radius:.5em;display:flex;align-items:center}.ra-header-title{color:var(--main-dark);font-weight:600;font-size:1.5rem}.ra-body-container{box-shadow:#63636333 0 2px 8px;width:100%;background-color:var(--main-light);border-radius:.5em;overflow:hidden;display:flex;flex-direction:column}.ra-top-container{display:flex;width:100%;padding:10px 0;border-bottom:1px solid var(--theme-hover)}.ra-top-name{display:flex;align-items:center;justify-content:center;width:60%}.ra-top-status-container{display:flex;width:40%}.ra-top-status{display:flex;align-items:center;justify-content:center;width:100%}.ra-student-card{background-color:var(--main-light);color:var(--main-dark);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:15px}.ra-student-name{display:flex;width:60%;padding:20px 40px;border-right:1px solid var(--theme-hover)}.ra-att-status-container{display:flex;align-items:center;width:40%;height:100%}.ra-att-status{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.ra-att-status:hover,.ra-att-status:hover .ra-status-icon{background-color:var(--theme-gray)}.ra-status-icon{display:none;background-color:var(--theme-light)}.ra-status-icon.present{color:var(--lt-green)}.ra-status-icon.tardy{color:var(--lt-yellow)}.ra-status-icon.absent{color:var(--lt-orange)}.ra-status-icon.active{display:block}.ra-save-container{display:flex;justify-content:flex-end;padding:10px 20px}@media (max-width: 480px){.ra-container{width:100%;padding:15px 45px}.ra-header-container{gap:1.5rem}.ra-header-title{font-size:1.3rem}.ra-top-container{align-items:flex-start;padding:10px;font-size:.9rem}.ra-top-name,.ra-top-status-container{width:100%;justify-content:flex-start}.ra-student-card{align-items:flex-start;padding:10px;gap:10px;font-size:.9rem}.ra-student-name{width:100%;padding:0;border-right:none}.ra-att-status-container{width:100%;justify-content:space-around}.ra-att-status{flex:1;padding:5px}.ra-contents-container{width:100%}}.attendance-wrapper{width:100%;max-width:100%;overflow:hidden;position:relative}.attendance-container{width:100%;padding:10px;overflow:hidden}.attendance-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;position:relative}.attendance-table{width:max-content;min-width:100%;border-collapse:collapse;background:#fff;table-layout:auto}.attendance-table th,.attendance-table td{border:1px solid var(--main-dark);padding:6px;box-sizing:border-box}.name-rows:hover{background-color:var(--theme-gray)}.name-col{position:sticky;left:0;background:var(--theme-gray);z-index:5;min-width:200px}.attendance-table th.name-col{z-index:10}.day-col{width:36px;min-width:36px;max-width:36px;height:48px;font-weight:400;white-space:nowrap;cursor:pointer;color:var(--main-dark)}.day-col.empty{color:var(--theme-darkgray)}.day-col.empty:hover{color:var(--main-light);background-color:var(--theme-blue)}.cell{width:36px;min-width:36px;max-width:36px;height:32px;text-align:center}.cell.click{cursor:pointer;text-align:center;justify-content:center}.cell.click .status-icon{display:none}.cell.click .status-icon.absent{display:block;color:var(--lt-orange)}.cell.click .status-icon.tardy{display:block;color:var(--lt-yellow)}.cell.click.active,.cell.click.active:hover{background-color:var(--theme-graygray)}.cell.click:hover,.day-col:hover{background-color:var(--theme-hover)}.summary-col{width:60px;min-width:60px;font-weight:700;background:var(--theme-gray);text-align:center}.summary-col.absent,.summary-col.tardy{text-align:center}.attendance-popup{position:fixed;background:#fff;border-radius:8px;padding:8px 0;min-width:140px;box-shadow:0 4px 16px #00000026;z-index:1000}.popup-item{padding:10px 16px;cursor:pointer;font-size:.9rem;transition:background .15s}.popup-item:hover{background:var(--theme-gray)}@keyframes popupFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.attendance-table{font-size:12px}.name-col{min-width:180px}}.s-tab-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:4vh}.s-tab-main-content{max-width:80%;min-width:80%;display:flex;flex-direction:column;align-items:center;gap:2vh}.s-header-container{box-shadow:#63636333 0 2px 8px;padding:20px 40px;width:100%;background-color:var(--main-light);border-radius:.5em;display:flex;align-items:center}.s-header-container .s-back-btn{background-color:var(--theme-gray);color:var(--main-dark);display:flex;align-items:center;justify-content:center;margin-right:1vw;padding:10px;border-radius:50%;line-height:0;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.s-header-container .s-back-btn:hover{background-color:var(--theme-hover);transform:scale(1.05)}.s-nav-name{color:var(--main-dark);font-weight:600;font-size:1.5rem;margin-left:1vw}.s-create-cont{background-color:#fff;display:flex;flex-direction:column;gap:2vh;padding:4vh;width:100%;border-radius:12px;box-shadow:#63636333 0 2px 8px}.s-input{width:100%;min-height:50px;resize:none;overflow:hidden;padding:10px 15px;border:none;outline:none;font-size:15px;color:#333;border-radius:15px;background-color:#f0f0f0;line-height:1.4}.s-input::placeholder{color:#b0b3b8;font-size:15px;font-weight:400}.s-buttons{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1vh;width:100%}.s-buttons-left{display:flex;gap:1vw;flex-wrap:wrap}.s-take-btn,.s-upload-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #ccc;background:#fff;border-radius:15px;cursor:pointer;font-size:15px;color:#999ba1;font-weight:500;white-space:nowrap;align-self:flex-start}.s-take-btn:hover,.s-upload-btn:hover{background:#f8f8f8}.s-take-btn img,.s-take-btn svg,.s-upload-btn img,.s-upload-btn svg{color:#2f2e2e;width:18px;height:18px}.s-preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.s-preview{display:flex;align-items:center;margin-top:5px;gap:2vh;width:auto;padding:20px 50px;border:1px solid #ddd;border-radius:6px;background:#f9f9f9;font-size:14px}.s-preview-img{max-width:auto;max-height:auto;border-radius:12px;object-fit:cover;border:1px solid #ddd}.s-remove-btn{align-self:flex-start;background:none;border:none;cursor:pointer;color:#333;font-size:15px}.s-remove-btn:hover{background:#f8f8f8}.s-post-btn-container{display:flex;justify-content:flex-end}.s-card-container{width:100%;display:flex;flex-direction:column;gap:2vh}.sp-card{display:flex;flex-direction:column;gap:2vh;padding:4vh;width:100%;border-radius:12px;box-shadow:#63636333 0 2px 8px}.sp-card-header{display:flex;align-items:center}.sp-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.sp-name{font-size:15px;font-weight:700;margin:0}.sp-date{font-size:12px;color:gray;margin:0}.spp-title{font-size:15px;font-weight:700;margin-bottom:8px}.sp-content{font-size:15px;line-height:1.5;margin-bottom:10px}.sp-image-container{margin-top:1px}.sp-image{width:100%;max-height:100%;object-fit:cover;border-radius:15px}.sp-menu-btn{background:none;border:none;cursor:pointer;font-size:2rem;color:#555}.sp-menu-dropdown{position:absolute;top:70%;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;min-width:160px;z-index:10}.sp-menu-dropdown button{background:none;border:none;padding:10px 25px;text-align:left;cursor:pointer;font-size:.9rem;color:#333;width:100%;display:flex;align-items:center;gap:1vh}.sp-menu-dropdown button:hover{background:#f3f3f3}.sp-edit-btn{color:var(--main-purple);font-weight:500}.sp-edit-btn:hover{background:#8000801a;font-weight:600}.sp-remove-btn{color:var(--lt-orange);font-weight:500}.sp-remove-btn:hover{background:#e74c3c1a;font-weight:600}@media (max-width: 480px){.s-header-container,.s-card-container,.s-create-cont{width:125%}}.parentlogin-section{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem}.parentlogin-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:2rem;border-radius:16px;box-shadow:#0000001a 0 6px 20px;gap:20px}.parentlogin-header{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:10vh}.parentlogin-logo{width:120px;height:auto}.parentlogin-logo img{width:100%;height:auto;object-fit:contain}.bk-btn{color:#fff;border:none;cursor:pointer;appearance:none;border-radius:6em;border-style:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.bk-btn:hover{background-color:var(--main-light);box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;transform:scale(1.05)}.bk-btn-icon{display:flex;align-items:center;line-height:0;font-size:1.8rem;color:var(--main-dark)}.parentlogin-title{font-weight:600;color:#31393c;font-size:2rem;text-align:center}.parentlogin-tile{display:flex;flex-direction:column;align-items:center;gap:2vh;width:100%}.parentlogin-input{background-color:#fafafa;border-radius:12px;color:#31393c;width:100%;height:45px;padding:0 14px;font-size:16px;outline:none;border-style:solid;border-color:#efefef}.parentlogin-input:hover,.parentlogin-input:focus{background-color:#efefef}.parentlogin-btn{width:100%;height:48px;font-size:18px;font-weight:500;background-color:#6d6da3;color:#fff;border:none;border-radius:12px;cursor:pointer;text-decoration:none;display:flex;justify-content:center;align-items:center}.login-btn:hover{background-color:#5a5a88}.create-btn{position:relative;background:none;border:none;text-decoration:none;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;color:#56537a;font-size:1rem;padding:2px 4px}.create-btn:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#6d6da3;border-radius:50px;transition:width .2s ease}.create-btn:hover:after{width:100%}@media (max-width: 991px){.parentlogin-section{padding:1.5rem}.parentlogin-logo{width:100px}}@media (max-width: 599px){.parentlogin-content{width:100%;max-width:326px;padding:1rem;gap:20px}.parentlogin-header{width:95%;gap:10vh}.parentlogin-logo{width:90px}.parentlogin-logo img{width:90%}.parentlogin-title{font-size:1.5rem}.parent-login-form{width:90%}.parentlogin-tile{gap:2vh;width:90%}.parentlogin-input{height:35px;padding:0 10px;font-size:12px}.parentlogin-btn{height:38px;font-size:15px}.create-btn{font-size:13px}}.st-card-container{display:flex;flex-direction:column;border-radius:1em;border:1px solid rgba(0,0,0,.2);width:260px;height:240px;overflow:hidden;color:#31393c;transition:background-color .3s ease,transform .2s ease;text-decoration:none}.st-card-container-school{display:flex;flex-direction:column;border-radius:1em;border:1px solid rgba(0,0,0,.2);width:260px;height:300px;overflow:hidden;color:#31393c;transition:background-color .3s ease,transform .2s ease;text-decoration:none}.st-card-container:hover,.st-card-container-school:hover{box-shadow:0 4px 20px #0000001a;border:1px solid rgba(0,0,0,.1);cursor:pointer;transform:scale(1.01)}.st-card-cover{position:relative;background-color:var(--theme-gray);width:100%;height:120px}.st-cover-school{position:relative;background-color:var(--theme-gray);width:100%;height:280px}.st-cover-school.no-logo{position:relative;width:100%;height:280px}.st-card-pfp{background-color:var(--theme-hover);border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;left:20px;border:3px solid var(--main-light);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--main-light)}.st-male{background-color:var(--theme-lightblue);font-size:3rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.st-female{background-color:var(--theme-pink);font-size:3rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.st-card-info{margin-top:40px;padding:0 20px;display:flex;flex-direction:column;gap:5px}.st-card-school{padding:10px 20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.st-name,.st-school-name{font-weight:600;font-size:1.1rem;display:flex;align-items:center}.on{color:var(--lt-green);font-weight:600}.off{color:var(--lt-orange)}.st-school{font-weight:300;font-size:.8rem}.st-enrollment{font-size:.8rem}.classspage{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:auto 1fr}.cp-main-content{display:flex;flex-direction:column;box-sizing:border-box;color:var(--main-dark);position:relative;flex:1}.cp-header{display:flex;align-items:center;gap:18px;padding:0 40px;background-color:var(--main-light);height:60px;width:100%;position:fixed;border-bottom:1px solid rgba(0,0,0,.25);z-index:800}.cp-header.shadow{box-shadow:0 4px 6px #0000001a;border:none}.back-title-cont{display:flex;gap:.5vw}.cp-back-btn{background-color:var(--theme-gray);color:var(--main-dark);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:1vw;padding:10px;border-radius:50%;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.cp-back-btn:hover{background-color:var(--theme-hover);transform:scale(1.05)}.cp-back-btn-icon{display:flex;align-items:center;line-height:0;font-size:1.8rem;color:var(--main-dark)}.cp-title{font-weight:600;font-size:24px;display:flex;align-items:center;text-wrap:nowrap}.cp-nav{display:flex;gap:.5vw;border-radius:5em;transition:all .3s ease;align-items:center}.cp-nav a{text-decoration:none;color:var(--main-dark)}.cp-nav-btn{padding:10px 20px;border-radius:5em;text-wrap:nowrap}.cp-nav-btn:hover{background-color:#efefef}.cp-nav-btn.active{background-color:var(--main-purple);color:var(--main-light)}.cp-body{width:100%}@media (max-width: 768px){.cp-header{flex-direction:column;align-items:flex-start;height:auto;padding:10px 16px;gap:10px}.cp-nav{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:10px;width:100%}.cp-body{margin-top:70px}}@media (max-width: 480px){.cp-body{margin-top:60px}}.a-tab-container{display:flex;flex-direction:column;align-items:center;padding:20px 40px;margin-top:70px;gap:2vh}.ann-main-content{width:80%;display:flex;flex-direction:column;align-items:center}.a-create-cont{display:flex;flex-direction:column;gap:2vh;padding:4vh;width:100%;border-radius:12px;box-shadow:#63636333 0 2px 8px}.a-input{width:100%;min-height:50px;resize:none;overflow:hidden;padding:10px 15px;border:none;outline:none;font-size:15px;color:#333;border-radius:15px;background-color:#f0f0f0;line-height:1.4}.a-input::placeholder{color:#b0b3b8;font-size:15px}.a-cont-bottom{display:flex;flex-direction:column;gap:1vh}.a-button-container{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:1vh}.a-attach-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #ccc;background:#fff;border-radius:15px;cursor:pointer;font-size:15px;color:#999ba1;font-weight:500}.att-file-icon{color:var(--lt-blue)}.a-attach-btn:hover{background:#f8f8f8}.a-file-preview-list{display:flex;flex-direction:column;gap:5px;margin-top:5px;padding:5px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.a-file-preview{display:flex;align-items:center;margin-top:1px;gap:2vh;width:auto;padding:6px 10px;font-size:14px}.a-file-image-preview{display:flex;align-items:center;justify-content:center;padding:0;max-width:120px;max-height:120px;overflow:hidden;border-radius:10px}.a-file-name{font-size:14px;color:#444;word-break:break-word;flex:1}.a-remove-btn{align-self:flex-start;background:none;border:none;cursor:pointer;color:#333;font-size:15px}.a-remove-btn:hover{background:#f8f8f8}.ap-card{display:flex;flex-direction:column;gap:2vh;padding:4vh;width:100%;border-radius:12px;box-shadow:#63636333 0 2px 8px;margin-top:30px}.ap-card-header{display:flex;align-items:center}.ap-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.ap-name{font-size:15px;font-weight:700}.ap-date{font-size:12px;color:gray}.ap-content{font-size:15px;line-height:1.5;margin-bottom:10px}.ap-image{width:100%;max-height:auto;object-fit:cover;border-radius:15px}.ap-menu-btn{background:none;border:none;cursor:pointer;font-size:2rem;color:#555}.ap-menu-dropdown{position:absolute;top:70%;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;min-width:160px;z-index:10}.ap-menu-dropdown button{background:none;border:none;padding:10px 25px;text-align:left;cursor:pointer;font-size:.9rem;color:#333;width:100%;display:flex;align-items:center;gap:1vh}.ap-menu-dropdown button:hover{background:#f3f3f3}.ap-edit-post-btn{color:var(--main-purple);font-weight:500}.ap-edit-post-btn:hover{background:#8000801a}.ap-remove-post-btn{color:var(--lt-orange);font-weight:500}.ap-remove-post-btn:hover{background:#e74c3c1a}.ap-files-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.ap-file-card{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:10px;padding:8px;background:#fff;max-width:180px;overflow:hidden;text-overflow:ellipsis}.ap-image{width:100%;object-fit:cover;border-radius:8px}.ap-file-link{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--main-dark);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-file-name{color:var(--main-dark);display:flex;text-wrap:nowrap;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;gap:2vh}.ap-file-icon{color:var(--lt-blue)}@media (max-width: 480px){.ann-main-content{width:100%;flex-wrap:nowrap}.a-create-cont,.ap-card{flex-wrap:nowrap}.a-button-container{gap:6vh}}.c-tab-container{display:flex;flex-direction:column;align-items:center;gap:20px}.c-create-cont{background-color:#fff;display:flex;flex-direction:column;gap:2vh;padding:4vh;width:100%;border-radius:12px;box-shadow:#63636333 0 2px 8px}.c-input{width:100%;min-height:50%;resize:none;overflow:hidden;padding:10px 15px;border:none;outline:none;font-size:15px;color:#333;border-radius:15px;background-color:#f0f0f0;line-height:1.4}.c-input::placeholder{color:#b0b3b8;font-size:15px;font-weight:400}.c-buttons{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1vh;width:100%}.c-buttons-left{display:flex;gap:1vw;flex-wrap:wrap}.c-buttons .c-buttons-left button .c-cam-icon{color:var(--lt-orange)}.c-buttons .c-buttons-left button .c-img-icon{color:var(--lt-green)}.c-take-btn,.c-upload-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #ccc;background:#fff;border-radius:15px;cursor:pointer;font-size:15px;color:#999ba1;font-weight:500;white-space:nowrap;align-self:flex-start}.c-take-btn:hover,.c-upload-btn:hover{background:#f8f8f8}.c-take-btn img,.c-take-btn svg,.c-upload-btn img,.c-upload-btn svg{color:#2f2e2e;width:18px;height:18px}.c-preview{display:flex;align-items:center;margin-top:5px;gap:2vh;width:auto;padding:20px 50px;border:1px solid #ddd;border-radius:6px;background:#f9f9f9;font-size:14px}.c-preview-img{max-width:auto;max-height:auto;border-radius:12px;object-fit:cover;border:1px solid #ddd}.c-remove-btn{align-self:flex-start;background:none;border:none;cursor:pointer;color:#333;font-size:15px}.c-remove-btn:hover{background:#f8f8f8}.c-post-btn-container{display:flex;justify-content:flex-end}.c-card-container{width:100%}.cp-card{display:flex;background-color:var(--main-light);flex-direction:column;gap:2vh;padding:4vh;width:100%;border-radius:12px;box-shadow:#63636333 0 2px 8px;margin-top:30px}.cp-card-header{display:flex;align-items:center}.cp-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.cp-name{font-size:15px;font-weight:700;margin:0}.cp-date{font-size:12px;color:gray;margin:0}.cpp-title{font-size:15px;font-weight:700;margin-bottom:8px}.cp-content{font-size:15px;line-height:1.5;margin-bottom:10px}.cp-image-container{margin-top:1px}.cp-image{width:100%;max-height:100%;object-fit:cover;border-radius:15px}.cp-menu-btn{background:none;border:none;cursor:pointer;font-size:2rem;color:#555}.cp-menu-dropdown{position:absolute;top:70%;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;min-width:160px;z-index:10}.cp-menu-dropdown button{background:none;border:none;padding:10px 25px;text-align:left;cursor:pointer;font-size:.9rem;color:#333;width:100%;display:flex;align-items:center;gap:1vh}.cp-menu-dropdown button:hover{background:#f3f3f3}.edit-icon{color:var(--main-purple);font-size:medium}.remove-icon{color:var(--lt-orange);font-size:large}.cp-edit-btn{color:var(--main-purple);font-weight:500}.cp-edit-btn:hover{background:#8000801a;font-weight:600}.cp-remove-btn{color:var(--lt-orange);font-weight:500}.cp-remove-btn:hover{background:#e74c3c1a;font-weight:600}.ppp-profilepage{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:auto 1fr}.ppp-main-content{display:flex;flex-direction:column;color:var(--main-dark)}.ppp-page-header{display:flex;align-items:center;justify-content:space-between;padding:10px 40px;height:60px;width:100%}.ppp-header-title{font-weight:600;font-size:24px}.ppp-buttons{display:flex;gap:15px}.ppp-edit-btn,.ppp-logout-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;border:none;border-radius:2em;cursor:pointer;font-size:.95rem;font-weight:500;transition:transform .2s ease,background-color .3s ease}.ppp-edit-btn{background-color:var(--main-light);color:#439e77;border-radius:6em;border-style:none;box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;height:42px;font-size:1rem;padding:6px 20px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.ppp-edit-btn:hover{background-color:#439e77;color:var(--main-light);transform:scale(1.05)}.ppp-logout-btn{background-color:var(--main-light);color:#ff5757;border-radius:6em;border-style:none;box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;height:42px;font-size:1rem;padding:6px 30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.ppp-logout-btn:hover{background-color:#ff5757;color:var(--main-light);transform:scale(1.05)}.ppp-body{display:flex;padding:30px 40px;gap:3vw;flex-wrap:wrap}.ppp-school-info-container,.ppp-user-info-container{display:flex;flex-direction:column;align-items:center;border-radius:.5em;padding:20px 30px;gap:2vh;border:1px solid rgba(0,0,0,.2);background-color:var(--main-light);box-shadow:0 4px 10px #0000000d;flex:1;min-width:280px}.ppp-user-photo{width:120px;height:120px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background-color:var(--theme-green);color:var(--main-light);font-size:4rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.ppp-user-photo img,.ppp-school-logo img{width:100%;height:100%;object-fit:cover}.ppp-school-text-container{display:flex;flex-direction:column}.ppp-info-card{padding:12px 18px;width:100%;display:flex;align-items:center;gap:10px;transition:transform .2s ease;justify-content:center}.ppp-info-icon{font-size:1.2rem;color:var(--main-dark)}.ppp-info-text.head-name{font-weight:600;font-size:clamp(1rem,2vw,1.1rem)}.ppp-info-text{font-weight:300;font-size:clamp(.9rem,1.5vw,1rem)}.ppp-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-in-out}.ppp-modal-content{background:#fff;padding:2rem;border-radius:16px;width:420px;max-width:90%;box-shadow:0 6px 20px #00000040;display:flex;flex-direction:column;gap:1rem;animation:slideUp .25s ease-in-out}.ppp-edit-title{font-size:1.4rem;font-weight:600;color:var(--main-dark);margin-bottom:.5rem;text-align:center}.ppp-form-group{display:flex;flex-direction:column;gap:.4rem}.ppp-form-group label{font-weight:500;color:#333;font-size:.9rem}.ppp-form-group input{width:100%;padding:.65rem .8rem;border:1px solid #ccc;border-radius:8px;font-size:.95rem;transition:border-color .2s ease}.ppp-form-group input:focus{border-color:var(--lt-green);outline:none}.ppp-photo-upload{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:1rem}.ppp-photo-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.ppp-upload-label{display:inline-block;padding:.4rem 1rem;font-size:.85rem;background:var(--main-light);color:var(--lt-green);border-radius:20px;border:1px solid var(--lt-green);cursor:pointer;transition:background .2s ease,color .2s ease}.ppp-upload-label:hover{background:var(--lt-green);color:#fff}.ppp-upload-label input{display:none}.ppp-modal-buttons{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.ppp-save-btn{padding:.6rem 1.4rem;background:var(--lt-green);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:transform .2s ease,background .2s ease}.ppp-save-btn:hover{background:#3a8965;transform:scale(1.05)}.ppp-cancel-btn{padding:.6rem 1.4rem;background:#ccc;color:#333;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:transform .2s ease,background .2s ease}.ppp-cancel-btn:hover{background:#b3b3b3;transform:scale(1.05)}.p-signup-section{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;padding:20rem}.p-signup-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:2rem;border-radius:16px;box-shadow:#0000001a 0 6px 20px;gap:2vh}.p-signup-header{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:11vh}.p-su-bck-btn{color:#fff;border:none;cursor:pointer;appearance:none;border-radius:6em;border-style:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.p-su-bck-btn:hover{background-color:var(--main-light);box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;transform:scale(1.05)}.p-su-bck-btn-icon{display:flex;align-items:center;line-height:0;font-size:1.8rem;color:var(--main-dark)}.p-signup-logo{width:120px;height:auto}.p-signup-logo img{width:100%;height:auto;object-fit:contain}.p-signup-title{font-weight:600;color:#31393c;font-size:2rem;text-align:center}.p-signup-tile{display:flex;flex-direction:column;align-items:center;gap:2vh;width:100%}.p-signup-input{background-color:#fafafa;border-radius:12px;color:#31393c;width:100%;height:45px;padding:0 14px;font-size:16px;outline:none;border-style:solid;border-color:#efefef}.p-signup-input:hover,.p-signup-input:focus{background-color:#efefef}.p-signup-btn{width:100%;height:48px;font-size:18px;font-weight:500;background-color:#6d6da3;color:#fff;border:none;border-radius:12px;cursor:pointer;text-decoration:none;display:flex;justify-content:center;align-items:center}.p-signup-btn:hover{background-color:#5a5a88}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 991px){.p-signup-section{padding:1.5rem}.p-signup-logo{width:100px}}@media (max-width: 599px){.p-signup-content{width:100%;max-width:300px;padding:1rem;gap:15px}.p-signup-header{width:95%;gap:8vh}.p-signup-logo{width:90px}.p-signup-logo img{width:90%}.p-signup-title{font-size:1.5rem}.p-signup-form{width:90%}.p-signup-tile{gap:1vh;width:90%}.p-signup-input{height:35px;padding:0 10px;font-size:12px}.p-signup-btn{height:38px;font-size:15px}}.lt-img-null{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-frame-lrg{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:46px;background-color:var(--theme-graygray);color:var(--main-light)}.avatar-frame-md{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px;background-color:var(--theme-graygray);color:var(--main-light)}.avatar-icon{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--theme-hover);color:var(--main-light)}.avatar-frame{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--theme-graygray);color:var(--main-light);font-size:1.3rem}.admin{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;background-color:var(--lt-orange)}.admin-color{color:#fff;background-color:var(--lt-orange)}.co-admin{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;background-color:var(--lt-yellow)}.co-admin-color{color:#fff;background-color:var(--lt-yellow)}.teacher{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;background-color:var(--lt-blue)}.teacher-color{color:#fff;background-color:var(--lt-blue)}.parent{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;background-color:var(--lt-green)}.student-male{background-color:var(--lt-lightblue);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.student-female{background-color:var(--lt-pink);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lt-pfp-frame{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:var(--lt-blue);color:#fff;font-size:1.3rem;margin-right:10px}.file-input-container{display:flex;align-items:center;gap:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.file-input{display:none}.file-label{background-color:#0667a7;color:#fff;padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.file-label:hover{background-color:#055587}.file-name{font-size:.95rem;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lt-image-preview{width:120px;height:120px;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.lt-image-preview img{max-width:120px;max-height:120px;object-fit:cover;border-radius:8px}.lt-edit-image-preview{width:80px;height:80px;display:inline-block;position:relative;overflow:hidden;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.lt-edit-image-preview img{max-width:80px;max-height:80px;object-fit:cover;display:block;max-width:200px;border-radius:6px}.lt-edit-image-preview .close-icon{position:absolute;top:5px;right:5px;font-size:20px;color:#fff;background:#0009;border-radius:50%;cursor:pointer;padding:2px}.lt-pfp-frame.admin{background-color:var(--lt-orange)}.lt-post-body{display:flex;flex-direction:column;gap:20px}.lt-post-image{display:flex;gap:10px}.image-frame-2{display:flex;align-items:center;justify-content:center;max-width:50%;border:1px solid var(--theme-hover);border-radius:.5em;overflow:hidden}.image-frame-2 img{cursor:pointer;background-color:var(--theme-gray)}.image-frame-3{display:grid;grid-template-columns:2fr 1fr;gap:5px;width:100%}.image-frame-3 .big img{min-width:50%;height:100%;object-fit:cover;cursor:pointer;background-color:var(--theme-gray)}.image-frame-3 .small-grid{display:grid;grid-template-rows:1fr 1fr;gap:5px}.image-frame-3 .small-grid img{cursor:pointer;background-color:var(--theme-gray)}.image-frame-4{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}.image-frame-4 .grid-img{position:relative}.image-frame-4 img{width:100%;height:200px;object-fit:cover;cursor:pointer;background-color:var(--theme-gray)}.image-frame-4 .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.lt-single-img{cursor:pointer;background-color:var(--theme-gray)}.lt-hidden{display:none}.lt-img-icon{color:var(--lt-green)!important}.lt-cam-icon{color:var(--lt-orange)!important}.lt-close-icon{font-size:1.5rem;line-height:0;display:flex;align-items:center}.file-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.file-modal-container{border-radius:16px;box-shadow:0 10px 25px #0003;width:90%;max-width:900px;position:relative}.file-modal-close{position:absolute;top:-1rem;right:-1rem;background:transparent;border:none;color:var(--main-light);cursor:pointer;transition:color .2s ease;background-color:var(--main-dark);display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%}.file-modal-close .icon{line-height:0;font-size:1.5rem}.file-modal-close:hover{background-color:var(--theme-hover)}.file-modal-close:hover .icon{color:var(--main-dark)}.file-modal-content{max-height:80vh;overflow-y:auto}.file-modal-img{width:100%;height:auto;display:block;object-fit:cover}.file-modal-iframe{width:100%;height:80vh;border:none;border-radius:8px}.file-modal-video{max-height:80vh;display:block;margin:0 auto;border-radius:8px}.file-modal-audio{width:100%}.preview-container{display:flex;gap:12px;padding:10px 0;flex-wrap:wrap}.file-preview-img{display:flex;align-items:center;justify-content:center;padding:0;max-width:120px;max-height:120px;overflow:hidden;border-radius:10px;position:relative}.file-preview-img .file-preview-img-close{background-color:var(--main-dark);color:var(--main-light);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:2px;position:absolute;top:2px;right:2px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.file-preview-img .file-preview-img-close:hover{background-color:var(--theme-gray);color:var(--main-dark);transform:scale(1.05)}.file-preview{display:flex;max-width:220px;align-items:center;gap:10px;font-weight:300;border:1px solid var(--theme-hover);border-radius:.5em;padding:10px 20px;position:relative;background-color:var(--main-light);cursor:pointer}.file-preview .file-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview .file-preview-close{background-color:var(--theme-darkgray);color:var(--main-light);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:2px;position:absolute;top:-8px;right:-8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.file-preview .file-preview-close:hover{background-color:var(--theme-gray);color:var(--main-dark);transform:scale(1.05)}.file-preview:hover{background-color:var(--theme-gray)}.lt-img-wrapper{width:100%;height:100%;max-height:480px;background-color:var(--theme-hover);display:flex;justify-content:center;align-items:center;overflow:hidden}.lt-img-wrapper img{max-height:100%;width:auto;height:auto}.mini-img-container{display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid var(--theme-hover);border-radius:5px;overflow:hidden;height:240px;width:240px}.mini-img-container img{object-fit:contain}.lt-main-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:auto 1fr}.lt-main-content{display:flex;flex-direction:column;align-items:center;color:var(--main-dark);width:100%;gap:20px}.lt-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 40px;height:60px;width:100%}.lt-page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;height:60px;width:100%}.lt-page-title{font-weight:600;font-size:1.6rem;color:var(--main-dark)}.lt-page-content{display:flex;flex-direction:column;gap:20px;width:80%;padding:20px 0 40px}.lt-card-container{border-radius:1em;box-shadow:#63636333 0 2px 8px;display:flex;flex-direction:column;width:100%;background-color:var(--main-light);max-height:500px;overflow:hidden;overflow-y:auto}.lt-card-container a{color:var(--main-dark);text-decoration:none}.text-info{font-size:.9rem;color:var(--theme-darkgray)}.text-post-name{font-weight:600}.text-post-date{font-size:.8rem;color:var(--theme-darkgray)}.text-info-light{font-size:.9rem;color:#d1d1d1}.text-def{color:var(--main-dark);font-size:1rem}.text-p{font-weight:300;color:var(--main-dark);text-align:justify;white-space:pre-wrap}.text-caption{color:var(--main-dark);font-weight:300}.page-title,.page-title-2{font-size:1.6rem;font-weight:600;color:var(--main-dark)}.text-title-md{font-size:1.4rem;font-weight:600;color:var(--main-dark)}.text-title{font-size:1.2rem;font-weight:600;color:var(--main-dark)}.text-bold{font-weight:600}.text-info-bold{color:var(--theme-darkgray);font-weight:600}.text-title-sm{color:var(--main-dark)}.enrolled{background-color:var(--lt-green);color:var(--main-light)!important}.graduated{background-color:var(--lt-blue);color:var(--main-light)!important}.transferred{background-color:var(--lt-yellow);color:var(--main-light)!important}.dropped{background-color:var(--lt-orange);color:var(--main-light)!important}.level-active{background-color:var(--main-purple);color:var(--main-light)!important}.unenrolled{color:var(--lt-orange)}.pending{color:#ff8c00}.white-text{color:var(--main-light)!important}.read{font-weight:300}.unread{font-weight:600}.selected-container{background-color:#82b3d34d}.selected-container:hover{background-color:#82b3d34d!important}.notif-title{width:28%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-desc{width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-ellipsis{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1100px){.page-title-2{font-size:.9rem}}@media (max-width: 800px){.text-def{font-size:.9rem}.text-title-md{font-size:1.2rem}}.copy-icon{color:var(--theme-darkgray);font-weight:400;font-size:1rem;line-height:0;display:flex;align-items:center;margin-left:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.copy-icon:hover{color:var(--main-dark);transform:scale(1.1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}body{min-height:100vh;min-height:100dvh}.screen{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:auto 1fr}.main-content{display:flex;flex-direction:column;color:var(--main-dark);min-width:0}.page-content{display:flex;align-self:center;width:80%;min-width:0;flex-direction:column;color:var(--main-dark);padding:20px 0}.page-content-outlet{display:flex;align-self:center;flex-direction:column;color:var(--main-dark);min-width:0;width:100%;max-width:100%}.nav-bar{display:flex;top:0;position:sticky;align-items:center;gap:18px;padding:0 40px;background-color:var(--main-light);height:60px;width:100%;z-index:800}.nav-bar-cp{display:flex;top:0;position:sticky;align-items:center;gap:18px;padding:0 40px;background-color:var(--main-light);border-bottom:1px solid rgba(0,0,0,.25);height:60px;width:100%;z-index:800}.nav-bar-cp .nav-title-container{display:flex;align-items:center;font-size:1.2rem;font-weight:600;max-width:260px;width:14vw;color:var(--main-dark)}.nav-bar-cp .nav-title-container div{text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-tab{-webkit-user-select:none;user-select:none;display:flex;border-radius:5em;height:40px;gap:5px}.nav-tab a{text-decoration:none;color:var(--main-dark)}.nav-tab-item{-webkit-user-select:none;user-select:none;height:100%;border-radius:5em;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 10px;text-wrap:nowrap;transition:background-color .3s ease,transform .2s ease}.nav-tab-item:hover{background-color:#efefef;transform:scale(1.05)}.nav-tab-item.active{background-color:var(--main-purple);color:var(--main-light)}.shadow{box-shadow:0 4px 6px #0000001a;border:none}.sp-toggle-switch{display:flex;justify-content:space-evenly;width:100%;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.sp-toggle-btn{display:flex;justify-content:center;align-items:center;padding:10px 20px;border-radius:5em;cursor:pointer;font-weight:300;text-align:center}.sp-toggle-btn:hover{background-color:var(--theme-gray)}.sp-toggle-btn.active{background-color:var(--main-purple);color:var(--main-light);font-weight:400}.content-body,.content-body-2{display:flex;gap:2.5vw;flex-wrap:wrap;padding:20px 40px;margin-bottom:60px}.content-container{display:flex;flex-direction:column}.content-loading{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;width:100%;height:100%}.row-to-column{display:flex;flex-direction:row;align-items:center;gap:12px}.flex-column{display:flex;flex-direction:column;gap:10px}.flex-row{display:flex;align-items:center;gap:10px}.flex-column-center{display:flex;align-items:center;flex-direction:column;gap:12px}.flex-row-end{display:flex;justify-content:flex-end;gap:10px;align-items:center}.container{border-radius:1em;box-shadow:#00000029 0 1px 4px;overflow:hidden;display:flex;flex-direction:column;width:100%}.container a{text-decoration:none}.container-sp{display:flex;flex-direction:column;gap:20px;margin:20px 0 80px}.container-plain{border-radius:1em;box-shadow:#00000029 0 1px 4px;overflow:hidden;display:flex;flex-direction:column;width:100%}.container-padding{border-radius:1em;box-shadow:#00000029 0 1px 4px;overflow:hidden;display:flex;flex-direction:column;width:100%;min-height:fit-content;padding:24px 20px}.container-padding-sm{border-radius:1em;box-shadow:#00000029 0 1px 4px;overflow:hidden;display:flex;flex-direction:column;width:100%;min-height:fit-content;padding:4px 12px}.container-post{border-radius:1em;box-shadow:#00000029 0 1px 4px;display:flex;flex-direction:column;min-width:100%;min-height:fit-content;padding:24px 20px;width:100%}.container-table{border-radius:1em;box-shadow:#00000029 0 1px 4px;display:flex;flex-direction:column;width:100%;min-height:fit-content;padding:20px}.container-scroll{border-radius:1em;box-shadow:#00000029 0 1px 4px;display:flex;flex-direction:column;width:100%;background-color:var(--main-light);max-height:500px;overflow:hidden;overflow-y:scroll}.container-horizontal{overflow:hidden;display:block;flex-direction:column;width:100%;background-color:var(--main-light);overflow-y:hidden;overflow-x:auto;min-width:0!important}.container-item-name{display:flex;gap:12px;align-items:center}.container-item-lg{border-bottom:1px solid rgba(0,0,0,.1);color:var(--main-dark);padding:20px 2vw;display:flex;justify-content:space-between;align-items:center}.container-item-md{border-bottom:1px solid rgba(0,0,0,.1);color:var(--main-dark);padding:15px 2vw;display:flex;justify-content:space-between;align-items:center}.container-item{border-bottom:1px solid rgba(0,0,0,.1);color:var(--main-dark);padding:0 0 0 32px;display:flex;align-items:center;cursor:pointer;max-height:60px;height:60px}.container-item:hover,.container-item-md:hover,.container-item-lg:hover{background-color:var(--theme-gray)}.container-item-empty{display:flex;align-items:center;justify-content:center;color:var(--theme-darkgray);font-weight:300;height:60px}.container-actions{width:100%;display:flex;align-items:center}.container-actions .action-search{display:flex;gap:10px}.profile-card{display:flex;flex-direction:column;align-items:center;border-radius:.5em;padding:20px 30px;gap:2vh;background-color:var(--main-light);box-shadow:#00000029 0 1px 4px;flex:1;min-width:280px}.domain-info{display:flex;flex-direction:column;border:2px solid #efefef;margin:20px;border-radius:12px;padding:20px}.domain-info .domain-icons{display:flex;justify-content:center;gap:6px;transform:translateY(-100%)}.hide-table-pc,.hide-on-pc{display:none}@media (max-width: 1100px){.nav-bar-cp{flex-direction:column;overflow:hidden;height:fit-content;padding:0;gap:0}.nav-bar-cp>a{display:none}.nav-bar-cp .nav-title-container{height:20px;width:100%;border-bottom:1px solid var(--theme-hover);display:flex;justify-content:center;max-width:none;font-size:1rem;font-weight:400;color:var(--main-dark);text-overflow:ellipsis}.nav-tab{width:100%;overflow-y:auto;overflow-x:hidden;border-radius:0;gap:0;height:40px;padding:0!important;margin:0!important}.nav-tab .nav-tab-item{border-radius:0;width:100%!important;height:100%!important;font-size:.9rem}.nav-tab .nav-tab-item.active{background-color:var(--main-light);color:var(--main-purple);font-weight:600;border-bottom:2px solid var(--main-purple)}.nav-tab .nav-tab-item:hover{transform:none}.hide-table-phone{display:none}.hide-table-pc{display:flex}}@media (max-width: 800px){.screen{grid-template-columns:1fr}.nav-bar{padding:0 12px;width:100%}.nav-bar-cp{flex-direction:column;align-items:flex-start;overflow:hidden;height:fit-content;padding:0;gap:0;border-bottom:1px solid var(--theme-hover)}.nav-bar-cp>a{display:none}.nav-bar-cp .nav-title-container{height:20px;width:100%;border-bottom:1px solid var(--theme-hover);display:flex;justify-content:center;max-width:none}.nav-bar-cp .nav-title-container div{font-size:.9rem;font-weight:400;color:var(--main-dark)}.nav-tab{overflow:hidden;max-width:100vw;border-radius:0;gap:0;margin:0;overflow-x:auto!important}.nav-tab .nav-tab-item{font-size:.9rem;border-radius:0;width:100%!important;height:100%!important;padding:0 5px}.nav-tab .nav-tab-item .icon-btn-hide{color:var(--theme-darkgray)}.nav-tab .nav-tab-item.active{background-color:var(--main-light);color:var(--main-purple);font-weight:600;border-bottom:2px solid var(--main-purple)}.nav-tab .nav-tab-item.active .icon-btn-hide{color:var(--main-purple)}.lt-nav-searchbar,.lt-switch-nav{display:flex}.sp-toggle-switch{padding:0;gap:0;justify-content:center}.sp-toggle-switch .sp-toggle-btn{border-radius:0;flex:1}.page-content{display:flex;gap:0!important;align-self:center;width:100%;flex-direction:column;color:var(--main-dark);padding:0}.content-body{display:flex;flex-direction:column;gap:20px;flex-wrap:wrap;padding:10px 32px;margin-bottom:60px}.content-body-2{padding:0}.container{border-radius:0;box-shadow:none;border-top:1px solid var(--theme-hover);border-bottom:1px solid var(--theme-hover);overflow:hidden;display:flex;flex-direction:column;width:100%}.content-container{margin:0!important}.container-post{margin:10px 0;border-radius:0;box-shadow:none;border-top:1px solid var(--theme-hover);border-bottom:1px solid var(--theme-hover)}.container-table{box-shadow:none;border-radius:0;padding:0;border-top:1px solid var(--theme-hover);border-bottom:2px solid var(--theme-hover)}.container-scroll{box-shadow:none;border-radius:0;border:1px solid var(--theme-hover);width:100%;max-height:74vh}.container-actions{width:100%}.container-actions .lt-searchbar,.container-actions .lt-circle-btn,.container-actions .lt-btn-switch,.container-actions .action-search,.container-actions .action-hide{display:none!important;gap:0}.domain-info{margin:20px 0;border:0;border-radius:0;border-top:2px solid #efefef;border-bottom:2px solid #efefef}.container-item-md{padding:10px 12px}.container-item{padding:0 12px}.content-loading{padding:40px 0}.hide-on-phone{display:none!important}.hide-on-pc{display:block!important}.container-sp{margin:0 0 80px;gap:0}.container-padding,.container-padding-sm{border-radius:0;box-shadow:none;border-top:1px solid var(--theme-hover);border-bottom:1px solid var(--theme-hover)}.row-to-column{flex-direction:column;align-items:flex-start;gap:10px}}.icon-loading{width:80px;height:80px;animation:spin 1s linear infinite}.icon-float{font-size:2rem;animation:float 2s ease-in-out infinite}.icon-circle-btn{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--main-light);border-radius:50%;border-style:none;box-shadow:#00000029 0 1px 4px;width:40px;height:40px;font-size:30px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .2s ease}.icon-circle-btn:hover{background-color:var(--theme-hover);color:var(--main-dark);transform:scale(1.05)}.icon-btn-hide{display:none}.icon-default{color:var(--theme-hover)}.lt-subtab-menu,.lt-subtab-menu-2{margin-left:auto;-webkit-user-select:none;user-select:none;display:flex;background-color:#efefef;border-radius:5em;overflow:hidden;box-shadow:#63636333 0 2px 8px;width:fit-content;max-width:420px;min-width:240px;height:40px}.lt-subtab-item{-webkit-user-select:none;user-select:none;height:100%;border-radius:5em;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;padding:0 10px;text-align:center}.lt-subtab-item:hover{cursor:pointer;background-color:var(--theme-hover)}.lt-subtab-active{background-color:var(--main-purple);color:var(--main-light)}.lt-subtab-active:hover{cursor:pointer;background-color:var(--main-purple)}.icon-plain{cursor:pointer;transition:background-color .3s ease,transform .2s ease}.icon-plain:hover{transform:scale(1.05)}.fixed-btn{-webkit-user-select:none;user-select:none;position:fixed;bottom:80px;right:20px;z-index:7777;background-color:var(--lt-blue);box-shadow:#00000029 0 1px 4px;width:52px;height:52px;border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;transition:background-color .3s ease,transform .2s ease}.fixed-btn:hover{background-color:var(--main-light);color:var(--lt-blue);transform:scale(1.05)}.fixed-btn-green{-webkit-user-select:none;user-select:none;position:fixed;bottom:80px;right:20px;z-index:7777;background-color:var(--lt-green);box-shadow:#00000029 0 1px 4px;width:52px;height:52px;border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;transition:background-color .3s ease,transform .2s ease}.fixed-btn-green:hover{background-color:var(--main-light);color:var(--lt-green);transform:scale(1.05)}.plain-btn{display:flex;gap:10px;align-items:center;border:1px solid var(--theme-hover);padding:10px;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.plain-btn:hover{background-color:var(--theme-gray);transform:scale(1.02)}.toggle-switch{display:flex;height:40px;background-color:var(--theme-gray);border-radius:5em;margin-left:auto;overflow:hidden;box-shadow:#00000029 0 1px 4px}.toggle-switch-item{display:flex;align-items:center;justify-content:center;width:40px;cursor:pointer;color:#7e7e7e;border-radius:5em}.toggle-switch-item:hover{background-color:var(--theme-hover)}.toggle-switch-item.active{background-color:var(--main-purple);color:#fff}.icon-plain-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease,transform .2s ease}.icon-plain-btn:hover{background-color:var(--theme-gray);transform:scale(1.2)}.icon-toggle{background-color:var(--theme-graygray);height:16px;width:44px;border-radius:5em;display:flex;align-items:center}.icon-toggle-circle{background-color:var(--lt-orange);height:24px;width:24px;border-radius:50%;cursor:pointer}.icon-toggle.active{background-color:var(--theme-green);justify-content:flex-end}.icon-toggle-circle.active{background-color:var(--lt-green)}.custom-select{width:250px;padding:10px 14px;border-radius:8px;border:1px solid #ccc;background-color:#fff;font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border .2s,box-shadow .2s}.custom-select:focus{outline:none;border-color:var(--main-purple);box-shadow:0 0 5px #7b5cff80}.custom-select-container:after{content:"▼";position:absolute;top:50%;right:14px;pointer-events:none;transform:translateY(-50%);font-size:.7rem;color:#555}.lt-status-switch{box-shadow:#00000029 0 1px 4px;color:var(--main-dark);font-weight:300;font-size:.9rem;padding:5px 10px;border-radius:6em;transition:background-color .3s ease,transform .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.lt-status-switch:hover{transform:scale(1.05)}@media (max-width: 1100px){.lt-subtab-menu-2{border-radius:0;width:100%;min-width:none;max-width:none;margin:0;font-size:.9rem}.lt-subtab-menu-2 .lt-subtab-item{border-radius:0;box-shadow:none}}.item-selector,.item-selector-border{display:flex;justify-content:center;align-items:center;background-color:var(--main-light);width:20px;height:20px;border-radius:5px;border:2px solid var(--theme-darkgray);cursor:pointer;-webkit-user-select:none;user-select:none}.item-selector-border-sm{display:flex;justify-content:center;align-items:center;background-color:var(--main-light);width:20px;height:20px;min-width:20px;min-height:20px;border-radius:5px;border:2px solid var(--theme-darkgray);cursor:pointer;-webkit-user-select:none;user-select:none}.selector-active{background-color:var(--lt-blue);color:var(--main-light)}.icon-action{width:30px;height:30px;max-width:30px;max-height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-action .icon{line-height:0;margin:0;padding:0;color:var(--theme-darkgray)}.icon-action:hover{background-color:var(--theme-gray)}@media (max-width: 800px){.icon-btn-hide{display:block;font-size:1.1rem}.icon-label{display:none}.lt-subtab-menu,.lt-subtab-item{border-radius:0;width:100%;min-width:none;max-width:none;margin:0!important;font-size:.9rem}.fixed-btn,.fixed-btn-green{display:flex}}