:root{--transition-default: background-color .3s ease, transform .1s ease}body,.container{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#f9fafb}.container{text-align:center;padding:0 1rem;background-color:#eee2ff;height:100vh;width:100vw;box-sizing:border-box}.image img{margin-top:5%;width:80%;max-width:300px;height:auto}.subtext{width:70%;margin:0 auto;font-weight:300;text-align:center;line-height:1.5;font-size:16px;word-break:break-word;color:#6c6c6c}.btnpri{width:10%;height:40px;background-color:#795ba5;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.btnpri:hover{background-color:#67469e}.btnpri:active{transform:scale(.97)}.btnsec{width:10%;height:40px;background-color:#fff;border:1px solid #999;border-radius:8px;color:#333;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.btnsec:hover{background-color:#f0f0f0}.btnsec:active{transform:scale(.97)}.btngrp{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}@media screen and (max-width: 768px){.subtext{width:90%;font-size:.95rem}.btngrp{flex-direction:column;gap:12px}.btnpri,.btnsec{width:80%}}@media screen and (max-width: 480px){.text h2{font-size:1.5rem}.subtext{font-size:.9rem}.btnpri,.btnsec{font-size:.95rem;padding:12px 0}}.limage img{width:80%;max-width:300px;height:auto;margin-left:10%}.logincontainer{display:flex;flex-direction:column;align-items:center;margin-top:5%;padding:0 1rem}.logintextcontainer{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.sublogin{width:90%;margin:0 auto;font-weight:300;text-align:center;line-height:1.5;font-size:16px;word-break:break-word;color:#6c6c6c}.enterlogin{display:flex;flex-direction:column;width:60%;align-items:center;gap:10px}.logininput{width:65%;max-width:450px;height:20px;background-color:#fff;border:1px solid #999;padding:10px 12px;border-radius:15px;transition:background-color .3s ease,transform .1s ease}.loginbtn{width:23%;height:45px;background-color:#67469e;border:1px solid #999;border-radius:15px;transition:var(--transition-default);color:#fff}.loginbtn:hover{background-color:#6f5791}input.logininput::placeholder{font-size:15px!important}@media screen and (max-width: 768px){.headlogin{font-size:1.5rem}.sublogin{font-size:.95rem}.logininput,.loginbtn{font-size:.95rem;width:100%}.custom-alert{font-size:.9rem;width:90%}}@media screen and (max-width: 480px){.headlogin{font-size:1.3rem}.sublogin{font-size:.9rem}.logininput,.loginbtn{padding:10px;font-size:.9rem}.linklogin .reg{font-size:.85rem}}.logininput::placeholder{color:#888;font-size:10px}.linklogin{display:flex;justify-content:center;align-items:center;gap:20px}.linklogin .reg{font-size:14px;color:#000;text-decoration:none;margin:10px 10px 0;transition:background-color .3s ease,transform .1s ease}.otp-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,sans-serif;padding:40px 20px}.otp-inputs{display:flex;gap:16px;margin:20px 0}.otp-box{width:60px;height:60px;text-align:center;font-size:24px;border:1px solid #ccc;border-radius:10px;outline:none}.otp-next-btn{width:250px;padding:12px;background-color:#795ba5;color:#fff;font-size:18px;border:none;border-radius:15px;cursor:pointer;margin-top:20px}.resend{margin-top:15px;font-size:14px;color:#333}.resend-link{font-weight:700;text-decoration:underline;cursor:pointer}.timer{margin-top:10px;font-size:14px;color:#888}.side{display:flex;flex-direction:row}@media screen and (max-width: 768px){.otp-title{font-size:1.5rem}.otp-box{width:48px;height:48px;font-size:20px}.otp-next-btn{font-size:16px;padding:10px}.resend,.timer{font-size:13px}}@media screen and (max-width: 480px){.otp-box{width:42px;height:42px;font-size:18px}.otp-next-btn{width:90%}.otp-title{font-size:1.3rem}.otp-subtitle{font-size:.95rem}}.sidebar{width:230px;background-color:#fff;display:flex;flex-direction:column;align-items:center;border-right:1px solid #ddd;height:100vh;position:fixed;top:0;left:0;padding:1rem;box-sizing:border-box}.menu-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%}.logout-container{margin-top:auto}@media (max-width: 768px){.sidebar{width:60px;padding:10px 5px}.nav-text,.logo-desktop{display:none}.logo-mobile{display:block;width:40px}}.logo{margin-bottom:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.logout-button{border:none;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;display:flex;align-items:center;gap:8px;text-decoration:none}.logout-button:hover{color:#007bff}.custom-alert{padding:12px;margin:10px 0;border-radius:6px;font-weight:500;text-align:center}.custom-alert-success{background-color:#ffe5e5;color:green;padding:12px 16px;margin-bottom:12px;border-radius:8px;border:1px solid #ffaaaa;font-size:14px;text-align:center}.top-banner-success{position:fixed;top:0;left:0;width:100%;background-color:#d4edda;color:#155724;border-bottom:2px solid #28a745;padding:12px 20px;font-weight:600;text-align:center;z-index:9999;box-shadow:0 2px 6px #0000001a}.menu{display:flex;flex-direction:column;gap:1rem;width:100%}.logo img{width:50px;margin-bottom:10px}.logo h2{font-size:18px;color:#4b2aad}.logo span{font-weight:400;font-size:14px;color:#888}.nav-link{display:flex;align-items:center;gap:10px;color:#333;padding:10px;text-decoration:none;font-weight:500;border-radius:8px;transition:background .3s}.nav-link:hover,.nav-link.active{background-color:#795ba5;color:#f0f0f0}.wisepathnav{width:120px;height:auto;margin-bottom:20px}.logo{display:flex;justify-content:center;align-items:center;padding:20px 0;flex-direction:column}.nav-link-lo{display:flex;align-items:center;gap:10px;color:#f47373;padding:10px;text-decoration:none;font-weight:500;border-radius:8px;transition:background .3s}.nav-link-lo:hover,.nav-link-lo.active{background-color:#795ba5;color:#f0f0f0}.logo-desktop{width:180px!important;height:auto;display:block}.logo-mobile{width:80px;height:auto;display:none}@media (max-width: 768px){.sidebar{width:60px;padding:1rem .5rem}.logo-desktop{display:none}.logo-mobile{display:block}.nav-text{display:none}.wisepathnav{width:40px}.nav-link,.nav-link-lo{justify-content:center;padding:8px}.menu{align-items:center}.logo{padding:10px 0}}.layout-container{display:flex;flex-direction:row;height:100%;padding:0}.sidebar-wrapper{width:255px;background-color:#f8f9fa;flex-shrink:0}.main-content{flex:1;padding-left:2%;box-sizing:border-box}@media (max-width: 768px){.main-content{width:100%}.sidebar-wrapper{width:75px}}.dashboard-container{display:flex;padding:1%;flex-wrap:nowrap;background-color:#f9fafb;min-height:100vh;font-family:Arial,sans-serif;box-sizing:border-box}.left-panel{padding-right:10px;box-sizing:border-box;flex-shrink:0;width:70%;flex:1 1 65%}.right-panel{padding-left:10px;box-sizing:border-box;min-width:100px}.search-input{padding:15px;border-radius:12px;border:1px solid #ccc;width:100%;box-sizing:border-box;margin-bottom:25px;font-size:16px}.header-row{display:flex;justify-content:flex-start;align-items:center;margin-bottom:16px}.section-title{font-size:24px;font-weight:700}.view-all{color:#2563eb;cursor:pointer;font-size:14px;transition:transform .2s cubic-bezier(.6,-.28,.735,.045)}.view-all:hover{transform:scale(1.1)}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.class-card{width:100%;height:auto;padding:16px;background-color:#fff;border:2px solid transparent;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.class-card img{width:100%;height:auto;object-fit:cover;border-radius:10px;display:block;aspect-ratio:16 / 9}.class-card.active:hover{border-color:green}.class-card.inactive:hover{border-color:red}.class-card h3{font-size:16px;font-weight:600;margin-bottom:4px}.class-card p{font-size:14px;color:#666;margin:0}.status{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;background-color:green;width:20%;text-align:center}.status-container{display:flex;gap:8px;align-items:center;margin-top:8px}.status-button{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;background-color:#67469e;width:20%;border:none;cursor:pointer;transition:transform .2s ease}.status-button:hover{transform:scale(1.05)}.status-button-sub{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;background-color:#67469e;width:55%;border:none;cursor:pointer;transition:transform .2s ease}.status-button-sub:hover{transform:scale(1.05)}.status-button-pay{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;background-color:#ea390a;width:20%;border:none;cursor:pointer;transition:transform .2s ease}.status.inactive-status{background-color:red}.status-button-pay:hover{transform:scale(1.05)}.greeting-box{background-color:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.greeting-box h2{font-size:20px;font-weight:700;margin-bottom:4px}.greeting-box p{font-size:14px;color:#555;margin-bottom:16px}.greeting-box h3{font-size:16px;margin-bottom:8px;font-weight:600}.button-grade{background-color:#ede9fe;color:#6b21a8;padding:6px 12px;border-radius:9999px;font-size:12px;margin-bottom:12px;border:none;cursor:pointer}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.subject-tile{background-color:#e0f2fe;padding:10px;border-radius:12px;font-size:14px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.subject-tile img{width:60px;height:auto;margin-bottom:6px;object-fit:contain}.subtitle{font-size:11px;color:#555}.grade-dropdown{font-size:16px;margin-bottom:20px;border-radius:25px;padding:8px 12px 8px 5px;border:none;width:90%;max-width:300px;background-color:#e2d5ff}@media (max-width: 768px){.dashboard-container{flex-direction:column;align-items:center;padding-top:15px;text-align:center}.left-panel,.right-panel{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.right-panel{display:block;width:100%;padding-left:0;margin-top:30px;display:block!important}.search-input{font-size:12px;width:90%}.section-title{font-size:20px}.class-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.subject-grid{display:grid!important;visibility:visible!important;opacity:1!important}.status,.status-button,.status-button-pay{font-size:10px;width:auto;padding:4px 6px}}.paid-class-container{display:flex;min-height:100vh;font-family:sans-serif;background-color:#f9fafb;flex-direction:row}.right-section .warning{color:#e53935;font-weight:700}@media (max-width: 768px){.right-section{flex-direction:column;align-items:left}.right-section{width:100%;padding:20px;margin-top:20px;display:flex}.paid-class-container{flex-direction:column}.profile-image,.class-info{display:none}.zoom-button{justify-content:left}.recording-card{padding:12px;font-size:14px;width:100%}.recording-details{font-size:13px}.watch-button{font-size:14px;padding:8px}.recording-details{font-size:12px!important;line-height:1.4}.recordings-container{grid-template-columns:1fr!important;gap:16px}.left-section{padding:20px}.recordings-container{grid-template-columns:1fr;width:70%}.mobile-zoom{margin-top:20px;display:block;text-align:center}.mobile-zoom .zoom-button{width:100%}.mobile-zoom.warning{color:#e53935;font-weight:700;text-align:center;margin-top:20px}}.left-section{flex:3;padding:30px}.class-banner{border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.class-banner img{width:100%;height:auto}.class-title{padding:10px;font-weight:700}.recordings-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px}.recording-card{flex:1;border:1px solid #ddd;border-radius:10px;padding:15px;box-shadow:0 2px 8px #0000000d}.recording-details{font-size:14px;margin-top:5px;color:#555}.watch-button{margin-top:10px;width:100%;padding:10px;background-color:#795ba5;color:#fff;border:none;border-radius:20px;cursor:pointer}.right-section{flex:1;padding:30px;background-color:#fff;display:flex;flex-direction:column;align-items:center}.right-section h3{margin-bottom:0}.right-section p{margin-top:5px;color:#666}.profile-image{width:150px;height:150px;object-fit:cover;margin:20px 0 10px}.subject-text{font-size:18px;font-weight:500}.zoom-button{margin-top:15px;padding:10px 20px;background-color:#795ba5;color:#fff;border:none;border-radius:20px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.zoom-button:hover{background-color:#6b46c1}.payment-container{display:flex;padding:40px;gap:40px;background-color:#fafafa;font-family:Inter,sans-serif;height:150%;justify-content:center}.pleft-section{flex:2}.right-section{flex:1;background:#fff;padding:20px;border-radius:10px}.stepper{display:flex;align-items:center;margin-bottom:40px}.step{text-align:center}.step .circle{width:40px;height:40px;background:#795ba5;color:#fff;font-weight:700;line-height:40px;border-radius:50%;margin:0 auto}.step:not(.active) .circle{background:#eaeaea;color:#999}.step .label{margin-top:10px;font-size:14px}.line{height:2px;flex:1;background:#eaeaea;margin:0 10px}.form-title{font-size:18px;font-weight:600;margin-bottom:16px}.dropdown-row{display:flex;gap:20px;margin-bottom:30px}.dropdown{padding:10px 14px;font-size:16px;border:1px solid #ccc;border-radius:8px;background-color:#fff;width:100%}.button-wrapper{margin-top:20px}.button-wrapper{margin-top:20px;display:flex;justify-content:center}.continue-btn{background-color:#795ba5;color:#fff;padding:12px 40px;border:none;border-radius:24px;font-weight:700;cursor:pointer;max-width:200px;width:100%;transition:transform .2s ease}.continue-btn-sub:hover{transform:scale(1.05)}.class-title{font-size:20px;font-weight:700;margin-bottom:10px}.class-image{width:100%;border-radius:10px;margin-bottom:10px}.class-info{font-size:14px;color:#444}.class-name{font-weight:600;margin-bottom:6px}.class-desc{font-size:13px;color:#666}.price-row{display:flex;justify-content:space-between;font-size:16px;font-weight:600;margin-top:20px;gap:12px}.mode-selection{margin-top:20px;margin-bottom:10px;font-weight:500}.mode-selection input{margin-right:5px}.payment-success-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:99%;min-height:60vh;border-radius:12px;text-align:center}.success-heading{font-size:22px;color:#5a35a5;font-weight:700;margin-bottom:20px}.go-dashboard-btn{background-color:#795ba5;color:#fff;padding:12px 32px;font-size:15px;border:none;border-radius:30px;cursor:pointer;transition:transform .2s ease}.go-dashboard-btn:hover{transform:scale(1.05)}.dropzone{border:2px dashed #999;border-radius:8px;padding:20px;text-align:center;color:#555;cursor:pointer;margin-bottom:20px;transition:background-color .2s ease}.dropzone:hover{background-color:#f9f9f9}.upload-highlight{color:#4caf50;font-weight:600;text-decoration:underline;cursor:pointer}.preview-img{max-width:100%;max-height:150px;margin-top:10px;border-radius:8px}@media screen and (max-width: 1024px){.payment-container{flex-direction:column;padding:20px}.dropdown-row{flex-direction:column;gap:10px}.right-section{margin-top:30px}.continue-btn{width:100%}}.mobile-mode-price{display:none}@media screen and (max-width: 600px){.form-title,.class-title{font-size:16px}.dropdown{font-size:14px}.payment-container .right-section{display:none}.mobile-mode-price{display:block;margin-top:20px}.price-row{flex-direction:row;align-items:flex-start;font-size:14px;padding-bottom:5%}.stepper{flex-direction:row;align-items:flex-start;gap:1px}.step .circle{width:30px;height:30px;font-size:10px;line-height:30px}.step .label{font-size:12px}}@media (min-width: 769px){.mobile-zoom{display:none}}.teacher-page{display:flex;min-height:100vh;background-color:#fff;font-family:Segoe UI,sans-serif}.teacher-section{flex:3;padding:40px}.title{font-size:32px;font-weight:700;margin-bottom:5px}.subtitle{font-size:16px;color:#777;margin-bottom:20px}.illustration{width:300px;margin-bottom:30px;border-radius:12px}.teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.teacher-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000d;overflow:hidden;text-align:center;padding:0}.teacher-image-container{position:relative;height:240px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.teacher-img-rect{width:100%;height:240px;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px;background-color:#f2f2f2}.view-courses-btn{position:absolute;bottom:12px;right:12px;padding:8px 16px;background-color:#fff;border-radius:999px;border:none;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:background .2s ease}.view-courses-btn:hover{background-color:#f1f1f1}.teacher-name{font-size:18px;font-weight:600;margin:16px 0 6px}.teacher-subject{font-size:14px;color:#666;margin-bottom:20px;padding:0 16px;line-height:1.4}.teacher-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px}.teacher-name{font-size:16px;font-weight:600;margin:5px 0}.teacher-subject{font-size:14px;color:#666}.subject-section{flex:1;background-color:#f9f9f9;padding:40px 20px;border-left:1px solid #eee}.subject-title{font-size:22px;font-weight:700;margin-bottom:20px}.subject-buttons{display:flex;flex-wrap:wrap;gap:10px}.subject-btn{padding:10px 20px;border:1px solid #bbb;border-radius:999px;background-color:#fff;cursor:pointer;transition:.2s ease-in-out}.subject-btn:hover{background-color:#eaeaea}.subject-btn.active{background-color:#6d28d9;color:#fff;border-color:#6d28d9}@media (max-width: 768px){.teacher-page{flex-direction:column;padding:0;flex-direction:column-reverse}.teacher-section{padding:20px}.title{font-size:24px;text-align:center}.subtitle{font-size:14px;text-align:center;margin-bottom:16px}.teacher-grid{grid-template-columns:1fr;gap:16px}.teacher-card{border-radius:12px}.teacher-image-container{height:200px}.teacher-img-rect{height:200px;border-radius:12px 12px 0 0}.view-courses-btn{font-size:12px;padding:6px 12px}.teacher-name{font-size:14px;margin:10px 0 4px}.teacher-subject{font-size:12px;margin-bottom:16px}.subject-section{border-top:1px solid #eee;border-left:none;padding:20px;background-color:#f2f2f2}.subject-title{font-size:18px;text-align:center;margin-bottom:16px}.subject-buttons{justify-content:left;gap:8px}.subject-btn{font-size:13px;padding:8px 16px}}.video-player-container{padding:20px;font-family:sans-serif;background-color:#f8f9fa;min-height:100vh}.video-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.back-button{background-color:#6c63ff;color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer}.video-wrapper{position:relative;max-width:800px;margin:auto}.video-element{width:100%;border-radius:10px}.buffering-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#fff9}.loader{border:5px solid #f3f3f3;border-top:5px solid #6c63ff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.controls-bar{margin-top:20px;text-align:center}.speed-control{position:relative;display:inline-block}.speed-control button{padding:6px 12px;border:none;background:#6c63ff;color:#fff;border-radius:6px;cursor:pointer}.speed-options{position:absolute;top:110%;left:0;background:#fff;border:1px solid #ccc;width:100%;z-index:10;border-radius:6px}.speed-option{padding:8px 12px;cursor:pointer}.speed-option:hover,.speed-option.active{background-color:#eee}.video-name{margin-top:10px;text-align:start;font-weight:500;font-size:1.1rem;color:#333}.class-select-container{display:flex;min-height:100vh;font-family:Segoe UI,sans-serif}.selleft-panel{flex:3;padding:40px}.selleft-panel h2{font-size:24px;font-weight:700;margin-bottom:8px}.selleft-panel p{color:#666;margin-bottom:24px}.selteacher-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.selteacher-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;text-align:center;width:100%;height:350px;display:flex;flex-direction:column;justify-content:space-between}.selteacher-card img{width:100%;height:180px;object-fit:cover}.selteacher-info{padding:10px}.selteacher-name{font-weight:600}.selteacher-subject{font-size:12px;color:#777;margin-bottom:8px}.selview-button{background-color:#574b90;color:#fff;border:none;padding:6px 12px;font-size:12px;cursor:pointer;border-radius:20px}.selright-panel{flex:1;background-color:#fff;padding:40px 20px;text-align:center;border-left:1px solid #eee}.selright-panel h3{font-size:20px;font-weight:700}.selprofile-pic-wrapper{margin:20px auto;width:160px;height:160px;border-radius:50%;overflow:hidden}.selprofile-pic{width:100%;height:100%;object-fit:cover}.selsubject-title{color:#666;font-size:16px;margin-top:10px}.no-tute-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.no-tute-image{width:150px;max-width:100%;opacity:.7;margin-bottom:10px;display:flex;align-items:center}@media (max-width: 768px){.class-select-container{flex-direction:column;padding:20px}.selleft-panel{padding:20px}.selteacher-grid{grid-template-columns:1fr;gap:20px}.selteacher-card{height:auto}.selright-panel{order:-1;border-left:none;border-top:1px solid #eee;padding:20px}.selprofile-pic-wrapper{width:120px;height:120px}.selright-panel h3{font-size:18px}.selsubject-title{font-size:14px}.selview-button{font-size:14px;padding:8px 16px}}.grcontainer{display:flex;justify-content:center;height:100vh}.grtext h3{color:gray}.grconttent{display:flex;justify-content:center;align-items:center;margin-top:20px}.grimage{width:300px;max-width:100%;height:auto}.grcontainer{display:flex;justify-content:center;align-items:center;height:100vh}.grtext{text-align:center}.grimage{width:250px;margin:20px 0}.button-column{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.grbutton{padding:10px 20px;font-size:16px;background-color:#795ba5;color:#fff;border:none;border-radius:25px;cursor:pointer;min-width:150px;transition:background-color .3s ease;width:80%}.grbutton:hover{background-color:#434190}.signup-container{display:flex;justify-content:space-between;padding:10px;font-family:Arial,sans-serif}.form-section{flex:1;max-width:50%;display:flex;flex-direction:column;gap:8px}.input-row{display:flex;gap:10px}.signup-container .form-section input[type=text],.signup-container .form-section select{width:100%;padding:12px 16px;font-size:16px;border:1px solid #ccc;border-radius:12px;outline:none;background-color:#fdfdfd;transition:border-color .3s ease}.signup-container .form-section input[type=text]:focus,.signup-container .form-section select:focus{border-color:#07f;box-shadow:0 0 0 2px #07f3}.sign-in-btn{margin-top:20px;padding:12px;background-color:#7f57c6;color:#fff;border:none;border-radius:20px;font-size:16px;cursor:pointer}.illustration-section{flex:1;text-align:center}.illustration-section img{max-width:100%;height:80%}.ainput-field{height:44px;padding:0 15px;border:1px solid #ccc;border-radius:20px;font-size:14px;box-sizing:border-box;background-color:#fff;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.oinput-field{max-height:44px;padding:0 15px;border:1px solid #ccc;border-radius:20px;font-size:14px;box-sizing:border-box;background-color:#fff;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-alert{background-color:#ffe5e5;color:#c00;padding:12px 16px;margin-bottom:12px;border-radius:8px;border:1px solid #ffaaaa;font-size:14px;text-align:center;align-self:center}.resend-link{color:#007bff;text-decoration:underline}.sc{flex-direction:column}.resend-link:hover{text-decoration:none}.error-msg{color:#c00;margin-top:10px;text-align:center}.signup-container h3{display:none}@media (max-width: 768px){.signup-container{flex-direction:column;padding:20px;align-items:center}.signup-container h3{display:block}.illustration-section{display:none}.form-section{gap:12px}.sign-in-btn{width:100%}.input-row{flex-direction:column;gap:12px}.input-row>*{width:100%!important}.signup-container .form-section input[type=text],.signup-container .form-section select,.ainput-field,.oinput-field{width:100%!important;box-sizing:border-box;font-size:13px}}.profile-container{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;height:100%}.profile-left{width:600px;padding-right:10px;box-sizing:border-box;flex-shrink:0;width:70%;display:flex;flex-direction:column;margin-left:5%}.section-title{font-weight:700;font-size:1.5rem}.profile-card{border:1px solid #ddd;border-radius:15px;padding:1rem;display:flex;align-items:center;gap:1rem;margin-top:1rem}.profile-details{flex-grow:1;margin-left:10px}.camera-icon{margin-left:auto;cursor:pointer;display:flex;align-items:center}.profile-image{width:60px;height:60px;border-radius:50%}.input-group{margin-top:1.5rem;border:1px solid #ddd;border-radius:15px;padding:1rem}.input-row{display:flex;gap:1rem;margin-bottom:1rem}.input-box{padding:.5rem 1rem;border:1px solid #ccc;border-radius:25px;background-color:#f7f7f7;font-size:14px;flex:1}.full-width{width:100%;display:block;margin-bottom:1rem}.profile-right{flex:1;background-color:#f8f8f8;padding:2rem;border-left:1px solid #ddd;height:100vh}.greeting{font-weight:700;margin-bottom:.5rem}.welcome-text{color:#666;margin-bottom:2rem}.menu-list{list-style:none;padding:0;line-height:2.5rem}.menu-list li{cursor:pointer}.save-button{margin-top:1.5rem;padding:.6rem 2rem;background-color:#795ba5;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;align-self:flex-start;transition:background-color .3s ease}.save-button:hover{background-color:#5d4385}.nic-box{flex:1;max-width:45%}.address-box{flex:1;max-width:55%}.int{width:100%;display:flex;flex-direction:column}.int p{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:16px;border-bottom:1px solid #ddd;cursor:pointer;width:100%}.int p:hover{background-color:#f1f1f1}@media (max-width: 768px){.profile-container{flex-direction:column-reverse;padding:16px}.subject-grid,.profile-container .right-panel h3{display:none}.profile-left{width:90%;margin:0}.section-title{font-size:20px}.profile-card{flex-direction:column;text-align:center;gap:.5rem}.profile-details{font-size:10px;margin-left:0}.input-group{padding:.75rem;width:100%}.input-group .input-row{flex-direction:column;gap:.5rem;width:80%}.input-box{font-size:13px;padding:.4rem .75rem;width:60%;margin:0 auto}.save-button{width:90%;font-size:13px;padding:.5rem 1.5rem;margin:1rem auto 0;display:block}.int p{font-size:14px;padding:.6rem .75rem}.right-panel{display:none}}.delivery-container{padding:2rem;max-width:1000px;margin:auto}.delivery-heading{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.delivery-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.delivery-input{flex:1 1 48%;padding:.75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;box-sizing:border-box;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;justify-items:start}.delivery-card{background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 2px 10px #00000014;transition:transform .2s ease;max-width:400px}.delivery-card:hover{transform:translateY(-4px)}.delivery-image{width:100%;border-radius:8px}.delivery-image{width:100%;max-height:150px;object-fit:cover;border-radius:8px}.delivery-subject{margin-top:.8rem;font-weight:600}.delivery-details{font-size:.9rem;color:#555;margin-top:.5rem}.delivery-teacher{font-weight:600;font-size:.9rem;margin-top:.5rem}.delivery-status{font-size:.9rem;display:flex;align-items:center;gap:.3rem;margin-top:.3rem}.delivery-status{font-weight:600}.delivery-status.pending{color:red}.delivery-status.dispatched{color:green}@media screen and (max-width: 768px){.delivery-container{padding:1rem}.delivery-input{font-size:12px}.delivery-filters{flex-direction:column;gap:.75rem}.delivery-input{width:90%!important}.delivery-grid{grid-template-columns:1fr}}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.wave-emoji{display:inline-block;transform-origin:70% 70%;animation:wave 2s infinite}.loader,.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffd9;display:flex;justify-content:center;align-items:center;font-size:1.5rem;z-index:9999;color:#333}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}