@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap);#root,.app,.content,body,html{font-family:Source Sans Pro,sans-serif;height:100%;width:100%}.app{display:flex;position:relative}::-webkit-scrollbar-track{background:#e0e0e0}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.loginForm{background-color:#fff;border-radius:36px;box-shadow:0 8px 16px #0003;display:block;margin-left:130px;max-height:80vh;max-width:400px;padding-left:8%;position:-webkit-sticky;position:sticky;top:64px;width:100%;z-index:900}.boxLogin{display:flex;width:80%}.menuLogin{height:100%;text-align:left;width:100%}.greetLogin{color:#94a2b7;margin-bottom:10px}.titleLogin{color:#0a0909;font-size:38px;font-weight:600;margin-bottom:10%;margin-top:45px}.menuLogin label{border-radius:10px;color:#b79d94;display:flex;margin-bottom:6px;margin-top:6px}.menuLogin input{border:1px solid #d1d5db;border-radius:10px;display:block;font-size:120%;height:38px;margin-bottom:16px;padding-left:10px;transition:all .2s;width:97%}.menuLogin input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.btnLogin{height:36px;margin-top:40px;padding-bottom:1px;padding-top:6px}.btnLogin,.btnLogin button{align-items:center;display:flex}.btnLogin button{background:linear-gradient(135deg,#f97316,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:110%;height:50px;justify-content:center;transition:all .2s;width:100%}.btnLogin button:hover{background:linear-gradient(135deg,#ea580c,#b91c1c)}.btnSLogin button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:110%;height:50px;justify-content:center;margin-bottom:30px;padding:5px;transition:background-color .2s;width:100%}.btnSLogin button:hover{background-color:#f9fafb}.btnSLogin i{margin-right:5px;vertical-align:middle}.smLogin{align-items:center;justify-content:space-between}.loption{color:#6b7280;display:flex;font-size:14px;justify-content:center;margin:24px 0;position:relative;text-align:center}.loption:before{background:#d1d5db;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.loption span{background:#fff;padding:0 8px}.red-text{color:#00a6ff}.pwdLogin .label,.unameLogin .label{color:#374151}.loginError{color:red;margin-top:45px;text-align:center}.logoutMessage{color:green;margin-top:20px;text-align:center}.resetOverlay{align-items:center;animation:fadeIn .25s ease-out;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.resetCard{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 12px 32px #00000026;max-width:420px;padding:2rem;width:90%}.resetTitle{color:#111;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.resetDesc{color:#555;font-size:.95rem;line-height:1.4;margin-bottom:1.5rem}.resetForm{display:flex;flex-direction:column;gap:1rem}.resetInput{border:1px solid #d1d5db;border-radius:10px;font-size:1rem;height:46px;padding:0 1rem;transition:border .2s,box-shadow .2s}.resetInput:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.resetBtnGroup{display:flex;gap:.75rem;margin-top:.5rem}.resetBtn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;height:46px}.resetBtn.primary{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff}.resetBtn.primary:hover{background:linear-gradient(135deg,#ea580c,#b91c1c)}.resetBtn.secondary{background:#f3f4f6;color:#374151}.resetBtn.secondary:hover{background:#e5e7eb}.resetSuccess{color:#16a34a}.resetError,.resetSuccess{font-weight:500;margin-top:1rem;text-align:center}.resetError{color:#dc2626}.password-input-container{align-items:center;display:flex;position:relative}.toggle-pwd{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.9rem;padding:0 4px;position:absolute;right:10px}.forgot-row{display:flex;justify-content:flex-end;margin-bottom:1rem;margin-top:.75rem}.forgot-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline;transition:color .2s ease}.forgot-link:hover{color:#1d4ed8;text-decoration:none}.forgot-link:after{background:#2563eb;content:"";display:block;height:1px;margin-top:2px;transition:width .25s ease;width:0}.forgot-link:hover:after{width:100%}.landing-page{background-color:#f9fafb;min-height:100vh;overflow:scroll}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{background-color:#fff;box-shadow:0 1px 3px 0 #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{height:64px;justify-content:space-between}.header-content,.logo,.logo-icon{align-items:center;display:flex}.logo-icon{border-radius:50%;height:40px;justify-content:center;width:40px}.logo-icon span{color:#fff;font-size:18px;font-weight:700}.nav{display:flex;gap:32px}.nav-link{color:#6b7280;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#111827}.auth-buttons{display:flex;gap:12px}.login-btn{background:#0000;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.login-btn:hover{background-color:#eff6ff}.trial-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.trial-btn:hover{background-color:#1d4ed8}.hero{background:linear-gradient(135deg,#f9fafb,#eff6ff);padding:80px 0}.hero-content{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.hero-text{max-width:600px}.hero-title{color:#111827;font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:24px}.text-blue{color:#2563eb}.hero-description{color:#6b7280;font-size:1.25rem;line-height:1.6;margin-bottom:32px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-left:110px}.btn-primary{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{align-items:center;background:#0000;border:1px solid #2563eb;border-radius:8px;color:#2563eb;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 32px;transition:all .2s}.btn-secondary:hover{background-color:#eff6ff}.login-form-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;margin:0 auto;max-width:400px;padding:32px;width:100%}.form-header{margin-bottom:32px;text-align:center}.form-header h3{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:8px}.form-content{gap:24px}.form-group label{color:#374151;font-size:14px}.form-input{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;transition:all .2s}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.login-submit-btn{background:linear-gradient(135deg,#f97316,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:all .2s;width:100%}.login-submit-btn:hover{background:linear-gradient(135deg,#ea580c,#b91c1c)}.divider-section{margin-top:24px}.divider{margin:24px 0;position:relative}.divider:before{background:#d1d5db;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#6b7280;display:block;font-size:14px;padding:0 8px;position:relative;text-align:center}.google-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:12px;transition:background-color .2s;width:100%}.google-btn:hover{background-color:#f9fafb}.why-choose{background:#fff;padding:64px 0}.sectionln-header{margin:0 auto;max-width:800px;text-align:center}.section-subtitle{color:#2563eb;font-size:16px;font-weight:600;margin-bottom:16px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:16px}.section-description{color:#6b7280;font-size:1.25rem;margin:0 auto;max-width:600px}.features{background:#f9fafb;padding:64px 0}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:32px;text-align:center;transition:all .2s}.feature-card:hover{box-shadow:0 10px 25px -3px #0000001a}.feature-icon{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.feature-card h4{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:16px}.feature-card p{color:#6b7280;line-height:1.6}.cta{background:linear-gradient(135deg,#2563eb,#1e40af);padding:80px 0}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:24px}.cta p{color:#bfdbfe;font-size:1.25rem;margin-bottom:32px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-btn-primary{background:#fff;border:none;border-radius:8px;color:#2563eb;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:background-color .2s}.cta-btn-primary:hover{background-color:#f3f4f6}.cta-btn-secondary{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:all .2s}.cta-btn-secondary:hover{background:#fff;color:#2563eb}.footer{align-items:flex-start;background:#1a252f;color:#fff;padding:40px 0}.footer-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-column h4{font-size:1rem;font-weight:700;margin-bottom:16px;padding-left:38px;text-align:left;text-transform:uppercase}.footer-column ul{list-style:none;text-align:left}.footer-column li{margin-bottom:8px}.footer-column a{color:#a0aec0;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{margin-top:32px;text-align:left}.footer-bottom p{color:#a0aec0;font-size:.9rem;text-align:center}@media (max-width:768px){.footer-content{gap:32px;grid-template-columns:1fr}.footer-bottom{text-align:center}}@media (max-width:480px){.footer{padding:32px 0}}@media (max-width:768px){.nav{display:none}.hero-content{gap:32px;grid-template-columns:1fr}.cta h2,.hero-title,.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.cta-buttons,.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary,.cta-btn-primary,.cta-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.container{padding:0 16px}.login-form-container{padding:24px}.cta,.features,.hero,.why-choose{padding:40px 0}}#custommTabss .MuiTabs-indicator{background-color:hsla(0,0%,50%,.049);color:#f0f8ff;height:2px;margin-top:5px}#custommTabss .MuiTab-textColorInherit.Mui-selected{color:#000;text-decoration:underline}#custommTabss .MuiTab-textColorInherit:hover{text-decoration:underline}.MuiTabs-fixed{min-height:0}.features-text{color:#377dff;font-family:Arial,Helvetica,sans-serif;font-size:38px;font-weight:900;margin-bottom:1px;margin-top:200px;overflow:scroll}.features-description111{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:500;margin:.004px;text-align:middle}.features-content-container{background-repeat:no-repeat;background-size:cover;height:-webkit-max-content;height:max-content;margin:0 auto;padding:0;width:-webkit-max-content;width:max-content}.centered-text{align-items:center;display:flex;flex-direction:column;text-align:center}.features-description{font-size:22px}.features-description1{color:#000;font-size:25px;padding:20px}.features-list{display:flex;flex-direction:column;justify-content:space-between;margin:auto;width:80%}.text{font-size:17px;margin:10px 0;text-align:left;width:100%}.features-additional-text-highlight,.text{font-family:Verdana,Geneva,Tahoma,sans-serif}.features-additional-text-highlight{color:#000;font-size:25px;font-weight:lighter}.features-additional-text{background-color:#f5f5f5;padding:40px 220px;text-align:center}.features-heading{background-position:50%;background-size:cover;color:#fff;font-size:40px;font-weight:700;padding:90px 10px;width:100%}.textt{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:18px;margin:10px 0 50px;text-align:center;width:fixed 100%}.card-container{display:flex;flex-wrap:wrap;justify-content:center}.card{background-color:#fff;border:1px solid #ddd;border-radius:2px;box-sizing:border-box;flex-basis:25%;height:350px;margin:10px;text-align:left}.card h3{color:#000;font-size:22px;margin-top:-10px;text-align:center}.card p{margin:.004px;text-align:start}.card p,.card p1{color:#161515;font-size:20px;font-weight:lighter}.wrapOnboard{align-items:center;background-image:url(../../static/media/backOnboard.455ed46b5ef2df7de584.png);background-repeat:no-repeat;background-size:100%;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.onboardForm{background-color:#fff;border:solid #fff;border-radius:10px;margin-left:500px;overflow:hidden;padding:30px 20px;position:relative}.title-onboard{font-size:20px;font-weight:600;margin-bottom:40px}.itemFormOB{display:flex;flex-direction:column;margin:10px}.itemFormOB label{padding:5px;text-align:left}.itemFormOB input{border:none;border-bottom:1px solid;font-size:16px;padding:5px 10px;width:350px;z-index:10}input:focus{outline:none}.btnOBsumit{background-color:#549ec8;border:none;border-radius:5px;color:#fff;font-size:14px;margin-top:30px;padding:10px 15px}.btnOBsumit:hover{cursor:pointer}.tndc{align-items:left;display:flex;gap:8px;margin-top:30px;padding:5px}.tndc input{z-index:10}.alertTnC{color:red;padding:5px}.circleA{margin-left:-50px;margin-top:-100px}.circleA,.circleB{background-color:#bb27b525;border-radius:50%;height:150px;position:absolute;width:150px;z-index:1}.circleB{margin-left:20px;margin-top:-200px}.onboardBox{background-color:#fff;border-radius:10px;height:600px;margin-left:500px;padding:10px;width:-webkit-fit-content;width:fit-content}.onboardSuccess{margin-top:-200px}.onboardSuccess span{font-size:18px}.onboardSuccess button{background-color:#02e60b;border:none;border-radius:8px;font-size:18px;margin-top:30px;padding:10px 20px}.onboardSuccess button:hover{cursor:pointer}.onboardFail{margin-top:-250px}.onboardFail span{font-size:18px}.onboardFail button{background-color:#ea0b18;border:none;border-radius:8px;color:#fff;font-size:18px;margin-top:30px;padding:10px 20px}.onboardFail button:hover{cursor:pointer}.sideNav{background:#014486;border-right:1px solid #013366;bottom:0;color:#fff;display:flex;flex-direction:column;left:0;top:0;transition:width .3s ease;z-index:100}.sideNav.dark{background:#070707;border-color:#2d2d40;color:#f5f5f5}.sideNav.collapsed{width:72px}.wrapSideLogo{align-items:center;display:flex;justify-content:space-between;padding:12px}.logoImg{height:100px;margin-bottom:20px;transition:height .3s ease}.sideNav.collapsed .logoImg{height:40px;margin-bottom:10px}.logoText{color:inherit;font-size:16px;font-weight:700;margin-left:8px}.collapseBtn{align-items:center;background:#0000;border:none;color:#707070;cursor:pointer;display:flex;font-size:20px}.sideNav.dark .userRole{color:#aaa}.sideNav.dark .userCard{background:#2a2a2a}.navMenu{display:flex;flex:1 1;flex-direction:column;margin-top:8px}.sectionTitle{font-size:14px;font-weight:600;margin:12px 16px;opacity:.6;text-transform:uppercase}.sideNavItem{align-items:center;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:10px 16px;position:relative;text-decoration:none;transition:background .2s ease,color .2s ease}.sideNavItem:hover{background:#ffffff1a;color:#fff}.sideNav.dark .sideNavItem:hover{background:#2a2a40;color:#60a5fa}.sideNavItem.active{background:#fff3;color:#fff}.sideNav.dark .sideNavItem.active{background:#1565c0;color:#fff}.tooltip{background:#014486;border-radius:6px;color:#fff;font-size:12px;left:calc(100% + 8px);opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.sideNav.dark .tooltip{background:#2a2a40}.sideNav.dark .tooltip:before{border-right-color:#555}.sideNav.collapsed .sideNavItem:hover .tooltip{opacity:1;visibility:visible}.sideNav:not(.collapsed) .tooltip{display:none}.menuParent{overflow:visible;position:relative}.menuTrigger{align-items:center;display:flex;gap:10px;width:100%}.menuArrow{font-size:16px!important;margin-left:auto;transition:transform .3s ease}.sideSubmenu{background:#014486;border:1px solid #014486;border-radius:8px;box-shadow:0 4px 12px #00000026;left:100%;max-width:200px;min-width:180px;opacity:0;padding:6px 0;position:absolute;top:0;transform:translateX(0);visibility:hidden;z-index:999}.sideSubmenu,.sideSubmenu:before{transition:opacity .25s ease,transform .25s ease,visibility 0s linear .3s}.sideSubmenu:before{border-bottom:1px solid #e02727;color:#7a6605;display:block;font-size:14px;font-weight:600;margin-bottom:4px;margin-right:20px;order:-1;padding:8px 14px 4px}.sideNav.dark .sideSubmenu{background:#2a2a2a;border-color:#444;box-shadow:0 4px 12px #0006}.sideNav.dark .sideSubmenu:before{border-bottom-color:#444;color:#ccc}.menuParent:hover .sideSubmenu{opacity:1;transform:translateX(0);visibility:visible}.menuParent:hover .menuArrow{transform:rotate(90deg)}.sideSubmenu .sideNavItem{border-radius:4px;color:#fff;font-size:13px;gap:6px;margin:2px 6px;padding:8px 14px}.sideSubmenu .sideNavItem:hover{background:#ffffff1a;color:#fff;font-weight:600;transition:opacity .75s ease,transform .25s ease,visibility 100s linear .3s}.sideNav.dark .sideSubmenu .sideNavItem{color:#fff}.sideNav.dark .sideSubmenu .sideNavItem:hover{background:#3a3a50;color:#fff}.sideNav.collapsed .logoText,.sideNav.collapsed .sectionTitle,.sideNav.collapsed .sideNavItem span,.sideNav.collapsed .userName,.sideNav.collapsed .userRole{display:none}.sideNav.collapsed .sideSubmenu .sideNavItem span{display:inline-block}.sideNav.collapsed .menuParent:hover .sideSubmenu{left:calc(100% + 8px);top:0;transform:translateX(0)}.sideNav.collapsed.dark .sideSubmenu:after{border-right-color:#2a2a2a}.sideNav.collapsed .menuArrow,.sideNav.collapsed .menuParent:hover .tooltip{display:none}.sideNav.collapsed .themeToggle{flex-direction:column;gap:8px;padding:16px 8px}.sideNav.collapsed .themeToggle span{font-size:16px}.themeToggle{align-items:center;display:flex;gap:6px;justify-content:center;padding:12px}.switch{width:38px}.slider{inset:0;transition:.3s}.slider:before{bottom:3px;height:14px;left:3px;transition:.3s;width:14px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(18px)}.dashboard-container{background-color:#f8fafc;overflow:auto;padding:24px}.admin-info-section{flex:2 1;min-width:300px}.admin-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px}.admin-card,.admin-profile{align-items:center;display:flex}.admin-avatar{border:3px solid #e5e7eb;border-radius:50%;height:80px;object-fit:cover;width:80px}.admin-details{display:flex;flex-direction:column;gap:4px}.admin-header{align-items:center;display:flex;gap:12px;margin-bottom:4px}.admin-name{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.admin-badge{background:#3b82f6;border-radius:16px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 12px}.admin-id{color:#6b7280}.admin-id,.admin-meta{font-size:.875rem;margin:0}.admin-meta{color:#9ca3af}.admin-contact{display:flex;flex-direction:column;gap:8px}.admin-email,.admin-phone{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:8px;margin:0}@media (max-width:768px){.admin-card{align-items:flex-start;flex-direction:column}.admin-contact,.admin-profile{width:100%}}.stats-grid{align-items:stretch;display:flex;flex-wrap:nowrap;gap:24px;margin-bottom:24px}.stat-card{box-shadow:0 4px 6px -1px #0000001a;color:#fff;flex:1 1;overflow:hidden;padding:24px;position:relative;transition:transform .2s ease-in-out}.stat-card:hover{transform:translateY(-2px)}.stat-card.students{background-color:#1877f2}.stat-card.teachers{background-color:#fe643b}.stat-card.staffs{background-color:#1d9bf0}.stat-card.courses{background-color:#0a66c2}.stat-card-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.stat-card-text h3{font-size:2rem;font-weight:700;line-height:1;margin:0}.stat-card-text p{font-size:.875rem;margin:0 0 4px;opacity:.9}.stat-card-icon{opacity:.6}.stat-card-menu{cursor:pointer;opacity:.6;position:absolute;right:16px;top:16px}.main-content-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.main-content-grid>div:first-child{display:flex;flex-direction:column;gap:24px}.main-content-grid>div:first-child .dashboard-card:first-child{flex:1 1;min-height:400px}.main-content-grid>div:first-child .dashboard-card:last-child{min-height:354px}.main-content-grid>div:nth-child(2){display:flex;flex-direction:column;gap:24px}.main-content-grid>div:nth-child(2) .dashboard-card:first-child{min-height:400px}.main-content-grid>div:nth-child(2) .dashboard-card:last-child{flex:1 1;min-height:354px}.main-content-grid>div:last-child .dashboard-card{min-height:704px}@media (max-width:1200px){.main-content-grid{grid-template-columns:1fr 1fr}.main-content-grid>div:first-child .dashboard-card:first-child,.main-content-grid>div:nth-child(2) .dashboard-card:first-child{min-height:350px}.main-content-grid>div:last-child .dashboard-card{min-height:auto}}@media (max-width:768px){.main-content-grid{grid-template-columns:1fr}.main-content-grid>div:first-child .dashboard-card:first-child,.main-content-grid>div:first-child .dashboard-card:last-child,.main-content-grid>div:last-child .dashboard-card,.main-content-grid>div:nth-child(2) .dashboard-card:first-child,.main-content-grid>div:nth-child(2) .dashboard-card:last-child{min-height:auto}}.dashboard-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;padding:24px}.card-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.card-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.card-subtitle{color:#6b7280;font-size:.875rem}.class-chart-controls{display:flex;flex-wrap:wrap;gap:8px}.class-chart-controls select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:4px 8px}.class-chart-controls select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.chart-container{align-items:center;display:flex;flex:1 1;justify-content:center}.fee-summary-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fee-summary-item:last-child{margin-bottom:0}.fee-label{color:#6b7280;font-size:.875rem}.fee-amount{font-size:.875rem;font-weight:600}.fee-amount.collected{color:#059669}.fee-amount.pending{color:#dc2626}.fee-amount.rate{color:#3b82f6}.fee-view-details{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:auto;padding:8px 16px;transition:background-color .2s;width:100%}.fee-view-details:hover{background:#2563eb}.attendance-header-controls{align-items:center;display:flex;gap:8px}.attendance-header-controls select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:4px 8px}.attendance-chart-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin:16px 0;position:relative}.attendance-center-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.attendance-center-number{color:#3b82f6;font-size:1.5rem;font-weight:700}.attendance-center-label{color:#6b7280;font-size:.75rem}.attendance-stats-grid{grid-gap:16px;display:grid;flex-shrink:0;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:16px;text-align:center}.attendance-stat h4{font-size:1.25rem;font-weight:700;margin:0}.attendance-stat p{color:#6b7280;font-size:.75rem;margin:0}.view-all-link{color:#3b82f6;display:block;flex-shrink:0;font-size:.875rem;margin-top:16px;text-align:center;text-decoration:none}.view-all-link:hover{text-decoration:underline}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.message-item{align-items:flex-start;display:flex;gap:12px}.message-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.message-avatar.purple{background:#8b5cf6}.message-avatar.green{background:#10b981}.message-avatar.blue{background:#3b82f6}.message-avatar.orange{background:#f97316}.message-content{flex:1 1}.message-name{color:#1f2937;font-weight:600}.message-name,.message-text{font-size:.875rem;margin:0 0 2px}.message-text{color:#6b7280}.message-time{color:#9ca3af;font-size:.75rem}.events-list{flex-shrink:0;margin-top:auto;max-height:330px;overflow:auto}.event-item{border-radius:8px;color:#fff;margin-bottom:12px;padding:12px}.event-item:last-child{margin-bottom:0}.event-item.purple{background:#8b5cf6}.event-item.green{background:#10b981}.event-content{align-items:flex-start;display:flex;justify-content:space-between}.event-title{font-size:.875rem;font-weight:600;margin:0 0 2px}.event-date{font-size:.75rem;margin:0;opacity:.9}.event-details-btn{font-size:.75rem;opacity:.9;text-decoration:none;transition:opacity .2s}.event-details-btn:hover{opacity:1;text-decoration:underline}.notice-board{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-top:24px;padding:24px}.notice-list{display:flex;flex-direction:column;gap:0}.notice-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.notice-item:last-child{border-bottom:none}.notice-content{align-items:center;display:flex;gap:12px}.notice-icon{font-size:1.125rem}.notice-text h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 2px}.notice-text p{color:#6b7280;font-size:.75rem;margin:0}.notice-days{color:#3b82f6;font-size:.875rem;font-weight:600}@media (max-width:1024px){.main-content-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.dashboard-container{padding:16px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.main-content-grid{grid-template-columns:1fr}.dashboard-card,.stat-card{padding:16px}.class-chart-controls{flex-direction:column}.calendar-tabs{justify-content:center}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:8px}.class-chart-controls{width:100%}.class-chart-controls select{flex:1 1;min-width:0}}.chart-container{height:300px;width:100%}.chart-container.small{height:200px}.dashboard-container::-webkit-scrollbar{width:6px}.dashboard-container::-webkit-scrollbar-track{background:#f1f1f1}.dashboard-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dashboard-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.stat-card.clickable{cursor:pointer;overflow:hidden;position:relative;transition:all .23s ease}.stat-card.clickable:hover{box-shadow:0 12px 25px #0000001f;transform:translateY(-6px)}.stat-card.clickable:before{background:linear-gradient(135deg,#ffffff26,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .23s}.stat-card.clickable:hover:before{opacity:1}.user-list-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:scroll;padding:20px}.user-list-container h2{color:#333;margin-bottom:20px;margin-top:0}.filter-controls{align-items:center;display:flex;margin-bottom:20px}.filter-controls label{font-weight:500;margin-right:10px}.user-type-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.user-type-select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.error-message{border-left:4px solid #d32f2f;margin-bottom:20px;padding:12px}.table-scroll-container{flex:1 1;overflow-y:auto}.action-buttons{gap:8px;justify-content:center}.view-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.view-btn:hover{background-color:#3a7bc8}@media (max-width:768px){.user-list-container{padding:10px}.filter-controls{align-items:flex-start;flex-direction:column}.filter-controls label{margin-bottom:5px}}.class-details-container{font-family:Inter,sans-serif;max-width:1600px;overflow-x:auto;overflow-y:visible;padding:20px}.class-details-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:30px;padding:20px}.class-title{margin-left:20px}.class-title h2{color:#333;font-size:24px;font-weight:600;margin:0}.class-details-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tab-navigation{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex}.tab-button{align-items:center;background:#0000;border-bottom:3px solid #0000;color:#6c757d;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 24px;transition:all .2s}.tab-button:hover{background:#e9ecef;color:#495057}.tab-button:focus{outline:2px solid #007bff;outline-offset:-2px}.tab-button.active{background:#fff;border-bottom-color:#007bff;color:#007bff}.tab-content-wrapper{padding:30px}.tab-content{max-width:none;width:100%}.detail-section{margin-bottom:40px}.detail-section h3{font-size:18px;font-weight:600;margin:0 0 20px}.faculty-assignment{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;margin-top:12px;padding:12px}.faculty-info{align-items:center;gap:8px}.faculty-icon{color:#6c757d;font-size:18px}.faculty-label{color:#6c757d;font-size:14px;font-weight:500}.assigned-faculty-name{color:#333;font-size:14px;font-weight:500}.assigned-faculty-name.no-id{color:#ff4d4f;font-style:italic}.loading-faculty{color:#888;font-size:14px;font-style:italic}.assign-faculty-btn{align-items:center;background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.assign-faculty-btn:hover{background:#138496}.assign-faculty-btn:disabled{background:#6c757d;cursor:not-allowed}.faculty-search-input{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.faculty-search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.faculty-list{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-top:10px;max-height:300px;overflow-y:auto;padding:10px}.faculty-radio{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;gap:10px;padding:10px}.faculty-radio:last-child{border-bottom:none}.faculty-radio input[type=radio]{accent-color:#007bff;height:16px;width:16px}.faculty-radio label{color:#333;cursor:pointer;flex:1 1;font-size:14px}.faculty-info{display:flex;flex-direction:column}.faculty-name{color:#333;font-weight:500}.faculty-designation,.faculty-email{color:#6c757d;font-size:12px}.faculty-designation{font-style:italic}.selected-course-info{color:#333;font-size:14px;margin-bottom:10px}.detail-grid{grid-gap:20px;gap:20px}.detail-item label{color:#6c757d;font-size:14px;font-weight:500}.detail-item span{font-size:16px}.stats-section{margin-bottom:40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.class-stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px 20px;text-align:center}.class-stat-card:first-child{border-left:4px solid #007bff}.class-stat-card:nth-child(2){border-left:4px solid #28a745}.class-stat-card:nth-child(3){border-left:4px solid #ffc107}.class-stat-card:nth-child(4){border-left:4px solid #dc3545}.stat-number{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#6c757d;font-size:14px;font-weight:500}.cls-section-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px}.assign-courses-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s}.assign-courses-btn:hover{background:#218838}.edit-class-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:8px 16px;transition:background-color .3s ease}.edit-class-btn:hover{background-color:#0056b3}.course-search-input{border:1px solid #ced4da;border-radius:6px;padding:12px;transition:border-color .2s}.course-search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.course-checkbox{border-bottom:1px solid #f1f3f4;padding:10px 0}.course-checkbox:last-child{border-bottom:none}.course-checkbox input[type=checkbox]{accent-color:#007bff}.course-checkbox label{font-size:14px}.modal-content{box-shadow:0 10px 30px #0003;overflow:hidden}.modal-header{padding:20px 24px}.modal-close-btn{color:#6c757d;font-size:20px;transition:background-color .2s}.modal-close-btn:hover{background:#f8f9fa}.modal-body{max-height:400px;overflow-y:auto;padding:24px}.modal-footer{padding:20px 24px}.cancel-btn,.save-btn{padding:10px 20px;transition:background-color .2s}.progress-placeholder,.timetable-placeholder{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:60px 20px;text-align:center}.progress-placeholder h3,.timetable-placeholder h3{color:#333;font-size:20px;margin:0 0 15px}.progress-placeholder p,.timetable-placeholder p{color:#6c757d;font-size:16px;margin:0}.documents-list{margin:20px 0 0}.document-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px;transition:all .2s ease}.document-item:hover{border-color:#d1d9e6;box-shadow:0 4px 12px #0000001a}.document-item-content{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.document-link{align-items:center;border-radius:4px;color:#007bff;display:flex;flex:1 1;font-size:15px;font-weight:500;padding:8px;text-decoration:none;transition:background-color .2s}.document-link:hover{background:#f1f3f4;text-decoration:none}.document-link svg{color:#007bff;font-size:20px;margin-right:10px}.download-button{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.download-button:hover{background:#0056b3}.download-button svg{font-size:16px}.courses-progress-list{display:flex;flex-direction:column;gap:20px}.course-progress-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:24px;transition:box-shadow .2s}.course-progress-item:hover{box-shadow:0 4px 8px #0000001a}.course-info{margin-bottom:20px}.course-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.course-name{color:#333;font-size:18px;font-weight:600;margin:0}.course-status{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.course-details{display:flex;gap:15px;margin-bottom:8px}.course-code{font-weight:500}.course-code,.course-grade{color:#6c757d;font-size:14px}.course-detail-info{color:#6c757d;font-size:13px}.topics-list{grid-gap:12px 16px;background:#fafafa;border:1px solid #eee;border-radius:5px;display:grid;gap:12px 16px;grid-template-columns:repeat(4,1fr);list-style:none;margin:8px 0 0;max-height:none;overflow:visible;padding:12px 16px}.topics-list li{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#222;font-size:.95rem;padding:8px 12px;text-align:center;-webkit-user-select:none;user-select:none}.progress-section{background:#f8f9fa;border-radius:6px;padding:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-text{color:#6c757d;font-size:14px}.progress-percentage{color:#333;font-size:16px;font-weight:600}.progress-bar{background:#e9ecef;height:8px}.progress-bar,.progress-fill{border-radius:4px}.no-courses{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;padding:60px 20px;text-align:center}.no-courses p{font-size:16px;margin:0}@media (max-width:768px){.class-details-container{padding:15px}.class-details-header{align-items:flex-start;flex-direction:column;gap:15px;padding:15px}.class-title{margin-left:0}.tab-navigation{flex-wrap:wrap}.tab-content-wrapper{padding:16px}.document-item-content{align-items:flex-start;flex-direction:column}.document-link{padding:10px 0;width:100%}.download-button{justify-content:center;padding:10px;width:100%}.faculty-assignment{align-items:flex-start;flex-direction:column;gap:10px}.assign-faculty-btn{justify-content:center;width:100%}.faculty-list{max-height:200px}.topics-list{grid-template-columns:repeat(2,1fr)}}.calendar-week-view,.week-days{display:flex}.week-days{flex:1 1;margin-bottom:200px}.calendar-week-day{border-left:1px solid #ccc;flex:1 1;margin-top:20px}.day-schedule-container{display:flex;flex-direction:column}.hour-row{border-bottom:1px solid #ccc;display:flex;height:40px;margin-top:40px}.time-column.MuiBox-root.css-0{margin-top:52px}.hour-label{align-items:center;display:flex;padding-right:8px;width:60px}.schedule-items{flex:1 1;padding-left:8px}.schedule-item{background:#e9efff;border-left:5px solid #dd833e;border-radius:6px;margin-bottom:45px;padding:5px}.schedule-item:hover{background-color:#dce6ffcc;cursor:pointer}.hour-row:hover{background-color:#dce6ff1a}.calendar-wrapper{display:flex;width:100%}.calendar-container{padding:16px;width:70%}.schedule-details{background:#fafafa;border:1px solid #ddd;border-radius:5px;height:-webkit-fit-content;height:fit-content;margin-left:20px;margin-top:100px;padding:15px;width:25%}.cl-modal-overlay{align-items:center;animation:cl-fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cl-enhanced-modal{animation:cl-slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:95vh;max-width:1000px;overflow:hidden;width:90%}.cl-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e8ed;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.cl-modal-header h2{font-size:24px;font-weight:600;margin:0}.cl-close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s ease}.cl-close-btn:hover{background:#fff3;transform:scale(1.1)}.cl-modal-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;max-height:60vh;overflow-y:auto;padding:32px}.cl-form-section{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:12px;padding:24px}.cl-form-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.cl-form-group-row{display:flex;flex-direction:column;margin-bottom:16px}.cl-form-label{color:#34495e;font-size:14px;font-weight:600;margin-bottom:8px}.cl-required{color:#e74c3c;margin-left:4px}.cl-form-input,.cl-form-select{border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.cl-form-input:focus,.cl-form-select:focus{border-color:#5272e9;box-shadow:0 0 0 3px #5272e91a;outline:none}.cl-form-select .MuiFormControl-root{width:100%}.cl-form-select .MuiInputLabel-root{color:#34495e;font-size:14px;font-weight:600;margin-bottom:8px;position:static;transform:none}.cl-form-select .MuiInputLabel-shrink{transform:none}.cl-form-select .MuiSelect-select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.cl-form-select .MuiSelect-select:focus{background:#fff;border-color:#5272e9;box-shadow:0 0 0 3px #5272e91a}.cl-form-select .MuiInputBase-root{background:#fff}.cl-form-select .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#5272e9}.cl-form-select .Mui-focused .MuiOutlinedInput-notchedOutline,.cl-form-select .MuiOutlinedInput-notchedOutline{border:none}.cl-form-select .cl-required{font-size:14px;position:relative;top:-2px}.cl-form-actions{display:flex;gap:12px;margin-top:20px}.cl-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.cl-add-btn{background:linear-gradient(45deg,#27ae60,#2ecc71);color:#fff}.cl-add-btn:hover{background:linear-gradient(45deg,#219a52,#27ae60);box-shadow:0 4px 12px #2ecc714d;transform:translateY(-2px)}.cl-update-btn{background:linear-gradient(45deg,#f39c12,#e67e22);color:#fff}.cl-update-btn:hover{background:linear-gradient(45deg,#e67e22,#d35400);box-shadow:0 4px 12px #e67e224d;transform:translateY(-2px)}.cl-cancel-edit-btn{background:#95a5a6;color:#fff}.cl-cancel-edit-btn:hover{background:#7f8c8d;transform:translateY(-2px)}.cl-schedule-preview h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.cl-no-schedule{background:#f8f9fa;border:2px dashed #e1e8ed;border-radius:8px;color:#7f8c8d;font-style:italic;padding:40px;text-align:center}.cl-schedule-grid{display:flex;flex-direction:column;gap:20px}.cl-day-schedule{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:16px}.cl-day-header{border-bottom:2px solid #e1e8ed;color:#5272e9;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.cl-schedule-items{display:flex;flex-direction:column;gap:12px}.cl-schedule-item-preview{align-items:center;background:#fff;border-left:4px solid #5272e9;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.cl-schedule-item-preview:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.cl-schedule-item-info{flex:1 1}.cl-course-name{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:8px}.cl-schedule-details{display:flex;gap:16px;margin-bottom:4px}.cl-time{background:#5272e9}.cl-duration,.cl-time{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.cl-duration{background:#27ae60}.cl-location{background:#e67e22;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.cl-faculty{color:#7f8c8d;font-size:12px;margin-top:4px}.cl-schedule-item-actions{display:flex;gap:8px}.cl-delete-schedule-btn,.cl-edit-schedule-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:8px;transition:all .2s ease}.cl-edit-schedule-btn:hover{background:#3498db1a;transform:scale(1.1)}.cl-delete-schedule-btn:hover{background:#e74c3c1a;transform:scale(1.1)}.cl-modal-actions{background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.cl-cancel-btn{background:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cl-cancel-btn:hover{background:#7f8c8d;transform:translateY(-2px)}.cl-save-btn{background:linear-gradient(45deg,#5272e9,#7b68ee);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cl-save-btn:hover{background:linear-gradient(45deg,#4a63d2,#6c5ce7);box-shadow:0 4px 16px #5272e94d;transform:translateY(-2px)}.cl-selected-days{background-color:#e7f3ff;border:1px solid #007bff;border-radius:4px;color:#0056b3;font-size:13px;font-weight:500;padding:8px 12px}.cl-modal-content::-webkit-scrollbar,.cl-schedule-preview::-webkit-scrollbar{width:8px}.cl-modal-content::-webkit-scrollbar-track,.cl-schedule-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.cl-modal-content::-webkit-scrollbar-thumb,.cl-schedule-preview::-webkit-scrollbar-thumb{background:#5272e9;border-radius:4px}.cl-modal-content::-webkit-scrollbar-thumb:hover,.cl-schedule-preview::-webkit-scrollbar-thumb:hover{background:#4a63d2}@keyframes cl-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cl-slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.cl-enhanced-modal{max-height:95vh;width:95%}.cl-modal-content{gap:20px;grid-template-columns:1fr;padding:20px}.cl-modal-header{padding:20px}.cl-modal-header h2{font-size:20px}.cl-form-actions,.cl-schedule-details{flex-direction:column}.cl-schedule-details{gap:8px}.cl-schedule-item-preview{align-items:flex-start;flex-direction:column;gap:12px}.cl-schedule-item-actions{align-self:flex-end}}@media (max-width:480px){.cl-modal-actions{flex-direction:column;gap:12px}.cl-button{justify-content:center;width:100%}}.cl-dropdown-container{position:relative;width:100%}.cl-dropdown-header{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px;transition:border-color .2s ease}.cl-dropdown-header:hover{border-color:#007bff}.cl-dropdown-text{color:#333;font-size:14px}.cl-dropdown-arrow{color:#666;font-size:12px;transition:transform .2s ease}.cl-dropdown-arrow.open{transform:rotate(180deg)}.cl-dropdown-content{background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 8px #0000001a;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.cl-dropdown-select-all{background-color:#f8f9fa;border-bottom:1px solid #eee}.cl-select-all-btn-small{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s ease}.cl-select-all-btn-small:hover{background-color:#0056b3}.cl-dropdown-options{max-height:180px;overflow-y:auto}.cl-dropdown-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.cl-dropdown-option:hover{background-color:#f0f8ff}.cl-dropdown-option input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.cl-option-text{color:#333;font-size:14px}.cl-dropdown-option input[type=checkbox]:checked+.cl-option-text{color:#007bff;font-weight:500}@media (max-width:768px){.cl-dropdown-content{max-height:200px}.cl-dropdown-options{max-height:140px}}.cl-schedule-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.cl-schedule-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.cl-schedule-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.cl-multi-select-btn{align-items:center;background:#fff;border:2px solid #5272e9;border-radius:6px;color:#5272e9;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.cl-multi-select-btn:hover{background:#5272e9;box-shadow:0 2px 8px #5272e94d;color:#fff;transform:translateY(-1px)}.cl-select-all-schedules-btn{background:#f39c12;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.cl-select-all-schedules-btn:hover{background:#e67e22;box-shadow:0 2px 8px #f39c124d;transform:translateY(-1px)}.cl-delete-selected-btn{animation:cl-pulse 2s infinite;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.cl-schedule-checkbox{align-items:center;display:flex;margin-right:12px;padding:4px}.cl-schedule-checkbox input[type=checkbox]{border:2px solid #5272e9;border-radius:3px;cursor:pointer;height:18px;margin:0;transition:all .2s ease;width:18px}.cl-schedule-checkbox input[type=checkbox]:checked{background-color:#5272e9;border-color:#5272e9}.cl-schedule-checkbox input[type=checkbox]:focus{outline:2px solid #5272e94d;outline-offset:2px}.cl-schedule-item-preview.cl-multi-select-mode{padding-left:12px}.cl-schedule-item-preview.cl-multi-select-mode .cl-schedule-item-actions{opacity:.3;pointer-events:none}@keyframes cl-pulse{0%{box-shadow:0 0 0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 0 0 #e74c3c00}}.cl-schedule-preview{background:#fff;border:1px solid #e1e8ed;border-radius:12px;max-height:600px;overflow-y:auto;padding:24px}.cl-schedule-preview-content{max-height:520px;overflow-y:auto}@media (max-width:768px){.cl-schedule-header{align-items:stretch;flex-direction:column;gap:12px}.cl-schedule-controls{flex-wrap:wrap;justify-content:center}.cl-delete-selected-btn,.cl-multi-select-btn,.cl-select-all-schedules-btn{flex:1 1;justify-content:center;min-width:120px}.cl-schedule-item-preview.cl-multi-select-mode{padding-left:8px}}@media (max-width:480px){.cl-schedule-controls{flex-direction:column;width:100%}.cl-delete-selected-btn,.cl-multi-select-btn,.cl-select-all-schedules-btn{margin-bottom:4px;width:100%}.cl-schedule-checkbox{margin-right:8px}.cl-schedule-checkbox input[type=checkbox]{height:16px;width:16px}}.planning-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.course-selector{align-items:center;border-radius:8px;display:flex;gap:15px;justify-content:space-between;margin-bottom:30px;padding:0 0 20px}.course-selector b{color:#333;font-size:16px;font-weight:600}.course-selector select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:300px;padding:10px 15px}.course-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.term-section{box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.term-header{background:#0000;border:none;cursor:pointer;margin-bottom:20px;padding:0}.term-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.term-header span{color:#666;font-size:14px;font-weight:500}.term-header-actions{align-items:center;display:flex;gap:15px}.add-unit-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.add-unit-btn:hover{background:#0056b3}.term-subtopics{max-height:0;overflow:hidden;transition:max-height .3s ease}.term-subtopics.expanded{max-height:1000px}.unit-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:0;text-transform:none}.unit-card:hover{box-shadow:0 4px 12px #00000026}.unit-card-header{background:#fff;color:#333;font-size:18px;font-weight:600;padding:20px}.unit-card h4{font-size:18px;font-weight:600;margin:0}.unit-details{display:flex;flex-direction:column;gap:0;padding:0 20px 20px}.unit-detail-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin:10px;padding:10px 0}.unit-detail-item span{margin-right:20px}.unit-detail-item strong{font-size:12px;font-weight:600;letter-spacing:.5px;margin-right:10px;text-transform:uppercase}.status{border:1px solid;border-radius:20px;font-size:11px;letter-spacing:.8px;min-width:100px;padding:6px 16px;text-align:center;text-transform:uppercase}.status.completed{background:#d4edda;border-color:#c3e6cb;color:#155724}.status.in-progress{background:#fff3cd;border-color:#ffeaa7;color:#856404}.status.planned{background:#cce5ff;border-color:#b3d9ff;color:#06c}.status.pending{background:#f8d7da;border-color:#f1b0b7;color:#721c24}.status.not-planned{background:#e2e3e5;border-color:#d6d8db;color:#6c757d}.edit-unit-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.edit-unit-btn:hover{background-color:#45a049}.modal-overlay{background:#00000080}.modal-header{border-bottom:1px solid #e9ecef}.modal-close-btn{align-items:center;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.cp-form-group{margin-bottom:20px}.form-row .cp-form-group{flex:1 1}.cp-form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.cp-form-group input,.cp-form-group select{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.cp-form-group input:focus,.cp-form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.modal-footer{border-top:1px solid #e9ecef;gap:12px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.cancel-btn{background:#6c757d}.cancel-btn:hover{background:#5a6268}.save-btn{background:#007bff}.save-btn:hover{background:#0056b3}.save-btn:disabled{background:#ccc}.planning-container{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;min-height:200px}.planning-container.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;margin:20px;padding:20px}.cp-multiselect-container{position:relative;width:100%}.cp-multiselect-input{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-height:40px;padding:10px 12px;width:100%}.cp-multiselect-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.dropdown-arrow{color:#666;font-size:12px}.cp-multiselect-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.cp-multiselect-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.4;padding:8px 12px}.cp-multiselect-option:hover{background:#f1f3f5}.cp-multiselect-option input{cursor:pointer;height:16px;margin:0;width:16px}.cp-multiselect-option input:checked{accent-color:#007bff}@media (max-width:768px){.planning-page{padding:15px}.course-selector{align-items:flex-start;flex-direction:column;gap:10px}.course-selector select{min-width:100%}.term-header{align-items:flex-start;flex-direction:column;gap:15px}.term-header-actions{justify-content:space-between;width:100%}.unit-card-header{font-size:14px;padding:15px}.unit-detail-item{flex-wrap:wrap;font-size:13px;padding:10px}.unit-detail-item span{margin-bottom:5px;margin-right:10px}.unit-detail-item strong{font-size:11px;min-width:80px}.status{font-size:10px;min-width:80px;padding:4px 12px}.form-row{flex-direction:column;gap:0}.modal-content{margin:20px;width:95%}.modal-footer{flex-direction:column;gap:10px}.cancel-btn,.save-btn{width:100%}.cp-multiselect-input{font-size:13px;padding:8px 10px}.cp-multiselect-option{font-size:13px;padding:10px 14px}}.term-section:last-child{margin-bottom:0}.unit-card+.unit-card{margin-top:16px}.status{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700}.cp-multiselect-option.disabled{background-color:#f9f9f9}.cp-multiselect-option input:disabled{cursor:not-allowed}.error{background-color:#ffebee;margin-bottom:12px;padding:8px}.unit-actions{display:flex;gap:8px;margin-top:8px}.delete-unit-btn,.edit-unit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px}.edit-unit-btn{color:#1976d2}.edit-unit-btn:hover{background:#e3f2fd}.delete-unit-btn{color:#d32f2f}.delete-unit-btn:hover{background:#ffebee}.delete-modal{max-width:400px}.delete-preview{background:#f5f5f5;border-radius:6px;font-size:14px;margin:12px 0;padding:12px}.delete-confirm-btn{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.delete-confirm-btn:hover{background:#b71c1c}.cp-multiselect-option.disabled{background:#f9f9f9;color:#999;cursor:not-allowed}.error{background:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-bottom:15px;padding:10px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.academic-documents-container{background:#fff;border-radius:10px;padding:20px;width:80%}.filters-row{flex-wrap:nowrap;gap:10px;justify-content:flex-start;margin-bottom:20px;width:90%}.filter-group{min-width:150px}.form-label{font-size:14px}.form-input,.form-select{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 10px;transition:border-color .2s ease}.form-input:focus,.form-select:focus{border-color:#2563eb}.upload-btn{align-items:center;background-color:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:48px;margin-left:450px;padding:10px 16px;transition:background-color .2s ease;white-space:nowrap}.upload-btn:hover{background-color:#1362b1}.search-bar{border:1px solid #d1d5db;border-radius:6px;font-size:14px;height:38px;margin-top:6px;outline:none;padding:8px 12px;vertical-align:middle;width:150px}.search-bar:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.documents-list{list-style:none;padding:0}.document-item{align-items:center;background:#fefefe;border:1px solid #e1e1e1;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 16px;transition:all .3s ease}.document-item:hover{background:#f0efef;border-color:#b6d0f1}.doc-info{align-items:flex-start;display:flex;gap:12px}.doc-icon{color:#ef4444;font-size:22px}.doc-text p{color:#555;margin:12px 0}.doc-text span{color:#999;font-size:13px}.doc-actions{display:flex;font-size:18px;gap:15px}.delete-icon,.doc-actions a{cursor:pointer}.doc-actions a{color:#1976d2}.delete-icon{color:#dc2626}.doc-meta{align-items:center;color:#666;display:flex;font-size:.9rem;gap:10px}.calendar-icon{color:#666;margin-right:5px;vertical-align:middle}.date{gap:5px}.date,.upload-modal-overlay{align-items:center;display:flex}.upload-modal-overlay{background:#0000004d;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.upload-modal{animation:fadeIn .25s ease-in-out;background:#fff;border-radius:14px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;gap:14px;padding:28px;width:420px}.modal-title{color:#111827;font-weight:600;margin-bottom:10px;text-align:center}.file-upload-box{background:#f9fafb;border:2px dashed #2563eb;border-radius:10px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.file-upload-box:hover{background:#eef2ff;border-color:#1e40af}.file-label{align-items:center;color:#2563eb;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center}.upload-modal input[type=text],.upload-modal select{border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.upload-modal input[type=text]:focus,.upload-modal select:focus{border-color:#2563eb}.modal-actions{display:flex;justify-content:flex-end;margin-top:10px}.upload-confirm-btn{align-items:center;background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px}.upload-confirm-btn:hover{background:#1e40af}.cancel-btn{background:#e5e7eb;border-radius:8px;color:#111827;padding:10px 16px}.cancel-btn:hover{background:#d1d5db}.custom-multiselect{font-size:14px;position:relative}.multiselect-input{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.multiselect-input:hover{border-color:#2563eb}.arrow{color:#555;font-size:12px}.multiselect-dropdown{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:5px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:999}.multiselect-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .2s}.multiselect-option:hover{background:#f1f5ff}.multiselect-option input{accent-color:#2563eb}.toast-delete-success{border-radius:8px;color:red!important}.course-dashboard{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#111827;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:18px}.course-dashboard__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.course-dashboard__title{color:#0f172a;font-size:18px;font-weight:700}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.filter-group{display:flex;flex-direction:column;min-width:170px}.form-label{color:#374151;font-size:12px;font-weight:600;margin-bottom:6px}.filter-search,.form-select{background:#fff;border:1px solid #e6edf3;border-radius:6px;color:#0f172a;font-size:14px;outline:none;padding:8px 10px}.filter-search{width:320px}.course-dashboard__content{border-radius:6px;overflow-x:auto}.documents-table{border-collapse:collapse;font-size:14px;min-width:880px;width:100%}.documents-table thead th{background:#f8fafc;border-bottom:1px solid #e6edf3;color:#0f172a;cursor:pointer;font-weight:700;padding:12px 14px;text-align:left;-webkit-user-select:none;user-select:none}.documents-table tbody td{border-bottom:1px solid #eef2f6;color:#0f172a;padding:12px 14px;vertical-align:middle}.documents-table tbody tr:hover{background:#fbfdff}.name-cell{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{align-items:center;display:flex;gap:8px;justify-content:flex-start}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:16px;height:36px;justify-content:center;transition:transform .12s ease,box-shadow .12s ease;width:36px}.icon-btn:active{transform:translateY(1px)}.icon-btn.download{color:#1d4ed8}.icon-btn.download:hover{box-shadow:0 4px 10px #1d4ed81f}.icon-btn.delete{color:#dc2626}.icon-btn.delete:hover{box-shadow:0 4px 10px #dc26261f}.course-loader{align-items:center;color:#64748b;display:flex;flex-direction:column;padding:40px}.course-loader__spinner{animation:spin 1s linear infinite;border:3px solid #e6edf3;border-radius:50%;border-top-color:#2563eb;height:34px;margin-bottom:12px;width:34px}.course-dashboard__empty,.course-error{color:#475569;padding:30px;text-align:center}.course-error__icon{color:#dc2626;font-size:24px;margin-bottom:8px}.fa-sort-down,.fa-sort-up{font-size:12px;margin-left:6px;vertical-align:middle}.scheduleContainer{border-radius:8px;max-width:1100px;padding:24px}.scheduleTitle{color:#333;font-weight:700;margin-bottom:24px}.daySection{margin-bottom:40px}.dayHeader{color:#333;font-weight:700;margin-bottom:16px;padding-bottom:4px;text-align:left}.scheduleCard{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;min-height:50px;padding:8px 12px}.scheduleInfo{padding-left:16px}.courseName{color:#333;font-size:15px;font-weight:700;margin-bottom:4px}.courseDetails{color:#555;font-size:12px;margin-bottom:6px;opacity:.85}.topicText{color:#666;font-size:15px}.classSection{color:#777;font-size:11px;margin-top:4px}.timeBox{border-radius:8px;color:#fff;font-size:14px;font-weight:500;min-width:90px;padding:8px 16px;text-align:center}.table-container{margin:1rem 0}.table-title{font-size:26px;font-weight:600;padding:10px}.reusable-table{background-color:#fff;border:1.5px solid #f0efef;border-collapse:collapse;border-radius:18px;margin-left:2.5%;width:95%}.reusable-table thead th{background-color:#f4f7fcbf;border-left:1px solid #fff;border-right:1px solid #fff;color:#000;font-size:14px;font-weight:600;height:40px;text-align:left}.reusable-table th span{color:#b8b8b8;float:right}.sort-icon{color:#b8b8b8;cursor:pointer}.reusable-table td{border:1px solid #00000036;border-left:none;border-right:none;color:#014486;font-size:15px;font-weight:400;padding:8px;text-align:left}.reusable-table tbody tr:hover{background-color:#f0faff;cursor:pointer}.reusable-table.bordered{border:1.5px solid #f0efef}.empty-message{color:#6c757d;padding:2rem!important;text-align:center}.pagination{align-items:center;background-color:#f2f2f2;display:flex;height:40px;justify-content:space-evenly;margin-top:1rem}.page-button{background-color:initial;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.page-button:hover:not(:disabled){background-color:#e9ecef}.page-button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#6c757d;font-size:.875rem}.modalContent{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9999}.checkbox-column{text-align:center;width:40px}.checkbox-column input[type=checkbox]{cursor:pointer;height:16px;width:16px}.search-container{display:flex;justify-content:flex-end;margin:0 2.5% 1rem;width:95%}.search-input{border:1px solid #ddd;border-radius:4px;padding:8px 12px;transition:border-color .2s;width:250px}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.expanded-row td{background-color:#f5f5f5;border-top:none;padding:16px}.resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;width:5px}.resize-handle:hover{background:#4a90e2}.table-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:1rem;padding:0 2.5%}.export-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s}.export-button:hover{background-color:#357abd}.column-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 2.5% 1rem;width:95%}.column-filter-input{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:6px 10px;transition:border-color .2s;width:150px}.column-filter-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.loading-overlay{align-items:center;background:#0000001a;color:#333;display:flex;font-size:16px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.reusable-table.loading{opacity:.7}tr[draggable=true] td:first-child:before{content:"☰";cursor:grab;margin-right:8px}tr[draggable=true]:hover td:first-child:before{color:#4a90e2}.column-visibility{display:flex;flex-wrap:wrap;gap:10px}.column-visibility-option{align-items:center;color:#333;display:flex;font-size:14px}.column-visibility-toggle{cursor:pointer;margin-right:5px}.page-numbers{display:flex;gap:5px;margin:0 10px}.page-number{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.page-number:hover{background-color:#e9ecef}.page-number.active{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.profilehead{display:inline}.head{padding:10px}.stuheader{display:flex;justify-content:space-between}.table-cell{color:#0070d2;font-family:Inter;font-size:13px;padding:3px}.tablehedcell{color:#3e3e3c!important;cursor:pointer!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:400!important;padding:6px!important}.tablecheckbox{color:#6867671f!important}.button-group .stuentbutton{background-color:#fff;border:1px solid #cfcdcc;border-radius:4px;box-shadow:none;color:#0070d2;font-family:Segoe UI,sans-serif;font-size:11px;font-weight:400;line-height:20px;margin:0 4px;padding:9px 16px}.stuentbutton:first-child,.stuentbutton:last-child,.stuentbutton:nth-child(2){border-radius:4px}.studentmultipletabs{background:#3d8cd617;border:1px solid #0000002e;border-bottom-color:#ccc;display:flex;overflow-x:auto;padding:3px 2px}.tab{background-color:#fff!important;border-bottom:1px solid #ccc;cursor:pointer;display:inline-block;margin:0 5px;padding:6px 12px;transition:background-color .2s ease}.tab.active{background-color:#b2cee9!important;border:1px solid #dddbda}.dynamic-tab,.student-info-tab{padding:6px 12px}.close-tab{color:#000;cursor:pointer;font-weight:700;margin-left:5px}.studentfuntions{display:flex}.searchstudents{margin-right:10px!important;padding:0 2px!important}.searchstudents .MuiInputBase-root{font-family:Segoe UI,sans-serif;font-size:15px!important;font-weight:400!important}.required-star{font-size:1.2em;vertical-align:super}.studentUserprofile{overflow:scroll}#customTabs .Tabzs{background-color:#fff;box-shadow:0 1.25rem 1.6875rem 0 rgba(.05);color:#fff;margin-left:24px}#customTabs .MuiTabs-indicator{background-color:inherit;border:#1eff00;box-shadow:none}.discord-profile-custom-button{color:#fff}.Save-profile-custom-button,.discord-profile-custom-button{background-color:#0a80a5;border:1px solid #dbdbdb;border-radius:5px;margin-left:625px;padding:8px 24px}.Save-profile-custom-button{margin-right:10px}.Cancel-profile-custom-button{background-color:inherit;border:1px solid #dbdbdb;border-radius:5px;padding:8px 24px}.AppBaar{background-color:#ccc;border:none;box-shadow:none;margin-bottom:25px;margin-top:20px;width:85%}#customTabs.Tab:hover{color:#fff}.StudentDetailsContainer{display:flex;flex-direction:column;padding:10px 20px}.StudentPhoto{align-items:left;flex:1 1;margin-left:20px}.StudentImage{height:auto}.StudentInfo{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:10px}.StudentInfoItem{align-items:center;display:flex;font-size:16px;margin-bottom:20px}.InfoLabel{color:#202020;margin-bottom:10px;margin-right:10px;text-align:left;width:150px}.InfoValue{background-color:#f9f9f9;border:none;border-radius:5px;box-sizing:border-box;color:gray;display:flex;flex:1 1;font-size:16px;margin-bottom:15px;padding:10px;width:100%}#customTabs .MuiTabs-flexContainer{background-color:#fff;color:#fff;width:100%}.notification-container{margin-top:20px}.notification-section{margin-bottom:20px;padding:24px}.notification-section h2{color:#333}.notification-section label{display:block;margin-bottom:8px}.notification-section textarea{border:1px solid #ccc;border-radius:4px;height:120px;margin-bottom:12px;padding:8px;width:98%}.notification-section button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.notification-section button:hover{background-color:#45a049}.BasicInfo,.ContactInfo{border:1px solid #c4c4c4;border-radius:10px;box-shadow:0 4px 4px 0 #00000040;height:320px;padding:10px;width:350px}.user-containerimage{align-items:center;display:flex}.user-containerimage img{margin-right:10px}.round-image-container{background-position:50%;background-size:cover;height:150px;margin-right:30px;width:150px}select{background-color:#fff;border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px}select:focus{border-color:#0c0d0f;outline:none}select::-ms-expand{display:none}select option{background-color:#fff;font-size:16px}.usernamesection{display:flex;padding-left:40px}#customTabs .Mui-selected{border-radius:6px;color:#fc0c04!important;font-size:14px;margin-left:10px}#customTabs .MuiTabs-indicator{background-color:red!important;height:2px!important}#customTabs .MuiTab-root{color:#000;font-weight:500}#customTabs .Mui-selected{color:#ed2a10!important;font-weight:700}#customTabs .MuiTabs-indicator{color:#d74632!important}.custom-hr{border:.98px solid #dedede;margin:0}.image-upload-section{margin-top:10px;width:100%}.hidden-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.upload-image-button{background-color:#4a90e2;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-right:10px;padding:8px 12px}.upload-image-button:hover{background-color:#3a7bc8}.upload-button{background-color:#28a745;border:none;border-radius:4px;padding:8px 12px}.upload-button:hover{background-color:#218838}.upload-button:disabled{background-color:#6c757d;cursor:not-allowed}.file-info{color:#666;font-size:.9em;margin-top:5px}.success-message{background-color:#e8f5e9;color:#2e7d32}.error-message,.success-message{border-radius:4px;margin-bottom:15px;padding:10px}.error-message{align-items:center;background-color:#ffebee;color:#d32f2f;display:flex;justify-content:space-between}.error-message button{background:none;border:none;color:#d32f2f;cursor:pointer;text-decoration:underline}.basicinfostudentdetail,.contactinfostudentdetail,.otherstudentdetail,.parentinfostudentdetail{border:1px solid #cbcdce;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,Helvetica,sans-serif;padding:20px;width:90%}.otherstudentdetail{margin-bottom:50px}.basicinfostudentdetail h3{color:#444;margin-bottom:15px;text-align:center}.image-name-container{align-items:center;display:flex;gap:50px;margin-bottom:20px;padding:10px}.image-upload-container{align-items:center;display:flex;gap:15px}.round-image-container{border:3px solid #ddd;border-radius:50%;height:120px;margin-right:200px;object-fit:cover;width:120px}.hidden-input{background:none;border:none;color:#333;cursor:pointer;font-size:14px}.form-row{gap:15px;margin-bottom:10px}.form-group{background:#fff;border-radius:8px;padding:10px}.InfoLabel{color:#333;display:inline-block;font-weight:700;margin-bottom:5px;white-space:nowrap;width:100%}.InfoValue{color:#555}.StudentDetailsContainer h3{text-align:left}.studentdetailedit{display:flex;justify-content:space-between;width:95%}.StudentDetailsContainer{font-family:Arial,Helvetica,sans-serif;margin:0 auto;max-height:80vh;overflow-y:auto;padding:20px;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin;width:95%}.paymentWrapper{background-color:#7a7a7a0a;display:flex;justify-content:center;width:90%}.paymentsummary{background:#fff;border:1px solid #00000044;box-shadow:0 4px 4px 0 #00000040;display:flex;flex-direction:column;height:55vh;margin:20px 250px;padding:12px;width:40%}.backbutton{align-items:flex-start;display:flex}.payment-title{color:#04325f;text-align:left!important}.payment-row,.payment-title{display:flex;margin-left:10px}.payment-row{align-items:center;gap:20px;justify-content:space-between;padding:8px 0;width:90%}.payment-label{color:#888;font-weight:500;text-align:left!important}.payment-label,.payment-value{flex:1 1;font-size:16px;margin:3px}.payment-value{border:1px solid #dbd3d3;padding:8px 35px;text-align:left}.paynowbutton{align-items:center;display:flex;gap:0}.paynow-icon{height:54px;width:270px}.pay-now-button{background-color:#007ef1;border:none;color:#fff;cursor:pointer;font-size:16px;padding:8px 50px}.pay-now-button:hover{background-color:#3e8e41}.pay-now-button:active{background-color:#367c39}.pay-now-button:focus{box-shadow:0 0 0 2px #4caf5080;outline:none}.payment-summary-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-summary-paper{max-width:500px;overflow:hidden;padding:0;width:100%}.payment-success-header{align-items:center;background-color:#e8f5e9;display:flex;flex-direction:column;padding:30px 20px}.success-icon{color:#4caf50;font-size:60px!important;margin-bottom:15px}.success-text{color:#2e7d32;font-weight:500}.payment-summary-content{padding:20px}.summary-title{color:#333;font-weight:500;margin-bottom:20px}.summary-detail-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.summary-label{color:#666;font-weight:500}.summary-value{color:#333;font-weight:400}.payment-summary-actions{display:flex;justify-content:space-between;padding:20px}.download-button{background-color:#2196f3!important;color:#fff!important}.home-button{border-color:#2196f3!important;color:#2196f3!important}@media (max-width:600px){.payment-summary-actions{flex-direction:column;gap:10px}.download-button,.home-button{width:100%}}.wrapFees{background-color:#fcfcfc;display:flex;flex-direction:column;justify-content:center;margin:2px}.fees{background-color:#fff;width:100%}.tableFees{border:1.5px solid #f0efef;border-collapse:collapse;border-radius:18px;margin-left:2.5%;width:100%;width:95%}.tableFees th{background-color:#f4f7fcbf;border-left:1px solid #fff;border-right:1px solid #fff;color:#000;font-size:12px;font-weight:600;height:60px;padding:8px;text-align:left}.tableFees th span{color:#b8b8b8;float:right}.tableFees td{border:1px solid #00000036;border-left:none;border-right:none;color:#7a7a7a;font-size:14px;padding:8px}.tableFees tr:hover{cursor:pointer}.activeRow,.tableFees tr:hover{background-color:#f0faff}.pageNav{background-color:#f2f2f2;display:flex;height:40px;justify-content:space-evenly}.pageNav button{border:none}.actionsCell{align-items:center;display:flex;justify-content:space-evenly}.fee-details{font-size:26px;font-weight:600;padding:10px}.class-selection{align-items:center;display:flex;padding:10px 35px}.selectClass{font-size:16px;padding:5px 10px 5px 40px}.left-align{background-color:#ff0;text-align:left}.pay-now-btn{background-color:#007ef1;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.pay-now-btn:hover{background-color:#0064c8}.select-container{gap:20px;margin-bottom:16px}.left-section{align-items:center;display:flex;gap:20px}.right-section .button-group{align-items:center;display:flex;gap:10px}.messages-container{background:#fff;margin-left:50px;max-width:600px;padding:20px;width:95%}.top-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.radio-group{display:flex;gap:15px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:5px}.radio-group input{accent-color:#0064c8;cursor:pointer}.template-section{flex:1 1;text-align:right}.template-select{border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:8px}.message-input-section{margin-top:15px}.message-textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;height:100px;padding:10px;resize:none;width:100%}.attachments-section{background:#f9f9f9;border:1px dashed #0064c8;border-radius:5px;margin-top:15px;padding:10px}.attachments-section input{display:block;margin-bottom:10px}.attachment-list{margin-top:10px}.attachment-item{align-items:center;background:#e8f4f8;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px 10px}.attachment-item span{color:#333;font-size:14px}.attachment-item button{background:#d9534f;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:5px 8px}.attachment-item button:hover{background:#c9302c}.send-button{background:#0064c8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:30px;padding:10px;width:100%}.send-button:disabled{background:gray;cursor:not-allowed}.status-message{border-radius:4px;margin-top:10px;padding:8px}.status-message.success{background:#d4edda;color:#155724}.status-message.error{background:#f8d7da;color:#721c24}.sp-student-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.sp-error-message,.sp-loading-message,.sp-no-data-message{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:40px;text-align:center}.sp-error-message{color:#e53e3e}.sp-chart-card,.sp-details-card,.sp-stat-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin-bottom:24px;overflow:hidden}.sp-card-header{border-bottom:1px solid #e2e8f0;padding:16px 20px}.sp-card-title{color:#2d3748;font-size:18px;font-weight:600;margin:0}.sp-card-content{padding:20px}.sp-stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.sp-stat-content{padding:20px;text-align:center}.sp-stat-label{color:#718096;font-size:14px;margin:0 0 8px}.sp-stat-value{color:#2d3748;font-size:28px;font-weight:600;margin:0}.sp-bar-chart-container{display:flex;flex-direction:column;gap:16px;padding:10px 0}.sp-bar-chart-item{align-items:center;display:flex;gap:16px}.sp-bar-chart-label{color:#4a5568;font-weight:500;min-width:80px;text-align:right}.sp-bar-chart-bar-container{background-color:#edf2f7;border-radius:4px;flex-grow:1;height:24px;overflow:hidden}.sp-bar-chart-bar{align-items:center;background-color:#4299e1;color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;min-width:40px;padding:0 8px;transition:width .3s ease}.sp-tabs{display:flex;flex-direction:column}.sp-tabs-list{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sp-tab-button{background:none;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;color:#718096;cursor:pointer;font-size:14px;padding:8px 16px;position:relative;transition:all .2s ease}.sp-tab-button.sp-active{border-bottom:2px solid #3182ce;color:#3182ce;font-weight:500}.sp-tab-button:hover:not(.sp-active){background-color:#f7fafc}.sp-tab-panel{display:none;width:100%}.sp-tab-panel.sp-active{display:block}.sp-assessment-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.sp-assessment-info-item{display:flex;flex-direction:column}.sp-info-label{color:#718096;font-size:14px;margin:0 0 4px}.sp-info-value{font-size:14px;margin:0}.sp-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-performance-table{border-collapse:collapse;margin-bottom:20px;width:100%}.sp-performance-table td,.sp-performance-table th{border-bottom:1px solid #e2e8f0;color:#000;padding:12px 16px;text-align:left}.sp-performance-table th{background-color:#f7fafc;color:#4a5568;font-size:14px;font-weight:600;text-transform:uppercase}.sp-performance-table tr:last-child td{border-bottom:none}.sp-grade-badge{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.sp-grade-a{background-color:#c6f6d5;color:#276749}.sp-grade-b{background-color:#bee3f8;color:#2c5282}.sp-grade-c{background-color:#fefcbf;color:#975a16}.sp-grade-d,.sp-grade-f{background-color:#fed7d7;color:#9b2c2c}.sp-remarks-section{background-color:#f7fafc;border-radius:8px;color:#000;margin-top:20px;padding:16px}.sp-remarks-label{color:#718096;font-size:14px;font-weight:500;margin:0 0 8px}.sp-remarks-text{font-size:14px;line-height:1.5;margin:0}.sp-edit-actions{display:flex;gap:1rem;margin-top:1rem}.sp-cancel-button,.sp-edit-button,.sp-save-button{border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.sp-edit-button{background-color:#4caf50;border:none;color:#fff}.sp-save-button{background-color:#2196f3;border:none;color:#fff}.sp-cancel-button{background-color:#f44336;border:none;color:#fff}.sp-remarks-textarea{border:1px solid #ddd;border-radius:4px;margin-top:.5rem;min-height:100px;padding:.5rem;width:100%}.sp-performance-table input{border:1px solid #ddd;border-radius:4px;padding:.3rem;width:80px}@media (max-width:768px){.sp-assessment-info,.sp-stats-container{grid-template-columns:1fr}.sp-performance-table{display:block;overflow-x:auto}}.fee-structure-modal .modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.fee-structure-modal .modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.fee-structure-modal .modal-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.fee-structure-modal .modal-content{margin:10px;padding:24px}.basic-info-section{margin-bottom:32px}.section-title{color:#111827;font-size:16px;margin:0 0 20px}.form-field{margin-bottom:20px}.field-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.custom-select{background-color:#fff;border-radius:6px}.custom-select .MuiOutlinedInput-notchedOutline{border-color:#d1d5db}.custom-select:hover .MuiOutlinedInput-notchedOutline{border-color:#9ca3af}.custom-select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b82f6;border-width:1px}.term-wise-section{margin-bottom:24px}.term-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.term-header{align-items:center;background-color:#e5f0ff;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.term-header:hover{background-color:#d6e7ff}.term-title{color:#111827;font-size:15px;font-weight:600}.term-total{color:#4f46e5;font-size:14px;font-weight:600}.term-content{background-color:#fff;padding:20px 16px 16px}.date-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.date-field label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.date-field .MuiTextField-root{width:100%}.date-field .MuiOutlinedInput-root{border-radius:6px}.date-field .MuiOutlinedInput-input{font-size:14px;padding:10px 12px}.date-field .MuiOutlinedInput-notchedOutline{border-color:#d1d5db}.date-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#9ca3af}.date-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b82f6;border-width:1px}.fee-breakdown{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;padding:16px}.fee-breakdown-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;padding-bottom:12px}.fee-breakdown-header,.fee-row{display:flex;justify-content:space-between;margin-bottom:12px}.fee-row{align-items:center}.fee-row:last-child{margin-bottom:0}.fee-label{color:#374151;flex:1 1;font-size:14px}.fee-input-wrapper{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;padding:0 12px;transition:border-color .2s;width:160px}.fee-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.currency-symbol{color:#6b7280;font-size:14px;margin-right:4px}.fee-input .MuiOutlinedInput-notchedOutline,.fee-input .MuiOutlinedInput-root{border:none}.fee-input .MuiOutlinedInput-input{font-size:14px;padding:8px 0;text-align:right}.fee-input input[type=number]::-webkit-inner-spin-button,.fee-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fee-input input[type=number]{-moz-appearance:textfield}.term-total-row{align-items:center;background-color:#e5f0ff;border-radius:6px;display:flex;justify-content:space-between;margin-top:12px;padding:12px 16px}.term-total-label{color:#111827;font-size:14px;font-weight:600}.term-total-amount{color:#4f46e5;font-size:16px;font-weight:700}.add-term-btn{border-color:#d1d5db;border-radius:6px;color:#4f46e5;font-size:14px;font-weight:500;margin-top:16px;padding:10px;text-transform:none;transition:all .2s}.add-term-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.annual-total-card{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:8px;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a;display:flex;justify-content:space-between;margin-top:24px;padding:16px 20px}.annual-total-label{color:#fff;font-size:16px;font-weight:600}.annual-total-amount{color:#fff;font-size:20px;font-weight:700}.modal-actions{border-top:1px solid #e5e7eb;gap:12px;padding:16px 24px}.cancel-btn{border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;padding:8px 20px;text-transform:none;transition:all .2s}.cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.save-btn{background-color:#4f46e5;border-radius:6px;box-shadow:none;font-size:14px;font-weight:500;padding:8px 20px;text-transform:none;transition:all .2s}.save-btn:hover{background-color:#4338ca;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.custom-select.Mui-disabled{background-color:#f9fafb;cursor:not-allowed}.custom-select.Mui-disabled .MuiOutlinedInput-notchedOutline{border-color:#e5e7eb}@media (max-width:768px){.date-fields{grid-template-columns:1fr}.fee-input-wrapper{width:140px}.fee-structure-modal .modal-header,.modal-content{padding:16px}.modal-actions{flex-direction:column-reverse;padding:12px 16px}.cancel-btn,.save-btn{width:100%}}.term-content{animation:slideDown .2s ease-out}.term-card{transition:box-shadow .2s}.term-card:hover{box-shadow:0 2px 4px #0000000d}.term-header:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.form-field p{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.MuiCheckbox-root{color:#d1d5db}.MuiCheckbox-root.Mui-checked{color:#4f46e5}.MuiMenu-paper{border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:4px}.MuiMenuItem-root{font-size:14px;padding:10px 16px}.MuiMenuItem-root:hover{background-color:#f3f4f6}.MuiMenuItem-root.Mui-selected{background-color:#e5f0ff}.MuiMenuItem-root.Mui-selected:hover{background-color:#d6e7ff}.modal-header .MuiIconButton-root{color:#6b7280;transition:all .2s}.modal-header .MuiIconButton-root:hover{background-color:#f3f4f6;color:#374151}.no-fee-structure{color:#6b7280;padding:40px 20px;text-align:center}.loading-container{align-items:center;display:flex;justify-content:center;padding:40px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.error-message,.success-message{font-size:14px;margin-bottom:16px;padding:12px 16px}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#059669}.MuiTooltip-tooltip{background-color:#1f2937;border-radius:4px;font-size:12px;padding:8px 12px}.edit-mode-badge{background-color:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:4px 8px}.wrap-ask-overflow{display:flex;margin:20px;overflow:scroll;padding-bottom:50px}.options-ai{background-color:#e7f1f9;height:100%;width:350px}.box-dropdown{display:flex;flex-direction:column;gap:5px;height:-webkit-fit-content;height:fit-content;padding:10px 20px;z-index:10}.label-selection{font-size:16px;padding:0 5px;text-align:left}.select-dropdown{background-color:#fff}.wrap-aiout{height:-webkit-fit-content;height:fit-content;margin:0 10px;width:100%}.topmenu-askai{align-items:center;border:1px solid;display:flex;justify-content:space-around;margin:5px}.nTab,.selTab{padding:10px;width:50%}.selTab{background-color:#5f9ea0}.nTab:hover,.selTab:hover{cursor:pointer;font-weight:600}.wrap-response{border:solid;border-radius:10px;margin:10px 5px;width:calc(100% - 15px)}.box-header{align-items:center;background-color:#000;border-radius:5px;justify-content:center;margin:10px 10px 0}.box-response{background-color:#fff;border:1px solid;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;margin:0 10px 10px;min-height:400px;padding:5px}.left-header{display:flex;gap:10px}.response-buttons{display:flex;justify-content:end;padding:5px}.icon-in-header{background-color:inherit;border:none;color:#fff;cursor:pointer}.box-header{display:flex;justify-content:space-between;padding:5px}.text-header{color:#fff;font-size:18px;font-weight:600}.iconDownload:hover{color:#000}.response-text{border-radius:10px;font-family:monospace;font-size:16px;line-height:1.5;margin:5px;padding:10px;text-align:justify}.title-ask-query{font-weight:600;padding:10px 20px;text-align:left}.ask-query{font-size:16px;margin:0 30px;padding:10px;width:calc(100% - 80px)}.heading-askai,.taghead-askai{padding-left:40px;text-align:left}.box-input{margin:20px}.wrap-dropdowns{display:flex;margin-left:5px;padding:5px 30px}.fixed-selection{background-color:#fff;border-radius:8px;color:#000;padding:5px}.wrap-selbts{display:flex;gap:30px;justify-content:flex-start;margin-left:20px;padding:10px 20px}.selectedButton,.typeButton{border:none;padding:10px 20px}.selectedButton{background-color:#045a75;border-radius:5px;color:#fff}.selectedButton:hover,.typeButton:hover{cursor:pointer}.two-column-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:10px 50px;padding:10px}.typeCard{background-color:#fff}.selectedCard,.typeCard{border:none;border-radius:10px;height:100px}.selectedCard{background-color:#045a75;color:#fff}.dlevel{align-items:center;display:flex;margin:10px 40px;padding:5px 20px}.levelBtn{background-color:inherit;border:none;margin:5px 10px}.box-textinput{align-items:flex-start;border:1.2px solid;border-radius:5px;display:flex;flex-direction:column;margin:30px 50px;padding:5px 10px;width:72%}.title-input{background-color:#e7f1f9;border:1px solid;border-radius:5px;margin-bottom:10px;margin-top:-18px;padding:3px 10px}.text-box{width:100%}.wrap-submit{border:none;display:flex;flex-direction:column;font-weight:600;justify-content:center;width:300px}.submit-button:hover{background-color:#045a75;color:#fff}.generate-button{background-color:#3caea3;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:10px 30px;padding:10px 15px}.auto-grow-input{border:none;font-size:16px;line-height:1.5;margin:10px;padding:10px;width:calc(100% - 30px)}textarea:focus{outline:none}.ask-box{margin:20px}.loading-spinner{margin-left:-60px;margin-top:60px}.edit-textinput{background-color:inherit;border:none;height:100px;overflow:visible;padding:5px;width:100%}.wrap-sections{margin:10px;padding:10px 30px 10px 10px;text-align:left}.options-section,.wrap-type{margin:10px}.wrap-type{padding:10px 30px 10px 20px;text-align:left}.wrap-responseAskAI{background-color:#5cb85c;border:1px solid;border-radius:5px;color:#fff;margin:20px 30px;padding:10px}.loading-assessment{margin:20px 50px}.assessInfo{margin:10px}.wrap-assessmentName{display:flex;flex-direction:column}.wrap-assessmentName label{padding:0 30px;text-align:left}.wrap-assessmentName input{margin:10px 40px;padding:8px;width:400px}.query-response{font-size:18px;padding:5px 20px;text-align:justify}.transportation{display:flex;flex-direction:column}.wrap-titlebox{display:flex;height:50px;justify-content:space-between;width:calc(100% - 30px)}.wrap-content{display:flex;height:650px;width:100%}.wrap-map{height:98%;padding:10px;width:77%}.wrap-vehicleInfo,.wrap-vehicles{display:flex;flex-direction:column;width:20%}.wrap-vehicleInfo{box-shadow:0 2px 5px #0000004d;padding:2px}.wrap-locations{background-color:#ff0;display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:fit-content;padding:10px}.result-route{background-color:#fff;border-radius:5px;margin:0 10px;min-width:100px;padding:5px}.place-input{margin:0 10px;padding:5px 10px}.vehicleList,.vehicleName{background-color:#fff}.vehicleName{border:solid;margin:3px;padding:5px 20px;text-align:left}.vehicle-box{background-color:#fff;border:none;box-shadow:0 2px 5px #0000004d;display:flex;flex-direction:column;margin:5px;padding:5px 10px}.vehicle-box:hover{background-color:#f0f8ff;cursor:pointer}.wrap-busbox{align-items:center;display:flex;justify-content:space-between;width:100%}.bus-box{display:flex}.bus-box img{margin:0 10px}.bus-box span{margin:10px 15px}.lastdrop{margin:15px 10px}.check-location{margin:10px}.vinfo-tabs{margin-bottom:10px;padding:2px}.selected-vtab,.vtab{background-color:#fff;border:none;padding:10px 0;width:50%}.selected-vtab{border-bottom:2px solid #189ce6;color:#189ce6;font-weight:600}.selected-vtab:hover,.vtab:hover{background-color:#f0f8ff;cursor:pointer}.left-title{display:flex}.logo-vehicle{display:flex;padding:10px 15px}.title-vehicle{display:flex;flex-direction:column;font-size:20px;font-weight:600;padding:2px 10px}.status-vehicle{align-items:center;background-color:#00adee;border-radius:5px;display:flex;margin:8px 2px;padding:0 8px}.status-vehicle span{color:#fff;padding:2px}.vline{border-left:solid;height:40%;margin:10px}.right-title{align-items:center;display:flex;gap:15px;padding:0 20px}.add-vehicle{background-color:#000;border:none;border-radius:5px;color:#fff;padding:8px 15px}.search-vehicle{padding:6px}.map-display{background-color:#fff;border:none;padding:3px 6px}.map-display:hover{background-color:gray;cursor:pointer}.wrap-mapicon{background-color:#000;border:solid;border-radius:3px}.bbox{background-color:inherit;border:solid;color:inherit;width:28px}.reload-map{background-color:#fff;border:solid;border-radius:3px;display:flex;padding:2px 3px}.reload-map:hover{background-color:gray;cursor:pointer}.vehicle-name{align-items:center;display:flex;gap:5px;margin-top:5px;padding:3px 10px}.vehicle-name button{background-color:inherit;border:none}.vehicle-name button:hover{background-color:#f0f8ff;border:none;border-radius:50%;color:#00adee}.vehicle-name span{margin-bottom:2px}.driver-info{display:flex;flex-direction:column;text-align:left}.key-dinfo{padding:5px 15px}.value-dinfo{font-weight:600;padding:0 25px 8px}.route-item{justify-content:space-between;padding:5px 15px;width:90%}.route-item,.route-row{align-items:center;display:flex}.route-row{margin:10px 5px;padding-right:5px}.route-row:hover{background-color:#f0f8ff;cursor:pointer}.origin-row{background-color:#ffd1dc}.destination-row{background-color:#98fb98}.stop-row{background-color:#f2f2f2}.student-row{display:flex;justify-content:space-between;padding:3px 20px}.bus-info{border:solid;margin:20px 10px;padding:10px 5px}.item-businfo{padding:5px}.table{border-collapse:collapse;margin-top:20px;width:100%}.table-header-row{background:#0000;color:#344767;opacity:1;padding:12px 24px;width:150px}.table-header-cell{background:#0000;color:#8392ab;font-size:.65rem;font-weight:700;opacity:.7;padding:12px 24px;position:relative;text-align:left;text-transform:uppercase}.table-body .table-row{cursor:pointer}.table-row:hover{background-color:#f5f5f5}.table-cell{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-repeat-x:repeat;background-repeat-y:repeat;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;background-attachment:scroll;background-clip:initial;background-color:#0000;background-image:none;background-origin:initial;background-position-x:0;background-position-y:0;background-size:auto;border-bottom:1px solid #e9ecef;border-collapse:collapse;box-sizing:border-box;color:#344767;display:table-cell;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;height:48.6797px;letter-spacing:.1876px;line-height:22.75px;margin:0;opacity:1;overflow-wrap:break-word;padding:9px 18px;text-align:left;text-indent:0;vertical-align:middle;width:116.258px}.Dialog{width:400px}.DialogTitle{background-color:#2196f3;color:#fff}.DialogContent{padding:20px}.TextField{margin-bottom:20px;width:100%}.DialogActions{display:flex;justify-content:flex-end;margin-top:20px}.Button{margin-left:10px}.selectNeedType{align-items:center;-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:initial;border:.0625rem solid #d2d6da;border-radius:.5rem;box-shadow:none;cursor:pointer;display:flex;height:2rem;padding:0;transition:box-shadow .15s ease 0s,border-color .15s ease 0s;width:20%}.selectNeedType,.selectNeedType menuitem{font-size:.75rem;font-weight:400}.rightTopBarNeedTable{display:flex;height:32px;width:65%}.head{color:#344767;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:0;line-height:1.375;opacity:1;text-decoration:none;text-transform:none;vertical-align:initial}.needs{display:flex;justify-content:center;margin:10px 50px}.needContainer{align-items:flex-start;display:flex;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);justify-content:space-between;padding:0;width:100%}.needBox{border:1px solid #dbdbdb;border-radius:12px;box-shadow:0 2px 5px #0000001a;gap:12px;height:130px;margin:5px;padding:16px 32px;position:relative;width:18%}.needBox:hover{cursor:pointer}.need-container-volunteer{display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-left:75px}.heart-icon{color:#c8c7c6;width:30px}.select-container{align-items:center;display:flex;justify-content:space-between;padding:10px}.select-item{margin-right:10px}.select-container .select-item label{margin-right:8px}.imgGridNT{border:none;display:flex;height:120px;justify-content:center;width:240px}.gridItem{background-color:#fff;border:1px solid #dbdbdb;border-radius:5px;box-shadow:0 2px 5px #0000001a;color:#3c4044;font-size:15px;font-weight:600;padding:15px;width:300px;z-index:10}.heading-course-content{font-size:20px;font-weight:700;padding:10px 30px;text-align:left}.wrap-ccselection{display:flex}.ccselect{padding:20px 30px;width:20%}.ccselect-title{font-size:18px;font-weight:600;padding:5px 10px 5px 0;text-align:left}.wrap-ccselect-view{align-items:end;display:flex;padding:20px}.ccselect-view{background-color:#2880b9;border:none;border-radius:5px;color:#fff;height:-webkit-fit-content;height:fit-content;padding:12px 10px;width:100px}.ccselect-view:hover{cursor:pointer}table{border-spacing:0}th{border:1px solid #ddd;padding:6px;text-align:left}tr:hover{background-color:#ddd}.checkbox-cell{text-align:center}.checkbox-cell input[type=checkbox]{margin:0}.actions-container{display:flex;gap:10px;justify-content:flex-end;margin:20px}.actions-container button{background-color:#2880b9;border:none;border-radius:3px;color:#fff;margin-left:10px;padding:8px 12px}.actions-container button:hover{cursor:pointer}.checkbox-cell button{background-color:inherit;border:none;margin:2px 5px}.checkbox-cell button:hover{background-color:#fff;border-radius:3px;cursor:pointer}.wrap-upload-popup{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%}.upload-popup{background-color:#fff;border:1px solid;display:flex;flex-direction:column;height:400px;width:600px}.close-upload-popup{display:flex;justify-content:flex-end;padding:10px}.item-upload-popup{display:flex;padding:15px 40px}.item-upload-popup label{margin-top:3px;text-align:left;width:100px}.item-upload-popup input,.item-upload-popup textarea{padding:5px;width:300px}.upload-button-popup{display:flex;justify-content:space-around;padding:15px 40px}.upload-button-popup button{background-color:#2880b9;border:none;color:#fff;padding:10px 20px}.upload-button-popup button:hover{cursor:pointer}.faculty-assistant{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;overflow:auto;padding:24px}.main-container{border:2px solid #a855f7;border-radius:8px;padding:24px;position:relative}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{font-size:20px;font-weight:600;margin:0}.history-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.history-btn:hover{background:#faf5ff;border-color:#a855f7;transform:translateY(-1px)}.history-btn:active{transform:translateY(1px)}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.filter-item{display:flex;flex-direction:column}.filter-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.dropdown-container{position:relative}.dropdown-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 40px 8px 12px;transition:all .2s;width:100%}.dropdown-select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.dropdown-icon{height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.scrollable-tasks-container{margin-bottom:24px;max-height:280px;overflow-y:auto;padding-right:8px;scrollbar-color:#a855f7 #f3f4f6;scrollbar-width:thin}.scrollable-tasks-container::-webkit-scrollbar{width:6px}.scrollable-tasks-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.scrollable-tasks-container::-webkit-scrollbar-thumb{background:#a855f7;border-radius:3px}.scrollable-tasks-container::-webkit-scrollbar-thumb:hover{background:#9333ea}.task-categories{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);min-height:0}.task-category{background-image:none;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.task-category:hover{background-color:#faf5ff;border-color:#a855f7;box-shadow:0 2px 8px #0000001a}.task-content{justify-content:space-between}.task-content,.task-left{align-items:center;display:flex}.task-left{gap:12px}.chevron-icon{height:16px;width:16px}.task-icon{height:20px;width:20px}.task-name{font-size:16px;font-weight:500}.heart-icon{color:#d1d5db;height:20px;transition:all .2s;width:20px}.heart-icon.filled{fill:currentColor;color:#a855f7}.task-checkbox{cursor:pointer;height:16px;margin:0;width:16px}.task-blue{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.task-green{background-color:#f0fdf4;border-color:#bbf7d0;color:#15803d}.task-purple{background-color:#faf5ff;border-color:#d8b4fe;color:#7c3aed}.task-orange{background-color:#fff7ed;border-color:#fed7aa;color:#ea580c}.task-red{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.task-gray{background-color:#f9fafb;border-color:#e5e7eb;color:#374151}.task-teal{background-color:#f0fdfa;border-color:#99f6e4;color:#0d9488}.task-yellow{background-color:#fefce8;border-color:#fde047;color:#ca8a04}.task-pink{background-color:#fdf2f8;border-color:#f9a8d4;color:#ec4899}.section{margin-bottom:20px}.question-container{position:relative}.task-tooltip{background-color:#1f2937;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;font-size:14px;left:50%;max-width:90vw;opacity:0;padding:12px;position:absolute;text-align:left;top:100%;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:280px;z-index:10}.question-icon{color:#9ca3af;cursor:help;height:18px;transition:all .2s;width:18px}.question-icon:hover{color:#a855f7}.question-icon:hover+.task-tooltip,.task-tooltip:hover{opacity:1;visibility:visible}.task-tooltip:before{border-bottom:8px solid #1f2937;border-left:8px solid #0000;border-right:8px solid #0000;content:"";left:50%;position:absolute;top:-8px;transform:translateX(-50%)}.file-name-modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.file-name-modal{background:#fff;border-radius:12px;box-shadow:0 6px 12px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;text-align:left;width:90%}.file-name-modal-title{font-size:20px;font-weight:700;margin-bottom:16px}.chat-history-empty,.chat-history-loading{font-size:14px;margin:0;padding:20px;text-align:center}.chat-history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.chat-history-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.chat-history-item:hover{background:#f8fafc;box-shadow:0 2px 4px #0000000d}.chat-history-content{align-items:center;display:flex;justify-content:space-between}.chat-history-version{font-size:14px;font-weight:500}.chat-history-meta{color:#6b7280;display:block;font-size:12px;margin-top:4px}.chat-history-restore{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.chat-history-restore:hover{background:#2563eb}.selected-tasks{margin-bottom:24px}.selected-title{font-size:18px;font-weight:600;margin-bottom:8px}.no-tasks{background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:14px;margin:0;padding:20px;text-align:center}.selected-list{display:flex;flex-direction:column;gap:8px}.selected-item{align-items:center;background-color:#faf5ff;border:1px solid #d8b4fe;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.selected-item:hover{box-shadow:0 2px 4px #a855f71a}.selected-left{align-items:center;display:flex;gap:8px}.selected-icon{color:#7c3aed;height:16px;width:16px}.selected-name{color:#581c87;font-size:14px;font-weight:500}.remove-btn{background:none;border:none;border-radius:4px;color:#7c3aed;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s}.remove-btn:hover{background-color:#ede9fe;color:#6b21a8}.sticky-custom-prompt{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#faf5ff);border-radius:12px;margin:0 0 24px;padding:5px;position:-webkit-sticky;position:sticky;z-index:5}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.custom-prompt{margin-bottom:0;z-index:10}.prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.prompt-title{color:#581c87;font-size:18px;font-weight:600;margin:0;text-shadow:0 1px 2px #a855f71a}.edit-icon{color:#a855f7;cursor:pointer;height:20px;transition:all .2s;width:20px}.edit-icon:hover{color:#9333ea;transform:scale(1.1)}.prompt-textarea{background:#fffc;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:100px;padding:16px;resize:vertical;transition:all .2s;width:100%}.prompt-textarea:focus{background:#fff;border-color:#a855f7;box-shadow:0 0 0 3px #a855f726,0 4px 12px #a855f71a;outline:none;transform:translateY(-1px)}.prompt-textarea::placeholder{color:#a1a1aa;font-style:italic}.prompt-textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.generate-btn{align-items:center;background-color:#a855f7;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;margin-bottom:10px;margin-left:auto;padding:12px 24px;transition:all .2s}.generate-btn:hover:not(:disabled){background-color:#9333ea;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.generate-btn:active{transform:translateY(1px)}.generate-btn:disabled{background-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.sparkles-icon{height:20px;width:20px}.headerandpublish{display:flex;justify-content:space-between;padding:10px}.content-history-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;box-shadow:2px 0 8px #0000000d;box-sizing:border-box;height:100vh;overflow-y:auto;padding:18px;position:-webkit-sticky;position:sticky;top:0;width:250px}.content-history-header{margin-bottom:16px}.content-history-title{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:20px}.activity-dashboard{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:16px}.activity-dashboard-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px}.activity-dashboard-metric{color:#4b5563;font-size:14px;margin:4px 0}.history-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:16px;padding:16px;transition:all .2s}.history-item:hover{background:#f8fafc;box-shadow:0 2px 4px #0000000d}.history-item-content{align-items:center;display:flex;justify-content:space-between}.history-item-version{color:#1f2937;font-size:16px;font-weight:600}.history-item-meta{color:#6b7280;display:block;font-size:13px;margin-top:6px}.history-item-restore{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.history-item-restore:hover{background:#2563eb}.content-area{box-sizing:border-box;flex:1 1;max-width:100%;padding:32px;text-align:left}.content-display{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 6px #0000000d;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;margin-bottom:32px;min-height:300px;padding:24px;position:relative;text-align:left;white-space:pre-wrap;word-break:break-word}.content-buttons-bottom,.content-buttons-top{display:flex;gap:8px;position:absolute;right:8px}.content-buttons-top{top:8px}.content-buttons-bottom{bottom:8px}.content-back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin-bottom:12px;padding:8px;transition:all .2s}.content-back-btn:hover{background:#faf5ff;border-color:#a855f7;transform:translateY(-1px)}.remarks-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.remarks-textarea::placeholder{color:#9ca3af}.content-download-btn.icon-only,.content-edit-btn.icon-only{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s;z-index:10}.content-download-btn.icon-only:hover,.content-edit-btn.icon-only:hover{background:#faf5ff;border-color:#a855f7;transform:translateY(-1px)}.content-download-btn.icon-only:disabled,.content-edit-btn.icon-only:disabled{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed}.download-label{color:#374151;font-size:12px;font-weight:500}.content-cancel-btn,.content-preview-btn,.content-save-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.content-save-btn{background:#10b981;border:none;color:#fff}.content-save-btn:hover{background:#059669;transform:translateY(-1px)}.content-preview-btn{background:#007bff;color:#fff}.content-cancel-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.content-publish-btn,.content-refine-btn{align-items:center;background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;height:90%;padding:12px 24px;transition:all .2s}.content-publish-btn:hover,.content-refine-btn:hover{background:#059669;transform:translateY(-1px)}.content-publish-btn:disabled,.content-refine-btn:disabled{background:#9ca3af;cursor:not-allowed}.file-name-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;margin-bottom:16px;padding:12px;transition:all .2s;width:100%}.file-name-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.file-name-submit-button{align-items:center;background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.file-name-submit-button:hover{background:#059669;transform:translateY(-1px)}.file-name-submit-button:disabled{background:#9ca3af;cursor:not-allowed}.refine-section{background:#f9fafb;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:32px;padding:20px;text-align:left}.refine-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:12px;text-align:left}.refine-description{color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:16px;text-align:left}.refine-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;text-align:left;transition:all .2s;width:100%}.refine-textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.markdown-content{color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.markdown-content h1{color:#1f2937;font-size:24px;font-weight:700;margin:24px 0 16px}.markdown-content h2{color:#1f2937;font-size:20px;font-weight:600;margin:20px 0 12px}.markdown-content h3{color:#1f2937;font-size:18px;font-weight:500;margin:16px 0 10px}.markdown-content h4{color:#1f2937;font-size:16px;font-weight:500;margin:12px 0 8px}.markdown-content p{font-size:14px;margin:8px 0}.markdown-content ol,.markdown-content ul{margin:8px 0;padding-left:24px}.markdown-content li{font-size:14px;margin:4px 0}.markdown-content a{color:#a855f7;text-decoration:underline}.markdown-content a:hover{color:#9333ea}.Toastify__toast-container{z-index:1001}@media (max-width:768px){.faculty-assistant,.main-container{padding:16px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.filter-grid{gap:12px;grid-template-columns:1fr}.scrollable-tasks-container{max-height:300px;padding-right:4px}.task-categories{gap:12px;grid-template-columns:1fr}.task-content{align-items:flex-start;flex-direction:column;gap:12px}.task-tooltip{left:50%;transform:translateX(-50%);width:90%}.sticky-custom-prompt{margin-bottom:16px;padding:16px;top:16px}.prompt-textarea{font-size:13px;min-height:80px;padding:12px}.history-btn{justify-content:center;width:100%}.file-name-modal{max-width:90%;padding:16px}.chat-history-list{max-height:200px}.chat-history-item{padding:10px}.chat-history-version{font-size:13px}.chat-history-meta{font-size:11px}.chat-history-restore{font-size:12px;padding:5px 10px}.prompt-header,.selected-item{align-items:flex-start;flex-direction:column;gap:8px}.content-history-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;padding:12px;position:relative;width:100%}.content-area{max-width:100%;padding:16px;text-align:left}.content-display{font-size:14px;padding:16px;text-align:left}.content-back-btn{padding:6px}.content-buttons-bottom,.content-buttons-top{flex-wrap:wrap;gap:6px;right:6px}.content-buttons-top{top:6px}.content-buttons-bottom{bottom:6px}.content-download-btn.icon-only{padding:6px 10px}.download-label{font-size:11px}.button-group{align-items:flex-start;flex-direction:column}.content-cancel-btn,.content-publish-btn,.content-refine-btn,.content-save-btn,.file-name-submit-button{justify-content:flex-start;width:100%}.generate-btn{font-size:15px;padding:12px 16px}}@media (max-width:480px){.section-title{font-size:18px}.task-left{flex-wrap:wrap}.task-name{font-size:14px}.task-tooltip{font-size:13px;padding:8px}.content-history-title{font-size:18px}.history-item{padding:12px}.history-item-version{font-size:14px}.history-item-meta{font-size:12px}.content-display{min-height:200px;padding:12px}.refine-section{padding:16px}.refine-title{font-size:16px}.refine-description{font-size:13px}.refine-textarea{font-size:14px;min-height:80px}.file-name-modal{padding:16px}.file-name-modal-title{font-size:18px}.file-name-input{font-size:14px}.sticky-custom-prompt{padding:12px;top:12px}.prompt-title{font-size:16px}.scrollable-tasks-container{max-height:250px}}


