@import"https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-secondary{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.gradient-success{background:linear-gradient(135deg,#28a745,#20c997)}.gradient-warning{background:linear-gradient(135deg,#ffc107,#fd7e14)}.gradient-danger{background:linear-gradient(135deg,#dc3545,#e83e8c)}.modal-fullscreen{max-width:1600px;width:95vw;max-height:95vh}.modal-large{max-width:1400px;width:90vw;max-height:90vh}.modal-medium{max-width:800px;width:80vw;max-height:80vh}.container-fluid{padding:0;height:95vh;display:flex;flex-direction:column;overflow:visible}.container-scrollable{flex:1;overflow-y:auto;overflow-x:hidden}.header-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;text-align:center;box-shadow:0 4px 6px #0000001a}.header-secondary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#333;padding:20px 30px;text-align:center;border-bottom:1px solid #dee2e6}.form-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:visible;position:relative}.form-section-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:15px 20px;border-bottom:1px solid #dee2e6;font-weight:600;color:#495057}.form-section-content{padding:20px;overflow:visible;position:relative}.form-row{display:flex;gap:20px;margin-bottom:20px;align-items:start}.form-column{flex:1}.form-column-half{flex:0 0 48%}.form-column-third{flex:0 0 32%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;transition:all .3s ease;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.btn-secondary{background:#6c757d;border:none;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;transition:all .3s ease;cursor:pointer}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;transition:all .3s ease;cursor:pointer}.btn-danger{background:linear-gradient(135deg,#dc3545,#e83e8c);border:none;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;transition:all .3s ease;cursor:pointer}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.status-active{color:#28a745;font-weight:600}.status-inactive{color:#dc3545;font-weight:600}.status-pending{color:#ffc107;font-weight:600}.status-completed{color:#17a2b8;font-weight:600}.badge{display:inline-block;padding:.25em .6em;font-size:.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem}.badge-primary{color:#fff;background-color:#667eea}.badge-success{color:#fff;background-color:#28a745}.badge-warning{color:#212529;background-color:#ffc107}.badge-danger{color:#fff;background-color:#dc3545}.badge-info{color:#fff;background-color:#17a2b8}.badge-secondary{color:#fff;background-color:#6c757d}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-1{flex:1}.flex-none{flex:none}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#667eea}.text-secondary{color:#6c757d}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#17a2b8}.text-dark{color:#343a40}.text-muted{color:#6c757d}.font-weight-bold{font-weight:700}.font-weight-normal{font-weight:400}.font-weight-light{font-weight:300}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.shadow-sm{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.shadow{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.shadow-lg{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.border{border:1px solid #dee2e6}.border-0{border:0}.border-top{border-top:1px solid #dee2e6}.border-bottom{border-bottom:1px solid #dee2e6}.border-left{border-left:1px solid #dee2e6}.border-right{border-right:1px solid #dee2e6}.rounded{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-lg{border-radius:.5rem}.rounded-circle{border-radius:50%}.form-group,.form-field,.enhanced-form-group,.bulk-form-group,.filter-group,.form-control-wrapper,.input-group,.field-wrapper{overflow:visible!important;position:relative;isolation:isolate}.modal .modal-content,.modal-content{overflow:visible!important;transform:none}.form-section,.form-section-content,.form-grid,.form-row,.fee-item-fields,.filter-row,.achievements-table-container,.tuition-fee-master-container,.master-container{overflow:visible!important;position:relative}.master-add-modal,.tuition-fee-form-modal,.fee-form-modal,.student-form-modal{overflow:visible!important}* .opt-container{z-index:9999!important;transform:translateZ(0)!important;position:absolute!important}.modal{z-index:999!important}.modal-content{z-index:1000!important;position:relative}.dropdown-wrapper,.form-control-wrapper,.input-wrapper{position:relative;z-index:1}@media (max-width: 576px){.d-sm-none{display:none}.d-sm-block{display:block}}@media (max-width: 768px){.d-md-none{display:none}.d-md-block{display:block}}@media (max-width: 992px){.d-lg-none{display:none}.d-lg-block{display:block}}@media (max-width: 1200px){.d-xl-none{display:none}.d-xl-block{display:block}}*{box-sizing:border-box;padding:0;margin:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f2ededa1}body::-webkit-scrollbar{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Barlow,sans-serif;font-weight:400;font-style:normal}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}:root{--blue: #595bff;--light-blue: #a0d2fa;--violet: #7d57c1}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input,button{font-weight:500;font-family:Barlow,sans-serif}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:500!important;font-family:Barlow,sans-serif}textarea{font-weight:500;resize:none;font-family:Barlow,sans-serif}.lowerScreenError{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#000000e6;color:#fff;padding:2rem}.lowerScreenError h2{font-size:1.2rem;line-height:1.6rem;text-align:center;font-weight:600;margin:0;max-width:600px}.Toastify__toast-container{font-weight:500;font-family:Barlow,sans-serif!important}.auth-loader{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.dashboard_container{display:flex;flex-direction:column;gap:2rem}.welcome_section{background:#47c289;color:#fff;padding:1rem 0 1rem 2rem;box-shadow:#00000026 0 5px 15px;height:auto;border-radius:1rem;display:flex;justify-content:space-evenly;align-items:center;gap:1rem}.Dasboard_Section{display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin:0 auto;gap:1rem}.Dasboard_Section>a{width:130px;height:130px;color:#fff;border-radius:20px;box-shadow:#11111a1a 0 0 16px;cursor:pointer;transition:.4s}.Dasboard_Section>a:hover{transform:scale(.9)}.card0{background-image:url(/assets/master-C-Uf38HS.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card1{background-image:url(/assets/events-ClnZv8mx.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card2{background-image:url(/assets/acheivements-DiDQPe9M.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card3{background-image:url(/assets/news-Df-vtUXh.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card4{background-image:url(/assets/gallery-CHwnBkpg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card5{background-image:url(/assets/activity-DuLwgoN8.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card6{background-image:url(/assets/form-B2IqMOim.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card7{background-image:url(/assets/video-DpyNguzN.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card8{background-image:url(/assets/media-C0LycZJ1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card9{background-image:url(/assets/setting-BHBllBjf.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.Dasboard_Section h2{color:#47c289;justify-content:center;display:flex;align-items:flex-end;position:relative;height:100%;margin-top:3rem;font-weight:600}.intro_bar{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.intro_bar h1{font-weight:700}.intro_bar p{font-weight:500}.adminImg{height:15rem;display:flex;justify-content:center}.adminImg img{width:100%;height:100%;object-fit:contain}@media (min-width: 4001px){.Dasboard_Section>a{width:700px;height:700px}.Dasboard_Section{padding-top:8rem;gap:15rem 6rem}.intro_bar h1{font-size:6rem;line-height:2rem;padding-bottom:4rem}.intro_bar p{line-height:4rem;font-size:3.5rem}.Dasboard_Section h2{font-size:5rem;margin-top:6rem}.welcome_section{padding:0rem 0 0rem 2rem;height:600px}.adminImg{height:30rem;display:flex;justify-content:center}}@media (min-width: 2001px) and (max-width: 4000px){.Dasboard_Section>a{width:320px;height:320px}.Dasboard_Section{padding-top:3rem;gap:6rem 3rem}.intro_bar h1{font-size:3rem;padding-bottom:1rem}.intro_bar p{font-size:1.5rem}.Dasboard_Section h2{font-size:2rem}}@media (min-width: 1441px) and (max-width: 2000px){.Dasboard_Section>a{width:250px;height:250px}.Dasboard_Section{padding-top:2rem;gap:5rem 3rem}.intro_bar h1{font-size:2rem;padding-bottom:1rem}.intro_bar p{font-size:1.5rem;line-height:1.8rem}.Dasboard_Section h2{font-size:1.6rem}}@media (min-width: 1025px) and (max-width: 1440px){.Dasboard_Section>a{width:200px;height:200px}.Dasboard_Section{padding-top:2rem;gap:5rem 3rem}.intro_bar h1{font-size:1.8rem;line-height:2rem;padding-bottom:1rem}.intro_bar p{line-height:1.4rem}.welcome_section{padding:0rem 0 0rem 2rem}.Dasboard_Section h2{font-size:1rem;margin-top:2rem}}.error-page{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3rem}.error-page img{width:40%}.error-page p{font-size:large;font-weight:900;color:#3f3d56}.loader{width:35px;aspect-ratio:1;--_c: no-repeat radial-gradient(farthest-side, #25b09b 100%, #0000);--_b: no-repeat radial-gradient(farthest-side, #d93b36 100%, #d81d1d00);background:var(--_c) top,var(--_b) left,var(--_b) right,var(--_c) bottom;background-size:10px 10px;animation:l7 1s infinite}@keyframes l7{to{transform:rotate(.5turn)}}.main-layout{height:100vh;width:100%;overflow:hidden;display:flex}.main-content{overflow-x:hidden;overflow-y:auto;padding:1.5rem;flex:1;min-height:0;background-color:#f8f9fa}.main-content::-webkit-scrollbar{display:none}.main-layout-content{display:flex;flex:1;flex-direction:column;height:100vh;background-color:#fff;min-width:0;min-height:0}.sidebar{height:100%;width:280px;flex:0 0 280px;background:#47c289;padding:.5rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-logo{height:6%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#fff}.sidebar-logo img{height:100%;width:90%;object-fit:contain;cursor:pointer}.nav{cursor:pointer;position:relative}.sidenav{text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.nav .activeIcon{display:none}.nav-active{margin-left:0}.nav-active .activeIcon{display:block}.nav .nav-link-wrapper{display:flex;align-items:center;justify-content:space-between;border-radius:1rem}.nav .nav-link-wrapper .nav-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;transition:all .3s ease}.nav .nav-link-wrapper .nav-icons p{text-align:center;font-size:.9rem}.nav .nav-link-wrapper .nav-icons img,.nav .activeIcon{height:1.5rem;width:1.5rem;object-fit:contain;color:#fff}.nav .nav-inactive.nav-link-wrapper .nav-icons p{color:#fff}.nav-link-wrapper{display:flex;align-items:center;transition:transform .3s ease}.nav-link-wrapper:hover{transform:translate(5%);font-weight:700}.nav .nav-active.nav-link-wrapper .nav-icons p{transition:max-height .3s ease;color:#fff;font-weight:700}.nav .childNavContainer{position:absolute;top:0;left:100%;transform:translate(10%);display:flex;flex-direction:column;padding:.4rem;background-color:#5959ff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:5px;gap:.4rem;min-width:7rem}.nav .childNavContainer .childNav{padding:.5rem .4rem;display:flex;align-items:center;gap:.55rem;font-weight:500;font-size:.9rem;color:#fff;min-width:7rem;border-radius:3px}.nav .childNavContainer .childNav .childNavIcon{font-size:1rem}.nav .childNavContainer .childNav.activeChildNav{background-color:#fff;color:#5959ff}.inactive-child{color:#fff}.active-child,.child-nav:hover .inactive-child{color:#4a91c7}.page-breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:.25rem;cursor:default;min-width:0;flex-shrink:1}.page-breadcrumb .breadcrumb-link{color:#667eea;text-decoration:none;cursor:pointer;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.page-breadcrumb .breadcrumb-link:hover{color:#5a67d8;text-decoration:underline}.page-breadcrumb .breadcrumb-current{color:#495057;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.page-breadcrumb .breadcrumb-separator{font-size:.75rem;color:#adb5bd;margin:0 .25rem;flex-shrink:0}.nav-bar .avatar-container{margin:0rem .7rem;display:flex;align-items:center;position:relative}.avatar{cursor:pointer;font-size:2rem;color:gray}.profile-container{display:flex;align-items:center;gap:1rem}.academic-year-highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:.875rem;padding:.4rem .8rem;border-radius:20px;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #667eea4d;display:flex;align-items:center;gap:.375rem;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.academic-year-highlight:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.academic-year-icon{font-size:1rem;color:#ffffffe6}.profiledropdown{position:absolute;display:flex;flex-direction:column;right:.5rem;top:3rem;min-width:280px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 20px 40px #0000001a,0 10px 20px #0000000d,inset 0 1px #fffc;z-index:1000;overflow:hidden;animation:dropdownSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profiledropdown:before{content:"";position:absolute;top:-.5rem;right:1rem;width:1rem;height:1rem;transform:rotate(45deg);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-info-section{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.profile-info-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative;z-index:1}.profile-avatar-container{position:relative}.profile-avatar{font-size:40px;color:#ffffffe6;background:#ffffff26;border-radius:50%;padding:8px;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-details{flex:1}.profile-name{font-weight:700;font-size:16px;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.profile-role{display:flex;align-items:center;gap:6px;font-size:12px;color:#fffc;background:#ffffff26;padding:4px 8px;border-radius:12px;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.role-icon{font-size:12px}.profile-user-details{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.profile-detail-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffe6;background:#ffffff1a;padding:6px 10px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:all .2s ease}.profile-detail-item:hover{background:#ffffff26;transform:translate(2px)}.detail-icon{font-size:12px;color:#ffffffb3}.profile-actions{padding:16px}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#ff4757,#ff6b7a);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff47574d;position:relative;overflow:hidden}.logout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.logout-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff475766}.logout-button:hover:before{left:100%}.logout-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff47574d}.logout-icon{font-size:16px;transition:transform .3s ease}.logout-button:hover .logout-icon{transform:translate(2px)}@media (max-width: 768px){.profiledropdown{min-width:260px;right:.25rem}.profile-info-section{padding:16px}.profile-avatar{font-size:36px;padding:6px}.profile-name{font-size:15px}.profile-detail-item{font-size:12px;padding:5px 8px}.profile-actions{padding:12px}.logout-button{padding:10px 14px;font-size:13px}}@media (max-width: 576px){.profiledropdown{min-width:240px;right:.125rem}.profile-info-section{padding:14px}.profile-avatar{font-size:32px;padding:5px}.profile-name{font-size:14px}.profile-role{font-size:11px;padding:3px 6px}.profile-detail-item{font-size:11px;padding:4px 6px;gap:6px}.detail-icon{font-size:11px}.profile-actions{padding:10px}.logout-button{padding:8px 12px;font-size:12px;gap:6px}.logout-icon{font-size:14px}}.cardRow{display:flex;gap:1rem}.heading{margin:1rem 0}.nav-bar{flex:0 0 auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;background-color:#fff}.page-header{display:flex;flex-direction:column;gap:.25rem;flex:1;max-width:65%;overflow:hidden;min-height:0}.page-title{font-size:1.75rem;font-weight:700;color:#2c3e50;line-height:1.2;margin:0;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.page-title-icon{font-size:1.5rem;color:#667eea}.page-subtitle{font-size:1.125rem;font-weight:500;color:#495057;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.page-breadcrumb{font-size:.875rem;font-weight:400;color:#6c757d;margin:0;display:flex;align-items:center;gap:.25rem;overflow:hidden;min-width:0}.sidebar-logo img{margin-top:1rem}@media (max-width: 768px){.nav-bar{min-height:60px;padding:.5rem 1rem}.page-header{max-width:60%}.page-title{font-size:1.375rem}.page-subtitle{font-size:1rem}.page-breadcrumb{font-size:.75rem}.page-title-icon{font-size:1.25rem}.profile-container{gap:.75rem}.academic-year-highlight{font-size:.75rem;padding:.3rem .6rem}.academic-year-icon{font-size:.875rem}}@media (max-width: 576px){.nav-bar{min-height:50px;padding:.375rem .75rem}.page-header{max-width:55%;gap:.125rem}.page-title{font-size:1.25rem}.page-subtitle{display:none}.page-breadcrumb{font-size:.6875rem}.page-title-icon{font-size:1.125rem}.profile-container{gap:.5rem}.academic-year-highlight{font-size:.6875rem;padding:.25rem .5rem}.academic-year-icon{font-size:.75rem}.avatar{font-size:1.75rem}}@media (min-width: 1920px){.nav .nav-link-wrapper .nav-icons img,.nav .activeIcon{height:2rem;width:2rem}.nav .nav-link-wrapper .nav-icons p{font-size:1rem}.page-title{font-size:2rem}.page-subtitle{font-size:1.25rem}.page-breadcrumb{font-size:1rem}.avatar{font-size:2.2rem}}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;isolation:isolate}.modal-content{background-color:#fff;padding:1rem;border-radius:5px;box-shadow:0 0 10px #0003;position:relative;max-width:90vw;max-height:90vh;overflow:visible}.close-btn{position:absolute;top:.7rem;right:.7rem;cursor:pointer;height:1.3rem;width:1.3rem!important;border:1.3px solid #888888;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#888;font-size:1.5rem;font-weight:700;background-color:#fff;z-index:1001}.close-btn:hover{background-color:#888;color:#fff}@media (min-width: 1441px){.modal-content{padding:1vw}.close-btn{top:.7vw;right:.7vw;height:1.3vw;width:1.3vw!important;font-size:1.5vw}}.acadmic-year-toast-modal{width:30rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.acadmic-year-toast-modal img{width:8rem;height:auto}.acadmic-year-toast-modal p{font-size:1rem;font-weight:600;line-height:normal;color:gray;text-align:center}.acadmic-year-toast-modal .button{margin-top:.5rem}.button{padding:.5rem;background-color:var(--blue);color:#fff;display:flex;justify-content:center;align-items:center;border:1px solid var(--blue);border-radius:.2rem;font-size:.8rem;margin:0}.button:hover{cursor:pointer}.button-secondary{background-color:#fff;color:var(--blue)}.button:hover{background-color:#5f85f7;color:#fff!important}.button-outline:hover{background-color:#a39e9e;color:#fff!important}.button-outline{background-color:#fff;color:gray;border-color:gray}.button-outline-active{background-color:gray;color:#fff;border-color:gray}.button-outline-active:hover{background-color:gray}.button-danger{background-color:#dc143c;color:#fff;border-color:#dc143c}.button-danger:hover{background-color:#f30938}.button:disabled{background-color:#b2acac56;cursor:not-allowed!important;border:none;display:flex;justify-content:center;align-items:center;border:1px solid gray;color:gray}@media (min-width: 4001px){.button{padding:1rem 1.5rem;font-size:2.8rem}}@media (min-width: 2001px) and (max-width: 4000px){.button{padding:.5rem 1rem;font-size:1.5rem}}.calendar-container{width:100%;height:100%;min-width:15rem;padding:1rem;background-color:#fff;display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid rgb(209,207,207);-webkit-user-select:none;user-select:none}.calendar-container .calendar-header{width:100%;display:flex;justify-content:space-between;align-items:center}.calendar-container .calendar-header h3{font-size:1.25rem;color:#5959ff;width:30rem}.calendar-container .calendar-header .today-action{display:flex;align-items:center;gap:.5rem}.calendar-container .calendar-header .today-action span{padding:.25rem .5rem;border-radius:.2rem;border:1px solid #04aac7a1;color:#5959ff;font-size:.85rem;font-weight:700;cursor:pointer;background-color:#b7dce3d8;transition:all .3s ease-in}.calendar-container .calendar-header .today-action span:hover{background-color:#b7dce3;box-shadow:0 1px 7px -1px #60e0fac9;transition:all .3s ease-in}.calendar-container .calendar-header .today-action h5{font-size:1.2rem;font-weight:900;color:#5959ff}.calendar-container .calendar-header .month-action{display:flex;align-items:center;justify-content:space-around;gap:.25rem}.calendar-container .calendar-header .month-action span{width:6rem;text-align:center;color:#fff;background-color:#5959ff;font-weight:800;font-size:.85rem;padding:.2rem;border-radius:.2rem}.calendar-container .calendar-header .month-action svg{font-size:1.25rem;cursor:pointer;color:#5959ff}.calendar-container table{border-collapse:collapse}.calendar-container table thead tr{background:#47c289}.calendar-container table thead th{padding:.5rem;color:#fff;font-size:1rem}.calendar-container table thead th:nth-child(1){border-radius:.2rem 0 0 .2rem}.calendar-container table thead th:nth-child(7){border-radius:0 .2rem .2rem 0}.calendar-container table tr td{height:5rem;width:6rem;position:relative;padding:.3rem}.calendar-container table tr td .date-container{height:100%;width:100%;cursor:pointer;padding:.5rem;border-radius:.2rem;box-shadow:#00000026 0 5px 15px}.calendar-container table tr td .date-container span{font-size:.85rem;font-weight:500}.calendar-container table tr td .date-container .event-list-box{height:70%;width:5.5rem;display:flex;flex-direction:column;gap:.2rem;padding:.2rem 0}.calendar-container table tr .current-date .date-container{font-weight:700;color:#5959ff;outline:1.5px solid #5959ff;background-color:#e7edee}.calendar-container table tr .inactive-month .date-container{color:#c3c0c0}@media (min-width: 4001px){.calendar-container{padding:3rem;gap:3rem}.calendar-container .calendar-header{width:100%}.calendar-container .calendar-header h3{font-size:4rem}.calendar-container .calendar-header .today-action{gap:4rem}.calendar-container .calendar-header .today-action span{padding:1rem 2rem;font-size:2.8rem}.calendar-container .calendar-header .today-action h5{font-size:4rem}.calendar-container .calendar-header .month-action{gap:2rem}.calendar-container .calendar-header .month-action span{width:auto;font-size:3.2rem;padding:1rem 2rem}.calendar-container .calendar-header .month-action svg{font-size:5rem}.calendar-container table thead th{padding:2rem;font-size:4rem}.calendar-container table tr td{height:24rem;width:10rem;padding:2rem}.calendar-container table tr td .date-container{padding:1.5rem}.calendar-container table tr td .date-container span{font-size:3.5rem}.calendar-container table tr td .date-container .event-list-box{height:70%;width:23rem;gap:1rem;padding:.5rem 0}}@media (min-width: 2001px) and (max-width: 4000px){.calendar-container{padding:1rem;gap:2rem}.calendar-container .calendar-header{width:100%}.calendar-container .calendar-header h3{font-size:2.2rem}.calendar-container .calendar-header .today-action{gap:2rem}.calendar-container .calendar-header .today-action span{padding:.5rem 1rem;font-size:2rem}.calendar-container .calendar-header .today-action h5{font-size:2rem}.calendar-container .calendar-header .month-action{gap:1.5rem}.calendar-container .calendar-header .month-action span{width:auto;font-size:2rem;padding:.8rem 1.5rem}.calendar-container .calendar-header .month-action svg{font-size:3rem}.calendar-container table thead th{padding:1.3rem;font-size:2.2rem}.calendar-container table tr td{height:10rem;width:10rem;padding:1rem}.calendar-container table tr td .date-container span{font-size:1.8rem}.calendar-container table tr td .date-container .event-list-box{width:9rem;gap:.5rem;padding:.3rem 0}}.events-container .calander-event-list-container{display:flex;flex-direction:column;gap:3px;cursor:pointer;width:6rem;height:3rem;padding-top:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.events-container .event-name{font-size:.65rem!important;color:#fff;font-weight:400;width:max-content;max-width:5.5rem;padding:.2rem .3rem;border-radius:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.events-container .event-count{display:flex;height:1rem;width:1rem;background-color:#a837a8;border-radius:50%;align-items:center;justify-content:center;font-size:.65rem!important;font-weight:400;color:#fff;position:absolute;bottom:.5rem;right:.5rem}@media (min-width: 4001px){.events-container .event-name{font-size:2.5rem!important;max-width:23rem;padding:.5rem 1rem}.events-container .event-count{height:3.5rem;width:3.5rem;font-size:2rem!important;bottom:2.5rem;right:2.5rem}}@media (min-width: 2001px) and (max-width: 4000px){.events-container .event-name{font-size:1.5rem!important;max-width:13rem;padding:.3rem .5rem}.events-container .event-count{height:1.8rem;width:1.8rem;font-size:1.3rem!important;bottom:1.5rem;right:1.5rem}}.event-list-container{display:flex;flex-direction:column;gap:1rem}.event-list-container h3{font-size:1rem}.event-list-container .btn-wrapper{display:flex;justify-content:flex-end}.event-list-container .event-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.event-list-container .event-list-grid .event-list-item{display:flex;flex-direction:column;padding:.75rem;gap:.75rem;border:1px solid rgb(216,214,214);cursor:pointer;transition:all .2s ease-in}.event-list-container .event-list-grid .event-list-item .list-container{min-height:3.5rem;width:100%;display:flex;justify-content:space-between;gap:1rem}.event-list-container .event-list-grid .event-list-item .list-container .list-image{height:3.5rem;width:3.5rem}.event-list-container .event-list-grid .event-list-item .list-container .list-image img{height:100%;width:100%;object-fit:cover;border-radius:50%}.event-list-container .event-list-grid .event-list-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .2s ease-in}.event-list-container .event-list-grid .event-list-item .list-info{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:.3rem}.event-list-container .event-list-grid .event-list-item .list-info p{font-size:1.1rem;font-weight:700}.event-list-container .event-list-grid .event-list-item .type-info{display:flex;flex-direction:column;justify-content:space-between;gap:.3rem}.event-list-container .event-list-grid .event-list-item .list-action{display:flex;justify-content:flex-start;gap:.3rem}.event-list-container .event-list-grid .event-list-item .type-info p{font-size:.8rem;font-weight:600;color:#6c6c6c}.event-list-container .event-list-grid .event-list-item .list-action svg{font-size:1.15rem;color:gray;transition:all .3s ease-in}.event-list-container .event-list-grid .event-list-item .list-action svg:hover{transform:scale(1.2);transition:all .3s ease-in}.event-list-container .event-list-grid .event-list-item .list-action .delete-icon:hover{color:#dc143c;transition:all .3s ease-in}.event-list-container .event-modal{display:flex;flex-direction:column;justify-content:space-around;gap:1rem;height:22rem;width:25rem}.event-list-container .event-modal .event-form{display:flex;flex-direction:column;gap:1rem}.event-list-container .event-modal .event-form input{height:2rem}.event-list-container .event-modal .event-form .form-btn-wrapper{display:flex;justify-content:flex-end;gap:.5rem}.event-list-container .event-modal .event_image_upload{display:flex;flex-direction:column;gap:1rem}.event-list-container .event-modal .event_image_upload h6{font-size:1rem;font-weight:700}.event-list-container .event-modal .event_image_upload .event_upload_container{height:auto;width:100%;display:flex;align-items:center}.event-list-container .event-modal .event_image_upload label{height:6rem;width:6rem;cursor:pointer}.event-list-container .event-modal .event_image_upload label input{display:none}.event-list-container .event-modal .event_image_upload label img{height:100%;width:100%;object-fit:cover;border-radius:.2rem;border:1px solid gainsboro}.event-list-container .event-modal .event_image_upload label.upload_disabled{cursor:not-allowed;opacity:.7}.event-list-container .no-event-data{height:25rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.event-list-container .no-event-data img{height:20rem;width:auto}.event-list-container .no-event-data h5{color:#ed7d2b;font-size:.95rem;font-weight:800}.event-list-container .no-event-data p{padding:.5rem .75rem;font-size:.9rem;font-weight:600;color:#fff;background-color:#ed7d2b;display:flex;align-items:center;gap:.3rem;border-radius:6px;cursor:pointer;border:1px solid #ed7d2b;transition:all .3s ease-in}.event-list-container .no-event-data p:hover{background-color:#e7670c;transition:all .3s ease-in}@media (min-width: 1441px){.event-list-container{gap:1vw}.event-list-container h3{font-size:1vw}.event-list-container .event-list-grid{gap:1vw}.event-list-container .event-list-grid .event-list-item{padding:.75vw;gap:.75vw}.event-list-container .event-list-grid .event-list-item .list-info{gap:.3vw}.event-list-container .event-list-grid .event-list-item .list-info p{font-size:1.1vw}.event-list-container .event-list-grid .event-list-item .type-info,.event-list-container .event-list-grid .event-list-item .list-action{gap:.3vw}.event-list-container .event-list-grid .event-list-item .type-info p{font-size:.8vw}.event-list-container .event-list-grid .event-list-item .list-action svg{font-size:1.15vw}.event-list-container .event-modal{gap:1vw;height:22vw;width:25vw}.event-list-container .event-modal .event-form{gap:1vw}.event-list-container .event-modal .event-form input{height:2vw}.event-list-container .event-modal .event-form .form-btn-wrapper{gap:.5vw}.event-list-container .event-modal .event_image_upload{gap:1vw}.event-list-container .event-modal .event_image_upload h6{font-size:1vw}.event-list-container .event-modal .event_image_upload label{height:6vw;width:6vw}.event-list-container .event-modal .event_image_upload label img{border-radius:.2vw}.event-list-container .no-event-data{height:25vw;gap:1vw}.event-list-container .no-event-data img{height:20vw}.event-list-container .no-event-data h5{font-size:.95vw}.event-list-container .no-event-data p{padding:.5vw .75vw;font-size:.9vw;gap:.3vw}}.input-container{width:100%;position:relative;display:flex;flex-direction:column;gap:.3rem}.input-container label{font-size:.8rem;font-weight:500}.input-container input,.input-container textarea{color:#2c3e50;height:2rem;border-radius:.2rem;border:1px solid #808080;background-color:#fff;outline:none;font-size:.75rem;padding:.15rem .8rem;font-weight:500;margin:0;cursor:text}.input-container textarea{position:relative}.input-container #text-count{position:absolute;top:unset;bottom:0;right:0;padding:.2rem;font-size:.75rem;font-weight:500;color:gray}.input-container input:focus,.input-container textarea:focus{border:1px solid #60a5fada;box-shadow:0 1px 7px -1px #60a5fab7}.input-container span{font-size:small;position:absolute;right:.5rem;top:55%}.label-input span{top:27%}.pasword-font{font-size:larger}.yup-error{border:1px solid crimson!important}.yup-error::placeholder{color:#dc143c!important}.yup-error:focus{box-shadow:0 1px 7px -1px #f06e6ebc!important}.input-container .inputIcon{position:absolute;right:2%;top:20%;font-size:1rem}@media (min-width: 1441px){.input-container{gap:.3vw}.input-container label{font-size:.8vw}.input-container input,.input-container textarea{height:2vw;border-radius:.2vw;font-size:.75vw;padding:.15vw .8vw}.input-container #text-count{padding:.2vw;font-size:.75vw}.input-container span{font-size:.6vw;right:.5vw}.pasword-font{font-size:.75vw}.input-container .inputIcon{font-size:1vw}}.dropdown{margin-top:0;position:relative;display:flex;flex-direction:column;gap:.3rem;width:100%;z-index:1}.dropdown .dropdown-btn{height:2rem;background-color:#fff;font-size:.75rem;padding:.15rem .8rem}.dropdown .dropdown-btn .multi-select-container{display:flex;align-items:center;gap:5px;overflow-y:auto}.dropdown .dropdown-btn .multi-select-container::-webkit-scrollbar{display:none}.dropdown .dropdown-btn .multi-select-container .multi-select-label{padding:3px 6px;border-radius:3px;background-color:#dde2e3d8;border:1px solid rgba(106,171,187,.322);display:flex;align-items:center;gap:5px;font-size:12px;text-wrap:nowrap}.dropdown .dropdown-btn .multi-select-container .multi-select-label:hover{border:1px solid rgb(106,171,187);color:#000}.dropdown .dropdown-btn .multi-select-container .multi-select-label svg:hover{color:#000;transform:scale(1.2)}.dropdown .dropdown-btn input{border:none;outline:none;background-color:transparent;color:#2c3e50}.dropdown:hover>.dropdown-btn{background-color:#e1e7ee;border:1px solid rgba(73,122,136,.721);transition:all .3s ease}.disable-dropdown .dropdown-btn{background-color:#d7d5d5a0;cursor:not-allowed}.disable-dropdown .dropdown-btn:hover{background-color:#d7d5d5a0}.dropdown span{font-size:.8rem;font-weight:500}.dropdown-btn{display:flex;align-items:center;justify-content:space-between;border:1px solid #808080;padding:.15rem .8rem;cursor:pointer;font-size:.75rem;border-radius:.2rem}.dropdown-btn span{white-space:nowrap;text-overflow:ellipsis;margin:auto 0}.opt-container{box-sizing:border-box;position:absolute;width:inherit;z-index:9999!important;top:100%;left:0;border:1px solid rgba(218,217,217,.792);padding:.25rem;margin-top:3px;background-color:#f3f2f2;border-radius:.35rem;max-height:12.75rem;overflow-y:auto;width:100%}.opt-container::-webkit-scrollbar{width:.15rem;height:.2rem;-webkit-margin-start:10px!important;-webkit-margin-end:10px!important;overflow:hidden!important}.opt-container::-webkit-scrollbar-track{background:#f1f1f1;overflow:hidden!important}.opt-container::-webkit-scrollbar-thumb{background:#bdbcbc;border-radius:1rem!important;overflow:hidden!important}.opt-container::-webkit-scrollbar-thumb:hover{background:#555}.opt{font-size:.85rem;padding:.45rem .3rem;border-radius:.3rem;cursor:pointer}.opt:hover{background-color:#dfddddc0}.opt-container .no-data-dropdown{height:7rem;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:300}.modal .dropdown{position:relative}.modal .opt-container,.modal-content .opt-container{z-index:9999!important;transform:translateZ(0);will-change:transform}@media (min-width: 1441px){.dropdown{gap:.3vw}.dropdown .dropdown-btn{height:2vw;font-size:.75vw;padding:.15vw .8vw;border-radius:.2vw}.dropdown .dropdown-btn .multi-select-container{gap:.4vw}.dropdown .dropdown-btn .multi-select-container .multi-select-label{padding:.2vw .5vw;border-radius:.2vw;gap:.4vw;font-size:.8vw}.dropdown span{font-size:.8vw}.opt-container{padding:.25vw;margin-top:3px;border-radius:.35vw;max-height:12.75vw}.opt-container::-webkit-scrollbar{width:.15vw;height:.2vw;-webkit-margin-start:10px!important;-webkit-margin-end:10px!important}.opt-container::-webkit-scrollbar-thumb{border-radius:1vw!important}.opt{font-size:.75vw;padding:.15vw .8vw;border-radius:.3vw}.opt-container .no-data-dropdown{height:7vw;font-size:1vw}}.portal-dropdown{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;gap:.3rem}.portal-dropdown span{margin:0;padding:0;color:#333;font-weight:500;font-size:.8rem}.portal-dropdown-btn{background-color:#fff;display:flex;justify-content:space-between;align-items:center;border:1px solid #808080;border-radius:.2rem;padding:.15rem .8rem;cursor:pointer;transition:all .2s ease;height:2rem}.portal-dropdown-btn:hover{border-color:#999}.portal-dropdown-btn:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.portal-dropdown-btn input{border:none;outline:none;background:transparent;flex:1;font-size:14px;color:#2c3e50}.portal-dropdown-btn input::placeholder{color:#999}.disable-portal-dropdown{opacity:.6;pointer-events:none}.disable-portal-dropdown .portal-dropdown-btn{background-color:#f5f5f5;cursor:not-allowed}.portal-multi-select-container{display:flex;flex-wrap:wrap;gap:4px;flex:1;align-items:center}.portal-multi-select-label{background:#007bff;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:4px}.portal-multi-select-label svg{cursor:pointer;font-size:14px}.portal-multi-select-label svg:hover{color:#ffd6d6}.portal-opt-container{box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:.35rem;box-shadow:0 8px 32px #00000040;max-height:200px;overflow-y:auto;overflow-x:hidden;z-index:2147483647!important;transform:translateZ(0);will-change:transform;isolation:isolate;contain:layout style paint;-webkit-backdrop-filter:none;backdrop-filter:none;animation:portalDropdownAppear .15s ease-out}@keyframes portalDropdownAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.portal-opt{padding:8px 12px;cursor:pointer;transition:background-color .15s ease;font-size:14px;color:#2c3e50;border-bottom:1px solid #f0f0f0}.portal-opt:last-child{border-bottom:none}.portal-opt:hover{background-color:#f8f9fa;color:#007bff}.portal-opt:active{background-color:#e9ecef}.portal-no-data-dropdown{padding:12px;text-align:center;color:#999;font-style:italic;font-size:14px}.portal-opt-container::-webkit-scrollbar{width:6px}.portal-opt-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.portal-opt-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.portal-opt-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.portal-opt-container{max-height:150px}.portal-opt{padding:10px 12px;font-size:16px}}@media (min-width: 1441px){.portal-dropdown{gap:.3vw}.portal-dropdown span{font-size:.8vw}.portal-dropdown-btn{height:2vw;padding:.15vw .8vw;font-size:.75vw;border-radius:.2vw}.portal-dropdown-btn input{font-size:.75vw}}@media (prefers-color-scheme: dark){.portal-opt-container{background-color:#2d3748;border-color:#4a5568}.portal-opt{color:#e2e8f0;border-bottom-color:#4a5568}.portal-opt:hover{background-color:#4a5568;color:#90cdf4}.portal-no-data-dropdown{color:#a0aec0}}.confirm-modal{min-height:6rem;width:17rem;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.confirm-modal-header{display:flex;flex-direction:column;gap:.5rem}.confirm-modal-header h3{font-size:1rem;font-weight:600;color:#000;margin:0}.confirm-modal-header p{font-size:.85rem;color:#000;line-height:1rem;margin:0;font-weight:500}.confirm-modal .footer{display:flex;justify-content:flex-end;gap:.7rem}.confirm-modal .footer .action-btn{background-color:#dc143c;color:#fff;border-color:#dc143c}.confirm-modal .footer .action-btn:hover{background-color:#f30938}@media (min-width: 1441px){.confirm-modal{min-height:6vw;width:17vw;padding:1vw}.confirm-modal-header{gap:.5vw}.confirm-modal-header h3{font-size:1vw}.confirm-modal-header p{font-size:.85vw;line-height:1vw}.confirm-modal .footer{gap:.7vw}}.customTable{width:100%;box-shadow:0 10px 10px -3px #0000001a,0 4px 22px -4px #0000001a;background-color:#fff;overflow:hidden;border:1px solid rgba(211,211,211,.845);border-radius:.5rem}.customTable .table-container{width:100%;overflow:auto}.customTable .table-container table{width:100%;border-bottom:1.5px solid #8f919161;border-collapse:collapse}.customTable .table-container::-webkit-scrollbar{height:.5rem;width:.5rem;-webkit-margin-start:10px!important;-webkit-margin-end:10px!important}.customTable .table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1rem}.customTable .table-container::-webkit-scrollbar-thumb{background:#888;border-radius:1rem!important;border:1px solid #ddd}.customTable .table-container::-webkit-scrollbar-thumb:hover{background:#555}.customTable .table-container table thead{border-bottom:1.5px solid rgba(212,209,209,.687);background:#47c289}.customTable .table-container table thead th{text-align:left;padding:.75rem .7rem .7rem;font-weight:600;font-size:.95rem;color:#fff;letter-spacing:.025em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.theader{display:flex;align-items:center;gap:.1rem}.sort-icon{cursor:pointer}.customTable .table-container table tbody tr{margin-top:1rem;border-bottom:1px solid #f1f3f4;transition:background-color .15s ease;background-color:#fff}.customTable .table-container table tbody tr td{padding:.85rem .7rem;font-size:.85rem;font-weight:500;text-wrap:nowrap;-webkit-user-select:text;user-select:text;border-right:1px solid #f8f9fa}.customTable .table-container table tbody tr td:last-child{border-right:none}.customTable .table-container table tbody tr:nth-last-child(1){margin:7rem;border-bottom:none}.customTable .table-container table tbody tr:hover{background-color:#e8f0fe}.pagination{padding:.5rem;display:flex;justify-content:space-between;align-items:center}.pagination-buttons{display:flex;align-items:center;gap:.5rem;padding:.3rem}.pagination-buttons svg{color:#014754;font-size:.75rem;cursor:pointer}.pagination-buttons svg.disable{color:#aeabab;cursor:not-allowed}.pagination-buttons span{height:1.3rem;width:1.3rem;font-size:.75rem;font-weight:600;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#595bff;border-radius:9999px}.pagination-buttons span:hover{background-color:#01475497;color:#fff}.pagination-buttons span.active{color:#fff;background-color:#595bff}.pages-shown{padding:0 1rem;font-size:.85rem;font-weight:500;color:gray}.no-data-table{width:100%;display:flex;flex-direction:column;justify-content:center;height:13rem;align-items:center;gap:1rem}.no-data-table p{text-align:center;margin-left:1rem;font-weight:500;font-size:.85rem}@media (min-width: 1441px){.customTable{border-radius:.5vw}.customTable .table-container::-webkit-scrollbar{height:.4vw;width:.4vw}.customTable .table-container::-webkit-scrollbar-thumb{border-radius:1vw!important}.customTable .table-container table thead th{padding:.75vw .7vw .7vw;font-size:.95vw}.theader{gap:.1vw}.customTable .table-container table tbody tr{margin-top:1vw;border-bottom:1px solid #f1f3f4;transition:background-color .15s ease}.customTable .table-container table tbody tr td{padding:.85vw .7vw;font-size:.85vw;border-right:1px solid #f8f9fa}.customTable .table-container table tbody tr td:last-child{border-right:none}.customTable .table-container table tbody tr:nth-last-child(1){margin:7vw;border-bottom:none}.pagination{padding:.5vw}.pagination-buttons{gap:.5vw;padding:.3vw}.pagination-buttons svg{font-size:.75vw}.pagination-buttons span{height:1.3vw;width:1.3vw;font-size:.75vw;font-weight:600}.pages-shown{padding:0 1vw;font-size:.85vw}.no-data-table{height:13vw;gap:1vw}.no-data-table p{margin-left:1vw;font-size:.85vw}}.customTable{--sticky-left-0: 0px;--sticky-left-1: 0px;--sticky-left-2: 0px;--sticky-left-3: 0px;--sticky-left-4: 0px;--sticky-left-5: 0px;--sticky-left-6: 0px;--sticky-left-7: 0px;--sticky-left-8: 0px;--sticky-left-9: 0px}.sticky-column{position:sticky;background-color:inherit;border-right:2px solid #dee2e6!important;z-index:10;background-clip:padding-box;box-sizing:border-box;transition:left .2s ease}.sticky-column[class*=sticky-header-]{background-color:#47c289!important;color:#fff!important;z-index:20;background-clip:border-box;opacity:1}.sticky-column[class*=sticky-header-]:hover{background-color:#47c289!important;color:#fff!important;opacity:1!important}.sticky-column[class*=sticky-cell-]{background-color:#fff!important;z-index:10;background-clip:border-box;overflow:hidden}.inactive-row .sticky-column[class*=sticky-cell-]{background:#f8f9fa!important;opacity:.85;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(220,53,69,.03) 8px,rgba(220,53,69,.03) 16px);background-clip:border-box}tr:hover .sticky-column[class*=sticky-cell-]{background-color:#e8f0fe!important;background-clip:border-box}.inactive-row:hover .sticky-column[class*=sticky-cell-]{background:#e9ecef!important;opacity:.95;background-clip:border-box}.inactive-row .sticky-column.sticky-cell-0{border-left:4px solid #dc3545!important}.sticky-column:after{content:"";position:absolute;top:0;right:-2px;bottom:0;width:3px;background:linear-gradient(to right,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 50%,transparent 100%);pointer-events:none;z-index:1}.sticky-column:last-of-type:after{display:none}@media (max-width: 768px){.sticky-column{box-shadow:2px 0 4px #0000001a}.sticky-column:after{width:2px;background:linear-gradient(to right,rgba(0,0,0,.1) 0%,transparent 100%)}}.sticky-column .theader,.sticky-column{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;-webkit-user-select:text;user-select:text}.customTable .table-container table tbody tr td,.customTable .table-container table thead th,.sticky-column{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.customTable .table-container{position:relative;z-index:1}.achievements-container{display:flex;flex-direction:column;gap:1rem}.achievements-container .btn-wrapper{display:flex;justify-content:flex-end}.achievements-container .achievements-table-container{width:100%;margin:0 auto}.achievements-container .achievements-table-container table tbody tr td{width:25%}.achievements-container .achievements-table-container table tbody tr td:nth-child(3){width:15rem;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;display:inline-block;white-space:nowrap}.achievements-container .achievements-table-container table tbody tr td:nth-child(4){width:15%}.achievements-container .achievements-table-container table tbody tr td .achievements-action{display:flex;gap:.5rem}.achievements-container .achievements-table-container table tbody tr td .achievements-action svg{font-size:1.25rem;color:gray;cursor:pointer;transition:all .3s ease-in}.achievements-container .achievements-table-container table tbody tr td .achievements-action svg:hover{transform:scale(1.2);transition:all .3s ease-in}.achievements-container .achievements-table-container table tbody tr td .achievements-action .delete-icon:hover{color:#dc143c;transition:all .3s ease-in}.achievements-view-modal{display:flex;flex-direction:column;gap:1rem;width:35rem;padding:.3rem}.achievements-view-modal h3{font-size:1.3rem}.achievements-view-modal h3 span{background-color:#63a5f2;margin:0 1rem;padding:.2rem .5rem;border-radius:.2rem;color:#fff}.achievements-view-modal .achievements-points{display:flex;flex-direction:column;gap:.5rem}.achievements-view-modal .achievements-points p{display:flex;gap:.3rem;font-size:.9rem;font-weight:700;line-height:1.3rem}.achievements-view-modal .achievements-points p span{font-size:.9rem;font-weight:500}.achievements-points img{border-radius:1.5rem;width:25vw}.achievements-add-modal{width:20rem;height:20rem;display:flex;flex-direction:column;gap:1rem}.achievements-add-modal h3{font-size:1.5rem}.achievements-form{height:100%;width:100%;display:flex;flex-direction:column;transition:all .2s ease-in-out}.achievements-form .form-field{height:4.5rem;display:flex;flex-direction:column}.achievements-form .form-field input,.achievements-form .form-field textarea{font-weight:500;font-size:.85rem}.achievements-form .form-field textarea{height:4.5rem}.achievements-form .form-field label{font-weight:500;font-size:.85rem}.achievements-form .form-field .error-message{font-size:.75rem;color:#dc143c;margin-top:.3rem;font-weight:500}.achievements-add-modal .form-btn-wrapper{display:flex;justify-content:flex-end;gap:1rem}.achievements-add-modal .form-btn-wrapper .arrowBtn{height:2rem;width:2rem;font-weight:700;font-size:1.5rem;color:gray;border:1px solid gainsboro;border-radius:.2rem;cursor:pointer;transition:all .2s ease-in-out}.achievements-add-modal .form-btn-wrapper .arrowBtn:hover{transform:scale(1.05);background:#e2e2e2}.achievements-add-modal .upload_section{height:100%;width:100%;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease-in-out}.achievements-add-modal .upload_section h6{font-size:1.1rem;font-weight:600}.achievements-add-modal .upload_section .container{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.achievements-add-modal .upload_section label{height:10rem;width:10rem}.achievements-add-modal .upload_section label input{display:none}.achievements-add-modal .upload_section label img{height:100%;width:100%;object-fit:cover;border-radius:.2rem;border:1px solid gainsboro;transition:all .2s ease-in-out;cursor:pointer}.achievements-add-modal .upload_section label img:hover{transform:scale(1.05)}@media (min-width: 1441px){.achievements-container{gap:1vw}.achievements-container .achievements-table-container table tbody tr td:nth-child(3){width:15vw}.achievements-container .achievements-table-container table tbody tr td .achievements-action{gap:.5vw}.achievements-container .achievements-table-container table tbody tr td .achievements-action svg{font-size:1.25vw}.achievements-view-modal{gap:1vw;width:35vw;padding:.3vw}.achievements-points img{width:25vw}.achievements-view-modal h3{font-size:1.3vw}.achievements-view-modal h3 span{margin:0 1vw;padding:.2vw .5vw;border-radius:.2vw}.achievements-view-modal .achievements-points{gap:.5vw}.achievements-view-modal .achievements-points p{gap:.3vw;font-size:.9vw;line-height:1.3vw}.achievements-view-modal .achievements-points p span{font-size:.9vw;line-height:1.3vw}.achievements-add-modal{width:20vw;height:auto;gap:1vw}.achievements-add-modal h3{font-size:1.5vw}.achievements-form .form-field{height:4.5vw}.achievements-form .form-field:nth-child(6){height:6vw}.achievements-form .form-field input,.achievements-form .form-field textarea{font-size:.85vw}.achievements-form .form-field textarea{height:3.5vw}.achievements-form .form-field label{font-size:.85vw}.achievements-form .form-field .error-message{font-size:.75vw;margin-top:.3vw;font-weight:500}.achievements-form .form-btn-wrapper{gap:1vw}}@media (max-width: 1440px){.achievements-points img{width:20rem}.achievements-add-modal .form-btn-wrapper{margin-top:3rem}.achievements-add-modal{height:35rem}}.boxSection{width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;background:url(https://i.postimg.cc/XYjWrv36/dark-hexagonal-background-with-gradient-color_79603-1409.jpg) no-repeat;background-size:cover;background-position:center}.box{position:relative;width:30rem;height:35rem;background:#1c1c1c;border-radius:50px 5px;overflow:hidden}.box:before{content:"";position:absolute;top:-50%;left:-50%;width:30rem;height:35rem;background:linear-gradient(60deg,transparent,#45f3ff,#45f3ff);transform-origin:bottom right;animation:animate 6s linear infinite}.box:after{content:"";position:absolute;top:-50%;left:-50%;width:30rem;height:35rem;background:linear-gradient(60deg,transparent,#d9138a,#d9138a);transform-origin:bottom right;animation:animate 6s linear infinite;animation-delay:-3s}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.box form{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50px 5px;background:#28292d;z-index:10;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:1rem}.box img{width:70%;display:flex;justify-content:center;margin:0 auto}.input-box{position:relative;width:100%;margin-top:2rem}.input-box input{position:relative;width:100%;padding:20px 10px 10px;background:transparent;border:none;outline:none;color:#23242a;font-size:1rem;letter-spacing:.05em;z-index:10}.loginBtn{font-size:1.4rem;border:none;outline:none;background:#6ef2e5;padding:.6rem 0;margin-top:4rem;border-radius:3rem;font-weight:600;cursor:pointer}.loginBtn:active{background:linear-gradient(90deg,#6ef2e5);opacity:.8}.input-box span{position:absolute;left:0;padding:20px 10px 10px;font-size:1rem;color:#8f8f8f;pointer-events:none;transition:.5s}.input-box input:valid~span,.input-box input:focus~span{color:#6ef2e5;transform:translate(-10px) translateY(-30px);font-size:.75rem}.input-box i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#6ef2e5;border-radius:4px;transition:.5s;pointer-events:none;z-index:9}.input-box input:valid~i,.input-box input:focus~i{height:44px;background:#6ef2e5}@media (min-width: 4001px){.box form{gap:5rem}.box,.box:before,.box:after{width:60rem;height:70rem}.loginBtn{font-size:3.2rem;padding:1rem 0}.input-box span{position:absolute;left:0;height:4rem;padding:2rem 1rem 1rem;font-size:3rem;color:#8f8f8f;pointer-events:none;transition:.5s}.input-box input{position:relative;width:100%;padding:2rem 1rem 1rem;background:transparent;border:none;outline:none;color:#23242a;font-size:3rem;letter-spacing:.05em;z-index:10}.input-box input:valid~span,.input-box input:focus~span{color:#6ef2e5;transform:translate(-10px) translateY(-4rem);font-size:3rem}.input-box i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#6ef2e5;border-radius:4px;transition:.5s;pointer-events:none;z-index:9}.input-box input:valid~i,.input-box input:focus~i{height:5rem;background:#6ef2e5}}.gallery-section{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around}.gallery-section .upload-section{height:auto;width:100%;border-radius:.2rem;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.gallery-section .preview-section .preview-body .preview-container{height:6rem;width:6rem;border-radius:.2rem;position:relative}.gallery-section .preview-section .preview-body .preview-container img{height:100%;width:100%;object-fit:cover;border-radius:.2rem;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px}.gallery-section .preview-section .preview-body .preview-container .preview-checkbox{height:1rem;width:1rem;position:absolute;bottom:0;right:0;cursor:pointer;border:none}.errorGallery{font-size:1.2rem;color:#dc143c;text-align:center}.close-button{background-color:transparent;border:none;outline:none;cursor:pointer;padding-left:1rem}.file-details h4{padding-bottom:.5rem;font-weight:700}.file-details li{padding-bottom:.5rem;font-weight:500}@media (min-width: 4001px){.SchoolBtn{font-size:3rem}.SchoolBtn{font-size:2.5rem;padding:2rem 1rem}.errorGallery{font-size:2.5rem;padding-bottom:2rem}.file-details h4{font-size:3rem;padding-bottom:1rem}.file-details li{font-size:2.5rem;padding-bottom:1rem}.close-button{font-size:2.5rem}}@media (min-width: 2001px) and (max-width: 4000px){.SchoolBtn{font-size:1.8rem}.errorGallery{font-size:1.2rem;padding-bottom:1rem}.file-details h4{font-size:1.2rem}.file-details li,.close-button{font-size:.9rem}}@media (min-width: 1441px) and (max-width: 2000px){.SchoolBtn{font-size:1.2rem}.errorGallery{font-size:1.2rem;padding-bottom:1rem}.file-details h4{font-size:1.2rem}.file-details li,.close-button{font-size:.9rem}}@media (min-width: 1025px) and (max-width: 1440px){.SchoolBtn{font-size:1rem}.errorGallery{font-size:1rem;padding-bottom:1rem}.file-details h4{font-size:1rem}.file-details li{font-size:.8rem}.close-button{font-size:.9rem}}@media (min-width: 1200px){.gallery-section .upload-section{padding:.5vw;gap:1vw}.gallery-section .upload-section .upload-box,.gallery-section .upload-section .action-box{gap:1vw}.gallery-section .upload-section .action-box .delete-button{font-size:2vw}.gallery-section .upload-section .action-box .selection-box{gap:.5vw}.gallery-section .upload-section .action-box .selection-box p{width:6vw;padding:.2vw .5vw;border-radius:.2vw;font-size:.9vw}.gallery-section .upload-section .upload-label{height:2vw;width:8vw;padding:.5vw;border-radius:2vw;gap:.5vw;font-size:.9vw}.gallery-section .upload-section .upload-button{height:2vw;width:8vw;border-radius:2vw;gap:.5vw;font-size:.9vw}.gallery-section .preview-section{padding:.5vw}.gallery-section .preview-section .preview-body{padding:.5vw .2vw;gap:1vw}.gallery-section .preview-section .preview-body .preview-container{height:6vw;width:6vw;border-radius:.2vw}.gallery-section .preview-section .preview-body .preview-container img{border-radius:.2vw}.gallery-section .preview-section .preview-body .preview-container .preview-checkbox{height:1vw;width:1vw}.gallery-section .preview-section .preview-body .noDataContainer img{height:20vw;width:20vw}}.curricularButtonSection{display:flex;gap:2rem;margin-top:2rem}.curricularBtn{border-radius:10px;padding:1rem;width:100%;font-weight:600;border:none;outline:none;cursor:pointer}.curricularBtn.active{background:#47c289;color:#fff;border-radius:5px}@media (min-width: 4001px){.curricularBtn{font-size:3rem}.curricularBtn{padding:2rem 1rem}}@media (min-width: 2001px) and (max-width: 4000px){.curricularBtn{font-size:1.8rem}}@media (min-width: 1441px) and (max-width: 2000px){.curricularBtn{font-size:1.2rem}}@media (min-width: 1025px) and (max-width: 1440px){.curricularBtn{font-size:1rem}}.CoSection{padding-top:2rem}.cogallery{list-style-type:none;display:grid;gap:1rem;width:100%;justify-content:center;margin-top:2rem}.cogallery .coitem{background-size:cover;background-position:center;position:relative;cursor:pointer;border-radius:.5rem}.coitem[data-pos="1"]{grid-column:1 / 6;grid-row:1 / 5}.coupload-icon{display:flex;justify-content:center;align-items:center;height:100%;font-weight:600;cursor:pointer}.coupload-icon span{background-color:#fff;color:#000;cursor:pointer;display:flex;align-items:center;border-radius:50%;top:8px;right:8px;position:absolute}.coupload-icon span img{width:2.5rem;height:auto}@media (min-width: 4001px){.cogallery{grid-template-columns:repeat(5,45rem);grid-auto-rows:16vmin}.NoteCo{font-size:2.5rem;padding:3rem 0}.coupload-icon span img{width:5rem;height:auto}}@media (min-width: 2001px) and (max-width: 4000px){.cogallery{grid-template-columns:repeat(5,23rem);grid-auto-rows:14rem}.coupload-icon{font-size:1.6rem}.NoteCo{font-size:1.2rem;padding:1rem 0}.coupload-icon span img{width:2.5rem;height:auto}}@media (min-width: 1441px) and (max-width: 2000px){.cogallery{grid-template-columns:repeat(5,15rem);grid-auto-rows:10rem}.NoteCo{font-size:1rem}.coupload-icon span img{width:1.8rem;height:auto}}@media (min-width: 1201px) and (max-width: 1440px){.cogallery{grid-template-columns:repeat(5,1fr);grid-auto-rows:9rem}.NoteCo{font-size:1rem}.coupload-icon span img{width:1.4rem;height:auto}}@media (min-width: 921px) and (max-width: 1200px){.cogallery{grid-template-columns:repeat(5,1fr);grid-auto-rows:6rem}.coupload-icon span img{width:1.4rem;height:auto}}@media (min-width: 501px) and (max-width: 920px){.cogallery{grid-template-columns:repeat(5,1fr);grid-auto-rows:6rem}.coupload-icon span img{width:1.4rem;height:auto}}.ExtraActivitiesBoxImages{padding-top:2rem}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.gallery{--_size: 80px;--_grid-cols: repeat(6, 1fr);--_grid-areas: "large large large" "large large large" "large large large" "thumb-1 thumb-2 thumb-3" "thumb-4 thumb-5 thumb-6" "thumb-7 thumb-8 thumb-9";--_gap: .5rem;--_info-top: 0;--_info-bottom: auto;--_info-translate: -100px;width:100%;max-width:fit-content;min-width:min-content;display:grid;grid-template-columns:var(--_grid-cols);grid-template-areas:var(--_grid-areas);gap:var(--_gap);position:relative;margin:0 auto;height:100%}@media (min-width: 720px){.gallery{--_size: 99%;--_grid-cols: repeat(6, 1fr);--_grid-areas: "thumb-1 thumb-2 thumb-3 large large large" "thumb-4 thumb-5 thumb-6 large large large" "thumb-7 thumb-8 thumb-9 large large large";margin-top:2rem}}@media (max-width: 719px){.gallery{--_size: 99%;--_grid-cols: repeat(3, 1fr);--_grid-areas: "large large large" "large large large" "large large large" "thumb-1 thumb-2 thumb-3" "thumb-4 thumb-5 thumb-6" "thumb-7 thumb-8 thumb-9"}}.galleryLabel{cursor:pointer;height:var(--_size);aspect-ratio:1;width:100%;position:relative}.galleryLabel img,.selectedImage{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out;border-radius:.5rem}.galleryLabel div{position:absolute;right:0;top:var(--_info-top);bottom:var(--_info-bottom);width:calc((var(--_size) * 3) + var(--_gap) * 2);z-index:10;background-color:#0009;padding:1rem;font-size:.85rem;font-weight:300;opacity:0;translate:0 var(--_info-translate);transition:.3s ease-in-out}.galleryLabel div h2{font-size:1rem;font-weight:500;color:#fff}.mainImg{grid-area:large;aspect-ratio:1/1;background-size:cover;background-position:center;height:100%;background-repeat:no-repeat;border-radius:.5rem}.uploadButtonContainer{position:absolute;display:flex;justify-content:center;align-items:center;z-index:2;top:8px;right:8px}.uploadButtonContainer label{cursor:pointer}.uploadLabel img{width:2.5rem;height:auto;background-color:#fff;border-radius:50%}.NoteEx{font-size:1rem;font-weight:600;color:#dc143c;display:flex;justify-content:center;text-align:center}@media (min-width: 4001px){.NoteEx{font-size:2.5rem;padding:3rem 0}.uploadLabel img{width:5rem;height:auto}}@media (min-width: 2001px) and (max-width: 4000px){.NoteEx{font-size:1.2rem;padding:1rem 0}.uploadLabel img{width:2.5rem;height:auto}}@media (min-width: 1441px) and (max-width: 2000px){.NoteEx{font-size:1rem}.uploadLabel img{width:1.8rem;height:auto}}@media (min-width: 1201px) and (max-width: 1440px){.NoteEx{font-size:1rem}.uploadLabel img{width:1.4rem;height:auto}}@media (max-width: 1200px){.uploadLabel img{width:1.4rem;height:auto}}.unified-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;isolation:isolate;opacity:0;transition:opacity .15s ease-in-out}.unified-modal-overlay.unified-modal-open{opacity:1}.unified-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;position:relative;overflow:hidden;height:85vh;min-height:600px;max-height:90vh;z-index:1000;transform:scale(.95);transition:transform .15s ease-in-out}.unified-modal-open .unified-modal-container{transform:scale(1)}.unified-modal-small{width:400px;max-width:90vw}.unified-modal-medium{width:600px;max-width:90vw}.unified-modal-large{width:900px;max-width:90vw}.unified-modal-xlarge{width:1200px;max-width:95vw}.unified-modal-header{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;padding:24px 30px;position:relative;flex-shrink:0;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-between}.unified-modal-navbar{flex-shrink:0;position:relative;z-index:10}.unified-modal-header-content{flex:1}.unified-modal-title{margin:0;font-size:24px;font-weight:600;line-height:1.2;color:#fff}.unified-modal-description{margin:8px 0 0;font-size:14px;opacity:.9;line-height:1.4;color:#fff}.unified-modal-close-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:16px;font-size:24px;z-index:1001}.unified-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.unified-modal-close-btn:active{transform:scale(.95)}.unified-modal-content{flex:1;min-height:0;position:relative;background:#f8f9fa}.unified-modal-content.unified-modal-scrollable{overflow-y:auto;overflow-x:hidden}.unified-modal-content::-webkit-scrollbar{width:8px}.unified-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.unified-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.unified-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.unified-modal-footer{background:#fff;padding:20px 30px;border-top:1px solid #e9ecef;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;box-shadow:0 -2px 8px #0000000d}.unified-modal-header.header-success{background:linear-gradient(135deg,#28a745,#20c997)}.unified-modal-header.header-warning{background:linear-gradient(135deg,#ffc107,#fd7e14)}.unified-modal-header.header-danger{background:linear-gradient(135deg,#dc3545,#e83e8c)}.unified-modal-header.header-info{background:linear-gradient(135deg,#17a2b8,#6f42c1)}.unified-modal-header.header-dark{background:linear-gradient(135deg,#343a40,#495057)}@media (max-width: 768px){.unified-modal-overlay{padding:10px}.unified-modal-container{height:90vh;min-height:500px}.unified-modal-small,.unified-modal-medium,.unified-modal-large,.unified-modal-xlarge{width:100%;max-width:100%}.unified-modal-header{padding:20px}.unified-modal-title{font-size:20px}.unified-modal-description{font-size:13px}.unified-modal-close-btn{width:32px;height:32px;font-size:20px}.unified-modal-footer{padding:16px 20px;flex-direction:column-reverse;align-items:stretch}.unified-modal-footer>*{width:100%;margin-bottom:8px}.unified-modal-footer>*:last-child{margin-bottom:0}}@media (max-width: 480px){.unified-modal-overlay{padding:5px}.unified-modal-container{height:95vh;border-radius:8px}.unified-modal-header{padding:16px}.unified-modal-title{font-size:18px}}@media (min-width: 1441px){.unified-modal-header{padding:2vw 2.5vw}.unified-modal-title{font-size:1.8vw}.unified-modal-description{font-size:1vw}.unified-modal-close-btn{width:2.5vw;height:2.5vw;font-size:1.8vw}.unified-modal-footer{padding:1.5vw 2.5vw}}.unified-modal-container{position:relative;z-index:1000}@keyframes unified-modal-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.unified-modal-container{animation:unified-modal-fade-in .2s ease-out}.unified-modal-overlay:focus{outline:none}.unified-modal-container:focus{outline:none}@media (prefers-reduced-motion: reduce){.unified-modal-overlay,.unified-modal-container,.unified-modal-close-btn{transition:none;animation:none}}.filter_container{display:flex;align-items:center;justify-content:center;width:100%;gap:1rem;padding:1rem 0}.drop_down{padding-left:10px;width:10rem;border:1px solid lightgray;border-radius:5px;font-size:1.1rem;height:2.2rem;font-style:inherit}.Search_container{display:flex;align-items:center;justify-content:center}.filter_categories{width:10rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal_content{background-color:#fff;padding:1rem;border-radius:8px;width:60rem;height:40rem;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal_content h2{margin:1rem 0 1.5rem;font-size:2.5rem;color:#00a2ff}.modal_content h3{font-size:1.8rem;margin:1rem 0;color:#00a2ff;padding:1rem 0}.modal_content h4{font-size:1.5rem;margin:1rem 0;color:#505050;text-decoration:underline}.overall_child_data{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap;width:100%;padding:1rem 0 1.5rem}.child_data{display:flex;align-items:center;justify-content:flex-start;gap:1rem;width:45%}.child_data_key{display:flex;align-items:center;justify-content:flex-start;font-size:1.3rem;font-weight:600;width:100%}.child_data_value{font-size:1.2rem;display:flex;align-items:center;width:100%;justify-content:flex-start}.overall_parents_data{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:1rem;flex-wrap:wrap;width:100%}.parents{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap;width:100%;padding:1.2rem 0}.collection_parents_data{display:flex;justify-content:flex-start;gap:1rem;align-items:center;flex-wrap:wrap}.parents_data_collections{display:flex;align-items:center;justify-content:flex-start;width:100%;flex-wrap:wrap;gap:2rem}.parents_data{display:flex;align-items:center;justify-content:flex-start;gap:1rem;width:45%}.parents_data_key{display:flex;align-items:center;justify-content:flex-start;font-size:1.3rem;font-weight:600;width:100%}.parents_data_value{font-size:1.2rem;display:flex;align-items:center;width:100%;justify-content:flex-start}.export_button_container{display:flex;justify-content:flex-end}.export_button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px}.export_button:hover{background-color:#45a049}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Admission_data_Ui table tbody tr td{min-width:6rem}.Admission_data_Ui table tbody tr td:nth-last-child(1){min-width:3rem}.Admission_data_Ui table thead tr th:nth-last-child(1){display:flex;justify-content:center}.Admission_data_Ui table tbody tr td .admission-action{display:flex;justify-content:center;gap:.5rem}.Admission_data_Ui table tbody tr td .admission-action svg{font-size:1.25rem;color:gray;cursor:pointer;transition:all .3s ease-in}.Admission_data_Ui table tbody tr td .admission-action svg:hover{transform:scale(1.2);transition:all .3s ease-in}.Admission_data_Ui table tbody tr td .admission-action .delete-icon:hover{color:#dc143c;transition:all .3s ease-in}.Admission_data_Ui table tbody tr td .admission-action .convert-btn{background-color:#4caf50;color:#fff;border:none;padding:.3rem .6rem;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .3s ease-in;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.Admission_data_Ui table tbody tr td .admission-action .convert-btn:hover{background-color:#45a049;transform:scale(1.05);transition:all .3s ease-in}.Admission_data_Ui .modal_content{height:30rem;width:50rem}.Admission_data_Ui .modal_content::-webkit-scrollbar{width:3px}.Admission_data_Ui .modal_content::-webkit-scrollbar-thumb{background:#6088f7;border-radius:3px}.Admission_data_Ui .modal_content::-webkit-scrollbar-thumb:hover{background:#555;cursor:grabbing}.Admission_data_Ui .modal_content .preview-container{display:flex;flex-wrap:wrap}.Admission_data_Ui .modal_content .preview-container h5{font-size:1.2rem;width:100%;margin:.5rem 0 1rem;color:#5f85f7}.Admission_data_Ui .modal_content .preview-container .preview-text-box{width:50%;min-height:2.5rem;display:flex;align-items:center}.Admission_data_Ui .modal_content .preview-container .preview-text-box h6{width:50%;font-size:.85rem;font-weight:700}.Admission_data_Ui .modal_content .preview-container .preview-text-box p{width:50%;font-size:.85rem;font-weight:500}.Admission_data_Ui .modal_content .preview-container .preview-text-box .schoolName{color:#5f85f7;font-weight:600}.Admission_data_Ui .modal_content .preview-container .arrayData_length{height:3rem;width:100%;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;color:gray}@media (min-width: 1441px){.filter_container{display:flex;align-items:center;justify-content:center;width:100%;gap:1vw;padding:1vw 0}.drop_down{padding-left:10px;width:10vw;border:1px solid lightgray;border-radius:5px;font-size:1.1vw;height:2.2vw;font-style:inherit}.Search_container{display:flex;align-items:center;justify-content:center}.filter_categories{width:10vw}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal_content{background-color:#fff;padding:1vw;border-radius:8px;width:60vw;height:40vw;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal_content h2{margin:1vw 0 1.5vw;font-size:2.5vw;color:#00a2ff}.modal_content h3{font-size:1.8vw;margin:1vw 0;color:#00a2ff;padding:1vw 0}.modal_content h4{font-size:1.5vw;margin:1vw 0;color:#505050;text-decoration:underline}.overall_child_data{display:flex;align-items:center;justify-content:flex-start;gap:1vw;flex-wrap:wrap;width:100%;padding:1vw 0 1.5vw}.child_data{display:flex;align-items:center;justify-content:flex-start;gap:1vw;width:45%}.child_data_key{display:flex;align-items:center;justify-content:flex-start;font-size:1.3vw;font-weight:600;width:100%}.child_data_value{font-size:1.2vw;display:flex;align-items:center;width:100%;justify-content:flex-start}.overall_parents_data{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:1vw;flex-wrap:wrap;width:100%}.parents{display:flex;align-items:center;justify-content:flex-start;gap:1vw;flex-wrap:wrap;width:100%;padding:1.2vw 0}.collection_parents_data{display:flex;justify-content:flex-start;gap:1vw;align-items:center;flex-wrap:wrap}.parents_data_collections{display:flex;align-items:center;justify-content:flex-start;width:100%;flex-wrap:wrap;gap:2vw}.parents_data{display:flex;align-items:center;justify-content:flex-start;gap:1vw;width:45%}.parents_data_key{display:flex;align-items:center;justify-content:flex-start;font-size:1.3vw;font-weight:600;width:100%}.parents_data_value{font-size:1.2vw;display:flex;align-items:center;width:100%;justify-content:flex-start}.export_button_container{display:flex;justify-content:flex-end}.export_button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px}.export_button:hover{background-color:#45a049}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Admission_data_Ui table tbody tr td{min-width:6vw}.Admission_data_Ui table tbody tr td:nth-last-child(1){min-width:3vw}.Admission_data_Ui table thead tr th:nth-last-child(1){display:flex;justify-content:center}.Admission_data_Ui table tbody tr td .admission-action{display:flex;justify-content:center;gap:.5vw}.Admission_data_Ui table tbody tr td .admission-action svg{font-size:1.25vw;color:gray;cursor:pointer;transition:all .3s ease-in}.Admission_data_Ui table tbody tr td .admission-action svg:hover{transform:scale(1.2);transition:all .3s ease-in}.Admission_data_Ui table tbody tr td .admission-action .delete-icon:hover{color:#dc143c;transition:all .3s ease-in}.Admission_data_Ui table tbody tr td .admission-action .convert-btn{background-color:#4caf50;color:#fff;border:none;padding:.3vw .6vw;border-radius:4px;font-size:.7vw;cursor:pointer;transition:all .3s ease-in;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.Admission_data_Ui table tbody tr td .admission-action .convert-btn:hover{background-color:#45a049;transform:scale(1.05);transition:all .3s ease-in}.Admission_data_Ui .modal_content{height:30vw;width:50vw}.Admission_data_Ui .modal_content::-webkit-scrollbar{width:3px}.Admission_data_Ui .modal_content::-webkit-scrollbar-thumb{background:#6088f7;border-radius:3px}.Admission_data_Ui .modal_content::-webkit-scrollbar-thumb:hover{background:#555;cursor:grabbing}.Admission_data_Ui .modal_content .preview-container{display:flex;flex-wrap:wrap}.Admission_data_Ui .modal_content .preview-container h5{font-size:1.2vw;width:100%;margin:.5vw 0 1vw;color:#5f85f7}.Admission_data_Ui .modal_content .preview-container .preview-text-box{width:50%;min-height:2.5vw;display:flex;align-items:center}.Admission_data_Ui .modal_content .preview-container .preview-text-box h6{width:50%;font-size:.85vw;font-weight:700}.Admission_data_Ui .modal_content .preview-container .preview-text-box p{width:50%;font-size:.85vw;font-weight:500}.Admission_data_Ui .modal_content .preview-container .arrayData_length{height:3vw;font-size:1vw}}.detail-row:last-child{margin-bottom:0}.detail-row label{font-weight:600;color:#555;min-width:140px;max-width:160px;flex-shrink:0;line-height:1.4}.detail-row span{color:#333;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-width:0;flex:1}.parent-detail-block{margin-bottom:12px}.parent-detail-block:last-child{margin-bottom:0}.parent-separator{height:1px;background-color:#dee2e6;margin:16px 0}@media (max-width: 1200px){.details-grid{grid-template-columns:1fr;gap:15px}.detail-row label{min-width:120px;max-width:140px}}@media (min-width: 1441px){.details-grid{gap:1.2vw;padding:0 .3vw}.detail-section{padding:1.2vw}.section-title{margin-bottom:1vw;font-size:1vw;padding-bottom:.5vw}.detail-row{margin-bottom:1vw;gap:.8vw}.detail-row label{min-width:9vw;max-width:10vw;font-size:.85vw}.detail-row span{font-size:.85vw}.parent-separator{margin:1vw 0}}.newsAnnouncement-container{display:flex;flex-direction:column;gap:1rem}.newsAnnouncement-container .btn-wrapper{display:flex;justify-content:flex-end}.newsAnnouncement-container .newsAnnouncement-table-container{width:100%;margin:0 auto}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(1){width:25rem}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(2){width:25rem}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(2) p #demo-key-point{width:12rem;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;display:inline-block;white-space:nowrap}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(2) p{display:flex;gap:2rem}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(2) p #key-point-length{height:1.2rem;width:1.2rem;border-radius:50%;background:purple;display:flex;align-items:center;justify-content:center;color:#fff}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td .newsAnnouncement-action{display:flex;gap:.5rem}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td .newsAnnouncement-action svg{font-size:1.25rem;color:gray;cursor:pointer;transition:all .3s ease-in}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td .newsAnnouncement-action svg:hover{transform:scale(1.2);transition:all .3s ease-in}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td .newsAnnouncement-action .delete-icon:hover{color:#dc143c;transition:all .3s ease-in}.newsAnnouncement-view-modal .newsAnnouncement-points{height:15rem;display:flex;flex-direction:column;gap:.5rem;overflow:auto;border-radius:.2rem;border:1px solid #d4dcf3;padding:.3rem .5rem}.newsAnnouncement-view-modal .newsAnnouncement-points::-webkit-scrollbar{width:3px}.newsAnnouncement-view-modal .newsAnnouncement-points::-webkit-scrollbar-thumb{background:#6088f7;border-radius:3px}.newsAnnouncement-view-modal .newsAnnouncement-points::-webkit-scrollbar-thumb:hover{background:#555;cursor:grabbing}.newsAnnouncement-view-modal .newsAnnouncement-points p{display:flex;gap:.3rem;font-size:.9rem;font-weight:500;line-height:1.3rem}.newsAnnouncement-add-modal{width:35rem;height:25rem;display:flex;flex-direction:column;gap:1rem}.newsAnnouncement-add-modal h3{font-size:1.5rem}.newsAnnouncement-form{height:100%;width:100%;display:flex;flex-direction:column}.newsAnnouncement-form .form-field{height:4rem;display:flex;flex-direction:column}.newsAnnouncement-form .key-points-container{height:15rem;border:1px solid #d4dcf3;background:#e9ecf3;margin-bottom:.5rem;padding:.3rem .5rem;overflow:auto;border-radius:.2rem}.newsAnnouncement-form .key-points-container::-webkit-scrollbar{width:3px}.newsAnnouncement-form .key-points-container::-webkit-scrollbar-thumb{background:#6088f7;border-radius:3px}.newsAnnouncement-form .key-points-container::-webkit-scrollbar-thumb:hover{background:#555;cursor:grabbing}.newsAnnouncement-form h6{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.newsAnnouncement-form .key-points{height:auto;width:100%;display:flex;gap:1rem}.newsAnnouncement-form .key-points .form-field{height:7rem;width:95%;display:flex;flex-direction:column}.newsAnnouncement-form .key-points .add-point-button{width:8%;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.newsAnnouncement-form .key-points .add-point-button button{height:1.8rem;width:1.8rem;display:flex;align-items:center;justify-content:center;border:none;background:unset;cursor:pointer;font-size:1.5rem;color:#6194f5;transition:all .3s ease-in-out}.newsAnnouncement-form .key-points .add-point-button button:hover{background-color:#fff;border-radius:50%}.newsAnnouncement-form .key-points .add-point-button button:nth-child(1){color:#dc143c}.newsAnnouncement-form .key-points .add-point-button button:disabled{color:#c4c3c3;cursor:not-allowed;transition:unset}.newsAnnouncement-form .key-points .add-point-button button:disabled:hover{background-color:unset}.newsAnnouncement-form .form-field input,.newsAnnouncement-form .form-field textarea{font-weight:500;font-size:.85rem;border:1px solid #d4dcf3}.newsAnnouncement-form .form-field textarea{height:5.5rem}textarea::-webkit-scrollbar{width:3px}textarea::-webkit-scrollbar-thumb{background:#6088f7;border-radius:3px}textarea::-webkit-scrollbar-thumb:hover{background:#555;cursor:grab}.newsAnnouncement-form .form-field label{font-weight:500;font-size:.85rem}.newsAnnouncement-form .form-field .error-message{font-size:.75rem;color:#dc143c;margin-top:.3rem;font-weight:500}.newsAnnouncement-form .form-btn-wrapper{display:flex;justify-content:flex-end;gap:1rem}@media (min-width: 4001px){.SchoolBtn{font-size:3rem}.SchoolBtn{padding:2rem 1rem}}@media (min-width: 2001px) and (max-width: 4000px){.SchoolBtn{font-size:1.8rem}}@media (min-width: 1441px) and (max-width: 2000px){.SchoolBtn{font-size:1.2rem}}@media (min-width: 1025px) and (max-width: 1440px){.SchoolBtn{font-size:1rem}}@media (min-width: 1441px){.newsAnnouncement-container{gap:1vw}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(1){width:30vw}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(2){width:30vw}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(2) p #demo-key-point{width:12vw}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(2) p{gap:2vw}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td:nth-child(2) p #key-point-length{height:1.2vw;width:1.2vw}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td .newsAnnouncement-action{gap:.5vw}.newsAnnouncement-container .newsAnnouncement-table-container table tbody tr td .newsAnnouncement-action svg{font-size:1.25vw}.newsAnnouncement-view-modal{gap:1vw;width:35vw;padding:.3vw}.newsAnnouncement-view-modal .newsAnnouncement-points{height:15vw;gap:.5vw;border-radius:.2vw;padding:.3vw .5vw}.newsAnnouncement-view-modal .newsAnnouncement-points::-webkit-scrollbar{width:3px}.newsAnnouncement-view-modal .newsAnnouncement-points::-webkit-scrollbar-thumb{border-radius:3px}.newsAnnouncement-view-modal .newsAnnouncement-points p{gap:.3vw;font-size:.9vw;font-weight:500;line-height:1.3vw}.newsAnnouncement-add-modal{width:35vw;height:25vw;gap:1vw}.newsAnnouncement-add-modal h3{font-size:1.5vw}.newsAnnouncement-form .form-field{height:4vw}.newsAnnouncement-form .key-points-container{height:15vw;margin-bottom:.5vw;padding:.3vw .5vw;border-radius:.2vw}.newsAnnouncement-form .key-points-container::-webkit-scrollbar{width:.2vw}.newsAnnouncement-form h6{font-size:.9vw;margin-bottom:.5vw}.newsAnnouncement-form .key-points{gap:1vw}.newsAnnouncement-form .key-points .form-field{height:7vw}.newsAnnouncement-form .key-points .add-point-button{gap:.5vw}.newsAnnouncement-form .key-points .add-point-button button{height:1.8vw;width:1.8vw;font-size:1.5vw}.newsAnnouncement-form .form-field input,.newsAnnouncement-form .form-field textarea{font-size:.85vw}.newsAnnouncement-form .form-field textarea{height:5.5vw}textarea::-webkit-scrollbar{width:.2vw}.newsAnnouncement-form .form-field label{font-size:.85vw}.newsAnnouncement-form .form-field .error-message{font-size:.75vw;margin-top:.3vw}.newsAnnouncement-form .form-btn-wrapper{gap:1vw}}.gallery-section{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.gallery-section .upload-section{height:15%;width:100%;border-radius:.2rem;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.gallery-section .upload-section .upload-box{display:flex;gap:1rem}.gallery-section .upload-section .action-box{display:flex;align-items:center;gap:1rem}.gallery-section .upload-section .action-box .delete-button{font-size:2rem;color:#dc143c;cursor:pointer}.gallery-section .upload-section .action-box .selection-box{display:flex;flex-direction:column;gap:.5rem}.gallery-section .upload-section .action-box .selection-box p{width:6rem;padding:.2rem .5rem;color:#5f82f8;border-radius:.2rem;display:flex;align-items:center;justify-content:center;border:1.5px solid #5f82f8;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease-in-out}.gallery-section .upload-section .action-box .selection-box p:hover{background-color:#aebff8;transform:scale(1.05);color:#fff}.gallery-section .upload-section .action-box .selection-box p.selected{background-color:#5f82f8;color:#fff}.gallery-section .upload-section .upload-label{height:2rem;width:8rem;background:#fff;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:2rem;color:#5f82f8;gap:.5rem;border:1.5px solid #5f82f8;cursor:pointer;font-size:.9rem;font-weight:500}.gallery-section .upload-section .upload-button{border:none;height:2rem;width:8rem;background:#5f82f8;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:2rem;color:#fff;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:500}.gallery-section .upload-section .upload-button:disabled{background-color:#dcdcdc;color:gray;cursor:not-allowed}.gallery-section .preview-section{height:83%;width:100%;border-radius:.2rem;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem;overflow:auto}.gallery-section .preview-section::-webkit-scrollbar{width:3px}.gallery-section .preview-section::-webkit-scrollbar-thumb{background:#6088f7;border-radius:3px}.gallery-section .preview-section::-webkit-scrollbar-thumb:hover{background:#555;cursor:grabbing}.gallery-section .preview-section .preview-body{height:auto;width:100%;padding:.5rem .2rem;display:flex;flex-wrap:wrap;gap:1rem}.gallery-section .preview-section .preview-body .media-preview-container{height:6rem;width:6rem;border-radius:.2rem;position:relative}.gallery-section .preview-section .preview-body .media-preview-container img{height:100%;width:100%;object-fit:cover;border-radius:.2rem;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px}.gallery-section .preview-section .preview-body .media-preview-container .preview-checkbox{height:1rem;width:1rem;position:absolute;bottom:0;right:0;cursor:pointer;border:none}.gallery-section .preview-section .preview-body .noDataContainer{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.gallery-section .preview-section .preview-body .noDataContainer img{height:20rem;width:20rem;object-fit:contain}.SchoolBtn{border-radius:10px;padding:1rem;width:100%;font-weight:600;border:none;outline:none;cursor:pointer}.SchoolBtn.active{background:#47c289;color:#fff;border-radius:5px}.NoteCo{font-size:1rem;font-weight:600;color:#dc143c;display:flex;justify-content:center;text-align:center}@media (min-width: 4001px){.SchoolBtn{font-size:3rem}.SchoolBtn{padding:2rem 1rem}.NoteCo{font-size:2.5rem;padding:3rem 0}}@media (min-width: 2001px) and (max-width: 4000px){.SchoolBtn{font-size:1.8rem}.NoteCo{font-size:1.2rem;padding:1rem 0}}@media (min-width: 1441px) and (max-width: 2000px){.SchoolBtn{font-size:1.2rem}.NoteCo{font-size:1rem}}@media (min-width: 1025px) and (max-width: 1440px){.SchoolBtn,.NoteCo{font-size:1rem}.gallery-section .preview-section .preview-body .media-preview-container,.gallery-section .preview-section .preview-body .media-preview-container video{height:6rem;width:auto;border-radius:.2rem}}@media (min-width: 1441px){.gallery-section .upload-section{padding:.5vw;gap:1vw}.gallery-section .upload-section .upload-box,.gallery-section .upload-section .action-box{gap:1vw}.gallery-section .upload-section .action-box .delete-button{font-size:2vw}.gallery-section .upload-section .action-box .selection-box{gap:.5vw}.gallery-section .upload-section .action-box .selection-box p{width:6vw;padding:.2vw .5vw;border-radius:.2vw;font-size:.9vw}.gallery-section .upload-section .upload-label{height:2vw;width:8vw;padding:.5vw;border-radius:2vw;gap:.5vw;font-size:.9vw}.gallery-section .upload-section .upload-button{height:2vw;width:8vw;border-radius:2vw;gap:.5vw;font-size:.9vw}.gallery-section .preview-section{padding:.5vw}.gallery-section .preview-section .preview-body{padding:.5vw .2vw;gap:1vw}.gallery-section .preview-section .preview-body .media-preview-container{height:6vw;width:auto;border-radius:.2vw}.gallery-section .preview-section .preview-body .media-preview-container video{height:6vw;width:auto;border-radius:.2vw}.gallery-section .preview-section .preview-body .media-preview-container img{height:6vw;width:6vw;border-radius:.2vw}.gallery-section .preview-section .preview-body .media-preview-container .preview-checkbox{height:1vw;width:1vw}.gallery-section .preview-section .preview-body .noDataContainer img{height:20vw;width:20vw}}.master-container{display:flex;flex-direction:column;gap:1rem;overflow:visible!important;position:relative;isolation:isolate}.school-selection-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;margin-bottom:1rem}.school-selection-wrapper label{font-weight:600;color:#495057;min-width:100px}.school-select{min-width:200px}.school-warning{display:flex;align-items:center;gap:.5rem;color:#856404;background-color:#fff3cd;padding:.5rem 1rem;border:1px solid #ffeaa7;border-radius:.375rem;font-size:.875rem}.school-warning .warning-icon{font-size:1rem}.selected-school-display{padding:.5rem 1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;font-weight:500;color:#495057}.form-label{font-weight:600;color:#495057;margin-bottom:.5rem}.highest-grade-warning{display:flex;align-items:center;gap:.5rem;color:#721c24;background-color:#f8d7da;padding:.75rem 1rem;border:1px solid #f5c6cb;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.master-container .btn-wrapper{display:flex;justify-content:flex-end;gap:.5rem}.master-container .master-table-container{width:100%;margin:0 auto}.master-container .master-table-container table tbody tr td{width:100%}.master-add-modal{width:20rem;height:auto;display:flex;flex-direction:column;gap:1rem}.master-add-modal h3,.newsAnnouncement-view-modal h3{font-size:1.5rem}.master-form{height:100%;width:100%;display:flex;flex-direction:column;transition:all .2s ease-in-out}.master-form .form-field{height:4.5rem;display:flex;flex-direction:column}.master-form .form-field input,.master-form .form-field textarea{font-weight:500;font-size:.85rem}.master-form .form-field textarea{height:4.5rem}.grade-name{display:flex;align-items:center;gap:8px}.grade-name.highest-grade{font-weight:600;color:#2196f3}.highest-badge{background:#2196f3;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.highest-grade-info{display:flex;align-items:center;gap:10px;background:#e7f3ff;color:#0056b3;padding:12px 16px;border:1px solid #b3d9ff;border-radius:6px;margin-bottom:16px;font-size:.9rem}.info-icon,.warning-icon{font-size:1.2rem}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#333}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-text{-webkit-user-select:none;user-select:none}.form-helper-text{font-size:.8rem;color:#6c757d;font-style:italic;margin-top:.25rem}.grade-drag-table,.academic-year-drag-table{width:100%}.grade-drag-table .gradeTable,.academic-year-drag-table .gradeTable{width:100%;border-collapse:collapse;border-spacing:0}.grade-drag-table .gradeTable th,.academic-year-drag-table .gradeTable th{background-color:#f8f9fa;border:1px solid #dee2e6;padding:12px;text-align:left;font-weight:600;color:#495057}.grade-drag-table .gradeTable td,.academic-year-drag-table .gradeTable td{border:1px solid #dee2e6;padding:12px;vertical-align:middle}.grade-drag-table .gradeTable tbody tr:hover,.academic-year-drag-table .gradeTable tbody tr:hover{background-color:#f8f9fa}.grade-drag-table .gradeTable tbody tr.dragging,.academic-year-drag-table .gradeTable tbody tr.dragging{opacity:.5;background-color:#e3f2fd}.serial-number-cell{display:flex;align-items:center;gap:8px;min-width:60px}.drag-handle{cursor:grab;padding:4px;border-radius:4px;display:flex;align-items:center;color:#6c757d;transition:all .2s ease}.drag-handle svg{font-size:16px}.table-loader{display:flex;align-items:center;justify-content:center;padding:40px;color:#6c757d;font-size:16px}.master-container .achievements-table-container .gradeTable tr th,.master-container .achievements-table-container .gradeTable tr td{width:auto}.master-container .achievements-table-container .gradeTable tr th:first-child,.master-container .achievements-table-container .gradeTable tr td:first-child{width:100px}.master-container .achievements-table-container .gradeTable tr th:last-child,.master-container .achievements-table-container .gradeTable tr td:last-child{width:120px}.master-form .form-field label{font-weight:500;font-size:.85rem}.master-form .form-field .error-message{font-size:.75rem;color:#dc143c;margin-top:.3rem;font-weight:500}.master-form .form-btn-wrapper{display:flex;justify-content:flex-end;gap:1rem}.master-container .achievements-table-container table tbody tr td .achievements-action{display:flex;align-items:center;gap:.5rem}.master-container .achievements-table-container table tbody tr td .achievements-action svg{font-size:1.25rem;color:gray;cursor:pointer;transition:all .3s ease-in}.master-container .achievements-table-container table tbody tr td .achievements-action svg:hover{transform:scale(1.2);transition:all .3s ease-in}.master-container .achievements-table-container table tbody tr td .achievements-action .delete-icon:hover{color:#dc143c;transition:all .3s ease-in}.master-container .achievements-table-container .gradeTable tr th,.master-container .achievements-table-container .gradeTable tr td{width:calc(100% / 3)}.master-container .achievements-table-container .gradeTable tr th:nth-last-child(1) .theader,.master-container .achievements-table-container .gradeTable tr td:nth-last-child(1) .achievements-action{justify-content:flex-end}.master-container .achievements-table-container .gradeTable tr td .sort-index-input{display:flex;align-items:center;gap:.5rem}.master-container .achievements-table-container .gradeTable tr td .sort-index-input svg{font-size:1.25rem;color:gray;cursor:pointer}.master-container .achievements-table-container .gradeTable tr td .sort-index-input .shownByInput{width:5rem;border:1.5px solid #e6e7eb;padding:.3rem;border-radius:.2rem;outline:none}.master-container .achievements-table-container .gradeTable tr td .sort-index-input .shownByInput:disabled{background-color:unset;border-color:transparent}.master-container .achievements-table-container .gradeTable tr td .sort-index-input .edit-action{display:flex;gap:.35rem}.master-container .achievements-table-container .gradeTable tr td .sort-index-input .edit-action .save{color:#5f85f7}.master-container .achievements-table-container .gradeTable tr td .sort-index-input .edit-action .cancel{color:#dc143c}.master-container .achievements-table-container .gradeTable tr td .sort-index-input .edit-action .save.disable{color:#b8b5b5;cursor:not-allowed}.master-container .achievements-table-container .current-tag{background-color:#9be1c0;padding:.25rem .5rem;margin-left:1rem;color:#3ba071;border-radius:.2rem;border:1px solid #3ba071;font-size:.75rem;font-weight:550}.master-container h5{margin:0 0 0 auto;font-size:.85rem;font-weight:600}.newsAnnouncement-view-modal{display:flex;flex-direction:column;gap:1rem;width:35rem;padding:.3rem}.current-academic-year-modal{display:flex;flex-direction:column;gap:.75rem;width:25rem;padding:.3rem}.current-academic-year-modal h3{padding-bottom:.5rem}@media (min-width: 1441px){.master-container{display:flex;flex-direction:column;gap:1vw}.master-container .btn-wrapper{display:flex;justify-content:flex-end}.master-container .master-table-container{width:100%;margin:0 auto}.master-container .master-table-container table tbody tr td{width:100%}.master-add-modal{width:20vw;display:flex;flex-direction:column;gap:1vw}.master-add-modal h3,.newsAnnouncement-view-modal h3{font-size:1.5vw}.master-form{height:100%;width:100%;display:flex;flex-direction:column;transition:all .2s ease-in-out}.master-form .form-field{height:4.5vw;display:flex;flex-direction:column}.master-form .form-field input,.master-form .form-field textarea{font-weight:500;font-size:.85vw}.master-form .form-field textarea{height:4.5vw}.master-form .form-field label{font-weight:500;font-size:.85vw}.master-form .form-field .error-message{font-size:.75vw;color:#dc143c;margin-top:.3vw;font-weight:500}.master-form .form-btn-wrapper{display:flex;justify-content:flex-end;gap:1vw}.master-container .achievements-table-container table tbody tr td .achievements-action svg{font-size:1.25vw}.newsAnnouncement-view-modal{gap:1vw;width:35vw;padding:.3vw}}.switch{position:relative;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:all .5s}.slider:before{position:absolute;content:"";height:15px;width:15px;background-color:#fff;transition:all .5s}.switch .toggle-active{border:1px solid #6fb1cb7d}.switch .toggle-inactive{border:1px solid rgba(244,151,151,.578)}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input:checked+.slider:before{transform:translate(18px)}.slider.round{border-radius:35px}.slider.round:before{border-radius:50%}.switch.primary{width:30px;height:10px}.switch.primary .slider:before{left:-1px;bottom:-2px}.switch.primary .toggle-active{background-color:#87bef2}.switch.secondary{width:30px;height:16px}.switch.secondary .toggle-active{background-color:#2196f3}.switch.secondary .toggle-active:before{position:absolute;content:"";height:15px;width:15px;background-color:#3f99e9;transition:all .5s}.switch.secondary .toggle-inactive:before{position:absolute;content:"";height:15px;width:15px;background-color:#fa6a6ae6;transition:all .5s}.switch.secondary .toggle-active{background-color:#d7ecff}.switch.secondary .toggle-inactive{background-color:#ffd7de}.switch.secondary input:focus+.slider{box-shadow:0 0 1px #d7ecff}.switch.secondary input:checked+.slider:before{transform:translate(15px)}.switch.disable,.switch.disable .slider{cursor:not-allowed}.settings-container{display:flex;flex-direction:column;gap:1rem}.settings-container .btn-wrapper{display:flex;justify-content:flex-end}.settings-container .settings-table-container{width:100%;margin:0 auto}.settings-container .settings-table-container table tbody tr td{width:25%}.settings-add-modal{width:20rem;height:max-content;display:flex;flex-direction:column;gap:1rem}.settings-add-modal h3,.settings-view-modal h3{font-size:1.5rem}.settings-form{height:100%;width:100%;display:flex;flex-direction:column;transition:all .2s ease-in-out}.settings-form .settings-form-field{height:4.5rem;display:flex;flex-direction:column;gap:.3rem}.settings-form .settings-form-field input,.settings-form .settings-form-field textarea,.settings-form .settings-form-field select,.settings-form .settings-form-field label{font-weight:500;font-size:.85rem}.settings-form .settings-form-field .error-message{font-size:.75rem;color:#dc143c;margin-top:.3rem;font-weight:500}.settings-form .form-btn-wrapper{display:flex;justify-content:flex-end;gap:1rem}.settings-container .settings-table-container table tbody tr td .settings-action{display:flex;gap:.5rem}.settings-container .settings-table-container table tbody tr td .settings-action svg{font-size:1.25rem;color:gray;cursor:pointer;transition:all .3s ease-in}.settings-container .settings-table-container table tbody tr td .settings-action svg:hover{transform:scale(1.2);transition:all .3s ease-in}.settings-container .settings-table-container table tbody tr td .settings-action .delete-icon:hover{color:#dc143c;transition:all .3s ease-in}.settings-view-modal{display:flex;flex-direction:column;gap:1rem;width:35rem;padding:.3rem}@media (min-width: 1441px){.settings-container{display:flex;flex-direction:column;gap:1vw}.settings-container .btn-wrapper{display:flex;justify-content:flex-end}.settings-container .settings-table-container{width:100%;margin:0 auto}.settings-container .settings-table-container table tbody tr td{width:25%}.settings-add-modal{width:20vw;display:flex;flex-direction:column;gap:1vw}.settings-add-modal h3,.settings-view-modal h3{font-size:1.5vw}.settings-form{height:100%;width:100%;display:flex;flex-direction:column;transition:all .2s ease-in-out}.settings-form .settings-form-field{height:4.5vw;display:flex;flex-direction:column;gap:.3vw}.settings-form .settings-form-field input,.settings-form .settings-form-field select{font-weight:500;font-size:.85vw;height:2vw;border-radius:.2vw;font-size:.75vw;padding:.15vw .8vw;color:gray;border:1px solid #808080}.settings-form .settings-form-field label{font-weight:500;font-size:.85vw}.settings-form .settings-form-field .error-message{font-size:.75vw;color:#dc143c;margin-top:.3vw;font-weight:500}.settings-form .form-btn-wrapper{display:flex;justify-content:flex-end;gap:1vw}.settings-container .settings-table-container table tbody tr td .settings-action svg{font-size:1.25vw}.settings-view-modal{gap:1vw;width:35vw;padding:.3vw}}.students-container{padding:20px;background:#fff;border-radius:8px;margin:20px;box-shadow:0 2px 8px #0000001a}.students-header{display:flex;flex-direction:column;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.students-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.students-header h2{margin:0;color:#333;font-size:24px;font-weight:600}.students-filters{margin-bottom:20px}.filter-row{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:15px}.filter-group label{font-weight:600;color:#555;font-size:14px}.filter-input,.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.filter-input{width:200px}.filter-select{width:150px}.filter-actions{display:flex;gap:10px;align-items:end}.search-btn{background-color:#007bff!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:4px!important;cursor:pointer!important;transition:background-color .2s!important}.search-btn:hover{background-color:#0056b3!important}.clear-btn{background-color:#6c757d!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:4px!important;cursor:pointer!important;transition:background-color .2s!important}.clear-btn:hover{background-color:#545b62!important}.filter-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.filter-help-text{font-size:.75rem;color:#6c757d;margin-top:.25rem;font-style:italic}.active-filters{display:flex;gap:10px;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.active-filters span{color:#495057;font-weight:600}.filter-tag{background:#007bff;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:5px}.filter-clear-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:0;margin:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background-color .2s}.filter-clear-btn:hover{background-color:#fff3}.student-statistics{margin:20px 0;background:#f8f9fa;border-radius:12px;border:1px solid #e3e6f0;box-shadow:0 2px 4px #0000000f;overflow:hidden}.statistics-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.statistics-title{margin:0 0 8px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.total-students-summary{font-size:14px;opacity:.95;margin:0}.school-statistics{padding:16px 20px;border-bottom:1px solid #e9ecef}.school-statistics:last-child{border-bottom:none}.school-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.school-name{margin:0;color:#495057;font-size:16px;font-weight:600}.school-info{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.school-total{color:#6c757d;font-weight:500;background:#e9ecef;padding:4px 12px;border-radius:20px;font-size:13px}.latest-admission-info{display:flex;flex-direction:column;gap:2px;background:#e8f5e9;border:1px solid #c3e6cb;border-radius:8px;padding:8px 12px;font-size:12px;max-width:350px}.latest-admission-label{color:#155724;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.latest-admission-details{color:#198754;font-weight:500;line-height:1.3;word-break:break-word}.grade-stats-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.grade-stat-chip{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4e73df,#36b9cc);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 2px 4px #4e73df26;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.grade-stat-chip:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4e73df40}.grade-name{font-weight:500}.grade-count{background:#ffffffe6;color:#4e73df;padding:2px 8px;border-radius:12px;font-weight:700;font-size:12px;min-width:20px;text-align:center}.no-students-message{color:#6c757d;font-style:italic;font-size:14px;padding:8px;text-align:center;background:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6}.statistics-loading{margin:20px 0;padding:20px;text-align:center;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.loading-message{color:#6c757d;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 768px){.statistics-header{padding:12px 16px}.statistics-title{font-size:16px}.school-statistics{padding:12px 16px}.school-header{flex-direction:column;align-items:flex-start;gap:8px}.grade-stats-chips{gap:6px}.grade-stat-chip{font-size:12px;padding:5px 10px}.school-info{align-items:flex-start}.latest-admission-info{max-width:100%;font-size:11px;padding:6px 10px}.latest-admission-label{font-size:10px}}.students-actions{display:flex;gap:10px;align-items:center}.bulk-actions{display:flex;align-items:center;gap:10px;margin-right:15px;padding:8px 12px;background:#f5f5f5;border-radius:6px}.students-table{margin-top:20px}.student-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:220px;padding:4px;background:#f8f9fa80;border-radius:6px;border:1px solid #e9ecef}.student-actions .view-icon{order:1}.student-actions .edit-icon{order:2}.student-actions .history-btn{order:3}.student-actions .fee-btn{order:4}.action-icon{cursor:pointer;font-size:16px;padding:6px;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border:1px solid transparent}.view-icon{color:#06c;background-color:#e8f4fd;border-color:#b3d9f2}.view-icon:hover{color:#fff;background-color:#06c;border-color:#004d99;transform:translateY(-1px);box-shadow:0 2px 4px #0066cc4d}.edit-icon{color:#28a745;background-color:#e8f5e9;border-color:#b3d9b5}.edit-icon:hover{color:#fff;background-color:#28a745;border-color:#1e7e34;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.confirm-icon{color:#ff9800;background-color:#fff3e0;border-color:#ffcc02}.confirm-icon:hover{color:#2e7d32;background-color:#e8f5e9;border-color:#4caf50;transform:translateY(-1px);box-shadow:0 2px 4px #4caf504d}.delete-icon:hover{color:#c82333;background-color:#f8d7da}.deactivate-icon{color:#ffc107}.deactivate-icon:hover{color:#e0a800;background-color:#fff3cd}.activate-icon{color:#28a745}.activate-icon:hover{color:#1e7e34;background-color:#e8f5e9}.students-modal .modal-content{max-height:80vh;overflow-y:auto;padding:0!important;min-width:900px;max-width:1200px}.students-modal .modal-body{padding:0;overflow-x:hidden}.student-details-modal .modal-content{max-height:80vh;overflow-y:auto;padding:0!important}.student-details{padding:24px;max-height:70vh;overflow-y:auto}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;padding:0 4px;box-sizing:border-box;width:100%}.detail-section{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.contact-info-vertical{display:flex;flex-direction:column;gap:15px}.address-row{margin-bottom:10px}.address-row span{word-wrap:break-word;line-height:1.4}.section-title{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #dee2e6}.contact-fee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.no-data{color:#6c757d;font-style:italic;text-align:center;padding:20px;background:#fff;border-radius:5px;border:1px dashed #dee2e6}.detail-row{display:flex;margin-bottom:15px;align-items:flex-start;gap:12px;word-wrap:break-word;overflow-wrap:break-word}.detail-row label{font-weight:600;color:#555;min-width:120px;max-width:140px;flex-shrink:0;line-height:1.4}.detail-row span{color:#333;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-width:0}.fee-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.fee-status.paid{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.fee-status.pending{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.student-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.student-status.active{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.student-status.inactive{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.students-table .active-row{border-left:4px solid #28a745!important}.students-table .inactive-row{background:#f8f9fa!important;opacity:.85;border-left:4px solid #dc3545!important}.students-table .inactive-row:hover{background:#e9ecef!important;opacity:.95}.students-table .inactive-row td{color:#6c757d!important;font-weight:500;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(220,53,69,.03) 8px,rgba(220,53,69,.03) 16px)}.students-table .inactive-row .student-status,.students-table .inactive-row .fee-status{opacity:.9}.admission-number-onboarding{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #c8e6c9;border-radius:6px;background:linear-gradient(135deg,#f1f8e9,#e8f5e9);box-shadow:0 2px 6px #4caf5026;animation:onboarding-pulse 2s infinite}.onboarding-admission-number{font-weight:600;color:#2e7d32}.onboarding-indicator{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;font-weight:900;font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:help;border:2px solid #ffffff;box-shadow:0 2px 4px #4caf504d;position:relative;z-index:2}@keyframes onboarding-pulse{0%{box-shadow:0 2px 6px #4caf5026}50%{box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}to{box-shadow:0 2px 6px #4caf5026}}.onboarding-indicator:hover{transform:scale(1.1);box-shadow:0 3px 8px #4caf5080}.onboarding-indicator:hover:before{content:attr(title);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#2e7d32;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0003;letter-spacing:normal}.onboarding-indicator:hover:after{content:"";position:absolute;bottom:119%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#2e7d32;z-index:1001}.students-table td:has(.admission-number-onboarding){background:#4caf500d!important;border-left:3px solid #4caf50!important}.student-status-container{display:flex;align-items:center;justify-content:center}.student-status-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;min-width:100px;transition:all .2s ease;border:1px solid transparent}.student-status-badge.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-color:#c3e6cb;box-shadow:0 2px 4px #1557241a}.student-status-badge.inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-color:#f5c6cb;box-shadow:0 2px 4px #721c241a}.student-status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.status-icon{font-size:14px;display:flex;align-items:center}.status-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.status-text{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.status-sub-text{font-size:10px;opacity:.8;font-weight:400}.status-reason{display:flex;align-items:center;gap:4px;font-size:10px;opacity:.7;font-style:italic}.info-icon{font-size:8px}.promotion-btn{background-color:#2196f3!important;color:#fff!important}.action-btn{border:1px solid;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:32px;text-transform:uppercase;letter-spacing:.5px}.history-btn{color:#1976d2;background-color:#e3f2fd;border-color:#bbdefb}.history-btn:hover{color:#fff;background-color:#1976d2;border-color:#1565c0;transform:translateY(-1px);box-shadow:0 2px 4px #1976d24d}.fee-btn{color:#388e3c;background-color:#e8f5e9;border-color:#c8e6c9}.fee-btn:hover{color:#fff;background-color:#388e3c;border-color:#2e7d32;transform:translateY(-1px);box-shadow:0 2px 4px #388e3c4d}.fee-btn.paid{color:#2e7d32;background-color:#e8f5e9;border-color:#c8e6c9}.fee-btn.paid:hover{color:#fff;background-color:#4caf50;border-color:#45a049;transform:translateY(-1px);box-shadow:0 2px 4px #4caf504d}.fee-btn.pending{color:#d2691e;background-color:#ffecd1;border-color:#ffd4a3}.fee-btn.pending:hover{color:#fff;background-color:#d2691e;border-color:#b8591a;transform:translateY(-1px);box-shadow:0 2px 4px #d2691e4d}.fee-btn.overdue{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;animation:pulse 2s infinite}.fee-btn.overdue:hover{color:#fff;background-color:#721c24;border-color:#5b161d;transform:translateY(-1px);box-shadow:0 2px 4px #721c244d;animation:none}.fee-btn.no-assignment{color:#6c757d;background-color:#e9ecef;border-color:#ced4da}.fee-btn.no-assignment:hover{color:#fff;background-color:#6c757d;border-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}.relief-btn{color:#d32f2f;background-color:#ffebee;border-color:#ffcdd2}.relief-btn:hover{color:#fff;background-color:#d32f2f;border-color:#c62828;transform:translateY(-1px);box-shadow:0 2px 4px #d32f2f4d}.admission-fee-btn{color:#ff9800;border-color:#ff9800;font-size:.75rem;min-width:120px;white-space:nowrap}.admission-fee-btn:hover{background-color:#ff9800;color:#fff}.admission-fee-btn.paid{color:#4caf50;border-color:#4caf50}.admission-fee-btn.paid:hover{background-color:#4caf50;color:#fff}.admission-fee-btn.pending{color:#f39c12;border-color:#f39c12}.admission-fee-btn.pending:hover{background-color:#f39c12;color:#fff}.admission-fee-btn.not-set{color:#6c757d;border-color:#6c757d}.admission-fee-btn.not-set:hover{background-color:#6c757d;color:#fff}.admission-fee-btn.overdue{color:#dc3545;border-color:#dc3545;font-weight:700;animation:pulse 2s infinite}.admission-fee-btn.overdue:hover{background-color:#dc3545;color:#fff}.admission-fee-btn.exempt{color:#17a2b8;border-color:#17a2b8}.admission-fee-btn.exempt:hover{background-color:#17a2b8;color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.admission-fee-status{display:flex;align-items:center;justify-content:center}.fee-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-align:center;min-width:70px;display:inline-block}.fee-badge.paid{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.fee-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.fee-badge.not-set{background-color:#e9ecef;color:#6c757d;border:1px solid #ced4da}.fee-badge.overdue{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;font-weight:700;animation:pulse 2s infinite}.fee-badge.exempt{background-color:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.fee-amount{font-weight:400;color:#666;font-size:.9em}.history-modal .modal-content{min-width:600px;max-height:90vh;overflow-y:auto}th input[type=checkbox]{transform:scale(1.1)}tr.selected{background-color:#e3f2fd!important}.admission-fee-interactive{cursor:pointer;padding:8px 12px;border-radius:6px;border:2px solid transparent;transition:all .2s ease;background:#f8f9fa;text-align:center;min-width:120px;position:relative;overflow:visible}.admission-fee-interactive:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.admission-fee-interactive.paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#4caf50;color:#155724}.admission-fee-interactive.paid:hover{background:linear-gradient(135deg,#c3e6cb,#b8dcc0);border-color:#45a049}.admission-fee-interactive.pending{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#f39c12;color:#856404}.admission-fee-interactive.pending:hover{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-color:#e67e22}.admission-fee-interactive.overdue{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;color:#721c24;animation:pulse-glow 2s infinite}.admission-fee-interactive.overdue:hover{background:linear-gradient(135deg,#f5c6cb,#f1b0b7);border-color:#c82333;animation:none}.admission-fee-interactive.exempt{background:linear-gradient(135deg,#d1ecf1,#b8daff);border-color:#17a2b8;color:#0c5460}.admission-fee-interactive.exempt:hover{background:linear-gradient(135deg,#b8daff,#a3d5ff);border-color:#138496}.admission-fee-interactive.not-set{background:linear-gradient(135deg,#e9ecef,#ced4da);border-color:#6c757d;color:#495057}.admission-fee-interactive.not-set:hover{background:linear-gradient(135deg,#ced4da,#adb5bd);border-color:#5a6268}.fee-status-text{font-weight:600;font-size:.85rem;margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:4px}.fee-amount-text{font-size:.75rem;font-weight:500;margin-bottom:2px;opacity:.8}.fee-action-hint{font-size:.7rem;opacity:.7;font-style:italic;text-transform:uppercase;letter-spacing:.5px}.admission-fee-interactive:hover .fee-action-hint{opacity:1;font-weight:600}@keyframes pulse-glow{0%{box-shadow:0 0 #dc354566;opacity:1}50%{box-shadow:0 0 0 8px #dc354500;opacity:.8}to{box-shadow:0 0 #dc354500;opacity:1}}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:stretch;gap:15px}.filter-group,.filter-input,.filter-select{width:100%}.filter-actions{flex-direction:row;justify-content:space-between}.active-filters{flex-direction:column;align-items:flex-start;gap:8px}.students-actions{width:100%;justify-content:flex-end}.details-grid{grid-template-columns:1fr;gap:20px}.contact-info-vertical{gap:12px}.student-actions{min-width:180px;padding:2px;gap:4px}.action-icon{min-width:28px;min-height:28px;font-size:14px;padding:4px}.action-btn{padding:4px 8px;font-size:.7rem;min-width:60px;min-height:28px}.students-actions{flex-direction:column;gap:8px}.history-modal .modal-content{min-width:300px}.detail-section{padding:16px;margin:0 2px}.details-grid{grid-template-columns:1fr;gap:16px;padding:0 2px}.contact-fee-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:6px}.detail-row label{min-width:auto;max-width:none;margin-bottom:0}.detail-row span{width:100%;padding-right:8px;box-sizing:border-box}.students-modal .modal-content{min-width:95vw;max-width:95vw;margin:0 auto}}.alumni-toggle-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.alumni-toggle-section:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.alumni-toggle-container{display:flex;align-items:center;justify-content:flex-start}.alumni-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#495057;transition:color .2s ease}.alumni-toggle-label:hover{color:#007bff}.alumni-checkbox{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#007bff;transform:scale(1.1)}.alumni-toggle-text{font-size:16px;font-weight:600;color:#343a40;display:flex;align-items:center;gap:6px}.alumni-year-container{display:flex;align-items:center;gap:16px;padding:12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;animation:slideDown .3s ease-out}.alumni-year-label{font-weight:500;color:#495057;min-width:150px;white-space:nowrap;margin:0}.alumni-year-dropdown{min-width:200px}.alumni-filter-tag{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;font-weight:600;position:relative;overflow:hidden}.alumni-filter-tag:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}.alumni-filter-tag:hover:before{opacity:1}.alumni-filter-tag .filter-clear-btn{color:#fff!important;background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;position:relative;z-index:2}.alumni-filter-tag .filter-clear-btn:hover{background:#ffffff4d!important;transform:scale(1.1)}@media (max-width: 768px){.alumni-toggle-section{padding:12px;margin-bottom:12px}.alumni-year-container{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.alumni-year-label{min-width:auto;text-align:left;font-size:14px}.alumni-year-dropdown{min-width:auto;width:100%}.alumni-toggle-text{font-size:15px}.alumni-filter-tag{font-size:13px;padding:6px 10px}}@media (max-width: 480px){.alumni-toggle-section{padding:10px;margin-bottom:10px}.alumni-toggle-text{font-size:14px}.alumni-year-label{font-size:13px}}.alumni-academic-year{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:13px;display:inline-block;min-width:80px;text-align:center;box-shadow:0 2px 4px #667eea33}.filter-group label{transition:all .3s ease;cursor:pointer;position:relative}.filter-group label:has(input[type=checkbox]:checked){background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:8px;padding:10px 16px;font-weight:700;color:#2e7d32;box-shadow:0 4px 8px #4caf5033;transform:translateY(-1px)}.filter-group label:has(input[type=checkbox]:checked):before{content:"✓ ";font-weight:700;color:#4caf50;margin-right:4px}.filter-group input[type=checkbox]:checked{accent-color:#4caf50;transform:scale(1.2);box-shadow:0 0 0 2px #4caf504d}.filter-tag.active-students-filter{background:linear-gradient(135deg,#4caf50,#66bb6a)!important;color:#fff!important;border:2px solid #2e7d32!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 8px #4caf504d;animation:pulse-green 2s infinite;position:relative;overflow:hidden}.filter-tag.active-students-filter:before{content:"🟢 ";margin-right:4px}.filter-tag.active-students-filter:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes pulse-green{0%{box-shadow:0 4px 8px #4caf504d}50%{box-shadow:0 6px 12px #4caf5080;transform:translateY(-1px)}to{box-shadow:0 4px 8px #4caf504d}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.filter-tag.active-students-filter .filter-clear-btn{background:#ffffff4d!important;border:1px solid rgba(255,255,255,.5)!important;color:#fff!important;font-weight:700}.filter-tag.active-students-filter .filter-clear-btn:hover{background:#ffffff80!important;transform:scale(1.1)}.student-status-filter{display:flex;align-items:center;gap:20px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.filter-section-label{font-weight:600;font-size:14px;color:#2c3e50}.radio-group{display:flex;gap:24px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:#3498db}.radio-label{font-size:14px;color:#34495e;cursor:pointer}.radio-option:hover .radio-label{color:#2c3e50;font-weight:500}.alumni-year-selector{display:flex;align-items:center;gap:12px;margin-left:32px;padding-left:32px;border-left:2px solid #ddd}.alumni-year-label{font-size:14px;color:#7f8c8d;white-space:nowrap}.filter-tag.status-filter-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.filter-tag.status-filter-tag .filter-clear-btn{background:#ffffff4d;border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:700}.filter-tag.status-filter-tag .filter-clear-btn:hover{background:#ffffff80;transform:scale(1.1)}.student-relief-modal{max-width:500px;margin:0 auto;padding:20px}.modal-header{margin-bottom:25px;text-align:center}.modal-header h2{margin:0 0 10px;color:#333;font-size:24px;font-weight:600}.student-info{margin:0;color:#666;font-size:16px;line-height:1.5}.student-info strong{color:#333}.form-content{display:flex;flex-direction:column;gap:24px;width:100%}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{font-weight:600;color:#333;font-size:14px;margin-bottom:4px}.error-message-container{min-height:20px;display:flex;align-items:flex-start}.error-message{color:#dc3545;font-size:12px;font-weight:500;margin:0}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-button{background-color:#f8f9fa;color:#333;border:1px solid #dee2e6}.cancel-button:hover{background-color:#e9ecef}.relieve-button{background-color:#dc3545;color:#fff;border:1px solid #dc3545}.relieve-button:hover{background-color:#c82333;border-color:#c82333}.relieve-button:disabled{background-color:#f8d7da;border-color:#f8d7da;cursor:not-allowed}@media (max-width: 768px){.student-relief-modal{padding:15px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.student-form-modal .modal-content{max-height:90vh;overflow:visible}.student-form-container{padding:20px;max-height:70vh;overflow-y:auto}.student-form{display:flex;flex-direction:column;gap:20px}.student-form .form-group{display:flex!important;flex-direction:column!important;margin:0 0 5px!important;padding:0!important;position:relative!important;box-sizing:border-box!important}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;margin-bottom:5px}.student-form .form-group .dropdown{margin-top:0!important;width:100%!important;min-width:unset!important;gap:.3rem!important}.student-form .form-group .dropdown .dropdown-btn{height:2rem!important;min-height:2rem!important;max-height:2rem!important;font-size:.75rem!important;padding:.15rem .8rem!important;border-radius:.2rem!important;border:1px solid #808080!important;background-color:#fff!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;line-height:normal!important}.student-form .form-group .dropdown>span{font-size:.8rem!important;font-weight:500!important;color:#000!important;margin-bottom:0!important;display:block!important;line-height:1.2!important}.student-form .form-group .dropdown .dropdown-btn span{font-size:.75rem!important;line-height:1.2!important;color:#2c3e50!important}.student-form .form-group .dropdown:hover .dropdown-btn{border:1px solid rgba(73,122,136,.721)!important;background-color:#e1e7ee!important;transition:all .3s ease}.student-form .form-group .dropdown .opt-container{z-index:10000!important;position:absolute;top:100%;left:0;width:100%;box-sizing:border-box}.student-form .form-group .input-container input{height:2rem!important;font-size:.75rem!important;padding:.15rem .8rem!important;border-radius:.2rem!important;border:1px solid #808080!important;box-sizing:border-box!important}.student-form .form-group .input-container label{font-size:.8rem!important;font-weight:500!important;color:#000!important;margin-bottom:0!important;display:block!important;line-height:1.2!important}.student-form .form-grid .form-group .dropdown .dropdown-btn,.student-form .form-group .dropdown .dropdown-btn{height:2rem!important;min-height:2rem!important;max-height:2rem!important;line-height:normal!important;display:flex!important;align-items:center!important;font-size:.75rem!important;padding:.15rem .8rem!important;border:1px solid #808080!important;border-radius:.2rem!important;background-color:#fff!important;box-sizing:border-box!important}.student-form .form-grid .form-group .dropdown,.student-form .form-group .dropdown,.student-form .form-grid .form-group .input-container,.student-form .form-group .input-container{gap:.3rem!important;display:flex!important;flex-direction:column!important;margin-bottom:5px!important;width:100%!important}.student-form .form-grid .form-group label,.student-form .form-grid .form-group .dropdown>span,.student-form .form-group label,.student-form .form-group .dropdown>span,.student-form .form-group .input-container label,.student-form .form-group .dropdown span:first-child,.student-form .form-grid .form-group .dropdown span:first-child{font-size:.8rem!important;font-weight:500!important;color:#000!important;margin:0!important;padding:0!important;line-height:1.2!important;display:block!important;height:auto!important;min-height:auto!important;max-height:none!important;width:auto!important;box-sizing:border-box!important;text-align:left!important;vertical-align:baseline!important;background:transparent!important;border:none!important;outline:none!important}.student-form .form-group .dropdown .dropdown-btn,.student-form .form-group .input-container input,.student-form .form-grid .form-group .dropdown .dropdown-btn,.student-form .form-grid .form-group .input-container input{height:2rem!important;min-height:2rem!important;max-height:2rem!important;font-size:.75rem!important;padding:.15rem .8rem!important;border:1px solid #808080!important;border-radius:.2rem!important;background-color:#fff!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;width:100%!important;line-height:normal!important}.student-form .form-group .dropdown,.student-form .form-group .input-container,.student-form .form-grid .form-group .dropdown,.student-form .form-grid .form-group .input-container{display:flex!important;flex-direction:column!important;gap:.3rem!important;width:100%!important;margin:0!important;padding:0!important;min-width:unset!important;box-sizing:border-box!important;position:relative!important}.student-form .form-group,.student-form .form-grid .form-group{margin:0 0 5px!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;box-sizing:border-box!important}.student-form .form-grid .form-group .input-container input,.student-form .form-group .input-container input{height:2rem!important;min-height:2rem!important;max-height:2rem!important;font-size:.75rem!important;padding:.15rem .8rem!important;border:1px solid #808080!important;border-radius:.2rem!important;box-sizing:border-box!important;margin:0!important}.student-form .form-group .error-message-container{min-height:23px;margin-top:5px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;order:2;width:100%}.student-form .form-group .input-container{order:1}.error-message{color:#dc3545;font-size:12px;line-height:1.2}.info-message{color:#856404;font-size:12px;line-height:1.2;font-style:italic}.form-group-full{grid-column:1 / -1}.toggle-group{display:flex;align-items:center;gap:15px;grid-column:1 / -1;padding:20px;background-color:#f8f9fa;border-radius:8px;border:2px solid #dee2e6;box-shadow:0 2px 4px #0000001a}.toggle-label{font-weight:600;color:#495057;margin-bottom:0;font-size:16px;min-width:100px}.simple-toggle-label{font-weight:600;color:#495057;margin-bottom:8px;display:block;font-size:14px}.simple-toggle-container{display:flex;align-items:center;gap:15px;padding:12px 16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.simple-toggle-status{font-weight:600;font-size:14px;padding:6px 16px;border-radius:20px;transition:all .2s ease;min-width:45px;text-align:center}.simple-toggle-status.active{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;box-shadow:0 2px 4px #17a2b833}.simple-toggle-status.inactive{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;box-shadow:0 2px 4px #dc354533}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid #e0e0e0;margin-top:20px}.submit-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:#0056b3}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.student-form-modal{width:95%;max-width:none}.form-grid{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column;align-items:stretch}.form-actions button{width:100%;margin:5px 0}.student-form .form-group .dropdown,.student-form .form-group .input-container{width:100%!important}.student-form .form-group .dropdown .dropdown-btn{width:100%!important;height:2rem!important}}@media (min-width: 1441px){.student-form .form-group .dropdown .dropdown-btn{height:2vw!important;font-size:.75vw!important;padding:.15vw .8vw!important;border-radius:.2vw!important;min-height:2vw!important}.student-form .form-group .dropdown>span,.student-form .form-group .input-container label{font-size:.8vw!important;font-weight:500!important;color:#000!important;margin-bottom:0!important;line-height:1.2!important}.student-form .form-group .dropdown,.student-form .form-group .input-container{gap:.3vw!important}.student-form .form-group .input-container input{height:2vw!important;font-size:.75vw!important;padding:.15vw .8vw!important}}.deactivated-student-container{display:flex;flex-direction:column;gap:15px;padding:15px;border:1px solid #dc3545;border-radius:8px;background-color:#f8d7da}.deactivated-status{display:flex;flex-direction:column;gap:8px}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;align-self:flex-start}.status-badge.deactivated{background-color:#dc3545;color:#fff}.deactivated-message{margin:0;font-size:14px;color:#721c24;line-height:1.4}.reactivate-button{background-color:#28a745!important;color:#fff!important;border:1px solid #28a745!important;padding:8px 16px!important;font-size:14px!important;align-self:flex-start}.reactivate-button:hover{background-color:#218838!important;border-color:#218838!important}.student-status-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e1e1e1;border-radius:6px;background-color:#f8f9fa}.student-status-display{font-weight:600;font-size:14px;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.student-status-display.active{background-color:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.relieve-student-btn{background-color:#d32f2f!important;color:#fff!important;border:1px solid #d32f2f!important;padding:6px 12px!important;border-radius:4px!important;font-size:.75rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;text-transform:uppercase!important;letter-spacing:.5px!important;min-width:auto!important;white-space:nowrap!important}.relieve-student-btn:hover{background-color:#c62828!important;border-color:#c62828!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #d32f2f4d!important}.bulk-upload-modal .modal-content{max-height:90vh;overflow-y:auto}.bulk-upload-container{padding:20px;max-height:80vh;overflow-y:auto}.upload-instructions{background-color:#f8f9fa;padding:15px;border-radius:5px;margin-bottom:20px}.upload-instructions h4{margin:0 0 10px;color:#495057}.upload-instructions ol{margin:0;padding-left:20px}.upload-instructions li{margin-bottom:5px;color:#6c757d}.school-selection{margin-bottom:20px;padding:15px;border:1px solid #dee2e6;border-radius:5px;background-color:#fff}.school-selection label{display:block;margin-bottom:8px;font-weight:600;color:#495057}.school-select{width:100%}.loading-text{color:#6c757d;font-size:14px;margin-left:10px}.template-section{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;border:1px solid #dee2e6;border-radius:5px;background-color:#fff}.template-button{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.template-button:hover{background-color:#218838}.template-note{color:#6c757d;font-size:14px}.file-upload-section{margin-bottom:20px}.file-input-wrapper{position:relative;display:inline-block;width:100%}.file-input{position:absolute;left:-9999px;opacity:0}.file-input-label{display:block;padding:12px 20px;border:2px dashed #dee2e6;border-radius:5px;background-color:#f8f9fa;cursor:pointer;text-align:center;transition:all .2s ease;color:#495057}.file-input-label:hover{border-color:#007bff;background-color:#e3f2fd}.preview-section{display:flex;align-items:center;gap:15px;margin-bottom:20px}.preview-button{background-color:#17a2b8;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.preview-button:hover:not(:disabled){background-color:#138496}.preview-button:disabled{background-color:#ccc;cursor:not-allowed}.preview-note{color:#6c757d;font-size:14px}.preview-data{margin-bottom:20px;padding:15px;border:1px solid #dee2e6;border-radius:5px;background-color:#f8f9fa}.preview-data h4{margin:0 0 15px;color:#495057}.preview-scroll-info{margin-bottom:10px;padding:8px 12px;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:4px}.preview-scroll-info .preview-note{margin:0;font-size:14px;color:#1565c0;font-weight:500}.preview-table-container{overflow-x:auto;border:1px solid #dee2e6;border-radius:5px;background-color:#fff;box-shadow:0 2px 4px #0000001a;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#007bff #f8f9fa}.preview-table-container::-webkit-scrollbar{height:8px}.preview-table-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.preview-table-container::-webkit-scrollbar-thumb{background:#007bff;border-radius:4px}.preview-table-container::-webkit-scrollbar-thumb:hover{background:#0056b3}.preview-table{width:100%;min-width:1400px;border-collapse:collapse;background-color:#fff;margin:0}.preview-table th,.preview-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #dee2e6;border-right:1px solid #f1f3f4;white-space:nowrap;font-size:13px;min-width:80px}.preview-table th:last-child,.preview-table td:last-child{border-right:none}.preview-table th{background-color:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0;z-index:1;border-bottom:2px solid #dee2e6}.preview-table td{color:#6c757d}.preview-table th:nth-child(1),.preview-table td:nth-child(1){min-width:120px;font-weight:500}.preview-table th:nth-child(2),.preview-table td:nth-child(2){min-width:150px;font-weight:500}.preview-table th:nth-child(3),.preview-table td:nth-child(3){min-width:110px}.preview-table th:nth-child(4),.preview-table td:nth-child(4){min-width:110px}.preview-table th:nth-child(5),.preview-table td:nth-child(5){min-width:120px}.preview-table th:nth-child(6),.preview-table td:nth-child(6){min-width:100px}.preview-table th:nth-child(7),.preview-table td:nth-child(7){min-width:110px}.preview-table th:nth-child(8),.preview-table td:nth-child(8){min-width:110px}.preview-table th:nth-child(9),.preview-table td:nth-child(9){min-width:120px}.preview-table th:nth-child(10),.preview-table td:nth-child(10){min-width:120px}.preview-table th:nth-child(11),.preview-table td:nth-child(11){min-width:110px}.preview-table th:nth-child(12),.preview-table td:nth-child(12){min-width:110px}.preview-table th:nth-child(13),.preview-table td:nth-child(13){min-width:180px}.preview-table th:nth-child(14),.preview-table td:nth-child(14){min-width:180px}.preview-table th:nth-child(15),.preview-table td:nth-child(15){min-width:200px;max-width:250px;word-wrap:break-word;white-space:normal}.preview-table th:nth-child(16),.preview-table td:nth-child(16){min-width:80px;text-align:center}.preview-table th:nth-child(17),.preview-table td:nth-child(17){min-width:100px}.upload-result{padding:15px;border-radius:5px;margin-bottom:20px}.upload-result.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.upload-result.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.upload-result.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.upload-result h4{margin:0 0 15px;font-size:16px;font-weight:600}.upload-result p{margin:0 0 8px;font-size:14px}.upload-summary{margin-bottom:15px;padding:10px;background-color:#ffffff80;border-radius:4px}.upload-summary p{margin:5px 0}.failed-count{color:#dc3545;font-weight:600}.error-details{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}.error-details strong{display:block;margin-bottom:10px;font-size:14px;font-weight:600}.error-list-container{max-height:250px;overflow-y:auto;padding:10px;background-color:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:4px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.error-list-container::-webkit-scrollbar{width:6px}.error-list-container::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.error-list-container::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.error-list-container::-webkit-scrollbar-thumb:hover{background:#0006}.error-list-container ul{margin:0;padding:0 0 0 20px;list-style-type:disc}.error-list-container li{margin-bottom:8px;font-size:13px;line-height:1.5;color:inherit}.error-list{margin-top:10px}.error-list ul{margin:5px 0;padding-left:20px}.error-list li{margin-bottom:3px}.upload-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid #dee2e6}.cancel-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.cancel-button:hover{background-color:#5a6268}.upload-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.upload-button:hover:not(:disabled){background-color:#0056b3}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.bulk-upload-modal{width:95%;max-width:none}.template-section,.preview-section{flex-direction:column;align-items:flex-start;gap:10px}.upload-actions{flex-direction:column;align-items:stretch}.upload-actions button{width:100%;margin:5px 0}.preview-table-container{font-size:14px}}.lifecycle-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.lifecycle-history-modal{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.lifecycle-history-header{background:#f8f9fa;padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.lifecycle-history-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#333}.student-info{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.student-info p{margin:5px 0;color:#666;font-size:14px}.lifecycle-history-content{flex:1;overflow-y:auto;padding:20px}.loading-container,.lifecycle-history-empty{text-align:center;padding:40px;color:#666}.lifecycle-history-timeline{position:relative;padding:20px 0}.timeline-item{position:relative;display:flex;margin-bottom:30px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{flex-shrink:0;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;z-index:2;position:relative}.dot-icon{font-size:18px;font-weight:700;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.dot-icon.admission{background-color:#28a745}.dot-icon.promotion{background-color:#007bff}.dot-icon.deactivation{background-color:#dc3545}.dot-icon.default{background-color:#6c757d}.timeline-content{flex:1;background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef;position:relative}.timeline-content:before{content:"";position:absolute;left:-10px;top:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f8f9fa}.event-details{margin:0}.event-title{margin:0 0 10px;color:#333;font-size:18px;font-weight:600}.event-description{margin:0 0 15px;color:#666;font-size:14px}.event-meta{display:flex;gap:20px;margin-bottom:10px}.event-year{background:#007bff;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.event-date{color:#666;font-size:14px;font-weight:500}.event-performer{margin:8px 0;color:#666;font-size:13px}.event-remarks{margin:8px 0;color:#666;font-size:13px;font-style:italic}.transfer-badge{background:#ffc107;color:#212529;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block;margin-top:8px}.timeline-connector{position:absolute;left:25px;top:50px;width:2px;height:calc(100% + 30px);background:#e9ecef;z-index:1}.lifecycle-history-footer{padding:20px;border-top:1px solid #e9ecef;background:#f8f9fa;display:flex;justify-content:flex-end}.close-footer-button{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px}.close-footer-button:hover{background:#5a6268}@media (max-width: 768px){.lifecycle-history-modal{width:95%;max-height:95vh;margin:20px}.lifecycle-history-header,.student-info,.lifecycle-history-content,.lifecycle-history-footer{padding:15px}.timeline-item{flex-direction:column}.timeline-dot{align-self:flex-start;margin-right:0;margin-bottom:10px}.timeline-content:before{display:none}.timeline-connector{display:none}.event-meta{flex-direction:column;gap:8px}}.fee-history-container{background:transparent;border-radius:0;padding:0;box-shadow:none;margin-bottom:0;max-height:80vh;overflow-y:auto}.fee-history-header{border-bottom:2px solid #f0f0f0;padding-bottom:10px;margin-bottom:20px}.fee-history-header h3{margin:0;color:#333;font-size:1.25rem;font-weight:600}.fee-history-loading,.fee-history-empty{text-align:center;padding:40px 20px;color:#666}.fee-history-loading p,.fee-history-empty p{margin:0;font-size:1rem}.fee-history-list{display:flex;flex-direction:column;gap:15px;max-height:60vh;overflow-y:auto}.fee-record-item{border:none;border-bottom:2px solid #f0f0f0;border-radius:0;background:transparent;overflow:visible;margin-bottom:16px}.fee-record-summary{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s}.fee-record-summary:hover{background:#f0f0f0}.fee-record-title h4{margin:0;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:10px}.admission-year-badge{background:#2196f3;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.fee-record-status{display:flex;align-items:center;gap:15px}.payment-status{padding:4px 12px;border-radius:4px;font-size:.9rem;font-weight:500}.payment-status.paid{background:#4caf50;color:#fff}.payment-status.pending{background:#ff9800;color:#fff}.expand-icon{font-size:.9rem;color:#666}.fee-record-details{padding:20px 20px 24px;border-top:1px solid #e9ecef;background:transparent;max-height:400px;overflow-y:auto}.fee-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px;padding:16px 0;border-bottom:1px solid #e9ecef}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-row .label{font-weight:500;color:#666;font-size:.9rem}.summary-row .value{font-weight:600;color:#333;font-size:1rem}.summary-row .value.paid{color:#4caf50}.summary-row .value.pending{color:#ff9800}.fee-details{display:flex;flex-direction:column;gap:24px}.fee-section{display:flex;flex-direction:column;gap:8px}.section-title{margin:0 0 12px;color:#2196f3;font-size:1rem;font-weight:600;padding-bottom:6px;border-bottom:1px solid #e0e0e0}.fee-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.fee-row:hover{background:#f8f9fa;margin:0 -8px;padding:10px 8px;border-radius:4px}.fee-row:last-child{border-bottom:none}.fee-desc{color:#333;font-size:.9rem}.fee-status{padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:500;margin-left:16px;flex-shrink:0;flex-grow:0;width:max-content;text-align:center;white-space:nowrap}.fee-status.paid{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.fee-status.unpaid{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}@media (max-width: 768px){.fee-history-container{padding:0}.fee-record-summary{padding:12px 15px;flex-direction:column;align-items:flex-start;gap:10px}.fee-record-title h4{font-size:1rem}.fee-record-status{align-self:flex-end}.fee-record-details{padding:0 15px 15px}.fee-summary{grid-template-columns:1fr;gap:12px}.summary-row{padding:6px 0}.fee-section{gap:6px}.fee-row{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 0}.fee-status{align-self:flex-end;margin-left:0;margin-top:4px}}.fees-container{padding:20px;background:#fff;border-radius:8px;margin:20px;box-shadow:0 2px 8px #0000001a}.student-name-with-badge{display:flex;flex-direction:column;gap:4px}.student-name{font-weight:500;color:#333}.staff-child-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content;box-shadow:0 1px 3px #28a7454d}.staff-child-icon{font-size:8px}.staff-child-text{font-size:9px}.admission-number-relieved{display:flex;align-items:center;gap:8px;position:relative;padding:4px 8px;border:2px solid #dc3545;border-radius:6px;background:linear-gradient(135deg,#fff5f5,#ffe6e6);box-shadow:0 2px 6px #dc354533;animation:relieved-pulse 2s infinite}.relieved-admission-number{font-weight:600;color:#721c24}.relieved-indicator{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-weight:900;font-size:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #dc354566;text-transform:uppercase;letter-spacing:.5px;cursor:help;position:relative;z-index:2}@keyframes relieved-pulse{0%{box-shadow:0 2px 6px #dc354533}50%{box-shadow:0 4px 12px #dc354566;transform:scale(1.02)}to{box-shadow:0 2px 6px #dc354533}}.relieved-indicator:hover{transform:scale(1.1);box-shadow:0 3px 8px #dc354599}.relieved-indicator:hover:before{content:attr(title);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;opacity:0;animation:tooltipFadeIn .2s ease forwards;font-weight:400;text-transform:none;letter-spacing:normal}.relieved-indicator:hover:after{content:"";position:absolute;bottom:119%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#333;z-index:1001}.fees-table td:has(.admission-number-relieved){background:#dc35450d!important;border-left:3px solid #dc3545!important}.fees-table tr:has(.admission-number-relieved){background:#dc354505!important;border-left:3px solid #dc3545;box-shadow:0 1px 3px #dc35451a}.fees-table tr:has(.admission-number-relieved):hover{background:#dc354514!important}.fees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.fees-header h2{margin:0;color:#333;font-size:24px;font-weight:600}.fees-actions{display:flex;gap:10px}.metrics-overview{margin-bottom:24px}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.metrics-header h3{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600}.metrics-note{font-size:.85rem;color:#6c757d}.metrics-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch}@media (min-width: 900px){.metrics-bar{grid-template-columns:repeat(3,1fr)}}.metric-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0;flex:1}.metric-item:hover{background:linear-gradient(135deg,#e9ecef,#f8f9fa);border-color:#ced4da;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-item.urgent{background:linear-gradient(135deg,#fff5f5,#fffbfb);border-color:#fed7d7;box-shadow:0 2px 8px #dc354514}.metric-item.urgent:hover{background:linear-gradient(135deg,#fef2f2,#fff5f5);border-color:#fca5a5;box-shadow:0 4px 16px #dc35451f}.metric-icon{font-size:2rem;flex-shrink:0;padding:10px;border-radius:10px;background:#fff9;transition:all .3s ease}.metric-item:hover .metric-icon{background:#fffc;transform:scale(1.05)}.metric-data{display:flex;flex-direction:column;gap:4px;flex-grow:1}.metric-value{font-size:1.1rem;font-weight:700;color:#2c3e50;line-height:1.2;transition:color .2s ease}.metric-label{font-size:.85rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:color .2s ease}.metric-subtitle{font-size:.75rem;color:#6c757d;font-style:italic;opacity:.8}.metric-item:hover .metric-value{color:#1a252f}.metric-item:hover .metric-label{color:#495057}.metric-icon.total{color:#6c757d;background:linear-gradient(135deg,#6c757d1a,#fffc)}.metric-icon.paid{color:#28a745;background:linear-gradient(135deg,#28a74526,#fffc)}.metric-icon.pending{color:#ffc107;background:linear-gradient(135deg,#ffc10726,#fffc)}.metric-icon.students{color:#17a2b8;background:linear-gradient(135deg,#17a2b826,#fffc)}.metric-icon.overdue{color:#dc3545;background:linear-gradient(135deg,#dc354526,#fffc)}.metric-icon.due-soon{color:#fd7e14;background:linear-gradient(135deg,#fd7e1426,#fffc)}.metric-icon.fines{color:#6f42c1;background:linear-gradient(135deg,#6f42c126,#fffc)}.metric-item:hover .metric-icon.total{background:linear-gradient(135deg,#6c757d33,#ffffffe6)}.metric-item:hover .metric-icon.paid{background:linear-gradient(135deg,#28a74540,#ffffffe6)}.metric-item:hover .metric-icon.pending{background:linear-gradient(135deg,#ffc10740,#ffffffe6)}.metric-item:hover .metric-icon.students{background:linear-gradient(135deg,#17a2b840,#ffffffe6)}.metric-item:hover .metric-icon.overdue{background:linear-gradient(135deg,#dc354540,#ffffffe6)}.metric-item:hover .metric-icon.due-soon{background:linear-gradient(135deg,#fd7e1440,#ffffffe6)}.metric-item:hover .metric-icon.fines{background:linear-gradient(135deg,#6f42c140,#ffffffe6)}.fees-filters{background:transparent;border-radius:0;padding:20px 0;margin-bottom:24px;box-shadow:none;border:none;border-bottom:1px solid #e9ecef}.filters-primary{display:flex;justify-content:space-between;align-items:end;gap:20px;width:100%;max-width:100%;overflow:hidden}.filters-secondary,.filters-tertiary{display:flex;justify-content:flex-start;align-items:end;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef;width:100%;max-width:100%;overflow:hidden}.individual-filters{display:flex;gap:16px;align-items:end;flex-shrink:1;min-width:0}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:#495057;font-size:14px}.helper-text{font-weight:400;color:#6c757d;font-size:12px;font-style:italic}.filters-secondary .filter-group{position:relative}.filters-secondary .filter-group .dropdown,.filters-secondary .filter-group .portal-dropdown{z-index:1000}.date-range-inputs,.date-range-filter{position:relative;z-index:1}.fine-status-filter{position:relative;z-index:10}.date-range-inputs{display:flex;align-items:center;gap:10px}.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;width:150px}.date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.date-separator{color:#6c757d;font-size:14px;font-weight:500}.filter-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.filter-actions button{min-width:120px;white-space:nowrap}.filter-wide{width:220px;min-width:200px;max-width:240px}.filter-medium{width:160px;min-width:140px;max-width:180px}.filter-narrow{width:120px;min-width:100px;max-width:140px}.filter-standard{width:180px;min-width:160px;max-width:200px}.filter-date-range{width:330px;min-width:320px;max-width:350px}.filter-group-academic-school-grade{display:flex;gap:12px;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa80;align-items:end;flex-grow:1;max-width:calc(100% - 140px);overflow:hidden}.filter-group-school-grade{display:flex;gap:12px;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa80;align-items:end;flex-shrink:1;min-width:0}.filter-group-date{display:flex;gap:12px;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa80;align-items:end;flex-shrink:0;min-width:600px;max-width:800px}.fees-table{margin-top:20px}.fee-actions{display:flex;gap:10px;align-items:center}.action-icon{cursor:pointer;font-size:20px;padding:8px;border-radius:5px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.view-icon:hover{color:#0056b3;background-color:#e3f2fd}.edit-icon{color:#6c757d}.edit-icon:hover{color:#495057;background-color:#f8f9fa}.payment-icon{color:#28a745}.payment-icon:hover{color:#1e7e34;background-color:#e8f5e9}.concession-icon{color:#ffc107}.concession-icon:hover{color:#e0a800;background-color:#fff3cd}.transport-icon{color:#17a2b8}.transport-icon:hover{color:#117a8b;background-color:#e1f5fe}.enhanced-fee-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid;white-space:nowrap;transition:all .2s ease}.enhanced-fee-status.fully-paid{background:#d4edda;color:#155724;border-color:#c3e6cb}.enhanced-fee-status.partially-paid{background:#cce7ff;color:#004085;border-color:#99d6ff}.enhanced-fee-status.pending{background:#fff3cd;color:#856404;border-color:#ffecb5}.enhanced-fee-status.due-soon{background:#ffe4b5;color:#cc7a00;border-color:#ffcc80}.enhanced-fee-status.overdue{background:#f8d7da;color:#721c24;border-color:#f5c6cb;animation:pulse-urgent 2s infinite}.enhanced-fee-status.fine-applied{background:#e2d4f3;color:#6f42c1;border-color:#d4c4e0;animation:pulse-urgent 3s infinite}.status-text{font-size:11px}.pagination-info{margin:20px 0;padding:15px;background:#17a2b80d;border:1px solid rgba(23,162,184,.2);border-radius:8px}.info-text{display:flex;align-items:center;gap:10px;font-size:14px;color:#17a2b8}.info-icon{font-size:16px;flex-shrink:0}.info-text span{line-height:1.4}.due-date-container{display:flex;flex-direction:column;gap:2px;text-align:center;padding:6px 8px;border-radius:8px;border:1px solid;min-width:110px;transition:all .2s ease}.due-date-main{font-weight:600;font-size:13px}.due-date-urgency{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.due-date-container.due-normal{background:#f8f9fa;color:#495057;border-color:#dee2e6}.due-date-container.due-warning{background:#fff3cd;color:#856404;border-color:#ffecb5}.due-date-container.due-critical{background:#ffe4b5;color:#cc7a00;border-color:#ffcc80;animation:pulse-urgent 2s infinite}.due-date-container.due-overdue{background:#f8d7da;color:#721c24;border-color:#f5c6cb;animation:pulse-urgent 1.5s infinite}.no-due-date{color:#6c757d;font-style:italic}.fine-amount-display{color:#6f42c1;font-weight:700;background:#e2d4f3;padding:4px 8px;border-radius:12px;border:1px solid #d4c4e0;font-size:12px}.no-fine{color:#6c757d;font-style:italic}.fee-details-modal{max-width:100%}.fee-details{padding:20px;max-height:70vh;overflow-y:auto}.student-info{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.student-info h4{margin:0 0 15px;color:#333;font-size:18px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-item{display:flex;align-items:center}.info-item label{font-weight:600;color:#555;min-width:150px;margin-right:10px}.info-item span{color:#333}.fee-breakdown h4{margin:0 0 20px;color:#333;font-size:18px}.fee-items{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.fee-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#f8f9fa}.fee-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fee-label{font-weight:600;color:#333}.fee-amounts{margin-bottom:10px}.amount-row{display:flex;justify-content:space-between;margin-bottom:5px;color:#666}.amount-row.concession{color:#e74c3c}.amount-row.final{font-weight:600;color:#333;border-top:1px solid #dee2e6;padding-top:5px;margin-top:5px}.payment-info{display:flex;flex-direction:column;gap:3px;margin-top:10px;padding-top:10px;border-top:1px solid #dee2e6;color:#666;font-size:14px}.fee-summary{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px;color:#666}.summary-row.final{font-size:18px;font-weight:600;color:#333;border-top:2px solid #dee2e6;padding-top:15px;margin-top:15px}.summary-row .paid{color:#28a745;font-weight:600}.summary-row .pending{color:#dc3545;font-weight:600}.edit-icon.current-year{color:#28a745!important;border:2px solid transparent;background:#28a7451a}.edit-icon.current-year:hover{color:#1e7e34!important;background:#28a74533!important;border-color:#28a745;transform:scale(1.1);box-shadow:0 2px 8px #28a7454d}.edit-icon.future-year{color:#007bff!important;border:2px solid transparent;background:#007bff1a}.edit-icon.future-year:hover{color:#0056b3!important;background:#007bff33!important;border-color:#007bff;transform:scale(1.1);box-shadow:0 2px 8px #007bff4d}.edit-icon.past-year{color:#dc3545!important;background:#dc35451a!important;border:2px solid #dc3545!important;opacity:.3!important;cursor:not-allowed!important;pointer-events:none!important;position:relative}.edit-icon.past-year:after{content:"🔒";position:absolute;top:-2px;right:-2px;font-size:10px;background:#dc3545;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:8px}.edit-icon[title]:hover:before{content:attr(title);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;animation:tooltipFadeIn .2s ease forwards}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.payment-form-enhanced-modal .modal-content{max-width:1200px;width:90vw;max-height:90vh;overflow:visible;padding:0}.payment-form-enhanced-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px}.payment-form-header{flex-shrink:0;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:20px 30px;border-bottom:1px solid #e9ecef}.payment-form-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:25px 30px;background:#f8f9fa}.student-payment-info-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.student-payment-info-card h4{margin:0 0 20px;color:#495057;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.section-icon{color:#28a745}.summary-item:last-child{border-bottom:none;padding-top:12px;margin-top:8px;border-top:2px solid #dee2e6;font-weight:600}.summary-item .value.paid{color:#28a745}.enhanced-payment-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.form-section{padding:25px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.form-column{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.form-input:focus,.form-textarea:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.form-textarea{resize:vertical;min-height:80px;font-family:Barlow,sans-serif}.payment-form-actions{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#f8f9fa;border-top:1px solid #e9ecef;border-radius:0 0 12px 12px}.form-actions-left{flex:1}.amount-preview{color:#495057;font-size:14px;padding:8px 12px;background:#28a7451a;border-radius:6px;border:1px solid rgba(40,167,69,.2)}.form-actions-right{display:flex;gap:12px}@media (max-width: 768px){.payment-form-enhanced-modal .modal-content{width:95vw;max-height:95vh}.payment-form-header{padding:15px 20px}.header-text h3{font-size:20px}.payment-form-content{padding:15px 20px}.student-payment-info-card,.form-section{padding:20px}.info-grid{grid-template-columns:1fr;gap:12px}.form-grid{grid-template-columns:1fr;gap:15px}.payment-form-actions{flex-direction:column;gap:15px;align-items:stretch;padding:15px 20px}.form-actions-right,.form-actions-right button{width:100%}}@media (max-width: 480px){.payment-form-header{padding:12px 15px}.header-content{gap:10px}.header-icon{padding:8px}.payment-form-content{padding:12px 15px}.student-payment-info-card,.form-section{padding:15px}.info-item{flex-direction:column;align-items:flex-start;gap:4px}}.concession-form-content{padding:0;background:transparent}.student-concession-info-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.student-concession-info-card h4{margin:0 0 20px;color:#495057;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.section-icon{color:#17a2b8}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.info-item .label{font-weight:600;color:#6c757d;font-size:14px}.info-item .value{color:#495057;font-weight:500;font-size:14px}.fee-summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;padding:20px;border:1px solid #dee2e6}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dee2e6}.summary-item:last-child{border-bottom:none}.summary-item.highlight{background:#dc35451a;margin:0 -20px;padding:12px 20px;border-radius:8px;border:1px solid rgba(220,53,69,.2)}.summary-item .label{font-weight:600;color:#6c757d;font-size:14px}.summary-item .value{font-weight:600;font-size:15px}.summary-item .value.total{color:#495057}.summary-item .value.pending{color:#dc3545}.enhanced-concession-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.form-section{padding:25px;border-bottom:1px solid #f1f3f4;overflow:visible;position:relative}.form-section:last-child{border-bottom:none}.form-section h5{margin:0 0 20px;color:#495057;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px;overflow:visible}.enhanced-form-group{display:flex;flex-direction:column;gap:8px;overflow:visible;position:relative}.required{color:#dc3545;font-weight:700}.form-input,.form-textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 3px #17a2b81a}.form-textarea{resize:vertical;min-height:100px;font-family:Barlow,sans-serif}.error-text{color:#dc3545;font-size:12px;font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px}@media (max-width: 768px){.student-concession-info-card,.form-section{padding:20px}.info-grid{grid-template-columns:1fr;gap:12px}.form-grid{grid-template-columns:1fr;gap:15px}}@media (max-width: 480px){.student-concession-info-card,.form-section{padding:15px}.info-item{flex-direction:column;align-items:flex-start;gap:4px}}.view-fee-details-enhanced-modal .modal-content{max-width:1400px;width:95vw;max-height:90vh;overflow:visible;padding:0}.view-fee-details-enhanced-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px}.view-fee-details-header{flex-shrink:0;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;padding:20px 30px;border-bottom:1px solid #e9ecef}.header-content{display:flex;align-items:center;gap:15px}.header-icon{background:#fff3;padding:12px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-text h3{margin:0;font-size:24px;font-weight:600}.header-text p{margin:4px 0 0;opacity:.9;font-size:14px}.view-fee-details-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:25px 30px;background:#f8f9fa}.student-details-info-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.student-details-info-card h4{margin:0 0 20px;color:#495057;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.student-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.student-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.student-info-item .label{font-weight:600;color:#6c757d;font-size:14px}.student-info-item .value{color:#495057;font-weight:500;font-size:14px}.fee-summary-overview-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.fee-summary-overview-card h4{margin:0 0 20px;color:#495057;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.summary-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.summary-overview-item{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;border:1px solid #e9ecef;transition:transform .2s ease}.summary-overview-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.summary-icon.total{background:linear-gradient(135deg,#6c757d,#495057)}.summary-icon.paid{background:linear-gradient(135deg,#28a745,#20c997)}.summary-icon.pending{background:linear-gradient(135deg,#ffc107,#fd7e14)}.summary-icon.status{background:linear-gradient(135deg,#17a2b8,#138496)}.summary-icon.due-date{background:linear-gradient(135deg,#ffc107,#fd7e14)}.summary-icon.fine{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.summary-icon.status-success{background:linear-gradient(135deg,#28a745,#20c997)}.summary-icon.status-danger{background:linear-gradient(135deg,#dc3545,#fd7e14)}.summary-icon.status-warning{background:linear-gradient(135deg,#ffc107,#fd7e14)}.summary-icon.status-info{background:linear-gradient(135deg,#17a2b8,#138496)}.summary-icon.status-secondary{background:linear-gradient(135deg,#6c757d,#495057)}.summary-content{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:14px;color:#6c757d;font-weight:600}.summary-value{font-size:18px;font-weight:700;color:#495057}.summary-value.paid{color:#28a745}.summary-value.pending{color:#dc3545}.summary-value.fine{color:#6f42c1;font-weight:700}.summary-urgency{font-size:12px;color:#6c757d;font-style:italic;margin-top:2px}.summary-status{font-size:16px;font-weight:600;padding:4px 8px;border-radius:6px;text-align:center}.summary-status.paid{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.summary-status.pending{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.fee-breakdown-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.fee-breakdown-card h4{margin:0 0 25px;color:#495057;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.fee-items-container{display:flex;flex-direction:column;gap:25px}.fee-category h5{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.category-icon{color:#007bff}.fee-items{display:flex;flex-direction:column;gap:15px}.enhanced-fee-item{background:#f8f9fa;border-radius:10px;padding:20px;border:1px solid #e9ecef;transition:all .2s ease}.enhanced-fee-item:hover{background:#fff;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.fee-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.fee-item-title{display:flex;align-items:center;gap:10px}.fee-type-icon{color:#007bff;font-size:16px}.fee-label{font-weight:600;color:#495057;font-size:16px}.enhanced-fee-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.enhanced-fee-status.paid{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.enhanced-fee-status.pending{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.enhanced-fee-status.overdue{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;animation:pulse-urgent 2s infinite}.enhanced-fee-status.fine-applied{background:#e2d4f3;color:#6f42c1;border:1px solid #d4c4e0;animation:pulse-urgent 3s infinite}.enhanced-fee-status.due-soon{background:#ffe4b5;color:#cc7a00;border:1px solid #ffcc80}.enhanced-fee-status.fully-paid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.enhanced-fee-status.partially-paid{background:#cce7ff;color:#004085;border:1px solid #99d6ff}.status-icon{font-size:12px}.fee-amounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:15px}.amount-card{background:#fff;padding:12px;border-radius:8px;border:1px solid #dee2e6;display:flex;flex-direction:column;gap:4px;text-align:center}.amount-card.concession{background:#dc35450d;border-color:#dc354533}.amount-card.final{background:#28a7450d;border-color:#28a74533}.amount-card.due-date{background:#ffc1070d;border-color:#ffc10733}.amount-label{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.amount-value{font-size:14px;font-weight:700;color:#495057}.amount-card.concession .amount-value{color:#dc3545}.amount-card.final .amount-value{color:#28a745}.amount-card.due-date .amount-value{color:#ffc107}.amount-card.fine{background:#6f42c10d;border-color:#6f42c133}.amount-card.fine .amount-value{color:#6f42c1}.payment-details{background:#28a7450d;border-radius:8px;padding:15px;border:1px solid rgba(40,167,69,.2)}.payment-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.payment-info-item{display:flex;align-items:center;gap:8px;font-size:13px}.info-icon{color:#28a745;font-size:12px}.info-label{color:#6c757d;font-weight:600}.info-value{color:#495057;font-weight:500}@keyframes pulse-urgent{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.no-fees-message{text-align:center;padding:40px 20px;color:#6c757d}.no-fees-icon{font-size:48px;color:#dee2e6;margin-bottom:15px}.no-fees-message p{font-size:16px;margin:0}@media (max-width: 768px){.view-fee-details-enhanced-modal .modal-content{width:95vw;max-height:95vh}.view-fee-details-header{padding:15px 20px}.header-text h3{font-size:20px}.view-fee-details-content{padding:15px 20px}.student-details-info-card,.fee-summary-overview-card,.fee-breakdown-card{padding:20px}.student-info-grid{grid-template-columns:1fr;gap:12px}.summary-overview-grid{grid-template-columns:1fr;gap:15px}.fee-amounts-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.payment-info-grid{grid-template-columns:1fr;gap:8px}.student-info-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.view-fee-details-header{padding:12px 15px}.header-content{gap:10px}.header-icon{padding:8px}.view-fee-details-content{padding:12px 15px}.student-details-info-card,.fee-summary-overview-card,.fee-breakdown-card,.summary-overview-item,.enhanced-fee-item{padding:15px}.fee-item-header{flex-direction:column;align-items:flex-start;gap:10px}.fee-amounts-grid{grid-template-columns:1fr}}.enhanced-form-group{display:flex;flex-direction:column;gap:8px}.enhanced-form-group.has-error .form-input,.enhanced-form-group.has-error .form-textarea{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.form-label{font-weight:600;color:#495057;font-size:14px;display:flex;align-items:center;gap:4px}.required{color:#dc3545;font-weight:700;margin-left:4px}.error-text{color:#dc3545;font-size:12px;font-weight:500;margin-top:4px;display:flex;align-items:center}.create-fee-form-modal .modal-content{max-width:1600px;width:95vw;max-height:95vh;overflow:visible;padding:0}.create-fee-form-container{padding:0;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:visible}.fee-form-wrapper{display:flex;flex-direction:column;height:100%;flex:1;overflow:visible}.create-fee-form-modal .unified-modal-content{overflow:visible!important}.create-fee-form-modal .unified-modal-container{height:85vh;max-height:85vh}.fee-form-header{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff;padding:20px 30px;text-align:center;box-shadow:0 4px 6px #0000001a;flex-shrink:0}.fee-form-header h3{margin:0;font-size:24px;font-weight:600}.fee-form-header p{margin:8px 0 0;opacity:.9;font-size:14px}.fee-form-progress{background:#fff;border-bottom:1px solid #e9ecef;padding:16px 20px;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.fee-form-content{flex:1;display:grid;grid-template-columns:350px 1fr;overflow:visible;height:100%}.fee-form-sidebar{display:flex;flex-direction:column;gap:20px;padding:20px;background:#f8f9fa;border-right:1px solid #e9ecef;overflow:visible;position:sticky;top:0;height:fit-content;max-height:100%;align-self:flex-start;overflow-y:auto}.student-info-card,.fine-rules-card,.fee-summary-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;overflow:visible;position:relative;flex-shrink:0}.create-fee-form-modal .fee-form-sidebar{position:sticky;top:0;align-self:flex-start;max-height:100%;overflow-y:auto;overflow-x:visible}.student-info-card h4,.fine-rules-card h4,.fee-summary-card h4{margin:0 0 16px;color:#495057;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.student-info-card h4:before{content:"👤";font-size:18px}.fine-rules-card h4:before{content:"⚖️";font-size:18px}.fee-summary-card h4:before{content:"💰";font-size:18px}.fine-rule-quick-actions{margin-top:12px}.fine-rule-preset{display:flex;gap:8px;margin-bottom:8px}.preset-btn{flex:1;padding:6px 12px;border:1px solid #dee2e6;background:#f8f9fa;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.preset-btn:hover{background:#e9ecef;border-color:#adb5bd}.preset-btn.active{background:#667eea;color:#fff;border-color:#667eea}.fee-summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f3f4;align-items:center}.fee-summary-item:last-child{border-bottom:none;border-top:2px solid #e9ecef;margin-top:8px;padding-top:12px;font-weight:600}.fee-summary-item .fee-amount{font-weight:500;color:#495057}.fee-form-main{background:#fff;display:flex;flex-direction:column;overflow:hidden;height:100%}.fee-form-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column;height:100%}.fee-type-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10;flex-shrink:0}.fee-type-tab{flex:1;padding:16px 20px;background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:#6c757d;display:flex;align-items:center;justify-content:center;gap:8px}.fee-type-tab:hover{background:#e9ecef;color:#495057}.fee-type-tab.active{background:#fff;color:#667eea;border-bottom:3px solid #667eea;font-weight:600}.fee-type-tab.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.fee-tab-content{padding:24px;flex:1;overflow-y:auto}.fee-tab-content.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c757d;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.7}.fee-item-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:16px;transition:all .3s ease;position:relative}.fee-item-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#667eea}.fee-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.fee-item-title{font-weight:600;color:#495057;display:flex;align-items:center;gap:8px}.fee-item-badge{background:#667eea;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.fee-item-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;align-items:start;overflow:visible}.enhanced-form-group{display:flex;flex-direction:column;gap:6px;overflow:visible!important;position:relative;isolation:isolate}.create-fee-form-modal .opt-container,.create-fee-form-container .opt-container,.fee-form-sidebar .opt-container,.student-info-card .opt-container,.enhanced-form-group .opt-container{z-index:9999!important;transform:translateZ(0)!important;position:absolute!important}.create-fee-form-modal.modal{z-index:999!important}.create-fee-form-modal .modal-content{overflow:visible!important;position:relative;z-index:1000}.enhanced-form-group label{font-weight:500;color:#495057;font-size:13px;display:flex;align-items:center;gap:4px}.required-field:after{content:"*";color:#dc3545;margin-left:2px}.enhanced-form-group .form-input{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff}.enhanced-form-group .form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.enhanced-form-group .error-message{color:#dc3545;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.enhanced-form-group .error-message:before{content:"⚠️";font-size:12px}.fine-rule-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px;margin-top:12px}.fine-rule-section h6{margin:0 0 8px;color:#856404;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.fine-rule-section h6:before{content:"⚖️";font-size:14px}.fine-preview{background:#d1ecf1;border:1px solid #b8daff;border-radius:4px;padding:8px 12px;margin-top:8px;font-size:12px;color:#0c5460}.fee-form-actions{background:#fff;padding:20px 30px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.form-actions-left,.form-actions-right{display:flex;gap:12px}.action-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px}.action-btn.primary{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff}.quick-add-section{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:20px;text-align:center;margin-bottom:16px;transition:all .3s ease}.quick-add-section:hover{border-color:#667eea;background:#f0f4ff}.quick-add-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.quick-add-btn:hover{background:#5a67d8;transform:translateY(-1px)}.form-progress{background:#fff;padding:12px 20px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:16px}.progress-step{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.progress-step.completed{color:#28a745}.progress-step.active{color:#667eea;font-weight:600}.progress-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.progress-step.completed .progress-indicator{background:#28a745;color:#fff}.progress-step.active .progress-indicator{background:#667eea;color:#fff}.progress-step:not(.completed):not(.active) .progress-indicator{background:#e9ecef;color:#6c757d}@media (max-width: 1200px){.fee-form-content{grid-template-columns:300px 1fr}.fee-item-fields{grid-template-columns:1fr 1fr}}@media (max-width: 968px){.create-fee-form-modal .unified-modal-container{width:100vw;height:100vh;max-height:100vh;border-radius:0}.fee-form-content{grid-template-columns:1fr;padding:16px;max-height:calc(100vh - 220px)}.fee-form-sidebar{order:2;position:relative;height:auto;max-height:none}.create-fee-form-modal .fee-form-sidebar{position:relative;max-height:none}.fee-form-main{order:1}.fee-form-scrollable-content{max-height:calc(100vh - 280px)}.fee-item-fields{grid-template-columns:1fr}.fee-type-tabs{flex-wrap:wrap;position:relative}.fee-type-tab{flex:1 1 50%;min-width:50%}}@media (max-width: 576px){.fee-form-header{padding:16px 20px}.fee-tab-content,.fee-item-card{padding:16px}.fee-form-actions{flex-direction:column;gap:12px}.form-actions-left,.form-actions-right{width:100%;justify-content:center}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fee-item-card{animation:slideIn .3s ease-out}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:100}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.fee-form-actions{background:#fff;padding:20px 30px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;margin-top:auto;flex-shrink:0}.form-actions-left{display:flex;align-items:center;gap:16px}.form-actions-right{display:flex;gap:12px;align-items:center}.action-btn{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.action-btn.primary{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff;border-color:#667eea}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.action-btn.primary:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.action-btn.secondary{background:#f8f9fa;color:#495057;border-color:#dee2e6}.action-btn.secondary:hover{background:#e9ecef;border-color:#adb5bd}.create-fee-form{display:flex;flex-direction:column;height:100%}.fee-form-content{flex:1;overflow-y:auto}.fee-form-actions{flex-shrink:0}.disabled-fee-field{opacity:.6;background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important}.disabled-fee-field:hover{background-color:#f8f9fa!important}.fee-item-restriction-warning{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px 12px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-radius:6px;border-left:4px solid #856404}.restriction-icon{font-size:14px;margin-right:6px}.restriction-text{font-size:13px;font-weight:600;color:#856404;line-height:1.3}.restriction-note{font-size:11px;color:#856404;opacity:.8;font-style:italic;margin-top:2px}.fee-item-card:has(.disabled-fee-field){background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#dee2e6;opacity:.8}.fee-item-card:has(.disabled-fee-field) .fee-item-header{background:#dc35451a;border-radius:4px 4px 0 0}.disabled-fee-field .dropdown-container{opacity:.6;pointer-events:none;background-color:#f8f9fa}.disabled-fee-field .dropdown-trigger{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important}.fee-item-card .remove-button:disabled{display:none}.fee-item-badge.paid{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-weight:600;animation:pulse-paid 2s infinite}@keyframes pulse-paid{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.disabled-fee-field[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px}.disabled-fee-field[title]:hover:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000c;z-index:1000}.fee-item-card.paid-fee-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2px solid #28a745!important;opacity:.8;position:relative;overflow:hidden}.fee-item-card.paid-fee-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#28a745,#20c997,#28a745);animation:paid-shimmer 3s infinite}.fee-item-card.paid-fee-item:after{content:"✓ PAID";position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #28a7454d;z-index:10}.fee-item-card.paid-fee-item .fee-item-header{background:#28a7451a!important;border-bottom:2px solid rgba(40,167,69,.2)!important}.fee-item-card.paid-fee-item .fee-item-header h5{color:#155724!important;font-weight:700}.input-disabled{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:#155724!important;cursor:not-allowed!important;opacity:.8;border:2px solid rgba(40,167,69,.3)!important;position:relative}.input-disabled:before{content:"🔒";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:14px;z-index:5;pointer-events:none}.input-disabled input{background:transparent!important;color:#155724!important;cursor:not-allowed!important;pointer-events:none;font-weight:600;padding-right:30px!important}.unified-dropdown.disabled{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2px solid rgba(40,167,69,.3)!important;cursor:not-allowed!important;opacity:.8;position:relative}.unified-dropdown.disabled:before{content:"🔒";position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:14px;z-index:5;pointer-events:none}.unified-dropdown.disabled .dropdown-value{color:#155724!important;font-weight:600}.fee-item-card.unpaid-fee-item{border:2px solid #e9ecef;background:#fff;transition:all .3s ease}.fee-item-card.unpaid-fee-item:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.fee-item-card.unpaid-fee-item .fee-item-header{background:#f8f9fa;border-bottom:1px solid #e9ecef}.fee-item-payment-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.fee-item-payment-status.paid{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 6px #28a7454d}.fee-item-payment-status.unpaid{background:linear-gradient(135deg,#ffc107,#ffca28);color:#333;box-shadow:0 2px 6px #ffc1074d}@keyframes paid-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.form-group.paid-item{position:relative}.form-group.paid-item label{color:#155724!important;font-weight:600}.form-group.paid-item label:after{content:" (Paid - Protected)";color:#28a745;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-left:4px}.paid-fee-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease}.fee-item-card.paid-fee-item:hover .paid-fee-tooltip{opacity:1}.bulk-fees-modal .modal-content{max-height:95vh;overflow:visible;max-width:1600px;width:95vw}.bulk-fees-container{padding:0;height:90vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.bulk-fee-form-header{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff;padding:20px 30px;text-align:center;box-shadow:0 4px 6px #0000001a}.bulk-fee-form-header h3{margin:0;font-size:24px;font-weight:600}.bulk-fee-form-header p{margin:8px 0 0;opacity:.9;font-size:14px}.bulk-fee-form-content{flex:1;display:flex;flex-direction:column;padding:0;height:100%;overflow-y:auto;overflow-x:hidden}.bulk-fee-info-navbar{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;padding:16px 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease,background .3s ease}.bulk-fee-info-navbar:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.bulk-fee-info-navbar:not(:first-child):after{opacity:1}.navbar-info-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;border:1px solid #e9ecef;min-height:120px;transition:all .3s ease;position:relative;overflow:hidden}.bulk-fee-form-main{background:#fff;padding:24px;margin:0}.navbar-info-card h4{margin:0 0 12px;color:#495057;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e9ecef;padding-bottom:8px}.navbar-info-card.grade-info h4:before{content:"🎓";font-size:16px}.navbar-info-card.bulk-actions h4:before{content:"⚡";font-size:16px}.navbar-info-card.bulk-summary h4:before{content:"📊";font-size:16px}.bulk-action-section{margin-bottom:16px}.bulk-action-section h6{margin:0 0 8px;color:#495057;font-size:13px;font-weight:600}.bulk-action-buttons{display:flex;flex-direction:column;gap:8px}.bulk-action-btn{padding:8px 12px;border:1px solid #dee2e6;background:#f8f9fa;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.bulk-action-btn:hover{background:#e9ecef;border-color:#adb5bd}.bulk-action-btn.primary{background:#28a745;color:#fff;border-color:#28a745}.bulk-action-btn.primary:hover{background:#218838;border-color:#1e7e34}.fee-section-header{background:#f8f9fa;padding:16px 24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.fee-section-header h5{margin:0;color:#495057;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.fee-section-content{padding:24px;position:relative}.fee-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.fee-config-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .3s ease}.fee-config-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#28a745}.fee-config-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.fee-config-title{font-weight:600;color:#495057;font-size:14px}.fee-config-badge{background:#28a745;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.fee-config-fields{display:flex;flex-direction:column;gap:12px}.bulk-form-group{display:flex;flex-direction:column;gap:4px;position:relative}.bulk-form-group label{font-weight:500;color:#495057;font-size:12px}.bulk-form-group .form-input{padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;transition:all .2s ease;background:#fff}.bulk-form-group .form-input:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a7451a}.bulk-form-group .error-message{color:#dc3545;font-size:11px;margin-top:2px}.bulk-fine-rule-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:8px;margin-top:8px}.bulk-fine-rule-section h6{margin:0 0 6px;color:#856404;font-size:11px;font-weight:600}.other-fees-section{border-top:2px solid #e9ecef;margin-top:24px;padding-top:24px}.other-fee-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px;position:relative}.other-fee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.other-fee-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 100px 1fr;gap:12px;align-items:end}.remove-fee-btn{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:all .2s ease;font-size:12px}.remove-fee-btn:hover{background:#c82333}.bulk-quick-add{border:2px dashed #28a745;border-radius:8px;padding:20px;text-align:center;background:#f8fff8;transition:all .3s ease;margin-bottom:16px}.bulk-quick-add:hover{background:#e8f5e8;border-color:#20c997}.bulk-quick-add h6{margin:0 0 8px;color:#28a745;font-weight:600}.bulk-quick-add p{margin:0 0 12px;color:#6c757d;font-size:13px}.bulk-add-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.bulk-add-btn:hover{background:#218838;transform:translateY(-1px)}.bulk-result-section{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;padding:16px;margin:20px 0}.bulk-result-section.error{background:#f8d7da;border-color:#f5c6cb}.bulk-result-section h6{margin:0 0 8px;color:#155724;font-weight:600}.bulk-result-section.error h6{color:#721c24}.bulk-result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.bulk-stat{text-align:center;padding:8px;background:#ffffffb3;border-radius:4px}.bulk-stat-value{font-size:18px;font-weight:600;color:#28a745}.bulk-stat-label{font-size:11px;color:#6c757d;margin-top:2px}.bulk-due-dates{display:flex;flex-direction:column;gap:16px}.bulk-due-date-item{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.bulk-due-date-item .input-container input[type=date]{width:100%}.bulk-due-date-item .input-container input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.bulk-due-date-item label{font-size:13px;color:#495057;font-weight:600;margin-bottom:2px}.bulk-due-date-separator{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px;padding-top:8px;border-top:1px solid #e9ecef}.bulk-fee-form-actions{background:#fff;padding:20px 30px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 8px #0000001a;flex-shrink:0}.bulk-actions-left{display:flex;gap:12px;align-items:center}.bulk-action-btn-main{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center;text-decoration:none}.bulk-action-btn-main.primary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-color:#28a745}.bulk-action-btn-main.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.bulk-action-btn-main.secondary{background:#f8f9fa;color:#495057;border-color:#dee2e6}.bulk-action-btn-main.secondary:hover{background:#e9ecef;border-color:#adb5bd}.bulk-actions-right .button{min-width:140px!important;padding:12px 24px!important;font-size:14px!important;font-weight:600!important;border-radius:6px!important;transition:all .2s ease!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.bulk-actions-right .button:not(.button-secondary){background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;border:1px solid #28a745!important}.bulk-actions-right .button:not(.button-secondary):hover{background:linear-gradient(135deg,#218838,#1e7e34)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #28a7454d!important}.bulk-actions-right .button:not(.button-secondary):disabled{background:#6c757d!important;border-color:#6c757d!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.bulk-actions-right .button-secondary{background:#f8f9fa!important;color:#495057!important;border:1px solid #dee2e6!important}.bulk-actions-right .button-secondary:hover{background:#e9ecef!important;border-color:#adb5bd!important;color:#212529!important}.bulk-fees-form{display:flex;flex-direction:column;height:100%}.bulk-progress{background:#fff;padding:12px 20px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:16px}.bulk-progress-step{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.bulk-progress-step.completed{color:#28a745}.bulk-progress-step.active{color:#28a745;font-weight:600}.bulk-progress-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.bulk-progress-step.completed .bulk-progress-indicator,.bulk-progress-step.active .bulk-progress-indicator{background:#28a745;color:#fff}.bulk-progress-step:not(.completed):not(.active) .bulk-progress-indicator{background:#e9ecef;color:#6c757d}@media (max-width: 1200px){.bulk-fee-form-content{grid-template-columns:280px 1fr}.fee-config-grid{grid-template-columns:1fr}.other-fee-fields{grid-template-columns:1fr 1fr 1fr;gap:8px}}@media (max-width: 968px){.bulk-fees-modal .modal-content{width:100vw;height:100vh;max-height:100vh;border-radius:0}.bulk-fee-form-content{grid-template-columns:1fr;padding:16px}.bulk-fee-form-sidebar{order:2}.bulk-fee-form-main{order:1}.fee-config-grid,.other-fee-fields{grid-template-columns:1fr}}@media (max-width: 576px){.bulk-fee-form-header{padding:16px 20px}.fee-section-content{padding:16px}.fee-config-card{padding:12px}.bulk-fee-form-actions{flex-direction:column;gap:12px}.bulk-actions-left,.bulk-actions-right{width:100%;justify-content:center}}@keyframes bulkSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fee-config-card,.other-fee-item{animation:bulkSlideIn .3s ease-out}.bulk-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.bulk-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #28a745;border-radius:50%;animation:bulkSpin 1s linear infinite;margin-bottom:12px}.bulk-loading-text{color:#495057;font-size:14px;font-weight:500}@keyframes bulkSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fee-amount-highlight{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;padding:4px 8px;border-radius:4px;font-weight:600;color:#856404;font-size:12px}.bulk-dropdown{position:relative}.bulk-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto}.bulk-dropdown-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f1f3f4;font-size:13px;transition:all .2s ease}.bulk-dropdown-item:hover{background:#f8f9fa}.bulk-dropdown-item:last-child{border-bottom:none}.bulk-dropdown-item.selected{background:#28a745;color:#fff}@media (max-width: 1200px){.bulk-fee-info-navbar{padding:12px 16px;gap:16px}.navbar-info-card{padding:12px;min-height:100px}.bulk-fee-form-main{padding:20px}}@media (max-width: 992px){.bulk-fee-info-navbar{grid-template-columns:1fr;gap:12px;padding:16px}.navbar-info-card{min-height:80px;padding:12px}.bulk-fee-form-main{padding:16px}}@media (max-width: 768px){.bulk-fee-info-navbar{padding:12px;gap:8px}.navbar-info-card{min-height:70px;padding:10px}.navbar-info-card h4{font-size:13px;margin-bottom:8px}}@media (max-width: 576px){.bulk-fees-modal .modal-content{width:98vw;max-height:98vh}.bulk-fee-form-sidebar{margin:12px;padding:12px}.bulk-fee-form-main{margin:0 12px 12px;padding:12px}.grade-info-card,.bulk-actions-card,.bulk-summary-card{padding:12px}}.due-date-manager-container{padding:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:visible}.due-date-manager-header{background:linear-gradient(135deg,#fd7e14,#e55615);color:#fff;padding:20px 30px;text-align:center;box-shadow:0 4px 6px #0000001a;position:relative;flex-shrink:0}.due-date-manager-header h3{margin:0;font-size:24px;font-weight:600}.due-date-manager-header p{margin:8px 0 0;opacity:.9;font-size:14px}.due-date-back-button{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.due-date-back-button:hover{background:#ffffff4d}.due-date-form-content{flex:1;padding:20px;display:grid;grid-template-columns:350px 1fr;gap:20px}.due-date-form-sidebar{display:flex;flex-direction:column;gap:20px}.due-date-controls-card,.due-date-summary-card,.overdue-summary-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.due-date-controls-card h4,.due-date-summary-card h4,.overdue-summary-card h4{margin:0 0 16px;color:#495057;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.due-date-controls-card h4:before{content:"📅";font-size:18px}.due-date-summary-card h4:before{content:"📊";font-size:18px}.overdue-summary-card h4:before{content:"⚠️";font-size:18px}.due-date-tabs{display:flex;gap:2px;margin-bottom:16px;background:#f8f9fa;border-radius:6px;padding:2px}.due-date-tab{flex:1;padding:8px 12px;border:none;background:transparent;color:#6c757d;cursor:pointer;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s ease}.due-date-tab.active{background:#fd7e14;color:#fff}.due-date-tab:hover:not(.active){background:#e9ecef;color:#495057}.due-date-filter-group{margin-bottom:16px}.due-date-filter-group label{display:block;margin-bottom:6px;font-weight:500;color:#495057;font-size:13px}.due-date-stats{display:flex;flex-direction:column;gap:12px}.due-date-stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:13px}.due-date-stat-label{color:#6c757d}.due-date-stat-value{font-weight:600;color:#495057}.due-date-stat-value.amount{color:#28a745}.due-date-stat-value.warning{color:#ffc107}.due-date-stat-value.danger{color:#dc3545}.due-date-form-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;overflow:visible}.due-date-form-section{border-bottom:1px solid #e9ecef}.due-date-form-section:last-child{border-bottom:none}.due-date-section-header{background:#f8f9fa;padding:16px 24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.due-date-section-header h5{margin:0;color:#495057;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.due-date-section-content{padding:24px}.due-date-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.due-date-form-group{display:flex;flex-direction:column;gap:6px}.due-date-form-group label{font-weight:500;color:#495057;font-size:13px}.due-date-form-group .form-input{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:all .2s ease}.due-date-form-group .form-input:focus{outline:none;border-color:#fd7e14;box-shadow:0 0 0 2px #fd7e141a}.due-date-form-group .error-message{color:#dc3545;font-size:12px;margin-top:2px}.due-date-result-section{background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;padding:16px;margin:20px 0}.due-date-result-section.success{background:#d4edda;border-color:#c3e6cb}.due-date-result-section.error{background:#f8d7da;border-color:#f5c6cb}.due-date-result-section h6{margin:0 0 8px;color:#0c5460;font-weight:600}.due-date-result-section.success h6{color:#155724}.due-date-result-section.error h6{color:#721c24}.overdue-breakdown{margin-top:16px}.overdue-breakdown-header{font-weight:600;margin-bottom:8px;color:#495057;font-size:14px}.overdue-breakdown-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;max-height:200px;overflow-y:auto}.overdue-breakdown-item{padding:8px 12px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;font-size:13px}.overdue-breakdown-item:last-child{border-bottom:none}.overdue-breakdown-label{color:#6c757d}.overdue-breakdown-value{font-weight:600;color:#dc3545}.due-date-form-actions{background:#fff;padding:20px 30px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 8px #0000001a;flex-shrink:0}.bulk-actions-left{display:flex;align-items:center;gap:16px}.bulk-actions-right{display:flex;gap:12px}.bulk-action-btn-main{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center;text-decoration:none;background:none}.bulk-action-btn-main.primary{background:linear-gradient(135deg,#fd7e14,#e55615);color:#fff;border-color:#fd7e14}.bulk-action-btn-main.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fd7e144d}.bulk-action-btn-main.primary:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;border-color:#6c757d}.bulk-action-btn-main.warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border-color:#ffc107}.bulk-action-btn-main.warning:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.bulk-action-btn-main.warning:disabled{background:#6c757d;color:#fff;cursor:not-allowed;transform:none;box-shadow:none;border-color:#6c757d}.due-date-action-btn{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.due-date-action-btn.primary{background:linear-gradient(135deg,#fd7e14,#e55615);color:#fff;border-color:#fd7e14}.due-date-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fd7e144d}.due-date-action-btn.primary:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.due-date-action-btn.secondary{background:#f8f9fa;color:#495057;border-color:#dee2e6}.due-date-action-btn.secondary:hover{background:#e9ecef;border-color:#adb5bd}.due-date-action-btn.warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border-color:#ffc107}.due-date-action-btn.warning:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.due-date-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.due-date-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #fd7e14;border-radius:50%;animation:dueDateSpin 1s linear infinite;margin-bottom:12px}.due-date-loading-text{color:#495057;font-size:14px;font-weight:500}@keyframes dueDateSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.due-date-form-content{grid-template-columns:300px 1fr}}@media (max-width: 968px){.due-date-manager-container{height:100vh}.due-date-form-content{grid-template-columns:1fr;padding:16px}.due-date-form-sidebar{order:2}.due-date-form-main{order:1}.due-date-form-grid{grid-template-columns:1fr}}@media (max-width: 576px){.due-date-manager-header{padding:16px 20px}.due-date-back-button{position:static;transform:none;margin-bottom:12px}.due-date-section-content{padding:16px}.due-date-form-actions{flex-direction:column;gap:12px}.bulk-actions-left,.bulk-actions-right{width:100%;justify-content:center}}.due-date-manager-modal .modal-content{max-width:1600px;width:95vw;max-height:95vh;overflow:visible;padding:0}.due-date-manager-modal-content{width:100%;height:100%;overflow:visible;display:flex;flex-direction:column}.due-date-manager-modal-content .due-date-manager-container{height:100%;display:flex;flex-direction:column}.due-date-manager-modal-content .due-date-form-content{flex:1;overflow-y:auto;overflow-x:hidden}.due-date-manager-modal-content .due-date-manager-header{flex-shrink:0;border-radius:0;margin:0}.due-date-manager-modal-content .due-date-form-actions{flex-shrink:0;margin:0;border-top:1px solid #dee2e6;border-radius:0}.transport-allocation-form{font-family:Barlow,sans-serif}.student-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px;border:1px solid #e9ecef}.student-info h4{margin:0 0 12px;color:#495057;font-size:16px;font-weight:600}.student-info p{margin:4px 0;color:#6c757d;font-size:14px}.transport-master-info{background:#e8f5e8;padding:12px;border-radius:6px;display:flex;align-items:center;gap:8px;border:1px solid #c3e6cb}.extra-fee-section{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:1px solid #ffc107;border-radius:12px;padding:20px;box-shadow:0 2px 8px #ffc1071a;margin-bottom:20px}.extra-fee-section h4,.extra-fee-section .section-header{margin:0 0 16px;display:flex;align-items:center;gap:8px;color:#856404;font-size:16px;font-weight:600}.input-row{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:end}.input-col{display:flex;flex-direction:column}.due-date-section-optimized{max-width:400px}.due-date-input{max-width:350px!important}.fee-preview{background:#f0f8ff;border:1px solid #007bff;border-radius:8px;padding:16px}.fee-preview h4{margin:0 0 12px;color:#007bff;font-size:16px;font-weight:600}.fee-term{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;font-size:14px}.fee-term:not(:last-child){border-bottom:1px solid #ddd}.fee-term .text-orange-600{color:#fd7e14;font-size:13px}.total-summary{margin-top:12px;padding-top:12px;border-top:2px solid #007bff;font-weight:700}.total-summary>div{display:flex;justify-content:space-between;margin-bottom:4px}.total-summary .text-gray-600{color:#6c757d;font-size:14px;font-weight:400}.form-fields .filter-dropdown,.form-fields .unified-dropdown{margin-bottom:4px}.requirements-status{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px;margin-bottom:16px}.requirements-status h5{margin:0 0 8px;color:#495057;font-size:14px;font-weight:600}.requirement-item{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:4px;color:#6c757d}.requirement-item.completed{color:#28a745}.requirement-item .status-icon{font-size:12px}.enhanced-button-container{position:relative;display:inline-block}.button-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;margin-bottom:8px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s}.enhanced-button-container:hover .button-tooltip{opacity:1}@media (max-width: 768px){.transport-allocation-form{padding:16px}.student-info,.extra-fee-section,.fee-preview{padding:12px}.fee-term{flex-direction:column;gap:4px}.fee-term>div{text-align:left!important}.input-row{grid-template-columns:1fr;gap:12px}.due-date-section-optimized,.due-date-input{max-width:100%!important}}.transport-allocation-form.loading{opacity:.7;pointer-events:none}.allocation-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:12px;border-radius:6px;margin-bottom:16px}.allocation-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px;border-radius:6px;margin-bottom:16px}.bulk-allocation-preview{background:linear-gradient(135deg,#f8fffe,#e8f5f3);border:1px solid #20c997;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 12px #20c9971a}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.preview-header h4{display:flex;align-items:center;gap:10px;margin:0;color:#20c997;font-size:18px;font-weight:600}.students-badge{background:#20c997;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px}.fee-structure-section{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 6px #0000000d}.section-title{color:#495057;font-size:15px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.fee-terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.fee-term-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:10px;padding:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.fee-term-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#007bff}.term-label{color:#007bff;font-weight:600;font-size:14px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e9ecef}.term-amounts{display:flex;flex-direction:column;gap:4px}.base-amount{color:#28a745;font-size:13px;font-weight:500}.extra-amount{color:#fd7e14;font-size:13px;font-weight:500}.total-amount{color:#495057;font-size:14px;font-weight:700;margin-top:4px;padding-top:6px;border-top:1px solid #e9ecef}.allocation-summary{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:12px;padding:20px;box-shadow:0 3px 8px #2196f31a}.summary-title{color:#1565c0;font-size:16px;font-weight:700;margin-bottom:16px;text-align:center;padding-bottom:8px;border-bottom:2px solid #2196f3}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.summary-item{background:#ffffffe6;border:1px solid rgba(33,150,243,.2);border-radius:8px;padding:14px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.summary-item:hover{background:#fff;border-color:#2196f3;transform:translateY(-1px);box-shadow:0 2px 6px #2196f326}.summary-label{color:#495057;font-size:13px;font-weight:500;flex:1}.summary-value{color:#0d47a1;font-size:15px;font-weight:700;text-align:right}.summary-item.grand-total{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;grid-column:1 / -1;padding:18px;border-radius:12px;box-shadow:0 4px 12px #2196f34d}.summary-item.grand-total .summary-label{color:#fffffff2;font-size:16px;font-weight:600}.summary-item.grand-total .summary-value{color:#fff;font-size:20px;font-weight:800;letter-spacing:.5px}.summary-item.extra-fees{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#fd7e14}.summary-item.extra-fees .summary-label{color:#856404}.summary-item.extra-fees .summary-value{color:#d63031;font-weight:700}@media (max-width: 768px){.bulk-allocation-preview{padding:16px;margin-bottom:16px}.preview-header{flex-direction:column;gap:12px;align-items:flex-start}.preview-header h4{font-size:16px}.students-badge{align-self:flex-end}.fee-terms-grid{grid-template-columns:1fr;gap:12px}.summary-grid{grid-template-columns:1fr;gap:10px}.summary-item.grand-total{grid-column:1}.fee-structure-section,.allocation-summary{padding:16px}.section-title,.summary-title{font-size:14px}}.tuition-fee-master-container{width:100%;margin:0;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.tuition-page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:25px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;border:1px solid #e9ecef}.inline-header{display:flex;align-items:center;margin-bottom:25px;padding:20px 0;border-bottom:2px solid #e9ecef}.fee-master-btn-wrapper{display:flex;justify-content:flex-end;margin-bottom:25px}.inline-header .header-info h3{margin:0 0 5px;color:#2c3e50;font-size:1.4rem;font-weight:600}.header-info{flex:1}.header-info h2{margin:0 0 5px;color:#2c3e50;font-size:1.8rem;font-weight:700}.header-description{margin:0;color:#6c757d;font-size:.95rem}.filters-section{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);overflow:visible!important;position:relative;isolation:isolate}.section-title{margin-bottom:20px}.section-title h3{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:12px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end;overflow:visible!important;position:relative}.filter-group{display:flex;flex-direction:column;gap:8px;overflow:visible!important;position:relative;isolation:isolate}.filter-group label{font-weight:600;color:#2c3e50;font-size:.9rem}.configurations-section{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);overflow-x:auto;width:100%}.configurations-table{width:100%;min-width:800px}.configurations-table .term-labels-cell{display:flex;flex-wrap:wrap;gap:6px;max-width:300px;padding:8px 0}.term-label-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #667eea4d;transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.term-label-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent;transition:all .2s ease}.status-badge.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-color:#28a745;box-shadow:0 2px 8px #28a7454d}.status-badge.inactive{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff;border-color:#dc3545;box-shadow:0 2px 8px #dc35454d}.status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.fee-status{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:2px solid transparent;transition:all .2s ease}.fee-status.has-fees{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff;border-color:#ffc107;box-shadow:0 2px 8px #ffc1074d}.fee-status.no-fees{background:linear-gradient(135deg,#17a2b8,#6f42c1);color:#fff;border-color:#17a2b8;box-shadow:0 2px 8px #17a2b84d}.fee-status:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-buttons{display:flex;gap:8px;align-items:center}.action-icon{font-size:1.1rem;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease;border:2px solid transparent;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-icon:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.edit-icon{color:#17a2b8;border-color:#17a2b833}.delete-icon{color:#dc3545;border-color:#dc354533}.edit-icon:hover{color:#fff;background:linear-gradient(135deg,#17a2b8,#20c997);border-color:#17a2b8;box-shadow:0 4px 15px #17a2b866}.delete-icon:hover{color:#fff;background:linear-gradient(135deg,#dc3545,#fd7e14);border-color:#dc3545;box-shadow:0 4px 15px #dc354566}.tuition-fee-form-modal{max-width:100%}.form-modal-container{padding:30px;max-height:80vh;overflow-y:auto}.form-modal-container h3{margin:0 0 25px;color:#2c3e50;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:12px;border-bottom:2px solid #e9ecef;padding-bottom:15px}.warning-banner{display:flex;align-items:flex-start;gap:12px;background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:15px;border-radius:8px;margin-bottom:25px}.warning-banner svg{color:#856404;font-size:1.2rem;margin-top:2px}.tuition-fee-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.form-group label{font-weight:600;color:#2c3e50;font-size:.95rem}.error-message{color:#e74c3c;font-size:.85rem;margin-top:4px}.term-labels-section{display:flex;flex-direction:column;gap:15px;background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.term-label-input{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center}.term-number{font-weight:600;color:#495057;font-size:.9rem}.fee-type-info{margin-top:15px;padding:10px;background:#e7f3ff;border:1px solid #b8daff;border-radius:6px}.fee-type-info p{margin:0;font-size:.9rem;color:#0c5460}.fee-type-info strong{color:#004085}.tuition-labels-required{background:#f8f9fa;border:2px solid #007bff;border-radius:8px;padding:20px;margin:15px 0}.required-label{font-weight:700!important;color:#007bff!important;font-size:1.1rem!important;margin-bottom:10px!important}.tuition-labels-description{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:12px;margin-bottom:15px}.tuition-labels-description p{margin:0;color:#1565c0;font-size:.95rem;line-height:1.4}.tuition-labels-description strong{color:#0d47a1}.no-labels-message{text-align:center;padding:30px;background:#fff3cd;border:2px dashed #ffc107;border-radius:8px;margin:15px 0}.no-labels-message p{margin:0;color:#856404;font-weight:600;font-size:1rem}.tuition-labels-required .term-label-input input{border:2px solid #007bff!important}.tuition-labels-required .term-label-input input:focus{border-color:#0056b3!important;box-shadow:0 0 0 .2rem #007bff40!important}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}@media (max-width: 768px){.tuition-fee-master-container{padding:15px}.tuition-page-header{flex-direction:column;align-items:flex-start;gap:15px}.form-modal-container{padding:20px}.filter-row,.form-row{grid-template-columns:1fr}.term-label-input{grid-template-columns:1fr;gap:8px}.term-number{text-align:left}.action-buttons{flex-direction:row;gap:6px}.action-icon{padding:8px;font-size:1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.configurations-table .term-labels-cell{max-width:250px}.term-label-badge{font-size:.7rem;padding:4px 8px}.configurations-section,.filters-section{padding:15px;border-radius:12px}}@media (max-width: 480px){.header-info h2{font-size:1.4rem}.section-title h3{font-size:1rem}.form-modal-container h3{font-size:1.2rem}.configurations-table .term-labels-cell{max-width:120px}}.schoolTopButton{display:flex;gap:2rem;margin-top:2rem;margin-bottom:2rem}.master-container .tuition-fee-master-container .inline-header .header-info{display:none}.master-container .tuition-fee-master-container{padding:0;margin:0;box-shadow:none;background:transparent;width:100%;max-width:none}.master-container .achievements-table-container .fee-type-rules-container{max-width:none;margin:0;padding:0;box-shadow:none;background:transparent}.master-container .achievements-table-container .fee-type-rules-header{display:flex!important;margin-bottom:20px}.master-container .achievements-table-container .rules-grid{display:grid!important;width:100%}.master-container .achievements-table-container .filters-section{display:block!important;margin-bottom:20px}.master-container .achievements-table-container .btn-primary,.master-container .achievements-table-container .btn-secondary{display:inline-block!important}.master-container .filters-section,.master-container .filter-row{overflow:visible!important}.master-container .filter-group{overflow:visible!important;position:relative}.master-container .achievements-table-container{overflow:visible!important;position:relative;isolation:isolate}.master-container .opt-container,.achievements-table-container .opt-container{z-index:9999!important;transform:translateZ(0)!important}.transport-fee-master-container{width:100%;margin:0;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.transport-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding:20px 0;border-bottom:2px solid #e9ecef}.transport-page-header h1{margin:0;color:#2c3e50;font-size:1.8rem;font-weight:700}.transport-master-header{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:20px 25px;margin-bottom:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.transport-master-header:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.master-header-navigation{display:flex;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.master-header-content{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.master-header-instructions{margin-top:15px;padding:15px 20px;background:#e6f5ff99;border:1px solid rgba(33,150,243,.2);border-radius:10px;border-top:2px solid #2196f3}.master-header-instructions p{margin:0;color:#1976d2;font-size:.9rem;font-weight:500;line-height:1.4;text-align:center}.master-header-main{display:flex;align-items:center;gap:20px;flex:1;min-width:340px;max-width:100%;overflow:hidden}.master-header-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #667eea59;flex-shrink:0;transition:all .3s ease}.master-header-icon:hover{transform:scale(1.05);box-shadow:0 8px 25px #667eea73}.master-header-icon svg{color:#fff;font-size:1.5rem}.master-header-info{flex:1;min-width:280px;max-width:100%;display:flex;flex-direction:column;gap:5px;overflow:hidden}.master-header-info h3{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:700;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-overflow:ellipsis}.master-header-context{margin:0;color:#6c757d;font-size:.95rem;font-weight:500;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.master-header-status{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fffc;border-radius:10px;font-weight:600;font-size:.9rem;color:#495057;flex-shrink:0;border:1px solid #e9ecef;transition:all .3s ease}.master-header-status:hover{background:#fffffff2;border-color:#28a745;transform:translateY(-1px);box-shadow:0 4px 12px #28a74526}.master-header-status .status-dot{width:10px;height:10px;background:#28a745;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 #28a74566}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #28a745b3}70%{transform:scale(1);box-shadow:0 0 0 4px #28a74500}to{transform:scale(.95);box-shadow:0 0 #28a74500}}.transport-master-header.edit-mode .master-header-icon{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 6px 20px #28a74559}.transport-master-header.edit-mode .master-header-icon:hover{box-shadow:0 8px 25px #28a74573}@media (max-width: 1024px){.master-header-content{gap:20px}.master-header-main{gap:15px}.master-header-icon{width:48px;height:48px;border-radius:12px}.master-header-icon svg{font-size:1.3rem}.master-header-info h3{font-size:1.3rem}}@media (max-width: 768px){.transport-master-header{padding:20px;border-radius:12px}.master-header-content{flex-direction:column;align-items:stretch;gap:20px}.master-header-main{gap:15px;min-width:auto;flex-wrap:nowrap}.master-header-info{min-width:200px}.master-header-info h3{font-size:1.3rem}.master-header-status{justify-content:center;padding:12px 16px}.master-header-navigation .area-action-btn{font-size:.85rem;padding:8px 12px}.master-header-instructions{margin-top:12px;padding:12px 16px;border-radius:8px}.master-header-instructions p{font-size:.85rem}}@media (max-width: 480px){.transport-master-header{padding:16px;margin-bottom:20px}.master-header-navigation{margin-bottom:12px;padding-bottom:12px}.master-header-main{flex-direction:column;align-items:flex-start;gap:12px;min-width:auto}.master-header-icon{width:44px;height:44px;border-radius:10px}.master-header-icon svg{font-size:1.2rem}.master-header-info{width:100%;min-width:auto}.master-header-info h3{font-size:1.2rem;line-height:1.3}.master-header-context{font-size:.9rem}.master-header-status{font-size:.85rem;padding:10px 14px;width:100%}.master-header-instructions{margin-top:10px;padding:10px 12px;border-radius:6px}.master-header-instructions p{font-size:.8rem;line-height:1.3}}.transport-filters-section{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.3);overflow:visible;position:relative}.transport-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end;overflow:visible;position:relative}.transport-filter-group{display:flex;flex-direction:column;gap:8px;overflow:visible;position:relative}.transport-filter-group label{font-weight:600;color:#2c3e50;font-size:.9rem}.selection-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;padding:25px;text-align:center;margin-bottom:25px}.selection-info-icon{color:#2196f3;font-size:3rem;margin:0 auto 15px;display:block}.selection-info h3{margin:0 0 8px;color:#1976d2;font-size:1.2rem;font-weight:600}.selection-info p{margin:0 0 15px;color:#1976d2;font-size:1rem}.selection-features{font-size:.9rem;color:#1565c0}.selection-prompt{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);margin:20px 0;text-align:center}.selection-prompt-content h4{margin:0 0 10px;color:#2c3e50;font-size:1.3rem;font-weight:600}.selection-prompt-content p{color:#6c757d;font-size:1rem;max-width:500px;margin:0 auto 20px}.config-status-container{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:25px}.config-status-header{display:flex;align-items:center;justify-content:space-between;gap:30px}.config-status-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}.config-status-stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 16px;background:#fffc;border-radius:10px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;min-width:80px}.stat-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.stat-value{font-size:1.5rem;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:4px}.stat-label{font-size:.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;line-height:1}.stat-item:nth-child(1) .stat-value{color:#007bff}.stat-item:nth-child(2) .stat-value{color:#28a745}.stat-item:nth-child(3) .stat-value{color:#17a2b8}.stat-item:nth-child(4) .stat-value{color:#6f42c1}.config-header-info{display:flex;align-items:center;gap:15px;margin-bottom:20px}.config-header-icon{color:#28a745;font-size:1.3rem}.config-header-info h3{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:600}.config-header-info p{margin:0;color:#6c757d;font-size:.9rem}.prerequisite-error{background:#ffeaa7;border:2px solid #fdcb6e;border-radius:16px;padding:30px;text-align:center;margin-bottom:25px}.prerequisite-error-icon{width:64px;height:64px;background:#e17055;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.prerequisite-error-icon svg{color:#fff;font-size:1.5rem}.prerequisite-error h3{margin:0 0 15px;color:#e17055;font-size:1.3rem;font-weight:700}.prerequisite-steps{background:#fff;padding:20px;border-radius:8px;border:1px solid #fdcb6e;margin:20px 0}.prerequisite-steps h4{margin:0 0 15px;color:#2d3436;font-weight:600}.prerequisite-steps ol{text-align:left;color:#636e72;font-size:.95rem;line-height:1.6;margin:0;padding-left:20px}.prerequisite-steps li{margin-bottom:8px}.prerequisite-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.unified-transport-config{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:25px}.transport-config-header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.config-title-section{display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap}.config-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #667eea4d;flex-shrink:0}.config-icon svg{color:#fff;font-size:1.2rem}.config-title-content{flex-grow:1;min-width:300px}.config-title-content h3{margin:0 0 5px;color:#2c3e50;font-size:1.5rem;font-weight:700}.config-title-content p{margin:0;color:#6c757d;font-size:.95rem}.config-status-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffffb3;border-radius:8px;font-weight:600;font-size:.85rem;color:#6c757d;flex-shrink:0}.status-dot{width:8px;height:8px;background:#28a745;border-radius:50%;animation:pulse 2s infinite}.transport-config-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.config-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}.config-statistics{display:flex;align-items:center;gap:20px;flex-wrap:wrap}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.metric-card{text-align:center;background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef;transition:all .3s ease;cursor:pointer}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.metric-card.blue:hover{border-color:#007bff}.metric-card.green:hover{border-color:#28a745}.metric-card.purple:hover{border-color:#6f42c1}.metric-card.emerald:hover{border-color:#20c997}.metric-value{font-size:1.8rem;font-weight:700;margin-bottom:5px}.metric-value.blue{color:#007bff}.metric-value.green{color:#28a745}.metric-value.purple{color:#6f42c1}.metric-value.emerald{color:#20c997}.metric-label{font-size:.8rem;font-weight:600;color:#6c757d;margin-bottom:8px}.metric-indicator{width:32px;height:2px;border-radius:1px;margin:0 auto;opacity:0;transition:opacity .3s ease}.metric-card:hover .metric-indicator{opacity:1}.metric-indicator.blue{background:#007bff}.metric-indicator.green{background:#28a745}.metric-indicator.purple{background:#6f42c1}.metric-indicator.emerald{background:#20c997}.areas-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.areas-header-info{display:flex;align-items:center;gap:12px}.areas-header-icon{width:32px;height:32px;background:#007bff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #007bff4d}.areas-header-icon svg{color:#fff;font-size:.9rem}.areas-header-text h4{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:700}.areas-header-text p{margin:0;color:#6c757d;font-size:.85rem}.areas-header-actions{display:flex;align-items:center;gap:12px}.areas-status-info{font-size:.85rem;color:#6c757d}.area-row{padding:20px;border-bottom:1px solid #f1f3f4;transition:all .3s ease}.area-row:hover{background:#f8f9fa}.area-row:last-child{border-bottom:none}.area-row-content{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:flex-start}.area-info{display:flex;align-items:flex-start;gap:15px;flex:1;min-width:0}.area-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease;flex-shrink:0;margin-top:2px}.area-row:hover .area-icon{box-shadow:0 4px 15px #00000026}.area-icon.active{background:linear-gradient(135deg,#28a745,#20c997)}.area-icon.inactive{background:linear-gradient(135deg,#6c757d,#adb5bd)}.area-icon svg{color:#fff;font-size:1.1rem}.area-details{flex:1;min-width:0}.area-title-section{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:8px;flex-wrap:wrap}.area-title{margin:0!important;color:#2c3e50;font-size:1.3rem;font-weight:700;order:0;flex-shrink:0}.area-title-section h5.area-title{margin:0!important}.area-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;order:1}.area-status.active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.area-status.inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.area-status-dot{width:6px;height:6px;border-radius:50%;margin-right:6px}.area-status.active .area-status-dot{background:#28a745}.area-status.inactive .area-status-dot{background:#dc3545}.area-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.area-stat{text-align:center;background:#f8f9fa;border-radius:8px;padding:10px;border:1px solid #e9ecef;cursor:default;transition:none}.area-stat:hover{background:#f8f9fa}.area-stat.blue{background:#e3f2fd;border-color:#bbdefb}.area-stat.purple{background:#f3e5f5;border-color:#ce93d8}.area-stat.emerald{background:#e0f2f1;border-color:#80cbc4}.area-stat.blue:hover{background:#e3f2fd}.area-stat.purple:hover{background:#f3e5f5}.area-stat.emerald:hover{background:#e0f2f1}.area-stat-value{font-size:1.1rem;font-weight:700;margin-bottom:2px}.area-stat-value.blue{color:#1976d2}.area-stat-value.purple{color:#7b1fa2}.area-stat-value.emerald{color:#00695c}.area-stat-label{font-size:.75rem;font-weight:600;color:#6c757d}.area-actions{display:flex;gap:8px}.area-action-btn{padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:6px}.area-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.area-action-btn.edit{background:#007bff;color:#fff}.area-action-btn.edit:hover{background:#0056b3}.area-action-btn.delete{background:#dc3545;color:#fff}.area-action-btn.delete:hover{background:#c82333}.area-details-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.area-details-section{background:#f8f9fa;border-radius:12px;padding:15px;border:1px solid #dee2e6}.area-details-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.area-details-section-icon{width:24px;height:24px;background:#e9ecef;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.85rem}.area-details-section-icon.blue{background:#e3f2fd;color:#1976d2}.area-details-section-icon.emerald{background:#e0f2f1;color:#00695c}.area-details-section-title{margin:0;color:#2c3e50;font-size:.95rem;font-weight:600}.streets-list{max-height:120px;overflow-y:auto;padding-right:5px}.street-item{display:flex;align-items:start;gap:8px;margin-bottom:8px;font-size:.85rem}.street-item-dot{width:6px;height:6px;background:#007bff;border-radius:50%;margin-top:6px;flex-shrink:0}.street-item-content{flex:1;color:#2c3e50}.street-name{font-weight:600;color:#2c3e50}.street-landmarks{color:#6c757d;font-size:.75rem;margin-top:2px}.more-streets{text-align:center;padding:8px;color:#007bff;font-weight:600;font-size:.85rem;border-top:1px solid #dee2e6;margin-top:8px}.fees-list{max-height:120px;overflow-y:auto;padding-right:5px}.fee-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:8px;padding:10px;border:1px solid #e9ecef;margin-bottom:6px}.fee-item-info h6{margin:0 0 2px;font-size:.85rem;font-weight:600;color:#2c3e50}.fee-item-due{font-size:.75rem;color:#6c757d}.fee-item-amount{text-align:right}.fee-amount{font-size:1rem;font-weight:700;color:#00695c}.more-fees{text-align:center;padding:8px;color:#00695c;font-weight:600;font-size:.85rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;margin-top:6px}.empty-areas-state{padding:40px 20px;text-align:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5,#fff3e0);border-radius:16px;border:2px dashed #bbdefb;margin-top:20px}.empty-state-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 25px #667eea4d}.empty-state-icon svg{color:#fff;font-size:2rem}.empty-state-title{margin:0 0 12px;color:#2c3e50;font-size:1.5rem;font-weight:700}.empty-state-description{color:#6c757d;font-size:1rem;line-height:1.5;max-width:500px;margin:0 auto 25px}.empty-state-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}.empty-state-feature{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef}.empty-state-feature-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:1rem;font-weight:700}.empty-state-feature-icon.blue{background:#e3f2fd;color:#1976d2}.empty-state-feature-icon.green{background:#e8f5e8;color:#2e7d32}.empty-state-feature-icon.purple{background:#f3e5f5;color:#7b1fa2}.empty-state-feature-icon.orange{background:#fff3e0;color:#f57c00}.empty-state-feature h5{margin:0 0 8px;color:#2c3e50;font-size:.95rem;font-weight:600}.empty-state-feature p{margin:0;color:#6c757d;font-size:.85rem;line-height:1.4}.empty-state-actions{margin-bottom:15px}.empty-state-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 25px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #667eea4d}.empty-state-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.empty-state-note{margin:0;color:#6c757d;font-size:.85rem}.loading-container{text-align:center;padding:40px}.loading-text{color:#6c757d;font-size:1.1rem;margin:0}.status-message{border-radius:12px;padding:25px;text-align:center;margin-bottom:25px}.status-message.info{background:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.status-message.success{background:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.status-message.warning{background:#fff8e1;border:1px solid #ffecb3;color:#f57c00}.status-message.error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.status-message-icon{font-size:2rem;margin-bottom:15px;display:block}.status-message h3{margin:0 0 8px;font-size:1.2rem;font-weight:600}.status-message p{margin:0;font-size:1rem}@media (max-width: 1024px){.dashboard-title-section,.areas-header-content{flex-direction:column;align-items:flex-start}.area-details-sections{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.config-status-header{gap:20px}.config-status-stats{gap:15px}}@media (max-width: 768px){.transport-fee-master-container{padding:15px}.transport-filters-section{padding:15px;border-radius:8px}.transport-filter-row{grid-template-columns:1fr;gap:15px}.dashboard-header{padding:15px;border-radius:12px}.dashboard-title-content{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-icon{width:40px;height:40px}.dashboard-title-text h3{font-size:1.3rem}.metrics-grid{grid-template-columns:1fr;gap:10px}.area-row{padding:15px}.area-row-content{grid-template-columns:1fr;gap:15px}.area-info{flex-direction:column;gap:10px}.area-title-section{flex-direction:column;align-items:flex-start;gap:8px}.area-stats{grid-template-columns:1fr;gap:8px}.area-actions{justify-content:center;width:100%}.empty-state-features{grid-template-columns:1fr}.empty-state-title{font-size:1.3rem}.prerequisite-actions{flex-direction:column;width:100%}.config-status-header{flex-direction:column;align-items:stretch;gap:20px}.config-status-actions{justify-content:center}.config-status-stats{justify-content:center;gap:12px}.stat-item{min-width:70px;padding:10px 12px}.stat-value{font-size:1.3rem}}@media (max-width: 480px){.transport-page-header h1{font-size:1.5rem}.dashboard-title-text h3{font-size:1.2rem}.area-title{font-size:1.1rem}.metric-value{font-size:1.5rem}.empty-state-title{font-size:1.2rem}.empty-state-cta{width:100%;justify-content:center}}.area-modal-content{display:flex;flex-direction:column;gap:16px;padding:0}.area-modal-section{background:#fffffffa;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.area-modal-section:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-1px)}.area-modal-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f3f4;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px 12px 0 0}.area-modal-section-header .area-modal-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:1rem;margin-right:10px;box-shadow:0 2px 6px #667eea4d}.area-modal-section-title{flex:1}.area-modal-section-title h3{margin:0 0 3px;color:#2c3e50;font-size:1rem;font-weight:600}.area-modal-section-title p{margin:0;color:#6c757d;font-size:.8rem}.area-modal-section-actions{display:flex;gap:10px}.area-modal-section-content{padding:16px}.area-basic-form{display:flex;flex-direction:column;gap:12px}.area-form-field{display:flex;flex-direction:column}.area-form-label{font-weight:600;color:#2c3e50;margin-bottom:6px;font-size:.9rem}.area-status-toggle{display:flex;gap:10px;margin-top:8px}.area-status-option{display:flex;align-items:center;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:120px}.area-status-option.active{border-color:#28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb);box-shadow:0 2px 8px #28a74533}.area-status-option:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.area-status-radio{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #dee2e6;border-radius:50%;margin-right:8px;transition:all .3s ease}.area-status-option.active .area-status-radio{border-color:#28a745;background:#28a745}.area-status-radio-dot{width:6px;height:6px;background:#fff;border-radius:50%;opacity:0;transition:opacity .3s ease}.area-status-option.active .area-status-radio-dot{opacity:1}.area-status-info{display:flex;flex-direction:column}.area-status-label{font-weight:600;color:#2c3e50;margin-bottom:1px;font-size:.9rem}.area-status-info small{color:#6c757d;font-size:.75rem}.area-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px dashed #dee2e6}.area-empty-state-icon{font-size:3rem;margin-bottom:15px;opacity:.7}.area-empty-state h4{margin:0 0 10px;color:#2c3e50;font-weight:600}.area-empty-state p{margin:0 0 12px;color:#6c757d;max-width:280px;font-size:.85rem}.area-empty-state-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.area-empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.area-streets-list{display:flex;flex-direction:column;gap:10px}.area-street-card{background:#ffffffe6;border:1px solid #e9ecef;border-radius:8px;padding:12px;transition:all .3s ease}.area-street-card:hover{border-color:#667eea;box-shadow:0 4px 15px #0000001a}.area-street-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.area-street-badge{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600}.area-street-remove-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.area-street-remove-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #dc354566}.area-street-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.area-street-form-field{display:flex;flex-direction:column}.area-street-description{grid-column:1 / -1}.area-street-row{background:#ffffffe6;border:1px solid #e9ecef;border-radius:6px;padding:10px;transition:all .3s ease}.area-street-row:hover{border-color:#667eea;box-shadow:0 2px 8px #0000001a}.area-street-row-content{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:12px;align-items:end}.area-street-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0;margin-top:20px}.area-street-remove-btn-small{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:6px;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;margin-top:20px}.area-street-remove-btn-small:hover{transform:scale(1.05);box-shadow:0 2px 6px #dc354566}.area-fee-info{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:10px;border:1px solid #90caf9}.area-fee-info-icon{font-size:2.5rem;margin-bottom:15px}.area-fee-info h4{margin:0 0 10px;color:#1565c0;font-weight:600}.area-fee-info p{margin:0 0 20px;color:#1976d2;max-width:400px}.area-fee-info-details{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.area-fee-info-details span{background:#fffc;color:#1565c0;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid #90caf9}.area-fees-container{display:flex;flex-direction:column;gap:12px}.area-fees-summary{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-radius:10px;padding:20px;border:1px solid #a5d6a7}.area-fees-summary-card{display:flex;flex-direction:column;align-items:center;text-align:center}.area-fees-summary-title{display:flex;flex-direction:column;align-items:center;gap:10px}.area-fees-summary-title span{color:#2e7d32;font-weight:600;font-size:1.1rem}.area-fees-summary-amount{color:#1b5e20;font-size:1.8rem;font-weight:700}.area-fees-summary-details{color:#388e3c;font-size:.9rem;margin-top:5px}.area-fees-list{display:flex;flex-direction:column;gap:10px}.area-fee-card{background:#fffffff2;border:1px solid #e9ecef;border-radius:8px;padding:12px;transition:all .3s ease}.area-fee-card:hover{border-color:#28a745;box-shadow:0 4px 15px #0000001a}.area-fee-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.area-fee-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9rem}.area-fee-amount{color:#28a745;font-size:1.3rem;font-weight:700}.area-fee-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.area-fee-form-row-simplified{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.area-fee-form-row-inline{display:flex;align-items:center;gap:16px;padding:8px 0}.area-fee-form-row-inline .area-fee-badge{flex-shrink:0;min-width:80px}.area-fee-form-row-inline .area-fee-form-field{width:150px;flex-shrink:0}.area-fee-form-field,.area-readonly-field{display:flex;flex-direction:column}.area-readonly-label{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:.9rem}.area-readonly-value{background-color:#f8f9fa;color:#6c757d;border:1px solid #e9ecef;border-radius:4px;padding:12px 15px;font-size:.9rem;font-weight:500;cursor:not-allowed;opacity:.8}.area-readonly-hint{color:#6c757d;font-size:.8rem;margin-top:5px;font-style:italic}.area-modal-footer-content{display:flex;flex-direction:column;gap:15px;width:100%}.area-modal-footer-buttons{display:flex;gap:15px;justify-content:flex-end}.area-modal-cancel-btn{background:#fff;color:#6c757d;border:2px solid #dee2e6;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.area-modal-cancel-btn:hover{border-color:#adb5bd;background:#f8f9fa;transform:translateY(-1px)}.area-modal-save-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.area-modal-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a74566}.area-modal-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.area-modal-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.area-modal-add-btn-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:.8rem}.area-modal-add-btn-small:hover{transform:translateY(-1px);box-shadow:0 3px 8px #667eea4d}.area-empty-state-btn-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:.85rem}.area-empty-state-btn-small:hover{transform:translateY(-2px);box-shadow:0 3px 10px #667eea66}@media (max-width: 768px){.area-modal-section-header{flex-direction:column;align-items:flex-start;gap:15px}.area-modal-section-actions{width:100%;justify-content:flex-end}.area-status-toggle{flex-direction:column;gap:10px}.area-status-option{min-width:auto}.area-street-form-row,.area-fee-form-row{grid-template-columns:1fr}.area-modal-footer-buttons{flex-direction:column}.area-modal-cancel-btn,.area-modal-save-btn{width:100%;justify-content:center}}.configurations-list-section{margin:20px 0}.configurations-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.configurations-list-title h3{margin:0 0 8px;color:#495057;font-size:24px;font-weight:600}.configurations-list-title p{margin:0;color:#6c757d;font-size:14px}.configurations-list-stats{display:flex;align-items:center;gap:16px}.config-count{background:#28a745;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600}.transport-filter-actions{display:flex;align-items:center;gap:12px}.configurations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}.configuration-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;overflow:hidden;transition:all .3s ease}.configuration-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.configuration-card-header{padding:20px 20px 16px;border-bottom:1px solid #f1f3f4}.configuration-card-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.configuration-card-title h4{margin:0;color:#495057;font-size:18px;font-weight:600;flex:1}.configuration-card-badges{display:flex;gap:8px;flex-shrink:0}.status-badge,.activity-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.configured{background:#d4edda;color:#155724}.status-badge.in-progress{background:#fff3cd;color:#856404}.activity-badge.active{background:#e1f5fe;color:#01579b}.activity-badge.inactive{background:#f3e5f5;color:#4a148c}.badge-icon{font-size:10px}.configuration-card-description{margin:0;color:#6c757d;font-size:14px;line-height:1.4}.configuration-card-info{padding:16px 20px}.configuration-info-section{display:flex;flex-direction:column;gap:12px}.configuration-info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.configuration-info-item{display:flex;flex-direction:column;gap:4px}.configuration-info-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.configuration-info-value{font-size:14px;color:#495057;font-weight:600}.configuration-info-value.has-allocations{color:#28a745}.configuration-info-value.no-allocations{color:#6c757d}.configuration-card-metadata{padding:12px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;gap:16px}.configuration-metadata-item{display:flex;flex-direction:column;gap:2px}.metadata-label{font-size:11px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.metadata-value{font-size:12px;color:#495057;font-weight:500}.configuration-card-actions{padding:16px 20px;display:flex;gap:12px;justify-content:flex-end}.configuration-action-btn{padding:8px 16px!important;font-size:13px!important;border-radius:6px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;border:1px solid transparent!important}.configuration-action-btn.primary{background:#28a745!important;color:#fff!important;border-color:#28a745!important}.configuration-action-btn.primary:hover{background:#218838!important;border-color:#1e7e34!important;transform:translateY(-1px)}.configuration-action-btn.secondary{background:#f8f9fa!important;color:#495057!important;border-color:#dee2e6!important}.configuration-action-btn.secondary:hover{background:#e9ecef!important;border-color:#adb5bd!important}.configurations-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:2px dashed #dee2e6;margin:20px 0}.configurations-empty-state .empty-state-icon{font-size:48px;color:#6c757d;margin-bottom:16px}.configurations-empty-state h4{margin:0 0 12px;color:#495057;font-size:20px;font-weight:600}.configurations-empty-state p{color:#6c757d;font-size:14px;max-width:500px;margin:0 auto 24px}.transport-edit-header{display:flex;align-items:center;gap:20px;margin:20px 0;padding:16px 20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.transport-edit-info h3{margin:0 0 4px;color:#495057;font-size:18px;font-weight:600}.transport-edit-info p{margin:0;color:#6c757d;font-size:14px}@media (max-width: 768px){.configurations-grid{grid-template-columns:1fr;gap:16px}.configuration-info-row{grid-template-columns:1fr;gap:8px}.configuration-card-metadata{flex-direction:column;gap:8px}.configuration-card-actions{flex-direction:column}.configurations-list-header{flex-direction:column;align-items:stretch;gap:16px}.transport-filter-actions{justify-content:stretch}.transport-filter-actions button{flex:1}}.area-accordion-row{border:1px solid #e9ecef;border-radius:12px;margin-bottom:16px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.area-accordion-row:hover{box-shadow:0 4px 15px #0000001a;border-color:#dee2e6}.area-header{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:16px 20px;cursor:pointer;transition:all .3s ease;border-bottom:none;border-radius:12px 12px 0 0}.area-header:hover{background-color:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.area-header-left{display:flex;align-items:center;gap:16px;min-width:0}.area-expand-indicator{display:flex;align-items:center;gap:16px}.area-expand-section{display:flex;align-items:center;gap:12px}.area-expand-text{display:flex;flex-direction:column;gap:2px}.expand-label{font-size:.9rem;font-weight:600;color:#495057;line-height:1.2}.expand-hint{font-size:.75rem;color:#6c757d;line-height:1.2}.area-expand-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#495057;background:linear-gradient(135deg,#e9ecef,#f8f9fa);border-radius:8px;border:2px solid #dee2e6;transition:all .3s ease;font-size:1rem;box-shadow:0 2px 4px #0000001a;cursor:pointer}.area-expand-icon.expanded{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border-color:#90caf9;transform:rotate(0);box-shadow:0 3px 6px #1976d233}.area-expand-icon:hover{background:linear-gradient(135deg,#dee2e6,#e9ecef);border-color:#adb5bd;color:#343a40;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.area-content{border-top:1px solid #e9ecef;background:#fafbfc}.area-content-inner{padding:20px;animation:slideDown .3s ease-out}.area-header .area-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;background:none;border:none;border-radius:0}.area-header .area-stat{text-align:center;background:#fffc;border-radius:8px;padding:8px 12px;border:1px solid #e9ecef;cursor:default;transition:none;min-width:80px}.area-header .area-actions{display:flex;gap:8px;z-index:1}.area-header .area-actions button{position:relative;z-index:2}@media (max-width: 768px){.area-header{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;grid-template-columns:none}.area-header-left{justify-content:flex-start;order:1}.area-header .area-stats{order:2;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.area-actions{justify-content:flex-end;order:3}.area-expand-indicator,.area-expand-section{gap:8px}.expand-label{font-size:.8rem}.expand-hint{font-size:.7rem}.area-title-section{flex-direction:column;align-items:flex-start;gap:8px}.area-content-inner{padding:16px}.area-details-sections{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.area-header{padding:12px}.area-title{font-size:1.1rem!important}.area-header .area-stats{grid-template-columns:1fr;gap:6px;margin-top:8px}.area-header .area-stat{padding:6px 8px;min-width:auto}.area-stat-value{font-size:1rem!important}.area-stat-label{font-size:.7rem!important}.area-actions{gap:6px}.area-action-btn{padding:6px 12px;font-size:.8rem}.area-expand-icon{width:28px;height:28px;font-size:.9rem}.expand-label{font-size:.75rem}.expand-hint{font-size:.65rem}}.area-basic-form-row{display:flex;gap:24px;align-items:end}.area-name-field{flex:2}.area-status-field{flex:1;min-width:200px}.area-status-toggle-compact{display:flex;gap:8px;margin-top:8px}.area-status-option-compact{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s;background:#fff}.area-status-option-compact.active-option{border-color:#c3e6cb;background:#f8fff8;color:#28a745}.area-status-option-compact.active-option.selected{border-color:#28a745;background:#d4edda;color:#155724;font-weight:600;box-shadow:0 2px 4px #28a74533}.area-status-option-compact.inactive-option{border-color:#f5c6cb;background:snow;color:#dc3545}.area-status-option-compact.inactive-option.selected{border-color:#dc3545;background:#f8d7da;color:#721c24;font-weight:600;box-shadow:0 2px 4px #dc354533}.area-status-option-compact .area-status-radio{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #dee2e6;border-radius:50%;transition:all .3s ease}.area-status-option-compact.active-option.selected .area-status-radio{border-color:#28a745;background:#28a745}.area-status-option-compact.inactive-option.selected .area-status-radio{border-color:#dc3545;background:#dc3545}.area-status-option-compact .area-status-radio-dot{width:6px;height:6px;background:#fff;border-radius:50%;opacity:0;transition:opacity .3s ease}.area-status-option-compact.selected .area-status-radio-dot{opacity:1}.area-status-option-compact:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.area-street-add-row{margin-top:12px;padding:12px 0;display:flex;justify-content:center;border-top:1px dashed #dee2e6}.area-street-add-btn-small{padding:8px 16px;font-size:13px;min-width:120px;height:36px;border:1px solid #28a745;background:#28a745;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.area-street-add-btn-small:hover{background:#218838;border-color:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.area-modal-save-btn.disabled{background-color:#6c757d!important;border-color:#6c757d!important;color:#fff!important;opacity:.6;cursor:not-allowed!important;pointer-events:none}.area-modal-save-btn.disabled:hover{background-color:#6c757d!important;border-color:#6c757d!important;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.area-basic-form-row{flex-direction:column;gap:16px}.area-status-field{min-width:unset}.area-status-toggle-compact{flex-direction:column;gap:12px}}.area-fees-summary-compact{display:flex;align-items:center;margin-left:auto}.area-fees-summary-card-compact{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:1px solid #28a745;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #28a7451a}.area-fees-summary-amount-compact{font-size:14px;font-weight:700;color:#155724;letter-spacing:.5px}.area-fees-summary-details-compact{font-size:12px;color:#6c757d;font-weight:500}.transport-fee-master-page{padding:20px;background-color:#f8f9fa;min-height:100vh}.transport-fee-master-page .master-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.transport-fee-master-page .achievements-table-container{padding:0}.quick-add-student-modal{display:flex;flex-direction:column;gap:20px;padding:20px}.search-section{display:flex;flex-direction:column;gap:8px}.search-section label{font-weight:600;color:#333;font-size:14px}.search-help{color:#666;font-size:12px;font-style:italic}.selection-section{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.preview-section{padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.preview-section h4{margin:0 0 10px;color:#333;font-size:14px;font-weight:600}.student-preview-card{background:#fff;padding:15px;border-radius:6px;border:1px solid #e0e0e0}.student-info .student-name{font-weight:600;color:#333;font-size:16px;margin-bottom:5px}.student-info .student-details{color:#666;font-size:13px;margin-bottom:8px}.student-info .relationship-info{color:#007bff;font-size:13px}.student-info .relationship-info strong{text-transform:capitalize}.family-details-modal-content{padding:20px;display:flex;flex-direction:column;gap:24px;max-height:calc(80vh - 120px);overflow-y:auto}.family-details-loading,.family-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{color:#666;font-size:16px}.family-details-error{color:#666}.error-icon{color:#dc3545;font-size:48px;margin-bottom:16px}.family-details-error h3{color:#333;margin:0 0 8px}.family-details-error p{margin:0;color:#666}.family-overview-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f}.family-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.family-title h3{margin:0 0 8px;color:#333;font-size:1.5rem;display:flex;align-items:center;gap:10px}.family-icon{color:#007bff}.family-meta{display:flex;gap:20px;flex-wrap:wrap}.family-meta span{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.meta-icon{color:#007bff;font-size:12px}.status-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.family-basic-info{display:grid;gap:12px}.info-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.info-item.full-width{grid-column:1 / -1}.info-icon{color:#007bff;font-size:14px}.info-label{font-weight:600;color:#333;font-size:14px}.info-value{color:#666;font-size:14px}.activation-status-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;border:1px solid}.activation-status-card.active{background:#d4edda;border-color:#c3e6cb}.activation-status-card.inactive{background:#f8d7da;border-color:#f5c6cb}.status-icon{font-size:24px}.status-icon.active{color:#28a745}.status-icon.inactive{color:#dc3545}.activation-content h4{margin:0 0 4px;color:#333;font-size:16px}.activation-content p{margin:0;color:#666;font-size:14px}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#333;font-size:1.2rem;font-weight:600}.section-icon{color:#007bff}.parents-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f}.parents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.parent-card{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.parent-header h5{margin:0 0 16px;color:#333;font-size:16px;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:8px}.parent-details{display:flex;flex-direction:column;gap:12px}.parent-info-item{display:flex;align-items:center;gap:10px}.parent-icon{color:#007bff;font-size:14px;width:16px}.parent-label{font-weight:600;color:#333;font-size:14px;min-width:60px}.parent-value{color:#666;font-size:14px}.students-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f}.no-students-card{text-align:center;padding:40px 20px;color:#666}.no-students-icon{font-size:48px;color:#ccc;margin-bottom:16px}.no-students-card h5{margin:0 0 8px;color:#333;font-size:18px}.no-students-card p{margin:0;font-size:14px}.students-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}.student-card{background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;height:fit-content;display:flex;flex-direction:column;gap:16px}.student-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:#007bff}.student-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid #e9ecef;padding-bottom:16px}.student-name{flex:1;min-width:0}.student-name h5{margin:0 0 6px;color:#333;font-size:18px;font-weight:600;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.birth-order{color:#007bff;font-size:11px;font-weight:600;background:#e7f3ff;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.student-status{padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.student-status.active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.student-status.inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.student-details{display:flex;flex-direction:column;gap:12px}.student-info-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.student-info-item:hover{background:#f0f7ff;border-color:#b3d9f2}.student-icon{color:#007bff;font-size:16px;width:20px;flex-shrink:0}.student-label{font-weight:600;color:#495057;font-size:13px;min-width:90px;flex-shrink:0}.student-value{color:#333;font-size:14px;font-weight:500;flex:1;word-wrap:break-word;overflow-wrap:break-word}.notes-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f}.notes-card{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef}.notes-card p{margin:0;color:#333;font-size:14px;line-height:1.5}@media (max-width: 768px){.family-details-modal-content{padding:16px;gap:20px}.family-header{flex-direction:column;gap:16px;align-items:stretch}.family-meta{gap:12px}.parents-grid,.students-grid{grid-template-columns:1fr;gap:16px}.student-card{padding:20px}.student-header{flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.student-name{width:100%}.student-name h5{font-size:16px}.birth-order{align-self:flex-start}.student-status{align-self:flex-start;margin-top:4px}.activation-status-card{flex-direction:column;text-align:center;gap:12px}.info-item{grid-template-columns:1fr;gap:6px}.info-item.full-width{grid-column:1}.parent-info-item,.student-info-item{flex-wrap:wrap;gap:6px}}@media (max-width: 480px){.family-overview-card,.parents-section,.students-section,.notes-section,.parent-card,.student-card,.notes-card{padding:16px}.student-info-item{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.student-label{min-width:auto;font-size:12px;color:#007bff;text-transform:uppercase;letter-spacing:.5px}.student-value{font-size:13px;margin-left:0}.section-title{font-size:1.1rem}.family-title h3{font-size:1.3rem}}.family-list-container{padding:20px}.family-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.family-list-header h2{margin:0;color:#333;font-size:1.8rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.card-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#007bff;color:#fff;font-size:1.5rem}.card-icon.active{background:#28a745}.card-content h3{margin:0 0 5px;font-size:1.8rem;color:#333}.card-content p{margin:0;color:#666;font-size:.9rem}.family-filters{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.filter-row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{margin-bottom:5px;font-weight:600;color:#555;font-size:.9rem}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.family-table{background:#fff;border-radius:8px;overflow:visible;box-shadow:0 2px 10px #0000001a}.family-id{font-family:monospace;font-weight:600;color:#007bff;font-size:.9rem}.family-name{font-weight:600;color:#333}.student-count{display:inline-block;background:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.family-actions{display:flex;gap:10px;align-items:center;justify-content:center}.action-icon{cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;font-size:1rem}.action-icon:hover{transform:scale(1.1)}.view-icon{color:#007bff}.view-icon:hover{background:#007bff1a}.edit-icon{color:#ffc107}.edit-icon:hover{background:#ffc1071a}.delete-icon{color:#dc3545}.delete-icon:hover{background:#dc35451a}@media (max-width: 1200px){.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}}@media (max-width: 768px){.family-list-container{padding:10px}.family-list-header{flex-direction:column;gap:15px;align-items:stretch}.summary-cards{grid-template-columns:1fr}.family-filters{padding:15px}}.family-list-container.loading{opacity:.6;pointer-events:none}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state h3{margin-bottom:10px;color:#333}.empty-state p{margin-bottom:20px}.filter-group.active input,.filter-group.active select{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.family-stepper-modal{display:flex;flex-direction:column;padding:0}.family-step-content{display:flex;flex-direction:column;gap:24px;padding:20px;overflow:visible}.step-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0;border-bottom:2px solid #f0f0f0;margin-bottom:20px}.step-header .step-icon{font-size:32px;color:#fd7e14;margin-bottom:12px}.step-header h3{margin:0 0 8px;color:#333;font-size:24px;font-weight:600}.step-header p{margin:0;color:#666;font-size:14px;max-width:400px}.family-form{background:#fafafa;border-radius:8px;padding:24px;border:1px solid #e0e0e0;overflow:visible}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#333;font-size:13px;margin-bottom:4px;display:block}.form-group .input-container{width:100%}.form-group input,.form-group textarea{width:100%!important;max-width:100%;box-sizing:border-box}.error-message{color:#dc3545;font-size:11px;margin-top:2px;font-weight:500}.family-context{background:linear-gradient(135deg,#fff3cd,#ffeaa7);padding:16px 20px;border-radius:8px;border-left:4px solid #fd7e14;margin:0 20px 20px}.family-context p{margin:0 0 5px;font-size:14px;color:#856404}.family-context p:last-child{margin-bottom:0}.family-context strong{color:#533f04}.student-search{margin:0 20px 24px}.student-selection-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 20px}.available-students,.selected-students,.existing-students{display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;padding:20px}.existing-students{background:#fff3cd;border:1px solid #ffecb5;margin-bottom:20px}.available-students h4,.selected-students h4,.existing-students h4{margin:0 0 16px;color:#333;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #dee2e6}.existing-students h4{border-bottom-color:#ffdf7e}.students-list,.selected-list,.existing-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.student-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.student-card:hover{border-color:#fd7e14;box-shadow:0 2px 8px #fd7e1426}.selected-student-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#e8f5e8;border:1px solid #28a745;border-radius:8px;transition:all .2s ease}.existing-student-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff8e1;border:1px solid #ffcc02;border-radius:8px;transition:all .2s ease}.existing-student-card:hover{border-color:#ff9800;box-shadow:0 2px 8px #ff980026}.student-info{flex:1}.student-name{font-weight:600;color:#333;font-size:14px;margin-bottom:4px}.student-details{color:#666;font-size:12px;margin-bottom:6px}.relationship-badge{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,#fd7e14,#ffc107);color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.student-actions{margin-left:16px}.empty-state{display:flex;align-items:center;justify-content:center;height:150px;color:#999;font-style:italic;background:#fff;border:2px dashed #dee2e6;border-radius:8px;text-align:center}.review-section{background:#f8f9fa;border-radius:8px;padding:24px;margin:0 20px 20px;border:1px solid #e0e0e0}.review-section h4{margin:0 0 16px;color:#333;font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #dee2e6;display:flex;align-items:center;gap:8px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-item{display:flex;flex-direction:column;gap:4px;background:#fff;padding:12px;border-radius:6px;border:1px solid #e0e0e0}.review-item.full-width{grid-column:1 / -1}.review-item label{font-weight:600;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.review-item span{color:#333;font-size:14px;font-weight:500}.review-students{display:flex;flex-direction:column;gap:12px}.review-student-card{padding:16px;background:#fff;border:1px solid #28a745;border-left:4px solid #28a745;border-radius:6px}.review-student-card .student-name{font-weight:600;color:#333;font-size:14px;margin-bottom:6px}.review-student-card .student-details{color:#666;font-size:12px}@media (max-width: 768px){.family-step-content{padding:12px;gap:16px}.family-form{padding:16px}.form-grid{grid-template-columns:1fr;gap:16px}.family-context,.student-search,.student-selection-container,.review-section{margin-left:0;margin-right:0}.student-selection-container{grid-template-columns:1fr;gap:20px}.students-list,.selected-list{max-height:250px}.review-grid{grid-template-columns:1fr;gap:12px}.step-header .step-icon{font-size:28px}.step-header h3{font-size:20px}.student-card,.selected-student-card{flex-direction:column;align-items:flex-start;gap:12px}.student-actions{margin-left:0;width:100%}}.family-step-content[data-loading=true]{opacity:.7;pointer-events:none}.family-step-content{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.student-card.success{border-color:#28a745;background-color:#f8fff8}.student-card.success .student-name{color:#155724}.student-card:focus-within{outline:2px solid #fd7e14;outline-offset:2px}@media (prefers-contrast: high){.family-context,.student-card,.selected-student-card,.review-item{border-width:2px}.relationship-badge{background:#333}}.family-management{min-height:100vh;background:#f8f9fa}.family-breadcrumb{background:#fff;padding:15px 20px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:10px;font-size:.9rem}.breadcrumb-item{color:#007bff;cursor:pointer;text-decoration:none;transition:color .2s ease}.breadcrumb-item:hover{color:#0056b3;text-decoration:underline}.breadcrumb-item.active{color:#6c757d;cursor:default}.breadcrumb-item.active:hover{text-decoration:none}.breadcrumb-separator{color:#6c757d;font-weight:500}.family-content{padding:0;background:#f8f9fa;min-height:calc(100vh - 60px)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;margin:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.error-state h3{color:#dc3545;margin-bottom:10px;font-size:1.5rem}.error-state p{color:#6c757d;margin-bottom:20px;font-size:1rem}.error-state button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.error-state button:hover{background:#0056b3}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;margin:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-right:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#6c757d;font-size:1.1rem}@media (max-width: 768px){.family-breadcrumb{padding:10px 15px;font-size:.8rem}.family-content{min-height:calc(100vh - 50px)}.error-state,.loading-state{margin:10px;padding:40px 20px}.error-state h3{font-size:1.3rem}.error-state p{font-size:.9rem}}.family-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.family-management{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40}.breadcrumb-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.error-state button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.family-breadcrumb{display:none}.family-content{padding:0}.error-state,.loading-state{display:none}}.family-form-container{padding:20px;max-width:900px;width:100%}.family-form-container h3{margin-bottom:20px;color:#333;font-size:1.5rem;text-align:center}.family-form{display:flex;flex-direction:column}.form-section{margin-bottom:30px;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9}.form-section h4{margin:0 0 20px;color:#333;font-size:1.2rem;border-bottom:2px solid #007bff;padding-bottom:10px}.optional-text{font-size:.8rem;font-weight:400;color:#666;font-style:italic}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{flex:1;display:flex;flex-direction:column}.form-group.full-width{flex:1}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.9rem;order:1}.form-group input,.form-group select,.form-group textarea,.form-group .input-container,.form-group .portal-dropdown{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease;order:2}.form-group .input-container,.form-group .portal-dropdown{padding:0;border:none;background:transparent}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}@media (max-width: 768px){.family-form-container{width:95%;max-width:none;padding:15px}.form-row{flex-direction:column;gap:15px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group .error-message{order:3;color:#dc3545;font-size:.875rem;margin-top:4px}.form-group input.valid,.form-group select.valid,.form-group textarea.valid{border-color:#28a745}.family-form-container.loading{opacity:.6;pointer-events:none}.form-success{background:#d4edda;color:#155724;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #c3e6cb}.form-group label.required:after,.form-group label[data-required=true]:after{content:" *";color:#dc3545;font-weight:400}.form-group label.optional:after{content:none}.add-student-container{padding:20px;max-width:700px;width:100%}.add-student-container h3{margin-bottom:10px;color:#333;font-size:1.5rem;text-align:center}.family-info{text-align:center;color:#666;font-size:.9rem;margin-bottom:20px;padding:10px;background:#f8f9fa;border-radius:4px}.search-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.search-row{display:flex;gap:15px;margin-bottom:15px;align-items:flex-end}.search-group{flex:1;display:flex;flex-direction:column}.search-group label{margin-bottom:5px;font-weight:600;color:#555;font-size:.9rem}.search-group input,.search-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-info{text-align:center}.search-info p{margin:0;color:#666;font-size:.9rem}.add-student-form{display:flex;flex-direction:column}.form-section,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.error-message{color:#dc3545;font-size:.8rem;margin-top:5px}.student-preview{margin-bottom:20px;padding:15px;background:#e7f3ff;border-radius:6px;border:1px solid #b3d9ff}.student-preview h4{margin:0 0 10px;color:#0056b3;font-size:1rem}.preview-card{background:#fff;padding:15px;border-radius:4px;border:1px solid #ddd}.preview-info p{margin:5px 0;font-size:.9rem;color:#333}.preview-info strong{color:#555}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.form-actions button{min-width:120px}.loading{text-align:center;padding:20px;color:#666}@media (max-width: 768px){.add-student-container{width:95%;max-width:none;padding:15px}.search-row{flex-direction:column;gap:15px}.search-group{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.form-group input.error,.form-group select.error{border-color:#dc3545}.form-group input.valid,.form-group select.valid{border-color:#28a745}.form-group input:disabled,.form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}@keyframes successHighlight{0%{background-color:#d4edda;border-color:#c3e6cb}to{background-color:#f8f9fa;border-color:#e9ecef}}.search-section.success{animation:successHighlight 2s ease}.search-info p{display:inline-block;padding:5px 10px;background:#fff;border-radius:4px;border:1px solid #ddd}.search-info p.loading{color:#007bff;border-color:#007bff}.search-info p.no-results{color:#dc3545;border-color:#dc3545}.search-info p.has-results{color:#28a745;border-color:#28a745}.search-group button{padding:8px 16px;font-size:14px;border-radius:4px}.student-onboarding-container{padding:24px;background-color:#f8f9fa;min-height:100vh}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.onboarding-header h2{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600}.onboarding-actions{display:flex;gap:12px}.onboarding-stats{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.stats-header{margin-bottom:20px}.stats-header h3{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-item{background:#f8f9fa;border-radius:6px;padding:16px;text-align:center;border-left:4px solid #6c757d;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-item.pending{border-left-color:#ffc107;background:#fff8e1}.stat-item.payment-completed{border-left-color:#17a2b8;background:#e0f7ff}.stat-item.admitted{border-left-color:#28a745;background:#e8f5e8}.stat-item.expired{border-left-color:#fd7e14;background:#fff3e0}.stat-item.revenue{border-left-color:#6f42c1;background:#f3e5f5}.stat-item.pending-revenue{border-left-color:#e83e8c;background:#fde2e7}.stat-value{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:4px}.stat-label{font-size:.875rem;color:#6c757d;font-weight:500}.onboarding-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.filters-row{display:flex;gap:16px;align-items:end;margin-bottom:16px;flex-wrap:wrap}.filters-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:200px}.filter-group label{font-size:.875rem;font-weight:500;color:#495057}.search-input,.date-input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .3s ease}.search-input:focus,.date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-input{min-width:300px}.date-range{display:flex;align-items:center;gap:8px}.date-range span{font-size:.875rem;color:#6c757d}.filter-actions{display:flex;align-items:end}.onboarding-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;line-height:1.5}.status-badge.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.status-payment-completed{background:#d1ecf1;color:#0c5460;border:1px solid #b3d4fc}.status-badge.status-admitted{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.status-expired{background:#ffe6cc;color:#8a4f00;border:1px solid #ffcc99}.status-badge.status-cancelled{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-icon{font-size:.75rem}.payment-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;line-height:1.5}.payment-badge.payment-pending{background:#fff3cd;color:#856404}.payment-badge.payment-success{background:#d4edda;color:#155724}.payment-badge.payment-failed{background:#f8d7da;color:#721c24}.payment-badge.payment-cancelled{background:#e2e3e5;color:#383d41}.email-status.sent{color:#28a745;font-weight:500}.email-status.not-sent{color:#dc3545;font-weight:500}.onboarding-actions{display:flex;gap:8px;align-items:center}.action-icon{cursor:pointer;padding:6px;border-radius:4px;font-size:.875rem;transition:all .3s ease;color:#6c757d}.action-icon:hover{background:#f8f9fa;transform:scale(1.1)}.view-icon:hover{color:#17a2b8}.edit-icon:hover{color:#28a745}.payment-icon:hover{color:#007bff}.email-icon:hover{color:#6f42c1}.delete-icon:hover{color:#dc3545}.onboarding-details{padding:16px;overflow-x:hidden;overflow-y:auto;max-width:100%}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px;width:100%}.detail-section{background:#f8f9fa;padding:16px;border-radius:6px;overflow:hidden;max-width:100%}.detail-section h4{margin:0 0 16px;color:#2c3e50;font-size:1rem;font-weight:600;border-left:4px solid #007bff;padding-left:12px;word-wrap:break-word}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0;border-bottom:1px solid #dee2e6;gap:12px;min-height:32px}.detail-row:last-child{border-bottom:none;margin-bottom:0}.detail-row label{font-weight:500;color:#495057;font-size:.875rem;flex-shrink:0;white-space:nowrap;min-width:120px}.detail-row span{color:#212529;font-size:.875rem;text-align:right;flex:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%}.detail-row .status-badge,.detail-row .payment-badge{flex-shrink:0;white-space:nowrap}.detail-row .detail-value{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;flex-grow:0;margin-left:auto}.detail-row .detail-value span{flex:unset;word-wrap:normal;overflow-wrap:normal;word-break:normal;white-space:nowrap}.detail-section.full-width{grid-column:1 / -1}.detail-section.full-width h4{border-left-color:#28a745}.detail-section.full-width p{margin:0;color:#495057;font-size:.875rem;line-height:1.5}.text-success{color:#28a745!important;font-weight:500}.text-error{color:#dc3545!important;font-weight:500}@media (max-width: 1200px){.student-onboarding-container{padding:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.filters-row{flex-direction:column;align-items:stretch}.filter-group{min-width:unset}.search-input{min-width:unset;width:100%}.details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.onboarding-header{flex-direction:column;gap:16px;align-items:stretch}.onboarding-actions{justify-content:center}.stat-value{font-size:1.4rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.date-range{flex-direction:column;align-items:stretch}.onboarding-actions .action-icon{padding:4px;font-size:.75rem}}.onboarding-form{padding:32px;max-height:85vh;overflow-y:auto;background-color:#fff;overflow:visible!important;position:relative;isolation:isolate}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0px 20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:6px;min-height:70px}.form-group small{order:10;margin-top:4px!important;margin-bottom:0!important}.form-group .input-container{order:1}.form-group .error-message-container{order:5}.form-group.full-width{grid-column:1 / -1;min-height:auto}.form-group label{font-size:14px;font-weight:600;color:#495057;margin-bottom:6px}.error-message-container{min-height:20px;margin-top:4px}.error-message{color:#ef4444;font-size:.75rem;font-weight:500;display:block}.info-message{color:#6b7280;font-size:.75rem;font-weight:400;display:block;font-style:italic}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{min-height:80px;resize:vertical}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group .error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.form-group .error-text{color:#ef4444;font-size:.75rem;margin-top:4px;font-weight:500}.form-group .success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input[name=registrationAmount],.form-group input[name=admissionAmount]{position:relative}.form-group input[name=registrationAmount]:before,.form-group input[name=admissionAmount]:before{content:"₹";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:500;pointer-events:none}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.form-actions button.loading{position:relative}.form-actions button.loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;left:16px;top:50%;transform:translateY(-50%)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(2,1fr);gap:20px 16px}.onboarding-form .dropdown .dropdown-btn,.onboarding-form .portal-dropdown-btn{height:2rem!important;font-size:.75rem!important}}@media (max-width: 768px){.onboarding-form{padding:20px;max-height:70vh}.form-grid{grid-template-columns:1fr;gap:16px}.form-group{min-height:70px}.form-actions button{min-width:100%}.onboarding-form .dropdown .dropdown-btn,.onboarding-form .portal-dropdown-btn{height:2rem!important;font-size:.75rem!important;padding:.15rem .8rem!important}}@media (min-width: 1441px){.onboarding-form .dropdown .dropdown-btn{height:2vw!important;font-size:.75vw!important;padding:.15vw .8vw!important;border-radius:.4vw!important}.onboarding-form .dropdown span{font-size:.8vw!important}.onboarding-form .portal-dropdown-btn{height:2vw!important;font-size:.75vw!important;padding:.15vw .8vw!important;border-radius:.4vw!important}.onboarding-form .portal-dropdown span{font-size:.8vw!important}}.selection-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#2563eb;margin:0}.selection-checkbox:hover{transform:scale(1.1);transition:transform .2s ease}.selection-checkbox:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:2px}.master-checkbox{font-weight:600}.disabled-checkbox{opacity:.4;cursor:not-allowed}.disabled-checkbox:hover{transform:none}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;padding:12px 16px;margin:16px 0;box-shadow:0 2px 4px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{display:flex;align-items:center;gap:12px}.selected-count{font-size:14px;font-weight:600;color:#1e293b;background:#fff;padding:4px 12px;border-radius:20px;border:1px solid #d1d5db}.clear-selection-btn{background:none;border:none;color:#64748b;font-size:12px;cursor:pointer;text-decoration:underline;padding:4px 8px;border-radius:4px;transition:all .2s ease}.clear-selection-btn:hover{color:#ef4444;background:#fee2e2}.bulk-actions-buttons{display:flex;gap:8px}.bulk-actions-buttons .expire-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;color:#fff;font-weight:600;box-shadow:0 2px 4px #dc26264d;transition:all .2s ease}.bulk-actions-buttons .expire-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 8px #dc262666}.bulk-actions-buttons .expire-button:active{transform:translateY(0);box-shadow:0 2px 4px #dc26264d}.onboarding-table th:first-child,.onboarding-table td:first-child{width:45px;min-width:45px;text-align:center;padding:8px 4px}.onboarding-table th:first-child{background:#f8fafc;border-bottom:2px solid #e2e8f0}.onboarding-table tr:hover{background:#f1f5f9}.onboarding-table thead tr:hover{background:#47c289!important}.onboarding-table thead tr:hover th,.onboarding-table thead th:hover,.onboarding-table tr:hover th{background:#47c289!important;background-color:#47c289!important;color:#fff!important;opacity:1!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.onboarding-table tr:has(.selection-checkbox:checked){background:#eff6ff;border-left:3px solid #2563eb}.onboarding-table tr:has(.selection-checkbox:checked) td{font-weight:500}@media (max-width: 768px){.bulk-actions-bar{flex-direction:column;gap:12px;align-items:stretch}.bulk-actions-info,.bulk-actions-buttons{justify-content:center}.selected-count{text-align:center}.onboarding-table th:first-child,.onboarding-table td:first-child{width:35px;min-width:35px;padding:4px 2px}.selection-checkbox{width:14px;height:14px}}@media (max-width: 1024px){.bulk-actions-bar{padding:10px 12px}.selected-count{font-size:13px;padding:3px 10px}.bulk-actions-buttons .expire-button{font-size:13px;padding:8px 16px}}@media (prefers-contrast: high){.selection-checkbox{border:2px solid #000}.bulk-actions-bar{border:2px solid #000;background:#fff}.selected-count{border:2px solid #000;background:#fff;color:#000}}.selection-controls{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:12px 16px;margin:16px 0;border-left:4px solid #e2e8f0}.master-selection{display:flex;align-items:center}.master-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#475569;font-weight:500;-webkit-user-select:none;user-select:none}.master-checkbox-label:hover{color:#334155}.master-checkbox-label:hover .master-checkbox{border-color:#2563eb}.master-checkbox-text{transition:color .2s ease}.master-checkbox-label:has(.master-checkbox:checked){color:#1e293b;font-weight:600}.master-checkbox-label:has(.master-checkbox:checked) .master-checkbox-text{color:#2563eb}@media (max-width: 768px){.selection-controls{padding:10px 12px}.master-checkbox-label,.master-checkbox-text{font-size:13px}}@media (prefers-reduced-motion: reduce){.selection-checkbox:hover{transform:none}.bulk-actions-bar{animation:none}.bulk-actions-buttons .expire-button:hover{transform:none}.master-checkbox-text{transition:none}}.parents-section{width:100%}.parent-item{margin-bottom:24px}.parent-header{margin-bottom:16px}.parent-header h4{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.parent-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.parent-field{display:flex;flex-direction:column;gap:6px}.parent-field small{order:10;margin-top:4px!important;margin-bottom:0!important}.parent-field .input-container{order:1}.parent-field .error-message-container{order:5}.form-group input:valid{border-color:#10b981}.form-group input:invalid:not(:focus):not(:placeholder-shown){border-color:#ef4444}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-size:.875rem}.form-group input:focus-visible,.form-group textarea:focus-visible,.form-group select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.onboarding-form .unified-dropdown{z-index:9999}.onboarding-form .unified-dropdown .dropdown-menu{max-height:200px;overflow-y:auto;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 25px #0000001a}.onboarding-form .dropdown .dropdown-btn{height:2rem!important;padding:.15rem .8rem!important;font-size:.75rem!important;border:1px solid #d1d5db!important;border-radius:6px!important;background-color:#fff!important;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.onboarding-form .dropdown .dropdown-btn:hover{border-color:#2563eb!important;background-color:#fff!important}.onboarding-form .dropdown .dropdown-btn:focus,.onboarding-form .dropdown .dropdown-btn:focus-within{outline:none;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.onboarding-form .dropdown span{font-size:14px!important;font-weight:600!important;color:#495057!important;margin-bottom:6px}.onboarding-form .dropdown{display:flex;flex-direction:column;gap:6px;width:100%}.onboarding-form .disable-dropdown .dropdown-btn{background-color:#f9f9f9!important;border-color:#e0e0e0!important;color:#6c757d!important;cursor:not-allowed}.onboarding-form .disable-dropdown .dropdown-btn:hover{background-color:#f9f9f9!important;border-color:#e0e0e0!important}.onboarding-form .portal-dropdown-btn{height:2rem!important;padding:.15rem .8rem!important;font-size:.75rem!important;border:1px solid #d1d5db!important;border-radius:6px!important;background-color:#fff!important;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.onboarding-form .portal-dropdown-btn:hover{border-color:#2563eb!important;background-color:#fff!important}.onboarding-form .portal-dropdown-btn:focus,.onboarding-form .portal-dropdown-btn:focus-within{outline:none;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.onboarding-form .portal-dropdown span{font-size:14px!important;font-weight:600!important;color:#495057!important;margin-bottom:6px}.onboarding-form .portal-dropdown{display:flex;flex-direction:column;gap:6px;width:100%}.onboarding-form .disable-portal-dropdown .portal-dropdown-btn{background-color:#f9f9f9!important;border-color:#e0e0e0!important;color:#6c757d!important;cursor:not-allowed}.onboarding-form .disable-portal-dropdown .portal-dropdown-btn:hover{background-color:#f9f9f9!important;border-color:#e0e0e0!important}.installments-section{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#f8f9fa;margin-top:8px}.installments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.section-label{font-size:.9rem;font-weight:600;color:#2c3e50;margin:0}.installment-info{display:flex;gap:12px;align-items:center}.installment-total{font-size:.9rem;font-weight:600;color:#28a745}.installment-count{font-size:.8rem;color:#6c757d}.installments-list{margin-bottom:20px}.installment-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:16px;margin-bottom:12px;transition:all .3s ease}.installment-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.installment-row{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:16px;align-items:end}.installment-field{display:flex;flex-direction:column}.installment-actions{display:flex;align-items:center;justify-content:center}.remove-installment-btn{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s ease;min-width:32px;height:32px}.remove-installment-btn:hover{background:#c82333;transform:scale(1.05)}.installment-controls{display:flex;gap:12px;justify-content:flex-start;align-items:center;margin-bottom:16px;padding-top:12px;border-top:1px solid #e0e0e0}.add-installment-btn,.distribute-amount-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .3s ease}.add-installment-btn:hover,.distribute-amount-btn:hover{background:#0056b3;transform:translateY(-1px)}.distribute-amount-btn{background:#28a745}.distribute-amount-btn:hover{background:#218838}.installment-summary{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:16px;margin-top:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.875rem}.summary-row:last-child{margin-bottom:0;font-weight:600;padding-top:8px;border-top:1px solid #e0e0e0}.summary-amount{font-weight:600}.summary-amount.balanced{color:#28a745}.summary-amount.unbalanced{color:#dc3545}@media (max-width: 768px){.installment-row{grid-template-columns:1fr;gap:12px}.installment-actions{justify-content:flex-end}.installment-controls{flex-direction:column;align-items:stretch}.add-installment-btn,.distribute-amount-btn{justify-content:center}.installments-header{flex-direction:column;align-items:flex-start;gap:8px}}.parent-info{display:flex;flex-direction:column;gap:2px;max-width:100%;overflow:hidden}.parent-name{font-weight:500;color:#1f2937;word-wrap:break-word;overflow-wrap:break-word}.parent-note{font-size:.75rem;color:#6b7280;font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.fee-summary{margin-bottom:16px;overflow:hidden;max-width:100%}.installments-section{margin-top:16px;overflow:hidden;max-width:100%}.installments-section h5{margin:16px 0 12px;color:#374151;font-size:1rem;font-weight:600;word-wrap:break-word}.installment-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:12px;overflow:hidden;max-width:100%}.installment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;gap:12px}.installment-title{font-weight:600;color:#374151;font-size:.9rem;flex-shrink:0}.installment-details{display:flex;flex-direction:column;gap:4px}.installment-details .detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:2px 0;gap:12px}.installment-details .detail-row label{color:#6b7280;font-size:.85rem;font-weight:500;min-width:120px;flex-shrink:0;white-space:nowrap}.installment-details .detail-row span{color:#374151;font-size:.85rem;text-align:right;flex:1;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.transaction-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;background:#f3f4f6;padding:2px 6px;border-radius:3px;color:#6b7280}.text-success{color:#059669!important}.text-error{color:#dc2626!important}.static-field{display:flex;flex-direction:column;gap:8px}.static-field label{color:#374151;font-weight:500;font-size:.875rem}.relationship-display{color:#6b7280;font-size:.875rem;font-style:italic;background:#f9fafb;padding:8px 12px;border-radius:4px;border:1px solid #e5e7eb}.homepage-announcements-container{padding:2rem;max-width:1400px;margin:0 auto}.admission-year-section{margin-bottom:2rem}.admission-year-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.card-header h3{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0}.card-content{padding:1.5rem}.admission-year-display{font-size:1.5rem;font-weight:600;color:#3498db;text-align:center;padding:1rem;background:#ecf7fd;border-radius:6px}.announcements-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.section-header h3{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0}.announcements-info{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#fff9e6;border-bottom:1px solid #ffe89e;font-size:.9rem;color:#856404}.info-icon{font-size:1.2rem}.announcements-table-container{padding:1.5rem;min-height:300px}.announcementsTable{width:100%;border-collapse:collapse;background:#fff}.announcementsTable thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.announcementsTable th{padding:1rem;text-align:left;font-weight:600;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.announcementsTable tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.announcementsTable tbody tr:hover{background-color:#f8f9fa}.announcementsTable tbody tr.dragging{background-color:#e3f2fd;box-shadow:0 4px 8px #00000026}.announcementsTable td{padding:1rem;vertical-align:middle}.serial-number-cell{display:flex;align-items:center;gap:.5rem}.drag-handle{cursor:grab;color:#6c757d;font-size:1.3rem;display:flex;align-items:center;padding:.25rem;border-radius:4px;transition:all .2s ease}.drag-handle:hover{background-color:#e9ecef;color:#495057}.drag-handle:active{cursor:grabbing}.announcement-content{font-size:.95rem;color:#2c3e50;line-height:1.5}.announcement-actions{display:flex;gap:1rem;align-items:center}.edit-icon,.delete-icon{font-size:1.3rem;cursor:pointer;transition:all .2s ease;padding:.25rem;border-radius:4px}.edit-icon{color:#3498db}.edit-icon:hover{color:#2980b9;background-color:#e3f2fd}.delete-icon{color:#e74c3c}.delete-icon:hover{color:#c0392b;background-color:#ffebee}.table-loader{display:flex;justify-content:center;align-items:center;padding:3rem;font-size:1.1rem;color:#7f8c8d}.empty-state{display:flex;justify-content:center;align-items:center;padding:3rem;text-align:center}.empty-state p{font-size:1rem;color:#7f8c8d;margin:0}.announcement-form,.admission-year-form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column}.form-helper-text{margin-top:.5rem;font-size:.875rem;color:#6c757d}.theader{font-weight:600}@media (max-width: 768px){.homepage-announcements-container{padding:1rem}.page-header h2{font-size:1.5rem}.card-header,.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.announcementsTable{font-size:.85rem}.announcementsTable th,.announcementsTable td{padding:.75rem .5rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--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-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-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--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( to right, #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: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{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{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-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--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-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--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}