/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.orgNameBox{font-size:18px;font-weight:600;padding:8px 15px 2px 10px}.settings-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1100px;padding:30px;width:90%}.settings-form{display:flex;flex-direction:column}.settings-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr}.logo-container{align-items:flex-start;display:flex;flex-direction:column}.logo-placeholder{align-items:center;background:#e6f0fa;border:2px dashed #a3c1e0;display:flex;height:150px;justify-content:center;margin-bottom:15px;width:70%}.logo-placeholder span{color:#1e88e5;font-size:18px;font-weight:700}.logo-label{font-size:14px;font-weight:700;margin-bottom:10px}.upload-button{background-color:#e6f0fa;border:1px solid #a3c1e0;border-radius:5px;color:#1e88e5;display:inline-block;margin-bottom:10px;padding:8px 15px}.upload-button:hover{background-color:#d0e0f5}.logo-info{color:#666;font-size:12px;line-height:1.5}.form-content{display:flex;flex-direction:column;gap:20px}.form-title{font-size:18px;font-weight:700;margin-bottom:10px}.field-group{display:flex;flex-wrap:wrap;gap:30px}.field-item{flex:1 1;min-width:200px}.field-item.full-width{flex:1 1 100%}.field-item label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.field-item input{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;font-size:14px;padding:10px;width:90%}.field-item input:focus{background-color:#fff;border-color:#1e88e5;outline:none}.submit-button{align-self:flex-end;background-color:#1e88e5;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:10px 20px}.submit-button:hover{background-color:#1565c0}.success-message{color:green;font-size:16px;font-weight:700;margin-top:20px;text-align:center}.event-list-container{background:linear-gradient(135deg,#f5f7fa,#e8edf2);min-height:100vh;overflow-y:auto;padding:20px}.event-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 10px}.event-list-header h3{color:#2c3e50;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.add-event-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.add-event-button:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1) rotate(90deg)}.add-event-button:active{transform:scale(.95)}.event-form-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-form-container{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:600px;overflow-y:auto;padding:35px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.event-form-container h4{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 25px}.event-form{gap:20px}.event-form,.event-form label{display:flex;flex-direction:column}.event-form label{color:#34495e;font-size:.95rem;font-weight:600;gap:8px}.event-form input,.event-form select,.event-form textarea{background:#f8f9fa;border:2px solid #e0e6ed;border-radius:10px;font-family:inherit;font-size:1rem;padding:12px 15px;transition:all .3s ease}.event-form input:focus,.event-form select:focus,.event-form textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.event-form textarea{min-height:100px;resize:vertical}.event-form-buttons{display:flex;gap:15px;margin-top:10px}.event-form-buttons button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .3s ease}.event-form-buttons button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.event-form-buttons button[type=submit]:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.event-form-buttons button[type=button]{background:#e9ecef;color:#495057}.event-form-buttons button[type=button]:hover{background:#dee2e6}.event-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:10px}.event-item{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.event-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.event-item:hover:before{transform:scaleX(1)}.event-item:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.event-name{color:#2c3e50;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:12px}.event-type{background-color:#17c1e8;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:15px;padding:6px 14px;text-transform:capitalize}.event-date{align-items:center;color:#7f8c8d;display:flex;font-size:.95rem;gap:8px;margin-bottom:15px}.event-date:before{content:"📅";font-size:1.1rem}.event-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#5a6c7d;display:-webkit-box;font-size:.95rem;line-height:1.6;margin-top:15px;overflow:hidden}.event-separator{border-top:1px solid #e9ecef;margin-top:20px;padding-top:15px}.status-message{color:#7f8c8d;font-size:1.1rem;grid-column:1/-1;padding:40px 20px;text-align:center}.status-message.error{background:#ffe5e5;border-radius:10px;color:#e74c3c;padding:20px}@media (max-width:768px){.event-list{grid-template-columns:1fr}.event-list-header h3{font-size:1.6rem}.add-event-button{font-size:24px;height:45px;width:45px}.event-form-container{padding:25px}}@media (max-width:480px){.event-list-container{padding:15px}.event-item{padding:20px}.event-name{font-size:1.2rem}.event-form-buttons{flex-direction:column}}.notifications-container{font-family:Arial,sans-serif;padding:20px}.notifications-container h2{color:#333}.notifications-form{background-color:#fff;border-radius:5px;height:424px;margin:20px auto 20px 20px;max-width:1000px;padding:20px}.form-label{display:block;font-weight:700;margin-bottom:8px;text-align:left}.form-input,.form-textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:15px;padding:10px;transition:border-color .3s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#17c1e8;outline:none}#recipients,#subject{height:40px}.form-button{background-color:#17c1e8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.form-button:hover{background-color:#0056b3}.success-message{color:#28a745;margin-top:10px}.tabs-container{display:flex;justify-content:space-around;width:850px}.tabs-container button{background-color:initial;border:none;color:#fff;cursor:pointer;outline:none;padding:15px 55px;position:relative}.button.active{color:red}.form-input{background-color:initial;font-size:16px;padding:8px;width:100%}.form-input+ul{border-radius:4px;box-shadow:0 4px 8px #0000001a;display:none;left:0;list-style:none;margin:0;overflow:hidden;padding:0;position:absolute;top:100%;width:100%}.form-input+ul li{cursor:pointer;padding:8px;transition:background-color .3s}.form-input+ul li[selected=true]{background-color:#549ec8;color:#fff}.form-input+ul li:hover{background-color:#f0f0f0}.form-input:focus+ul{display:block}.icon-text-wrapper{align-items:center;display:flex}.icon-text{margin-left:8px}.organization-and-class{display:flex;justify-content:space-between}.data-container{display:flex;flex-direction:column;gap:20px}.data-column{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1;padding:10px;transition:box-shadow .3s ease}.data-column:hover{box-shadow:0 8px 16px #0003}.data-column h2{color:#333;font-size:24px;margin-top:0}.button-row{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:space-evenly;width:75%}.button-row button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .3s ease}.button-row button,.button-row button:hover{background-color:#3498db}.file-input{display:none}.file-label{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;transition:background-color .3s ease}.onlybtn{display:flex;gap:10px}.file-input-label{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.file-input-label,.file-input-label:hover{background-color:#3498db}.registration-form{background-color:#fff;border-radius:10px;margin-left:30px;max-width:85%!important;padding:20px}.registration-form h3{margin-bottom:20px;text-align:left}.registration-form label{align-self:start;color:#333;display:block;font-weight:500;margin-bottom:10px}.input-group{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;display:flex;margin-bottom:20px;padding:20px}.form-row{gap:40px;justify-content:space-between}.form-row>div{flex:1 1}.date-inputs{display:flex;gap:8px;justify-content:space-between;width:100%}.form-row-adress{display:flex;flex-direction:column}.form-group-adress{display:flex;gap:20px}.form-group-city{display:flex;gap:15px}.form-row-dob{display:flex;gap:20px}.form-row-dob>div{flex:1 1}.form-group{gap:2px}.input-group input[type=text],.input-group select{flex:1 1;margin-right:10px}.registration-form input[type=file],.registration-form input[type=text]{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.registration-form input[type=file]{background-color:#fff}.registration-form input[type=email],.registration-form input[type=password],.registration-form select{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.registration-form button[type=submit]{background-color:#2980b9;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px;transition:background-color .3s ease;width:50%}.registration-form button[type=submit]:hover{background-color:#2980b9}.form-row-button-group{align-self:center!important;gap:40px;justify-content:space-between;margin-left:250px;margin-top:20px;width:40%}.form-row-button-group .MuiButton-root{flex:1 1;margin-right:10px}.back-button:hover{background-color:#f5f5f5}.registration-container{display:flex;flex-direction:column;overflow-y:auto}.header-container{margin-bottom:10px;width:75%}.back-button{background-color:initial;border:1px solid #ccc;margin-left:30px}.header-container h2{margin:0 auto;text-align:center}.Parent-details,.academic-details,.basicinfo,.contactinfo,.documents-info,contactinfo{border:1px solid #00000054;border-radius:14px;padding:25px 45px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.import-container{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:10vh;padding:20px}.import-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 10px #0000000d;max-width:550px;padding:25px;width:100%}.header-section{align-items:center;display:flex;gap:15px;margin-bottom:25px}.back-button{background:none;border:1px solid #dee2e6;color:#495057;padding:6px 12px;transition:all .2s ease}.back-button:hover{background:#f1f3f5;border-color:#ced4da}.title{color:#343a40;font-size:24px;font-weight:500;margin:0}.content-section{padding:10px 0}.upload-area{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:25px;text-align:center;transition:border-color .2s ease}.upload-area:hover{border-color:#adb5bd}.file-input-label{display:inline-block}.hidden-input{display:none}.upload-button{align-items:center;background:#4dabf7;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.upload-button:hover{background:#339af0}.file-name{color:#6c757d;font-size:13px;margin-top:12px}.alert{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;margin:15px 0;padding:12px 15px}.alert.error{background:#fff5f5;border:1px solid #ffe3e3;color:#e03131}.alert.success{background:#f3faf3;border:1px solid #e6f4e6;color:#2f9e44}.import-button{background:#40c057;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:10px 25px;transition:all .2s ease;width:100%}.import-button:hover:not(:disabled){background:#37b24d}.import-button:disabled{background:#ced4da;cursor:not-allowed}.import-button.loading .spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.success-section{margin-top:25px;text-align:center}.view-button{background:#7048e8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:15px;padding:10px 20px;transition:all .2s ease}.view-button:hover{background:#5f3dc4}.csv-instructions{border-top:1px solid #e9ecef;margin-top:25px;padding-top:15px}.csv-instructions h3{color:#343a40;font-size:16px;font-weight:500;margin-bottom:8px}.csv-instructions p{color:#6c757d;font-size:13px;margin:0}.csv-instructions a{color:#4dabf7;margin-left:4px;text-decoration:none}.csv-instructions a:hover{text-decoration:underline}.rp-container{margin:0 auto;max-width:1200px;padding:20px;width:100%}.rp-permission-settings{background-color:#fff;border-radius:8px;padding:24px;position:relative}.rp-permission-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.rp-header-left,.rp-header-right,.rp-permission-header{align-items:center;display:flex;gap:16px}.rp-title{color:#1e293b;margin:0}.rp-select{-webkit-appearance:none;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;min-width:160px;padding:10px 32px 10px 12px;transition:all .2s ease}.rp-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.rp-search-bar{align-items:center;display:flex;position:relative}.rp-search-input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#334155;padding:10px 36px 10px 12px;transition:all .2s ease;width:220px}.rp-search-input:focus{box-shadow:0 0 0 2px #3b82f633;outline:none;width:280px}.rp-search-button{background:#0000;border:none;color:#64748b;cursor:pointer;position:absolute;right:8px}.rp-action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.rp-save-button{align-items:center;background-color:#cbd5e1;border:none;border-radius:6px;color:#64748b;cursor:not-allowed;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease}.rp-save-active{background-color:#1e88e5;color:#fff;cursor:pointer}.rp-save-active:hover{background-color:#059669}.rp-save-active:active{background-color:#047857}.rp-no-permissions{color:#64748b;padding:32px;text-align:center}.rp-table-container{border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;overflow-x:auto}.rp-permission-table{border-collapse:collapse;text-align:left;width:100%}.rp-permission-table thead{background-color:#f1f5f9}.rp-permission-table th{color:#475569}.rp-permission-table td,.rp-permission-table th{border-bottom:1px solid #e2e8f0;padding:14px 20px}.rp-permission-table td{color:#334155}.rp-permission-table tbody tr:hover{background-color:#f8fafc}.rp-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}@media (max-width:768px){.rp-permission-header{align-items:flex-start;flex-direction:column}.rp-header-right{justify-content:space-between;width:100%}.rp-search-input{width:150px}.rp-search-input:focus{width:170px}}.permission-settings{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:20px}.permission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.permission-header h2{color:#333;font-size:18px;margin:0}.search-bar{align-items:center;display:flex}.search-bar input{border:1px solid #ccc;border-radius:4px 0 0 4px;font-size:14px;outline:none;padding:5px}.search-bar button{background:#007bff;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:5px 10px}.permission-table{border-collapse:collapse;width:100%}.permission-table td,.permission-table th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.permission-table th{background:#f8f9fa;color:#666;font-weight:400}.permission-table td{color:#333;font-size:14px}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translateX(20px)}.round{border-radius:20px}.settings-page{display:flex;height:100vh}.sidebar{background:#f8f9fa;border-right:1px solid #ddd;padding:20px;width:200px}.sidebar h3{font-size:18px;margin-top:0}.sidebar ul{list-style:none;padding:0}.sidebar ul li{cursor:pointer;padding:10px 0}.main-content{flex:1 1;padding:20px}.tab-header{border-bottom:2px solid #ddd;display:flex;margin-bottom:20px;text-align:left}.tab-button{background:none;border:none;cursor:pointer;font-size:16px;padding:10px 20px}.tab-button.active{border-bottom:2px solid #dc3545;color:#dc3545}.tab-content{padding:20px}.role-based-settings{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.settings-container{display:flex;gap:20px}.add-role-section{flex:1 1}.role-list-section{flex:2 1}.add-role-section h2,.role-list-section h2{color:#333;font-size:18px;margin-bottom:15px}.add-role-form{display:flex;flex-direction:column;gap:10px}.role-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;width:100%}.role-input,.save-button{font-size:14px;padding:8px}.save-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;width:80px}.save-button:disabled{background:#ccc;cursor:not-allowed}.role-table{border-collapse:collapse;margin-bottom:10px;width:100%}.role-table td,.role-table th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.role-table th{background:#f8f9fa;color:#666;font-weight:400}.role-table td{color:#333;font-size:14px}.action-button{background:none;border:none;cursor:pointer;font-size:16px;margin-right:5px}.pagination{color:#6c757d;font-size:12px;text-align:right}.basicinfo,.contactinfo,.facultyinfo{border:1px solid #ddd;border-radius:8px;padding:20px}.registration-container{margin:-2px;max-width:25%px;padding:20px}.header-container{align-items:center;display:flex;gap:20px;margin-bottom:20px}.back-button{background:#f0f0f0;padding:8px 16px}.registration-form{display:flex;flex-direction:column;gap:20px}.basicinfo,.contactinfo,.staffinfo{border:1px solid #ddd;border-radius:8px;padding:20px}.form-row{display:flex;flex-wrap:wrap;gap:20px}.form-group{display:flex;flex:1 1;flex-direction:column;min-width:200px}.form-group label{font-weight:700}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.required-star{color:red}.form-row-button-group{display:flex;gap:10px;justify-content:flex-end}body{font-family:Arial,sans-serif;margin:0}.clcontainer{overflow:scroll;padding:24px}.clform-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.clform-row{align-items:flex-end;display:flex;gap:16px}.clform-group{flex:1 1}.clform-group label{color:#333;display:block;font-weight:600;margin-bottom:8px;text-align:left}.clform-group input,.clform-group select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.clform-group input:focus,.clform-group select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.clform-button button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 24px;transition:background-color .2s}.clform-button button:hover{background-color:#1e40af}.cltable-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:24px;padding:24px}.cltable-section h2{color:#333;font-size:18px;font-weight:600;margin-bottom:16px;text-align:left}.cltable-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:12px;text-align:left}th{background-color:#f5f5f5;color:#333;font-weight:500}tr:hover{background-color:#f9f9f9}td select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:4px}.claction-buttons{display:flex;gap:8px}.claction-buttons button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.clview-btn{color:#393737}.clview-btn:hover{color:#374151}.cledit-btn{color:#000}.cledit-btn:hover{color:#374151}.cldelete-btn{color:#000}.cldelete-btn:hover{color:#ef4444}.modal-content{box-shadow:0 4px 6px #0000001a;max-width:500px}.modal-header{border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding:20px 20px 0}.modal-header h3{font-size:1.25rem}.modal-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:5px;transition:all .2s ease}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:0 20px 20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input[type=text]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input[type=text]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.modal-footer{background-color:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e5e5e5;padding:20px}.cancel-btn{background-color:#fff;border:1px solid #ddd;color:#666;font-size:.9rem;transition:all .2s ease}.cancel-btn:hover{background-color:#f5f5f5;color:#333}.save-btn{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.save-btn:hover{background-color:#1e40af}.save-btn:disabled{background-color:#6c757d;cursor:not-allowed}.course-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:15px;padding:8px;width:100%}.course-search-input:focus{border-color:#2563eb;box-shadow:0 0 5px #2563eb4d;outline:none}.course-checkbox{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px;transition:background-color .2s ease}.course-checkbox:hover{background-color:#e9ecef}.course-checkbox input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;margin:0;width:16px}.course-checkbox label{color:#333;cursor:pointer;flex:1 1;font-size:.95rem;line-height:1.4}.course-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 2px #2563eb33;outline:none}@media (max-width:480px){.modal-content{margin:10px;width:95%}.modal-body,.modal-footer,.modal-header{padding:15px}.modal-footer{flex-direction:column}.cancel-btn,.save-btn{margin-bottom:5px;width:100%}.course-checkbox{padding:8px 10px}.course-checkbox label{font-size:.9rem}}.view-screen{padding:20px}.view-header{gap:20px;margin-bottom:30px}.back-button,.view-header{align-items:center;display:flex}.back-button{background-color:#6c757d;border-radius:4px;font-size:14px;gap:8px;padding:10px 16px}.back-button:hover{background-color:#5a6268}.class-details-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.detail-section{margin-bottom:30px}.detail-section h3{border-bottom:2px solid #e9ecef;color:#333;margin-bottom:15px;padding-bottom:8px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item{flex-direction:column;gap:5px}.detail-item label{color:#555;font-weight:700}.detail-item span{background-color:#f8f9fa;border-radius:4px;padding:8px}.courses-content,.no-courses{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;padding:15px}.action-buttons-detail{display:flex;gap:15px}.assign-button,.edit-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 20px}.edit-button{background-color:#ffc107;color:#212529}.assign-button{background-color:#28a745;color:#fff}.edit-button:hover{background-color:#e0a800}.assign-button:hover{background-color:#218838}.sd-dashboard{background-color:#f8fafc;max-width:1400px;overflow:auto;padding:24px}.sd-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content);grid-template-columns:repeat(3,1fr)}.sd-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;padding:20px;transition:all .3s ease-in-out}.sd-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-3px)}.sd-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.sd-card-header h3{color:#2d3748;font-size:18px;font-weight:700;margin:0}.sd-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f7fafc;background-image:url('data:image/svg+xml;utf8,<svg fill="%23A0AEC0" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #cbd5e0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.sd-dropdown select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e14d;outline:none}.sd-student-info{background-color:#b8d5f866;grid-column:1/2}.sd-gpa-card,.sd-student-info{align-items:center;display:flex;grid-row:1/2;justify-content:center}.sd-gpa-card{flex-direction:column;grid-column:2/3;text-align:center}.sd-schedule-card{display:flex;flex-direction:column;grid-column:3/4;grid-row:1/3;justify-content:flex-start}.sd-performance-card{grid-column:1/2}.sd-attendance-card,.sd-performance-card{display:flex;flex-direction:column;grid-row:2/3;justify-content:center}.sd-attendance-card{align-items:center;grid-column:2/3;text-align:center}.sd-fee-card{grid-column:1/2}.sd-documents-card,.sd-fee-card{display:flex;flex-direction:column;grid-row:3/4}.sd-documents-card{grid-column:2/3}.sd-events-card{grid-column:3/4;grid-row:3/4;justify-content:flex-start}.assignments-card,.sd-events-card{display:flex;flex-direction:column}.assignments-card{grid-column:1/-1;grid-row:4/5}.sd-card.sd-student-info{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:18px;transition:transform .3s ease,box-shadow .3s ease}.sd-card.sd-student-info:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-5px)}.student-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.student-info-header h3{color:#2d3748;font-size:20px;font-weight:700;margin:0}.student-avatar{background:#63b3ed;border:2px solid #e2e8f0;font-size:24px;height:50px;width:50px}.student-info-content{grid-gap:12px;display:grid;gap:12px;text-align:left}.info-item{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:8px 0}.info-item label{color:#4a5568;font-size:14px}.info-item span{color:#212731;font-size:14px;font-weight:600;text-align:left}.status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.status.active{background:#d4f4e2;color:#38a169}.status.inactive{background:#fed7d7;color:#e53e3e}.status.pending{background:#fefcbf;color:#d69e2e}@media (max-width:480px){.sd-card.sd-student-info{margin:10px;padding:16px}.student-info-header h3{font-size:18px}.student-avatar{font-size:20px;height:40px;width:40px}.info-item label,.info-item span{font-size:13px}}.sd-card.sd-student-info:focus-within{outline:2px solid #63b3ed;outline-offset:2px}.sd-gpa-display{width:100%}.sd-gpa-circle,.sd-gpa-display{align-items:center;display:flex;flex-direction:column}.sd-gpa-circle{background:conic-gradient(#ecc94b 306deg,#e2e8f0 306deg);border-radius:50%;box-shadow:inset 0 0 0 10px #ffffffb3;height:160px;justify-content:center;margin:0 auto 20px;position:relative;width:160px}.sd-gpa-circle:before{background:#fff;border-radius:50%;box-shadow:0 0 0 1px #e2e8f0;content:"";height:120px;position:absolute;width:120px;z-index:1}.sd-gpa-number{color:#2d3748;font-size:52px;font-weight:900;z-index:2}.sd-gpa-text{color:#718096;font-size:14px;margin-top:-8px;z-index:2}.sd-gpa-display p{color:#4a5568;font-size:15px;font-weight:500;margin-top:10px}.sd-schedule-card .sd-card-header{align-items:flex-end;margin-bottom:15px}.sd-date{color:#718096;font-size:14px;font-weight:500}.sd-calendar-header{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.sd-weekday{background:#edf2f7;border-radius:8px;color:#4a5568;cursor:pointer;font-size:12px;font-weight:600;line-height:1.2;padding:10px 0;text-align:center;transition:background-color .2s ease,color .2s ease}.sd-weekday.sd-active-day{background:#4299e1;box-shadow:0 4px 8px #4299e14d;color:#fff}.sd-schedule-list{display:flex;flex-direction:column;flex-grow:1;gap:0}.sd-schedule-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:15px;padding:12px 0}.sd-schedule-item:last-child{border-bottom:none}.sd-break{align-items:center;background-color:#ffe6e6;border:1px dashed #fca5a5;border-radius:8px;color:#e53e3e;display:flex;font-weight:600;gap:10px;justify-content:center;margin-bottom:10px;padding:8px 15px;text-align:center}.sd-time{border-right:2px solid #edf2f7;color:#4a5568;flex-shrink:0;font-size:14px;font-weight:700;line-height:1.4;min-width:80px;padding-right:10px;text-align:right}.sd-subject-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.sd-subject-tag{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;max-width:-webkit-fit-content;max-width:fit-content;padding:6px 12px;white-space:nowrap}.sd-subject-tag.sd-mathematics{background:#4299e1}.sd-room-teacher{color:#718096;font-size:12px}.sd-room-teacher span{margin-right:15px}.sd-meet-link{color:#4299e1;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s ease}.sd-meet-link:hover{color:#3182ce;text-decoration:underline}.sd-performance-bars{display:flex;flex-direction:column;gap:20px}.sd-performance-item{display:flex;flex-direction:column;gap:10px}.sd-subject-name{color:#4a5568;font-size:14px;font-weight:600}.sd-progress-bar{background:#e2e8f0;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.sd-progress-fill{align-items:center;background:#8b5cf6;border-radius:6px;color:#fff;display:flex;font-size:11px;font-weight:600;height:100%;justify-content:flex-end;padding-right:8px;transition:width .5s ease-out}.sd-score-text{mix-blend-mode:difference;white-space:nowrap}.sd-overall-performance{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem;text-align:center}.sd-overall-performance h4{color:#333;font-size:1.2rem}.sd-attendance-display{gap:30px;margin-bottom:20px;width:100%}.sd-attendance-circle,.sd-attendance-display{align-items:center;display:flex;justify-content:center}.sd-attendance-circle{background:conic-gradient(#48bb78 324deg,#e53e3e 0deg);border-radius:50%;box-shadow:inset 0 0 0 10px #ffffffb3;height:140px;position:relative;width:140px}.sd-attendance-circle:before{background:#fff;border-radius:50%;box-shadow:0 0 0 1px #e2e8f0;content:"";height:100px;position:absolute;width:100px;z-index:1}.sd-attendance-percentage{color:#2d3748;font-size:48px;font-weight:900;z-index:2}.sd-attendance-legend{display:flex;flex-direction:column;gap:15px}.sd-legend-item{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:500;gap:10px}.sd-legend-color{border-radius:4px;height:16px;width:28px}.sd-legend-color.sd-present{background:#48bb78}.sd-legend-color.sd-absent{background:#e53e3e}.sd-attendance-card>p{color:#718096;font-size:14px;margin-top:0;text-align:center}.sd-annual-summary-section{margin-bottom:30px}.sd-annual-summary-section h4{color:#1a202c;font-size:12px;font-weight:600;margin-bottom:20px}.sd-fee-item{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px 24px;position:relative}.sd-fee-item label{color:inherit;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.sd-fee-item>div{flex:1 1}.sd-fee-item span:first-of-type{color:inherit;display:block;font-size:24px;font-weight:600}.sd-check-icon,.sd-warning-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;margin-left:auto;width:48px}.sd-fee-item:nth-child(2){background:linear-gradient(135deg,#ebf4ff,#dbeafe);border:1px solid #bfdbfe;color:#566aa9}.sd-fee-item:nth-child(2) label{color:#46669a}.sd-fee-item.sd-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.sd-fee-item.sd-paid label{color:#468a75}.sd-fee-item.sd-paid .sd-check-icon{background-color:#fffc;color:#468a75}.sd-fee-item.sd-remaining{background:linear-gradient(135deg,#fed7aa,#fde68a);border:1px solid #a48946;color:#b97c59}.sd-fee-item.sd-remaining label{color:#9d7342}.sd-fee-item.sd-remaining .sd-warning-icon{background-color:#fffc;color:#947643}.sd-fee-progress-summary{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:500;gap:15px;margin-bottom:25px}.sd-fee-progress-label{flex-shrink:0}.sd-fee-overall-progress{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px}.sd-fee-overall-progress .sd-progress-fill{background:linear-gradient(90deg,#9f7aea,#805ad5)}.sd-fee-progress-percentage{color:#2d3748;font-weight:600;white-space:nowrap}.sd-fee-due-info{color:#4a5568;display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;gap:10px;justify-content:space-between;margin-bottom:25px}.sd-fee-due-date,.sd-fee-last-payment{align-items:center;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:180px;padding:12px 15px}.sd-fee-status{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.sd-status-item{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px}.sd-status-item.sd-partial{background:#fff8e1;border:1px solid #fbd38d;color:#92400e}.sd-status-item.sd-due{background:#fef2f2;border:1px solid #fcc6c6;color:#c53030}.sd-fee-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:25px}.sd-fee-item1{align-items:center;background:#f7fafc;border-radius:10px;display:flex;gap:28px;padding:15px;text-align:center}.sd-fee-icon,.sd-progress-icon{align-items:center;border-radius:50%;color:#4a5568;display:flex;font-size:18px;font-weight:800;height:32px;justify-content:center;width:32px}.sd-progress-icon{color:#6b46c1;font-size:24px}.sd-fee-item div span{color:#718096;display:block;font-size:13px;font-weight:500;margin-bottom:2px}.sd-fee-item div h4{color:#2d3748;font-size:22px;font-weight:700;margin:0}@media (max-width:768px){.sd-annual-summary-section h4{font-size:20px}.sd-fee-item{padding:16px 20px}.sd-fee-item span:first-of-type{font-size:28px}.sd-check-icon,.sd-warning-icon{font-size:20px;height:40px;width:40px}}@media (max-width:480px){.sd-fee-item span:first-of-type{font-size:24px}.sd-fee-item label{font-size:14px}}.sd-documents-card .sd-card-header{align-items:center;justify-content:space-between}.sd-notification-icon{color:#4a5568;font-size:20px}.sd-notifications-list{display:flex;flex-direction:column;flex-grow:1;gap:15px;max-height:300px;overflow-y:auto;padding-right:5px}.sd-notification-item{align-items:flex-start;border-bottom:1px dashed #e2e8f0;display:flex;gap:12px;padding-bottom:15px}.sd-notification-item:last-child{border-bottom:none;padding-bottom:0}.sd-notification-status-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.sd-status-new{background-color:#4299e1}.sd-status-important{background-color:#e53e3e}.sd-notification-content{display:flex;flex-direction:column;flex-grow:1;gap:3px}.sd-notification-type{color:#2d3748;font-size:14px;font-weight:600;margin:0}.sd-notification-time{color:#718096;font-size:12px}.sd-view-all-notifications{align-self:center;background:none;border:1px solid #cbd5e0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:10px 15px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.sd-view-all-notifications:hover{background-color:#f7fafc;border-color:#a0aec0;color:#2d3748}.sd-events-list{display:flex;flex-direction:column;flex-grow:1;gap:20px}.sd-event-item{border-radius:10px;box-shadow:0 2px 4px #0000000d;overflow:hidden;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.sd-event-item:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.sd-event-item img{display:block;height:140px;object-fit:cover;width:100%}.sd-event-content{background:linear-gradient(#0000,#000000e6);bottom:0;color:#fff;display:flex;flex-direction:column;gap:5px;left:0;padding:15px 20px;position:absolute;right:0}.sd-event-content h4{font-size:16px;font-weight:700;margin:0}.sd-event-content p{font-size:12px;margin:0;opacity:.85}.sd-more-details{align-self:flex-start;background:#ffffff40;border:1px solid #ffffff59;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:10px;padding:8px 15px;transition:all .3s ease}.sd-more-details:hover{background:#ffffff59;border-color:#ffffff73}.sd-assignments-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.sd-search-box{align-items:center;display:flex;position:relative}.sd-search-icon{color:#718096;height:18px;left:12px;position:absolute;width:18px}.sd-search-box input{border:1px solid #cbd5e0;border-radius:8px;color:#2d3748;font-size:14px;padding:10px 15px 10px 40px;transition:all .2s ease;width:250px}.sd-search-box input::placeholder{color:#a0aec0}.sd-search-box input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e14d;outline:none}.sd-assignments-table{flex-grow:1;margin-top:20px;overflow-x:auto}.sd-assignments-table table{border-collapse:initial;border-radius:10px;border-spacing:0;box-shadow:0 1px 3px #0000000d;overflow:hidden;width:100%}.sd-assignments-table td,.sd-assignments-table th{border-bottom:1px solid #edf2f7;padding:12px 15px;text-align:left}.sd-assignments-table th{background:#f7fafc;color:#4a5568;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.sd-assignments-table tr:last-child td{border-bottom:none}.sd-assignments-table td{color:#2d3748;font-size:14px}.sd-status-badge{border-radius:5px;font-size:12px;font-weight:600;padding:5px 10px;text-transform:capitalize}.sd-status-completed{background:#d1fae5;color:#065f46}.sd-status-pending{background:#fef3c7;color:#92400e}.sd-action-icons{display:flex;gap:8px}.sd-action-icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:all .2s ease}.sd-action-icon-btn:hover{background-color:#edf2f7;color:#4a5568}@media (max-width:1024px){.sd-dashboard-grid{grid-template-columns:repeat(2,1fr)}.sd-student-info{grid-column:1/2;grid-row:1/2}.sd-gpa-card{grid-column:2/3;grid-row:1/2}.sd-performance-card{grid-column:1/2;grid-row:2/3}.sd-attendance-card{grid-column:2/3;grid-row:2/3}.sd-fee-card{grid-column:1/2;grid-row:3/4}.sd-documents-card{grid-column:2/3;grid-row:3/4}.sd-events-card{grid-column:1/3;grid-row:4/5}.sd-schedule-card{grid-column:1/3;grid-row:5/6}.assignments-card{grid-column:1/-1;grid-row:6/7}}@media (max-width:768px){.sd-dashboard{padding:15px}.sd-dashboard-grid{gap:15px;grid-template-columns:1fr}.assignments-card,.sd-attendance-card,.sd-documents-card,.sd-events-card,.sd-fee-card,.sd-gpa-card,.sd-performance-card,.sd-schedule-card,.sd-student-info{grid-column:auto;grid-row:auto}.sd-card{padding:15px}.sd-fee-summary{grid-template-columns:1fr}.sd-student-header{align-items:center;flex-direction:column;text-align:center}.sd-attendance-display{flex-direction:column;gap:15px;text-align:center}.sd-assignments-controls{align-items:flex-start;flex-direction:column;gap:10px;width:100%}.sd-dropdown select,.sd-search-box input{width:100%}.sd-assignments-table{font-size:12px}.sd-assignments-table td,.sd-assignments-table th{padding:10px 8px}}@media (max-width:480px){.sd-card-header{align-items:flex-start;flex-direction:column;gap:10px}.sd-calendar-header{gap:5px;grid-template-columns:repeat(3,1fr)}.sd-weekday{font-size:9px;padding:5px}.sd-schedule-item{align-items:flex-start;flex-direction:column;gap:8px}.sd-time{border-right:none;min-width:0;min-width:auto;padding-right:0;text-align:left}.sd-gpa-circle{height:120px;width:120px}.sd-gpa-circle:before{height:80px;width:80px}.sd-gpa-number{font-size:38px}.sd-attendance-circle:before{height:70px;width:70px}.sd-attendance-percentage{font-size:30px}.sd-event-item img{height:100px}.sd-event-content{padding:10px 15px}.sd-more-details{font-size:11px;padding:6px 12px}.sd-fee-item{flex-direction:column;gap:8px;text-align:center}.sd-fee-due-info,.sd-fee-progress-summary{align-items:flex-start;flex-direction:column;gap:10px}.sd-search-box input{width:calc(100% - 40px)}.sd-action-icons{justify-content:center}.sd-dashboard{padding:10px}}.calendar-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;min-height:504px;padding:24px}.calendar-card-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.calendar-card-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.calendar-add-new{color:#3b82f6;font-size:.875rem;text-decoration:none}.calendar-add-new:hover{text-decoration:underline}.calendar-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.calendar-tab{border:none;border-radius:16px;cursor:pointer;font-size:.75rem;padding:4px 12px;transition:all .2s}.calendar-tab.active{background:#3b82f6;color:#fff}.calendar-tab:not(.active){background:#f3f4f6;color:#6b7280}.calendar-tab:hover:not(.active){background:#e5e7eb}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-nav-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s}.calendar-nav-btn:hover{background:#f3f4f6}.calendar-month-year{color:#1f2937;font-weight:600}.calendar-grid{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-day-header{color:#6b7280;font-size:.75rem;padding:8px 0;text-align:center}.calendar-day{align-items:center;aspect-ratio:1/1;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;transition:all .2s}.calendar-day:hover{background:#f3f4f6}.calendar-day.today{background:#3b82f6;color:#fff}.calendar-day.selected:not(.today){background:#dbeafe;color:#1d4ed8}.calendar-day.other-month{color:#d1d5db}.calendar-day.event{background:#10b981;color:#fff}.calendar-event-item{border-radius:8px;color:#fff;margin-bottom:12px;padding:12px;position:relative}.calendar-event-item:last-child{margin-bottom:0}.calendar-event-item.purple{background:#8b5cf6}.calendar-event-item.green{background:#10b981}.calendar-event-content{align-items:flex-start;display:flex;justify-content:space-between}.calendar-event-title{font-size:.875rem;font-weight:600;margin:0 0 2px}.calendar-event-date{font-size:.75rem;margin:0;opacity:.9}.calendar-event-details{color:#fff;font-size:.75rem;opacity:.9;text-decoration:none;transition:opacity .2s}.calendar-event-details:hover{opacity:1;text-decoration:underline}@media (max-width:768px){.calendar-card{min-height:auto;padding:16px}.calendar-tabs{justify-content:center}}@media (max-width:1200px){.calendar-card{min-height:auto}}.schedule-container-fdb{border-radius:8px;padding:24px}.schedule-title-fdb{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:24px}.day-selector-fdb{display:flex;gap:8px;margin-bottom:24px}.day-button-fdb{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;text-align:center}.day-button-fdb:hover{background-color:#e0e0e0}.day-button-selected-fdb{background-color:#3984ec;border-color:#3984ec;color:#fff}.schedule-list-fdb{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:8px}.schedule-list-fdb::-webkit-scrollbar{width:8px}.schedule-list-fdb::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.schedule-list-fdb::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.schedule-list-fdb::-webkit-scrollbar-thumb:hover{background:#555}.schedule-card-fdb{align-items:center;border-radius:8px;display:flex;justify-content:space-between;min-height:60px;padding:12px}.schedule-info-fdb{padding-left:16px}.course-name-fdb{font-size:15px;font-weight:700;margin-bottom:4px}.course-details-fdb{font-size:12px;margin-bottom:6px;opacity:.85}.topic-text-fdb{color:#666;font-size:15px}.class-section-fdb{color:#777;font-size:11px;margin-top:4px}.time-box-fdb{border-radius:8px;color:#fff;font-size:14px;font-weight:500;min-width:90px;padding:8px 16px;text-align:center}.schedule-loading-fdb{color:#333;font-size:16px}.schedule-error-fdb{color:#d32f2f;font-size:16px}.no-schedule-fdb{color:#666;font-size:16px}.fd-dashboard{background-color:#f8fafc;margin-bottom:20px;max-width:1400px;overflow:auto;padding:24px}.fd-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content);grid-template-areas:"profile progress calendar" "actions communication calendar" "notes tracker schedule";grid-template-columns:repeat(3,1fr)}.atc-card,.cal-card,.com-card,.fic-card,.qac-card,.qnc-card,.spc-card,.tsc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px;transition:all .3s ease-in-out}.atc-card:hover,.cal-card:hover,.com-card:hover,.fic-card:hover,.qac-card:hover,.qnc-card:hover,.spc-card:hover,.tsc-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.fic-card{display:flex;flex-direction:column;gap:20px;grid-area:profile}.fic-header h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.fic-profile{align-items:center;display:flex;gap:20px;margin-bottom:16px}.fic-avatar img{border:4px solid #63b3ed;border-radius:50%;box-shadow:0 4px 12px #63b3ed4d;height:80px;object-fit:cover;transition:all .2s ease;width:80px}.fic-card:hover .fic-avatar img{transform:scale(1.05)}.fic-details{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fic-detail-item{display:flex;gap:12px}.fic-detail-label{color:#718096;font-size:.875rem;font-weight:500;margin-bottom:4px}.fic-detail-value{color:#1a202c;font-size:1rem;font-weight:600;word-break:break-word}.fic-email,.fic-id,.fic-joined,.fic-phone,.fic-role,.fic-welcome{display:none}.spc-card{grid-area:progress}.spc-header{margin-bottom:24px;text-align:center}.spc-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 6px}.spc-class{color:#6b7280;font-size:14px;font-weight:500;margin:0}.spc-progress-circle{display:flex;justify-content:center;margin:24px 0}.spc-circle-bg{border-radius:50%;box-shadow:inset 0 0 0 12px #fffc;height:140px;position:relative;width:140px}.spc-circle-inner{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:90px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}.spc-percentage{color:#1f2937;font-size:36px;font-weight:900;line-height:1;margin-bottom:2px}.spc-legend{background:#f9fafb;border-radius:8px;display:flex;justify-content:space-around;margin-top:16px;padding:16px}.spc-legend-item{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:6px}.spc-dot{border-radius:50%;height:12px;width:12px}.spc-dot.spc-done{background:#ef4444;box-shadow:0 0 0 2px #fff}.spc-dot.spc-progress{background:#10b981;box-shadow:0 0 0 2px #fff}.spc-count{color:#1f2937;font-size:13px;font-weight:700}.cal-card{display:flex;flex-direction:column;grid-area:calendar}.cal-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:16px}.cal-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 16px}.cal-controls{background:#f9fafb;border-radius:8px;justify-content:space-between;margin-bottom:16px;padding:12px}.cal-btn,.cal-controls{align-items:center;display:flex}.cal-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.cal-btn:hover{background:#e5e7eb;border-color:#9ca3af}.cal-month{color:#1f2937;font-size:16px;font-weight:600}.cal-tabs{display:flex;flex-wrap:wrap;gap:8px}.cal-tab{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.cal-tab.active,.cal-tab:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.cal-grid{display:flex;flex-direction:column;flex-grow:1;gap:12px;min-height:0}.cal-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.cal-day-header{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:11px;font-weight:700;padding:10px 4px;text-align:center}.cal-dates{grid-gap:2px;display:grid;flex-grow:1;gap:2px;grid-template-columns:repeat(7,1fr);min-height:0}.cal-date{align-items:center;aspect-ratio:1;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;justify-content:flex-start;padding:6px 2px;position:relative;transition:all .2s ease}.cal-date:hover{background:#f3f4f6;transform:scale(1.05)}.cal-date.today{background:#dbeafe;border:2px solid #3b82f6;color:#1e40af;font-weight:700}.cal-date.event{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.cal-date span{line-height:1;margin-bottom:2px}.cal-event-dot{background:#10b981;border-radius:50%;height:4px;margin-top:auto;width:4px}.cal-add-btn{align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 20px;transition:all .2s ease}.cal-add-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.qac-card{grid-area:actions}.qac-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 20px}.qac-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.qac-item{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.qac-item:hover{background:#f8fafc;border-color:#d1d5db;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.qac-item.qac-low{border-left:4px solid #d1d5db}.qac-item.qac-medium{border-left:4px solid #f59e0b}.qac-item.qac-high{background:#fef2f2;border-left:4px solid #ef4444}.qac-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;width:48px}.qac-item:hover .qac-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.qac-content h4{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px}.qac-content p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.com-card{grid-area:communication}.com-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.com-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0}.com-view-all{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.com-view-all:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.com-list{display:flex;flex-direction:column;flex-grow:1;gap:16px;margin-bottom:20px;max-height:280px;overflow-y:auto}.com-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.com-item:hover{background:#f8fafc;border-color:#d1d5db}.com-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:40px;justify-content:center;width:40px}.com-content{flex:1 1;min-width:0}.com-sender{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.com-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden}.com-time{align-self:flex-start;color:#9ca3af;flex-shrink:0;font-size:12px;margin-top:4px;white-space:nowrap}.com-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:14px;transition:all .2s ease}.com-footer:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#93c5fd;transform:translateY(-1px)}.com-icon{color:#3b82f6;flex-shrink:0}.com-footer span{color:#1e40af;font-size:14px;font-weight:600}.atc-card{grid-area:tracker}.atc-header{margin-bottom:20px;text-align:center}.atc-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 6px}.atc-header p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.atc-stats{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-around;margin-bottom:24px;padding:20px}.atc-stat{text-align:center}.atc-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1f2937;display:block;font-size:28px;font-weight:800;margin-bottom:4px}.atc-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.atc-list{flex-grow:1;gap:16px;margin-bottom:20px;max-height:300px;overflow-y:auto}.atc-item,.atc-list{display:flex;flex-direction:column}.atc-item{background:#fafbfc;border-left:4px solid #0000;border-radius:8px;gap:8px;padding:16px;transition:all .2s ease}.atc-item:hover{background:#f8fafc;transform:translateX(2px)}.atc-item.atc-pending{border-left-color:#3b82f6}.atc-item.atc-due{border-left-color:#f59e0b}.atc-item.atc-overdue{background:#fef2f2;border-left-color:#ef4444;border-right:2px solid #fecaca}.atc-title{color:#1f2937;font-size:15px;font-weight:700;line-height:1.3;margin:0}.atc-meta{color:#6b7280;display:flex;font-size:13px;gap:16px;margin-bottom:4px}.atc-meta span{background:#f3f4f6;border-radius:4px;font-size:11px;padding:2px 8px}.atc-count{color:#10b981;font-size:14px;font-weight:700;margin-bottom:8px}.atc-days{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.atc-status{border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.atc-status.atc-pending{background:#dbeafe;color:#1e40af}.atc-status.atc-due{background:#fef3c7;color:#d97706}.atc-status.atc-overdue{background:#fecaca;color:#dc2626}.atc-upload-btn{align-self:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .2s ease}.atc-upload-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.tsc-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.tsc-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0}.tsc-legend{display:flex;flex-wrap:wrap;gap:20px}.tsc-legend-item{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:6px}.tsc-icon{color:#9ca3af;height:16px;width:16px}.tsc-list{display:flex;flex-direction:column;flex-grow:1;gap:12px;max-height:320px;overflow-y:auto}.tsc-item{grid-gap:12px 16px;align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:grid;gap:12px 16px;grid-template-columns:60px 1fr 80px 1fr auto;padding:16px;transition:all .2s ease}.tsc-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.tsc-time{background:#3b82f6;border-radius:6px;color:#1f2937;color:#fff;font-size:15px;font-weight:700;padding:4px 8px;text-align:center}.tsc-class{color:#1e40af;font-size:14px;font-weight:600}.tsc-room{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:13px;font-weight:500;padding:6px 12px;text-align:center}.tsc-subject{color:#374151;font-size:14px;font-weight:600}.tsc-join-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 6px #10b9814d;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.tsc-join-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.qnc-card{grid-area:notes}.qnc-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 20px}.qnc-list{display:flex;flex-direction:column;flex-grow:1;gap:16px;margin-bottom:20px;max-height:280px;overflow-y:auto}.qnc-item{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:16px;transition:all .2s ease}.qnc-item:before{background:#d1d5db;content:"";height:4px;left:0;position:absolute;right:0;top:0}.qnc-item:hover{background:linear-gradient(135deg,#f8fafc,#f0f9ff);border-color:#93c5fd;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.qnc-item.completed:before{background:#10b981}.qnc-item.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;opacity:.7}.qnc-checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;color:#0000;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:24px}.qnc-checkbox.checked{background:#10b981;border-color:#10b981;color:#fff}.qnc-checkbox.checked:after{content:"✓";font-size:12px;font-weight:700;position:absolute}.qnc-content h4{color:#1f2937;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 6px}.qnc-priority{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.qnc-priority.qnc-high{background:#fee2e2;box-shadow:0 2px 4px #ef444433;color:#dc2626}.qnc-priority.qnc-medium{background:#fef3c7;box-shadow:0 2px 4px #f59e0b33;color:#d97706}.qnc-add-btn{align-self:flex-start;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 20px;transition:all .2s ease}.qnc-add-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.qnc-form{background:#fff;border-radius:12px;box-shadow:0 4px 22px #3b82f617;display:flex;flex-direction:column;gap:18px;padding:22px 18px}.qnc-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;outline:none;padding:11px 13px;transition:border-color .18s}.qnc-input:focus{background:#f3f4f6;border-color:#3b82f6}.qnc-textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;max-height:190px;min-height:78px;outline:none;padding:11px 13px;resize:vertical;transition:border-color .18s}.qnc-textarea:focus{background:#f3f4f6;border-color:#3b82f6}.qnc-form-buttons{display:flex;gap:12px;margin-top:12px}.qnc-save-btn{background:linear-gradient(135deg,#10b981,#3b82f6);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f61f;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 18px;transition:background .16s}.qnc-save-btn:disabled{background:#a7f3d0;cursor:not-allowed}.qnc-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#2563eb)}.qnc-cancel-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 18px;transition:background .18s}.qnc-cancel-btn:hover{background:#e5e7eb;color:#1e293b}@media (max-width:1024px){.fd-grid{grid-template-areas:"profile progress" "calendar calendar" "actions communication" "notes tracker" "schedule schedule";grid-template-columns:repeat(2,1fr)}.cal-card,.fic-card{grid-row:span 1}.cal-card,.tsc-card{grid-column:span 2}}@media (max-width:768px){.fd-dashboard{padding:15px}.fd-grid{gap:15px;grid-template-areas:"profile" "progress" "calendar" "actions" "communication" "notes" "tracker" "schedule";grid-template-columns:1fr}.cal-card,.fic-card,.tsc-card{grid-column:span 1;grid-row:span 1}.qac-grid{grid-template-columns:1fr}.cal-controls{align-items:stretch;flex-direction:column;gap:12px}.cal-btn{align-self:center}.tsc-item{gap:8px;grid-template-columns:1fr;padding:12px;text-align:left}.tsc-join-btn{align-self:flex-start;margin-top:8px}.atc-stats{flex-direction:column;gap:16px}.tsc-legend{justify-content:flex-start}.qnc-item{align-items:flex-start;flex-direction:column}.qnc-checkbox{align-self:flex-start}.atc-days{gap:6px;padding:12px}.atc-days,.com-header{align-items:flex-start;flex-direction:column}.com-header{gap:12px}}@media (max-width:480px){.fd-dashboard{padding:12px}.fd-grid{gap:12px}.cal-tabs{justify-content:center}.cal-date{font-size:11px;padding:4px 1px}.tsc-time{grid-column:span 1;text-align:left}.qnc-add-btn{align-self:stretch}.spc-circle-bg{height:120px;width:120px}.spc-circle-inner{height:80px;width:80px}.spc-percentage{font-size:28px}}.subject-container{font-family:Arial,sans-serif;max-width:100%;overflow:scroll;padding:20px;width:95%}.subject-form{margin-bottom:20px}.form-layout{display:flex;gap:15px}.input-container{display:flex;flex:1 1;flex-direction:column}.input-container label{color:#333;font-size:14px;font-weight:700;margin-bottom:5px;text-align:left}.form-input,.form-select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.form-input::placeholder{color:#999}.form-select{-webkit-appearance:none;appearance:none;background-size:12px}.topics-input-container{align-items:flex-end;display:flex;gap:8px}.add-topic-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;white-space:nowrap}.add-topic-btn:disabled{background-color:#ccc;cursor:not-allowed}.add-topic-btn:hover:not(:disabled){background-color:#0056b3}.topics-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.topic-tag{align-items:center;background-color:#e3f2fd;border-radius:16px;color:#1976d2;display:flex;font-size:12px;gap:4px;padding:4px 8px}.remove-topic-btn{background:none;border:none;color:#1976d2;cursor:pointer;font-size:10px;padding:0}.remove-topic-btn:hover{color:#d32f2f}.create-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:55%;margin-top:20px;padding:8px 20px;transition:background-color .3s}.create-btn:hover{background-color:#0056b3}.subject-list{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.list-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 15px}.list-header h3{color:#333;font-size:18px;font-weight:600;margin-bottom:16px;text-align:left}.search-container{position:relative}.search-input{border:1px solid #ccc;border-radius:15px;font-size:14px;padding:6px 30px 6px 10px}.search-input::placeholder{color:#999}.search-icon{color:#666;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.table-container{overflow-x:auto;width:100%}.subject-table{border-collapse:collapse;width:100%}.subject-table td,.subject-table th{border-bottom:1px solid #e0e0e0;padding:10px;text-align:left}.subject-table th{background-color:#f8f9fa;color:#333;font-size:14px;font-weight:700}.subject-table td{color:#555;font-size:14px}.sort-icon{color:#666;margin-left:5px}.description-cell{word-wrap:break-word;max-width:200px}.topics-cell{max-width:150px}.topics-preview{display:flex;flex-direction:column;gap:2px}.topic-preview-tag{background-color:#f5f5f5;border-radius:8px;display:inline-block;font-size:11px;padding:2px 6px}.more-topics{color:#666;font-size:11px;font-style:italic}.action-buttons{display:flex;gap:10px}.action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:5px;transition:background-color .2s}.action-btn:hover{background-color:#f0f0f0}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:18px;padding:5px}.close-btn:hover{background-color:#f0f0f0;color:#333}.modal-body{padding:20px}.modal-form-layout{display:flex;flex-direction:column;gap:15px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px}.cancel-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.cancel-btn:hover{background-color:#545b62}.update-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.update-btn:hover{background-color:#218838}.input-container{position:relative}.suggestions-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item:last-child{border-bottom:none}.suggestion-item:active{background-color:#e9ecef}@media (max-width:768px){.subject-container{padding:10px}.form-layout{flex-direction:column}.modal-content{margin:10px;width:95%}.topics-input-container{align-items:stretch;flex-direction:column}.add-topic-btn{margin-top:8px}}.subject-view-container{max-width:1200px;overflow:scroll;padding:20px}.subject-header{border-bottom:2px solid #e0e0e0;gap:20px;margin-bottom:30px;padding-bottom:20px}.back-btn,.subject-header{align-items:center;display:flex}.back-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.back-btn:hover{background:#e0e0e0;transform:translateX(-2px)}.subject-title h1{color:#2c3e50;font-size:2.2em;font-weight:700;margin:0}.subject-meta{display:flex;gap:15px;margin-top:8px}.subject-code{background:#3498db}.subject-code,.subject-type{border-radius:15px;color:#fff;font-size:.85em;font-weight:600;padding:4px 12px}.subject-type{background:#2ecc71}.subject-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:30px}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:15px 25px;transition:all .3s ease}.tab-btn.active,.tab-btn:hover{background:#f8f9fa;color:#3498db}.tab-btn.active{border-bottom-color:#3498db}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.error-message{text-align:center}.error-message h3{color:#e74c3c;margin-bottom:10px}.course-view-tab{animation:fadeIn .3s ease-in}.course-info-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.info-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px}.info-card h3{color:#2c3e50;font-size:1.3em;font-weight:600;margin:0 0 15px}.info-card p{color:#555;line-height:1.6;margin:0}.detail-grid{grid-gap:15px;display:grid;gap:15px}.detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.detail-item:last-child{border-bottom:none}.detail-item label{color:#666;font-weight:600}.detail-item span{color:#333;font-weight:500}.topics-section h3{color:#2c3e50;font-size:1.5em;font-weight:600;margin-bottom:20px}.topics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.topic-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .3s ease}.topic-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.topic-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.topic-number{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9em;font-weight:600;height:30px;justify-content:center;width:30px}.topic-header h4{color:#2c3e50;font-size:1.1em;font-weight:600;line-height:1.4;margin:0}.topic-actions{display:flex;justify-content:flex-end}.start-btn{align-items:center;background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.start-btn:hover{background:#27ae60;transform:translateY(-1px)}.no-topics{color:#666;font-style:italic;padding:60px 20px;text-align:center}.course-progress-tab{animation:fadeIn .3s ease-in}.progress-overview{margin-bottom:40px}.progress-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:20px;padding:25px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:50%;flex-shrink:0;font-size:1.5em;height:50px;justify-content:center;width:50px}.stat-card:first-child .stat-icon{background:#d5f5d5;color:#2ecc71}.stat-card:nth-child(2) .stat-icon{background:#dde8ff;color:#3498db}.stat-card:nth-child(3) .stat-icon{background:#fff0e6;color:#f39c12}.stat-card:nth-child(4) .stat-icon{background:#f0e6ff;color:#9b59b6}.stat-info h3{color:#2c3e50;font-size:2em;font-weight:700;margin:0 0 5px}.stat-info p{color:#050303;font-size:.9em;margin:0}.progress-bar-section h3{color:#2c3e50;font-weight:600;margin-bottom:15px}.progress-bar-container{align-items:center;display:flex;gap:15px}.progress-bar{background:#e0e0e0;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(45deg,#3498db,#2ecc71);height:100%;transition:width .3s ease}.progress-text{color:#2c3e50;font-weight:600;min-width:80px}.progress-details{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.student-progress-section h3,.topic-progress-section h3{color:#2c3e50;font-weight:600;margin-bottom:20px}.student-progress-list,.topic-progress-list{display:flex;flex-direction:column;gap:15px}.topic-progress-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:15px}.topic-progress-item.completed{border-left:4px solid #2ecc71}.topic-progress-item.pending{border-left:4px solid #f39c12}.topic-progress-info{align-items:center;display:flex;flex:1 1;gap:12px}.topic-status-icon{font-size:1.1em}.topic-progress-item.completed .topic-status-icon{color:#2ecc71}.topic-progress-item.pending .topic-status-icon{color:#f39c12}.topic-name{color:#2c3e50;font-weight:500}.topic-progress-stats{align-items:center;display:flex;gap:15px}.students-completed{color:#666;font-size:.85em}.status-badge{border-radius:12px;font-size:.75em;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-badge.completed{background:#d5f5d5;color:#2ecc71}.status-badge.pending{background:#fff3e0;color:#f39c12}.student-progress-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;padding:20px}.student-info{flex:1 1;gap:15px}.student-avatar,.student-info{align-items:center;display:flex}.student-avatar{background:#3498db;border-radius:50%;color:#fff;font-size:1.2em;font-weight:600;height:45px;justify-content:center;width:45px}.student-details h4{color:#2c3e50;font-weight:600;margin:0 0 5px}.student-details p{color:#666;font-size:.9em;margin:0}.student-progress{align-items:center;display:flex;gap:15px;min-width:150px}.student-progress-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100px}.student-progress-fill{background:linear-gradient(45deg,#3498db,#2ecc71);height:100%;transition:width .3s ease}.student-progress-text{color:#2c3e50;font-size:.9em;font-weight:600;min-width:35px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.subject-view-container{padding:15px}.subject-header{align-items:flex-start;flex-direction:column;gap:15px}.subject-title h1{font-size:1.8em}.subject-meta{flex-wrap:wrap}.subject-tabs{flex-direction:column}.tab-btn{border-bottom:1px solid #e0e0e0;border-radius:0;text-align:left}.tab-btn.active{background:#3498db;border-bottom-color:#3498db;color:#fff}.course-info-section{gap:20px}.course-info-section,.topics-grid{grid-template-columns:1fr}.progress-stats{grid-template-columns:repeat(2,1fr)}.progress-details{gap:30px;grid-template-columns:1fr}.progress-bar-container{align-items:flex-start;flex-direction:column;gap:10px}.student-progress-item{align-items:flex-start;flex-direction:column;gap:15px}.student-progress{justify-content:space-between;width:100%}.student-progress-bar{flex:1 1;margin-right:15px}}@media (max-width:480px){.progress-stats{grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{font-size:1.2em;height:40px;width:40px}.stat-info h3{font-size:1.5em}}.event-details-container{border-radius:12px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;max-width:900px;padding:0 40px 40px 0}.event-details-container h3{color:#1e3144;font-size:28px;margin-bottom:30px;text-align:center}.event-details-title{color:#17c1e8;font-size:24px;font-weight:700;margin-bottom:15px}.event-details-date,.event-details-description,.event-details-duration,.event-details-location,.event-details-type{color:#333;font-size:16px;line-height:1.6;margin-bottom:12px}.back-button{border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:12px 24px;transition:background-color .2s}.back-button:hover{background-color:#14aac8}.pfm-overlay{align-items:center;background:#0f172a99;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:999}.pfm-modal{animation:pfm-fade-in .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a33;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-height:90vh;max-width:900px;overflow-y:auto;padding:24px 28px;position:relative;width:100%}.pfm-modal h2{color:#111827;font-size:1.4rem;font-weight:600;margin:0 0 20px}.pfm-modal form{gap:16px}.pfm-field,.pfm-modal form{display:flex;flex-direction:column}.pfm-field{gap:6px}.pfm-field label{color:#374151;font-size:.88rem;font-weight:500}.pfm-field input,.pfm-field select,.pfm-field textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;outline:none;padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.pfm-field input:focus,.pfm-field select:focus,.pfm-field textarea:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb4d}.pfm-field small{color:#6b7280;font-size:.78rem}.pfm-field input::placeholder,.pfm-field textarea::placeholder{color:#9ca3af}.pfm-subjects{display:flex;flex-direction:column;gap:10px}.pfm-subjects>label{color:#111827;font-size:.9rem;font-weight:600}.pfm-subjects-table{border:1px solid #e5e7eb;border-collapse:collapse;border-radius:12px;font-size:.9rem;margin-top:4px;overflow:hidden;width:100%}.pfm-subjects-table thead{background-color:#f3f4f6}.pfm-subjects-table td,.pfm-subjects-table th{border-bottom:1px solid #e5e7eb;padding:8px 10px;text-align:left;vertical-align:middle}.pfm-subjects-table th{color:#374151;font-size:.85rem;font-weight:600}.pfm-subjects-table tbody tr:nth-child(2n){background-color:#f9fafb}.pfm-subjects-table input[type=number],.pfm-subjects-table input[type=text],.pfm-subjects-table select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.85rem;outline:none;padding:6px 8px;width:100%}.pfm-subjects-table input:focus,.pfm-subjects-table select:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb40}.pfm-add-subject{align-items:center;align-self:flex-start;background:#eff6ff;border:1px dashed #2563eb;border-radius:999px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;margin-top:6px;padding:6px 12px;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.pfm-add-subject:hover:not(:disabled){background:#dbeafe;box-shadow:0 0 0 1px #2563eb33;transform:translateY(-.5px)}.pfm-add-subject:disabled{cursor:not-allowed;opacity:.5}.pfm-remove{background:#fee2e2;border:none;border-radius:999px;color:#b91c1c;cursor:pointer;font-size:.78rem;font-weight:600;padding:4px 8px;transition:background-color .15s ease,transform .1s ease}.pfm-remove:hover{background:#fecaca;transform:translateY(-.5px)}.pfm-field textarea{min-height:70px;resize:vertical}.pfm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.pfm-actions button{border:none;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:90px;padding:8px 14px;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.pfm-actions button[type=button]{background-color:#e5e7eb;color:#374151}.pfm-actions button[type=button]:hover:not(:disabled){background-color:#d1d5db;transform:translateY(-.5px)}.pfm-actions button[type=submit]{background-color:#2563eb;box-shadow:0 10px 15px -3px #2563eb59;color:#fff}.pfm-actions button[type=submit]:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.pfm-actions button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.pfm-modal::-webkit-scrollbar{width:8px}.pfm-modal::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:999px}@keyframes pfm-fade-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.pfm-modal{max-height:95vh;padding:16px 16px 18px}.pfm-modal h2{font-size:1.2rem}.pfm-subjects-table{display:block;overflow-x:auto;white-space:nowrap}.pfm-actions{flex-direction:row-reverse;justify-content:space-between}}.spc-student-performance-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:scroll;padding:20px}.spc-student-performance-container h2{color:#333;font-size:24px;margin-bottom:20px}.spc-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.spc-buttons{margin-left:auto}.spc-select-group{display:flex;flex-direction:column}.spc-select-group label{color:#555;font-weight:600;margin-bottom:5px}.spc-add-performance-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.spc-add-performance-btn:hover{background-color:#218838;transform:translateY(-2px)}.spc-add-performance-btn:active{background-color:#1e7e34;transform:translateY(0)}.spc-select-group input,.spc-select-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px;padding:10px}.spc-buttons{display:flex;gap:10px}.spc-search-btn{background-color:#007bff;border:none;color:#fff;cursor:pointer}.spc-search-btn,.spc-upload-btn{border-radius:6px;font-weight:700;padding:10px 20px}.spc-upload-btn{background-color:#fd7e14}.spc-tabs{border-bottom:2px solid #ddd;display:flex;margin-bottom:20px}.spc-tab{background:#e9ecef;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:15px;margin-right:5px;padding:12px 24px}.spc-tab.spc-active{background:#007bff;color:#fff}.spc-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.spc-table-header h3{color:#333;font-size:18px}.spc-search-box{position:relative}.spc-search-box input{border:1px solid #ddd;border-radius:30px;padding:10px 35px 10px 15px;width:280px}.spc-search-icon{color:#888;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spc-performance-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%}.spc-performance-table th{background-color:#f1f3f5;color:#333;font-size:14px;font-weight:600;padding:15px 10px;text-align:left}.spc-performance-table td{border-bottom:1px solid #eee;padding:15px 10px}.spc-score-bar{align-items:center;background:#eee;border-radius:20px;display:flex;gap:10px;padding:4px;position:relative;width:140px}.spc-score-bar .spc-fill{background:#28a745;border-radius:20px;height:28px;left:4px;position:absolute;transition:width .4s ease}.spc-score-bar span{color:#333;font-size:14px;font-weight:700;margin-left:10px;position:relative;z-index:1}.spc-level-badge{border-radius:20px;font-size:13px;font-weight:700;padding:6px 14px}.spc-level-badge.spc-excellent{background:#d4edda;color:#155724}.spc-level-badge.spc-good{background:#d1ecf1;color:#0c5460}.spc-level-badge.spc-average{background:#fff3cd;color:#856404}.spc-level-badge.spc-poor{background:#f8d7da;color:#721c24}.spc-subjects{color:#555;font-size:13px}.spc-actions button{background:none;border:none;cursor:pointer;font-size:18px;margin:0 5px}.spc-loading{color:#666;font-size:18px}.spc-loading,.spc-no-data{padding:40px;text-align:center}.spc-no-data{color:#999;font-style:italic}.spc-edit-btn,.spc-view-btn{background:none;border:none;cursor:pointer;font-size:18px}@media (max-width:768px){.spc-filters,.spc-table-header{align-items:stretch;flex-direction:column}.spc-search-box input{width:100%}.spc-performance-table{font-size:13px}}.spc-upload-group{margin-left:auto}.spc-upload-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.spc-upload-btn:hover:not(:disabled){background:#0056b3}.spc-upload-btn:disabled{background:#ccc;cursor:not-allowed}.eam-container{background:#f8fafc;overflow:auto;padding:24px}.eam-wrapper{max-width:1200px}.eam-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.eam-header-left,.eam-title{align-items:center;display:flex;gap:12px}.eam-title{color:#1e293b;font-size:28px;font-weight:700;margin:0}.eam-title-icon{color:#3b82f6;height:36px;width:36px}.eam-btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.eam-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.eam-btn-danger:active{transform:scale(.97)}.eam-btn-primary,.eam-btn-secondary,.eam-btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.eam-btn-primary{background:#3b82f6;color:#fff}.eam-btn-primary:hover{background:#2563eb}.eam-btn-success{background:#10b981;color:#fff}.eam-btn-success:hover{background:#059669}.eam-btn-secondary{background:#e2e8f0;color:#475569}.eam-btn-secondary:hover{background:#cbd5e1}.eam-btn-back{background:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px}.eam-assessment-grid,.eam-exam-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.eam-assessment-card,.eam-exam-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.eam-assessment-card:hover,.eam-exam-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.eam-exam-card-content{align-items:center;display:flex;justify-content:space-between}.eam-exam-card-icon{color:#3b82f6;height:48px;width:48px}.eam-exam-card-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.eam-exam-card-subtitle{color:#64748b;font-size:13px}.eam-assessment-card-header{margin-bottom:16px}.eam-assessment-card-title{color:#1e293b;font-size:17px;font-weight:600;margin:0}.eam-assessment-card-body{display:flex;flex-direction:column;gap:12px}.eam-assessment-meta{align-items:center;display:flex;gap:12px}.eam-meta-label{color:#64748b;font-size:14px;font-weight:500;width:80px}.eam-meta-value{background:#f1f5f9;border-radius:8px;color:#0f172a;font-size:14px;font-weight:600;padding:6px 12px}.eam-meta-badge{background:#3b82f6;border-radius:20px;color:#fff;font-size:13px;font-weight:500;padding:4px 12px}.eam-empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:80px 20px}.eam-empty-icon{color:#cbd5e1;height:72px;margin:0 auto 20px;width:72px}.eam-empty-text{color:#475569;font-size:20px}.eam-empty-subtext{color:#94a3b8}.eam-filter-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.eam-filter-group{align-items:center;display:flex;flex:1 1;gap:12px;max-width:300px}.eam-filter-info{color:#64748b;font-size:14px}.eam-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.eam-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:95vh;max-width:700px;width:100%}.eam-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.eam-modal-title{color:#1e293b;font-size:22px;font-weight:700;margin:0}.eam-modal-close{background:none;border:none;color:#64748b;cursor:pointer;padding:8px}.eam-modal-close:hover{color:#1e293b}.eam-modal-body-scrollable{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.eam-form-group{display:flex;flex-direction:column;gap:8px}.eam-form-group label{color:#374151;font-weight:600}.eam-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.eam-input,.eam-select{border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;padding:12px 16px;transition:border .2s}.eam-input:focus,.eam-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.eam-hint{color:#64748b;font-size:13px;font-style:italic}.eam-info-box{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;color:#166534;font-size:15px;font-weight:600;padding:16px;text-align:center}.eam-modal-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center;padding:20px 24px}.eam-select-all{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;border-radius:6px;font-weight:600;margin:0 8px 8px;padding:8px 12px!important}.eam-multiselect{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column}.eam-multiselect-search{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:14px}.eam-multiselect-search input{border:none;flex:1 1;font-size:15px;outline:none}.eam-multiselect-options{max-height:280px;overflow-y:auto;padding:8px 0}.eam-multiselect-option{align-items:center;cursor:pointer;display:flex;gap:14px;padding:12px 18px;transition:background .2s}.eam-multiselect-option:hover{background:#f0f9ff}.eam-multiselect-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.eam-multiselect-tags{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.eam-loading-text{color:#64748b;font-style:italic;padding:12px 0;text-align:center}.eam-loader-center{display:flex;justify-content:center;padding:80px 0}.eam-spinner,.eam-spinner-large{animation:spin 1s linear infinite;color:#3b82f6;height:48px;width:48px}.eam-loading-auth{align-items:center;background:#f8fafc;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.eam-loading-spinner{animation:spin 1s linear infinite;color:#3b82f6;height:48px;width:48px}@media (max-width:768px){.eam-form-row{grid-template-columns:1fr}.eam-header{align-items:stretch;flex-direction:column}}.eam-clean-dropdown{position:relative;width:100%}.eam-dropdown-header{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px;transition:all .2s}.eam-dropdown-header:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.eam-dropdown-placeholder{color:#64748b}.eam-dropdown-arrow{color:#64748b;transition:transform .2s}.eam-dropdown-arrow.open{transform:rotate(180deg)}.eam-dropdown-list{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #00000026;left:0;margin-top:8px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.eam-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.eam-dropdown-item:hover{background:#f0f9ff}.eam-dropdown-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.eam-dropdown-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.eam-tag{background:#dbeafe;border-radius:20px;color:#1e40af;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.eam-exam-actions,.eam-tag{align-items:center;display:flex}.eam-exam-actions{gap:12px;opacity:0;transition:opacity .2s ease}.eam-exam-card:hover .eam-exam-actions{opacity:1}.eam-delete-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;position:relative;transition:all .2s ease}.eam-delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.eam-delete-text{opacity:0;transition:opacity .2s ease;white-space:nowrap}.eam-delete-btn:hover .eam-delete-text{opacity:1}.eam-exam-card{transition:all .2s ease}.eam-exam-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.eam-container{background:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px 24px}.eam-wrapper{margin:0 auto;max-width:1400px}.eam-page-header{margin-bottom:32px;text-align:left}.eam-page-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.eam-page-subtitle{color:#6b7280;font-size:14px;margin:0}.eam-top-bar{gap:16px;margin-bottom:24px}.eam-create-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.eam-create-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.eam-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.eam-table-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:16px;font-weight:600;padding:16px 24px}.eam-table{border-collapse:collapse;width:100%}.eam-table th{background:#f9fafb;color:#4b5563;font-weight:600;padding:16px 24px;text-align:left}.eam-table td,.eam-table th{border-bottom:1px solid #e5e7eb;font-size:14px}.eam-table td{color:#1f2937;padding:18px 24px}.eam-table tr:hover{background:#f8fafc}.eam-group-name{color:#1f2937;font-size:15px;font-weight:600}.eam-exam-type{color:#6b7280;font-size:14px}.eam-total-exams{color:#374151;font-weight:600;text-align:center}.eam-status-badge{align-items:center;background:#ecfdf5;border:1px solid #86efac;border-radius:20px;color:#059669;display:inline-flex;font-size:13px;font-weight:600;padding:4px 12px}.eam-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end}.eam-action-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:6px;transition:all .2s}.eam-action-btn:hover{background:#eff6ff;color:#3b82f6}.eam-action-btn.delete:hover{background:#fee2e2;color:#ef4444}.eam-empty-state{color:#9ca3af;padding:80px 40px;text-align:center}.eam-empty-icon{height:64px;margin:0 auto 16px;opacity:.5;width:64px}.eam-empty-text{color:#6b7280;font-size:18px;font-weight:600;margin:0 0 8px}.eam-empty-subtext{color:#9ca3af;font-size:14px}.eam-loader-center{padding:60px 20px;text-align:center}.eam-spinner{animation:spin 1s linear infinite;color:#3b82f6;height:48px;width:48px}@media (max-width:768px){.eam-top-bar{align-items:stretch;flex-direction:column}.eam-table-container{overflow-x:auto}.eam-table td,.eam-table th{font-size:13px;padding:12px 16px}.eam-actions{gap:8px}.eam-action-btn{padding:4px}}.eam-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.eam-search-bar{flex:1 1;max-width:400px;min-width:250px;position:relative}.eam-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:10px 40px 10px 16px;transition:all .2s;width:100%}.eam-search-input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.eam-search-clear{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s}.eam-search-clear:hover{background-color:#f1f5f9;color:#475569}.eam-input-error{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef4444}.eam-error-text{color:#ef4444;font-size:.875rem;margin-bottom:0;margin-top:.25rem}.eam-clean-dropdown.disabled,.eam-dropdown-header.disabled{background-color:#f5f5f5;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.eam-dropdown-header.disabled:hover{background-color:#f5f5f5}.eam-tag.disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.eam-dropdown-placeholder.disabled{color:#9ca3af;font-style:italic}.eam-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.eam-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.eam-exam-description{color:#6b7280;font-size:14px;line-height:1.5;margin-top:4px;max-width:500px}.eam-description-cell{max-width:200px}.eam-description-text{color:#6b7280;display:block;font-size:13px}.eam-hint-inline{color:#9ca3af;font-size:12px;font-weight:400}.eam-input-wrapper{position:relative}.eam-hint{color:#9ca3af;display:block;font-size:12px;margin-top:4px}.eam-dropdown-tags .eam-tag{align-items:center;background:#f3f4f6;border-radius:6px;color:#374151;display:inline-flex;font-size:13px;gap:4px;margin-bottom:4px;margin-right:4px;padding:4px 8px}.eam-tag svg{color:#6b7280;cursor:pointer}.eam-tag svg:hover{color:#ef4444}.disabled-tags .eam-tag{opacity:.5}.eg-grade-container{background-color:#f8f9fa;max-width:1400px;min-height:100vh;overflow:auto;padding:24px}.eg-grade-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.eg-grade-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.eg-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-around}.eg-exam-dropdown-wrapper{position:relative}.eg-exam-dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:280px;outline:none;padding:10px 36px 10px 16px;transition:all .2s ease}.eg-exam-dropdown:hover{border-color:#9ca3af}.eg-exam-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.eg-exam-dropdown:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.eg-add-grade-btn{align-items:center;background-color:#fff;border:none;border-radius:6px;color:#007bff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:background-color .2s ease}.eg-grade-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.eg-card-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px}.eg-card-title{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.eg-table-wrapper{overflow-x:auto}.eg-grade-table{border-collapse:collapse;width:100%}.eg-table-head{background-color:#f9fafb}.eg-table-th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:500;padding:12px 24px;text-align:left}.eg-table-th-center{text-align:center}.eg-table-body{background-color:#fff}.eg-table-row{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.eg-table-row:hover{background-color:#f9fafb}.eg-table-row:last-child{border-bottom:none}.eg-table-td{color:#374151;font-size:14px;padding:16px 24px}.eg-table-td-center{text-align:center}.eg-grade-badge{background-color:initial;border-radius:4px;color:#007bff;display:inline-block;font-size:14px;font-weight:600;padding:4px 12px}.eg-grade-a,.eg-grade-aplus{color:#007bff}.eg-grade-b,.eg-grade-bplus,.eg-grade-c,.eg-grade-cplus{color:#374151}.eg-grade-f{color:#dc3545}.eg-percent-range{color:#374151;font-weight:400}.eg-grade-point{color:#1a1a1a;font-weight:400}.eg-description{color:#6b7280}.eg-action-buttons{gap:16px}.eg-action-btn,.eg-action-buttons{align-items:center;display:flex;justify-content:center}.eg-action-btn{background:none;border:none;cursor:pointer;padding:6px;transition:opacity .2s ease}.eg-action-btn:hover{opacity:.7}.eg-edit-btn{color:#007bff}.eg-delete-btn{color:#dc3545}.eg-loading-container{padding:64px 24px;text-align:center}.eg-loading-spinner{animation:spin 1s linear infinite;color:#007bff;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.eg-loading-text{color:#6b7280;font-size:14px;margin-top:16px}.eg-empty-state{padding:64px 24px}.eg-empty-icon{color:#9ca3af;margin:0 auto 16px;opacity:.3}.eg-empty-text{color:#6b7280;font-size:16px;font-weight:500;margin:0}@media (max-width:768px){.eg-grade-container{padding:16px}.eg-grade-header{align-items:flex-start;flex-direction:column}.eg-header-actions{flex-direction:column;width:100%}.eg-exam-dropdown{min-width:auto;width:100%}.eg-add-grade-btn{justify-content:center;width:100%}.eg-table-td,.eg-table-th{font-size:13px;padding:12px 16px}.eg-action-buttons{gap:12px}.eg-modal-content{margin:20px;width:95%}.eg-form-row{flex-direction:column}}.eg-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.eg-modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.eg-modal-large{max-width:700px}.eg-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.eg-modal-title{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.eg-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.eg-modal-close:hover{background-color:#f3f4f6}.eg-modal-form{padding:24px}.eg-grades-list{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;max-height:50vh;overflow-y:auto;padding-right:4px}.eg-grade-form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.eg-grade-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.eg-grade-form-number{color:#007bff;font-size:14px;font-weight:600}.eg-remove-grade-btn{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.eg-remove-grade-btn:hover{background-color:#fecaca}.eg-add-another-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;margin-bottom:20px;padding:10px;transition:all .2s ease;width:100%}.eg-add-another-btn:hover{background-color:#f0f7ff;border-color:#007bff;color:#007bff}.eg-form-group{margin-bottom:20px}.eg-form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.eg-form-input,.eg-form-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1a1a1a;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.eg-form-input:focus,.eg-form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.eg-form-textarea{font-family:inherit;resize:vertical}.eg-form-row{display:flex;gap:16px}.eg-form-row .eg-form-group{flex:1 1}.eg-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.eg-btn-cancel,.eg-btn-submit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.eg-btn-cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.eg-btn-cancel:hover:not(:disabled){background-color:#f9fafb}.eg-btn-submit{background-color:#007bff;color:#fff}.eg-btn-submit:hover:not(:disabled){background-color:#0056b3}.eg-btn-cancel:disabled,.eg-btn-submit:disabled{cursor:not-allowed;opacity:.6}.eg-btn-spinner{animation:spin 1s linear infinite}.predefined-template-section{background:#f8f9ff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.predefined-template-section select{font-size:1rem;padding:.6rem 1rem}.eg-empty-state{color:#64748b;padding:60px 20px;text-align:center}.eg-empty-icon{color:#cbd5e1;margin-bottom:16px}.eg-big-add-button{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:10px;transition:all .2s}.eg-big-add-button:hover{background-color:#2563eb;transform:translateY(-1px)}.eg-big-add-button:disabled{background-color:#9ca3af;cursor:not-allowed}.es-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-family:system-ui,-apple-system,sans-serif;overflow:auto;padding:24px}.es-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.es-title{color:#1f2937;font-size:24px;font-weight:600}.es-actions{display:flex;gap:12px}.es-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 20px;transition:background-color .2s}.es-btn-green{background-color:#16a34a;color:#fff}.es-btn-green:hover{background-color:#15803d}.es-btn-blue{background-color:#2563eb;color:#fff}.es-btn-blue:hover{background-color:#1d4ed8}.es-search-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:24px}.es-search-title{color:#374151;font-size:18px;font-weight:500;margin-bottom:16px}.es-filters{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:20px}@media (min-width:768px){.es-filters{grid-template-columns:repeat(3,1fr)}}.es-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:10px 16px}.es-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.es-search-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 48px;transition:background-color .2s}.es-search-btn:hover{background-color:#1d4ed8}.es-table-section{margin-top:16px}.es-table-title{color:#1f2937;font-size:18px;font-weight:500;margin-bottom:16px}.es-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.es-table{border-collapse:collapse;width:100%}.es-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:500;padding:16px 24px;text-align:left}.es-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:16px 24px}.es-table tr:hover{background-color:#f9fafb}.es-no-data{color:#6b7280;font-size:16px;padding:48px 0;text-align:center}.es-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.es-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.es-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.es-modal-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.es-modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.es-modal-close:hover{color:#1f2937}.es-modal-body{display:flex;flex-direction:column;gap:16px;padding:24px}.es-modal-subtitle{color:#374151;font-size:16px;font-weight:500;margin:8px 0 0}.es-modal-input,.es-modal-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.es-modal-input:focus,.es-modal-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.es-modal-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.es-modal-input::placeholder{color:#9ca3af}.es-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-start;padding:16px 24px}.es-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.es-modal-btn-primary{background-color:#2563eb;color:#fff}.es-modal-btn-primary:hover{background-color:#1d4ed8}.es-modal-btn-secondary{background-color:#4b5563;color:#fff}.es-modal-btn-secondary:hover{background-color:#374151}.es-action-btn{position:relative}.es-action-btn:after{background-color:#1f2937;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;margin-bottom:8px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:10}.es-action-btn:hover:after{opacity:1}.es-actions-cell{align-items:center;display:flex;gap:8px;justify-content:flex-start}.es-action-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.es-action-btn:hover{background-color:#f3f4f6;color:#1f2937}.es-action-btn:disabled{cursor:not-allowed;opacity:.5}.es-action-edit{color:#2563eb}.es-action-edit:hover{background-color:#eff6ff;color:#1d4ed8}.es-action-delete{color:#dc2626}.es-action-delete:hover{background-color:#fee2e2;color:#b91c1c}.es-action-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width:640px){.es-actions-cell{gap:6px}.es-action-btn{height:32px;width:32px}.es-action-btn svg{height:16px;width:16px}}.es-action-btn svg{height:18px;width:18px}.es-multiselect-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.es-multiselect-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.es-multiselect-header:hover{background-color:#f3f4f6}.es-multiselect-label{color:#1f2937;flex:1 1;font-size:14px;font-weight:500}.es-multiselect-dropdown{max-height:240px;overflow-y:auto}.es-multiselect-item{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;transition:background-color .2s}.es-multiselect-item:hover{background-color:#f9fafb}.es-checkbox{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:18px;width:18px}.es-dropdown-arrow{margin-left:auto;transition:transform .2s ease}.es-dropdown-arrow.rotated{transform:rotate(180deg)}.es-multiselect-select-all{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;font-weight:600}.es-multiselect-dropdown::-webkit-scrollbar{width:8px}.es-multiselect-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.es-multiselect-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.es-multiselect-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.exam-tabs-container{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1400px;min-height:100vh;overflow:auto}.exam-tabs-wrapper{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 1px 2px #0000000d;overflow:hidden}.exam-tabs-nav{border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;overflow-x:auto;padding:0 1rem;scrollbar-color:#d1d5db #f3f4f6;scrollbar-width:thin}.exam-tabs-nav::-webkit-scrollbar{height:6px}.exam-tabs-nav::-webkit-scrollbar-track{background:#f3f4f6}.exam-tabs-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.exam-tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;outline:none;padding:1rem 1.5rem;transition:all .2s;white-space:nowrap}.exam-tab-button:hover{background:#f9fafb;color:#1a1a1a}.exam-tab-button.active{border-bottom-color:#ef4444;color:#ef4444;font-weight:600}.exam-tab-button.active:hover{background:#0000}.exam-tab-icon{flex-shrink:0}.exam-tab-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 2px #0000000d;min-height:500px}.exam-tab-placeholder{color:#6b7280;padding:2rem;text-align:center}.exam-tab-placeholder-icon{margin:0 auto 1rem;opacity:.5}.exam-tab-placeholder p{font-size:1rem;margin:0}@media (max-width:768px){.exam-tabs-container{padding:1rem}.exam-tabs-nav{padding:0 .5rem}.exam-tab-button{font-size:.875rem;padding:.875rem 1rem}.exam-tab-content{min-height:400px}}@media (max-width:640px){.exam-tab-button{padding:.75rem .875rem}.exam-tab-button span{display:none}.exam-tab-icon{margin:0}}.fa-container{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:1200px;min-height:100vh;overflow:auto;padding:24px}.fa-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.fa-title{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 8px}.fa-subtitle{color:#666;font-size:14px;margin:0}.fa-btn-primary{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.fa-btn-primary:hover{background:#1d4ed8}.fa-arrow{font-size:20px;font-weight:300}.fa-filters{grid-gap:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:24px}.fa-filter-group{display:flex;flex-direction:column;gap:8px}.fa-label{color:#374151;font-size:13px;font-weight:500}.fa-date-input,.fa-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:14px;padding:10px 12px}.fa-date-input:focus,.fa-select:focus{border-color:#2563eb;outline:none}.fa-tabs{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:2px;margin-bottom:24px;padding:4px}.fa-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.fa-tab-active{background:#fff;border-bottom:3px solid #ef4444;box-shadow:0 1px 2px #0000000d;color:#ef4444}.fa-tab:hover:not(.fa-tab-active){color:#374151}.fa-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.fa-stat-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:24px;position:relative}.fa-stat-border{bottom:0;left:0;position:absolute;top:0;width:4px}.fa-stat-border-blue{background:#3b82f6}.fa-stat-border-red{background:#ef4444}.fa-stat-border-green{background:#10b981}.fa-stat-label{color:#6b7280;font-size:13px;margin-bottom:8px}.fa-stat-value{color:#1a1a1a;font-size:32px;font-weight:700}.fa-chart-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.fa-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.fa-chart-title{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.fa-view-toggles{display:flex;gap:24px}.fa-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.fa-checkbox input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.fa-chart{display:flex;gap:16px;margin-bottom:16px}.fa-chart-y-axis{color:#6b7280;display:flex;flex-direction:column;font-size:11px;justify-content:space-between;min-width:60px;padding:10px 0;text-align:right}.fa-chart-content{border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;flex:1 1;padding:10px 0 0 16px}.fa-bars{align-items:flex-end;display:flex;gap:20px;height:300px;justify-content:space-around}.fa-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.fa-bar-container{align-items:flex-end;display:flex;gap:8px;height:100%;justify-content:center;width:100%}.fa-bar{border-radius:4px 4px 0 0;transition:opacity .2s;width:40px}.fa-bar:hover{opacity:.8}.fa-bar-collected{background:#10b981}.fa-bar-pending{background:#ef4444}.fa-bar-label{color:#6b7280;font-size:12px;text-align:center;white-space:nowrap}.fa-legend{display:flex;gap:32px;justify-content:center;padding-top:16px}.fa-legend-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.fa-legend-color{border-radius:3px;height:16px;width:16px}.fa-legend-collected{background:#10b981}.fa-legend-pending{background:#ef4444}.fa-detail-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.fa-detail-stats{display:flex;flex-wrap:wrap;gap:32px;justify-content:flex-start;margin-bottom:32px}.fa-detail-stat{border-radius:8px;min-width:220px;padding:20px 32px;text-align:center}.fa-detail-pending{background:#fee2e2;color:#991b1b}.fa-detail-collected{background:#dbeafe;color:#1e40af}.fa-detail-stat-label{font-size:14px;margin-bottom:8px}.fa-detail-stat-value{font-size:32px;font-weight:700}.fa-class-filter{margin-bottom:24px;max-width:300px}.fa-select-wide{width:100%}.fa-student-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.fa-student-title{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.fa-search-bar{max-width:100%;position:relative;width:300px}.fa-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 40px 10px 16px;width:100%}.fa-search-icon{color:#9ca3af;font-size:18px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.fa-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.fa-student-table{border-collapse:collapse;font-size:14px;width:100%}.fa-student-table td,.fa-student-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.fa-student-table th{background:#f9fafb;color:#374151;font-weight:500}.fa-student-table tbody tr:hover{background:#f3f4f6}.fa-status-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 10px}@media (max-width:768px){.fa-container{padding:16px}.fa-header{flex-direction:column;gap:16px}.fa-filters,.fa-stats{grid-template-columns:1fr}.fa-chart-header{align-items:flex-start;flex-direction:column;gap:16px}.fa-bars{gap:10px}.fa-bar{width:30px}.fa-bar-label{font-size:10px}.fa-detail-stats{flex-direction:column;gap:16px}.fa-student-header{align-items:stretch;flex-direction:column}.fa-search-bar{width:100%}}.App{text-align:center}.sideNav{float:left;height:100%;position:fixed;width:240px}.logo{height:80px}.logo img{height:60px;margin-top:10px}.sidebarMenu{margin-top:100px}.sidebarList{cursor:pointer;list-style:none;padding-left:0}.iconL{float:left;height:18px;width:30%}.iconL,.sidebarListItem p{color:#fff;padding-top:5px}.sidebarListItem p{display:flex;font-size:100%;margin-bottom:0;margin-top:0;padding-bottom:5px;text-align:left;vertical-align:middle;width:6%}.sidebarListItem{border-radius:10px;margin-left:0;padding-bottom:10px;padding-top:10px;width:100%}.sidebarListItem.active,.sidebarListItem:hover{background-color:#1e253a}.sidebarTitle{color:#d3d3d3;padding-left:28px;text-align:left}.main{display:flex;height:100%;position:fixed;width:100%}.asideWrap{display:flex;flex:1 1;flex-direction:column;margin-left:250px}.page{border:solid;border-color:#d3d3d3;flex:1 1;margin:0 5px 5px}.pLink{color:inherit;text-decoration:none}pgname{float:left;margin-left:10px;margin-top:10px}.header{margin:0 5px 5px}.headWrapper{align-items:center;display:flex;height:100%;justify-content:space-between;padding-left:20px}hdname{font-size:200%}.rightHead{align-items:center;display:flex}notificon{display:flex;font-size:150%;margin-right:40px}.profile{align-items:center;display:flex;height:60px;justify-content:space-between;width:200px}ucon{display:flex;font-size:150%;margin:5px}uname{font-size:120%;font-weight:500}logout{display:flex;float:right;height:40px}
/*# sourceMappingURL=main.35417284.css.map*/