@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800&family=Poppins:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap";.app-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(135deg,#081b45f2,#102d6df2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 4px 25px #081b4559;font-family:Inter,sans-serif;color:#fff;position:sticky;top:0;z-index:40}.header-left{display:flex;align-items:center;gap:16px}.system-title{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#fff;letter-spacing:.3px;white-space:nowrap}.header-icon-bubble{width:40px;height:40px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:#fff;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.header-icon-bubble:hover,.header-icon-bubble:focus{background:#7c3aed;border-color:#a855f7;transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed73}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#f43f5e;border:2px solid #081B45;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.header-search-wrap{display:flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:8px 16px;width:360px;transition:all .3s ease}.header-search-wrap:focus-within{background:#ffffff24;border-color:#a855f7;box-shadow:0 0 15px #a855f74d;width:380px}.search-icon{color:#c084fc;font-size:18px;flex-shrink:0}.search-input{background:transparent;border:none;outline:none;margin-left:10px;font-size:13.5px;color:#fff;width:100%;font-family:Inter,sans-serif}.search-input::placeholder{color:#e9d5ff99}.header-right{display:flex;align-items:center;gap:16px}.profile-dropdown-wrapper{position:relative}.profile-trigger-btn{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:4px 12px 4px 5px;cursor:pointer;transition:all .3s ease;outline:none}.profile-trigger-btn:hover{background:#ffffff26;border-color:#c084fc80}.header-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #c084fc;box-shadow:0 2px 8px #0003}.admin-name-text{font-size:13.5px;font-weight:600;color:#fff}.header-dropdown-card{position:absolute;right:0;top:calc(100% + 12px);width:220px;background:linear-gradient(180deg,#102d6d,#081b45);border:1px solid rgba(255,255,255,.15);border-radius:18px;box-shadow:0 15px 35px #00000073;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;z-index:50}.dropdown-user-header{padding:14px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.user-title{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#fff;margin:0}.user-email{font-size:11px;color:#e9d5ffb3;margin:2px 0 0}.dropdown-menu-list{padding:6px;display:flex;flex-direction:column;gap:2px}.header-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:500;color:#f3e8ffe6;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.header-dropdown-item:hover{background:#ffffff1a;color:#fff;transform:translate(3px)}.header-dropdown-item.logout-danger{color:#fca5a5}.header-dropdown-item.logout-danger:hover{background:#ef444433;color:#fff}@media(max-width:1023px){.header-search-wrap{display:none}}@media(max-width:640px){.app-header{padding:0 16px;height:64px}.system-title,.admin-name-text{display:none}.profile-trigger-btn{padding:3px;border-radius:50%}.header-avatar{width:34px;height:34px}}.admin-sidebar{position:fixed;top:0;left:0;z-index:50;height:100vh;background:linear-gradient(180deg,#081b45,#102d6d,#173f8f);background-size:200% 200%;animation:bgGradientMove 12s ease infinite;color:#fff;font-family:Inter,sans-serif;box-shadow:10px 0 30px #081b4566;display:flex;flex-direction:column;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.admin-sidebar.desktop-open{width:290px}.admin-sidebar.desktop-closed{width:95px}@keyframes bgGradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sidebar-backdrop{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:40}.bg-shape{position:absolute;pointer-events:none;opacity:.15}.star-1{top:40px;right:20px;animation:floatAnim 4s ease-in-out infinite;color:#fde047;font-size:12px}.star-2{top:220px;left:15px;animation:floatAnim 6s ease-in-out infinite 1s;color:#f472b6;font-size:14px}.circle-1{top:450px;right:15px;animation:floatAnim 5s ease-in-out infinite .5s;color:#93c5fd;font-size:18px}.circle-2{bottom:180px;left:20px;animation:floatAnim 7s ease-in-out infinite;color:#c084fc;font-size:12px}@keyframes floatAnim{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(8deg)}}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#fff6}.sidebar-logo-section{padding:20px 16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.mobile-close-btn{display:none;position:absolute;top:14px;right:14px;background:transparent;border:none;color:#fffc;font-size:22px;cursor:pointer;padding:6px;border-radius:50%;touch-action:manipulation}.mobile-close-btn:hover,.mobile-close-btn:active{color:#fff;background:#ffffff26}.logo-badge{position:relative;width:52px;height:52px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:16px;box-shadow:0 8px 20px #f9731659}.logo-icon{font-size:26px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-sparkle{position:absolute;top:-4px;right:-4px;font-size:12px}.logo-title-wrap{text-align:center}.logo-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#fff;margin:0;line-height:1.2}.logo-subtitle{font-size:10px;font-weight:600;color:#e9d5ff;letter-spacing:1.5px;text-transform:uppercase;margin:2px 0 0;opacity:.8}.sidebar-profile-wrapper{padding:12px;flex-shrink:0}.glass-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:10px;box-shadow:0 15px 40px #00000040;transition:border-color .3s ease}.glass-card:hover{border-color:#c084fc80}.profile-main-row{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.avatar-container{position:relative;flex-shrink:0}.profile-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #c084fc}.online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background-color:#34d399;border:2px solid #081B45;border-radius:50%}.profile-info{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between}.profile-name{font-size:13px;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:11px;color:#e9d5ffb3;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron-icon{color:#e9d5ff;transition:transform .3s ease}.chevron-icon.rotated{transform:rotate(180deg)}.profile-dropdown-menu{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.profile-dropdown-item{width:100%;text-align:left;background:transparent;border:none;padding:8px 10px;font-size:12px;color:#f3e8ff;border-radius:8px;cursor:pointer;transition:background .2s ease}.profile-dropdown-item:hover,.profile-dropdown-item:active{background:#ffffff1a}.profile-dropdown-item.logout-text{color:#fca5a5}.profile-dropdown-item.logout-text:hover,.profile-dropdown-item.logout-text:active{background:#ef444433}.main-category-block{margin-bottom:8px}.main-category-btn{width:100%;min-height:52px;padding:10px 14px;border-radius:18px;background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 15px #00000026;transition:all .3s ease}.main-category-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#a855f780;box-shadow:0 6px 20px #7c3aed40}.main-category-btn.is-open{background:linear-gradient(135deg,#7c3aed66,#3b82f666);border-color:#a855f799}.main-category-title-wrap{display:flex;align-items:center;gap:12px}.main-category-icon-box{width:32px;height:32px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;box-shadow:0 2px 8px #00000026}.main-category-text{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:.3px;color:#fff}.main-category-content-body{padding-top:8px;padding-left:4px}.sidebar-navigation{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch}.menu-section-header{padding:14px 12px 4px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#d8b4feb3}.menu-divider{margin:8px 0;border-top:1px solid rgba(255,255,255,.1)}.menu-item-button,.menu-item-link{width:100%;min-height:48px;padding:8px 12px;border-radius:16px;display:flex;align-items:center;background:transparent;border:none;color:#f3e8ffe6;text-decoration:none;cursor:pointer;position:relative;transition:background .3s ease,color .3s ease;box-sizing:border-box;touch-action:manipulation}.menu-item-button:hover,.menu-item-link:hover,.menu-item-button:active,.menu-item-link:active{background:#ffffff1a;color:#fff}.icon-bubble{width:36px;height:36px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#fff!important;flex-shrink:0;box-shadow:0 4px 12px #00000026;transition:transform .35s ease,background .35s ease,filter .35s ease}.menu-item-button:hover .icon-bubble,.menu-item-link:hover .icon-bubble{transform:scale(1.1) rotate(4deg);background:#7c3aed;border-color:#a855f7;color:#fff!important;filter:drop-shadow(0 0 10px rgba(168,85,247,.8))}.menu-item-button.is-active .icon-bubble,.menu-item-link.is-active .icon-bubble{background:#fff!important;color:#7c3aed!important;border-color:#fff;box-shadow:0 4px 12px #0003}.menu-item-button:hover .menu-item-label,.menu-item-link:hover .menu-item-label{transform:translate(3px)}.menu-item-button.is-active,.menu-item-link.is-active{background:linear-gradient(90deg,#7c3aed,#8b5cf6,#a855f7);box-shadow:0 4px 20px #7c3aed73;color:#fff!important}.active-glow-pill{position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:60%;background:#fff;border-radius:0 4px 4px 0;box-shadow:0 0 10px #fff,0 0 18px #a855f7}.menu-item-content{flex:1;display:flex;align-items:center;justify-content:space-between;margin-left:12px;overflow:hidden}.menu-item-label{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .35s ease}.submenu-container{padding-left:36px;padding-right:8px;padding-top:4px;display:flex;flex-direction:column;gap:4px}.submenu-link{display:block;padding:9px 12px;font-size:12px;font-weight:500;color:#e9d5ffbf;text-decoration:none;border-radius:10px;transition:background .2s ease,color .2s ease;touch-action:manipulation}.submenu-link:hover,.submenu-link:active{color:#fff;background:#ffffff14}.submenu-link.is-sub-active{background:#a855f759;color:#fff;font-weight:600;border-left:3px solid #c084fc}.achievement-wrapper{padding:8px 12px;flex-shrink:0}.achievement-card{background:linear-gradient(135deg,#7c3aed73,#2563eb73);border-radius:16px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:10px}.trophy-icon{font-size:22px;animation:bounce 2s infinite}.achievement-info{flex:1;min-width:0}.achievement-title{font-family:Poppins,sans-serif;font-size:12px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-subtitle{font-size:10px;color:#e9d5ff;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-btn{width:24px;height:24px;border-radius:50%;background:#fff;color:#6d28d9;border:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;cursor:pointer;transition:transform .2s ease}.achievement-btn:hover,.achievement-btn:active{transform:scale(1.15)}.sidebar-footer{flex-shrink:0;border-top:1px solid rgba(255,255,255,.1);background:#00000040}.footer-illustration{padding:8px 16px 4px;display:flex;align-items:flex-end;justify-content:space-between;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.bus-moving{animation:busDrive 3s ease-in-out infinite alternate}@keyframes busDrive{0%{transform:translate(0)}to{transform:translate(6px)}}.cloud-drift{animation:cloudMove 8s linear infinite}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(12px)}}.logout-wrapper{padding:10px 12px}.logout-button{width:100%;min-height:48px;padding:8px 12px;border-radius:14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.logout-button:hover,.logout-button:active{background:#ef444440;border-color:#ef444466;color:#fff}.logout-button .icon-bubble{background:#ef444433;border-color:#ef44444d;color:#fca5a5!important}.logout-button:hover .icon-bubble{background:#ef4444;color:#fff!important}.logout-label{margin-left:12px;font-size:13px;font-weight:600}@media(max-width:1023px){.admin-sidebar{width:290px!important;max-width:85vw}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar.mobile-closed{transform:translate(-100%)}.mobile-close-btn{display:block}}@media(max-width:480px){.sidebar-logo-section{padding:16px 12px 12px}.logo-badge{width:44px;height:44px}.logo-icon{font-size:22px}.logo-title{font-size:15px}.logo-subtitle{font-size:9px}.profile-avatar{width:34px;height:34px}.menu-item-button,.menu-item-link{min-height:44px}.icon-bubble{width:32px;height:32px;font-size:16px}.menu-item-label{font-size:12.5px}.submenu-container{padding-left:30px}.submenu-link{padding:8px 10px;font-size:11.5px}}@media(min-width:1024px){.admin-sidebar.mobile-closed,.admin-sidebar.mobile-open{transform:translate(0)!important}}.bv-main-section{background:#f6f7fb}.bv-main-heading{font-size:42px;font-weight:600}.bv-top-layout{max-width:1300px;margin:auto;display:flex;gap:30px}.bv-feature-card{flex:2;position:relative;border-radius:18px;overflow:hidden}.bv-feature-card img{width:100%;height:100%;object-fit:cover}.bv-feature-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.bv-feature-overlay h3{font-size:28px;margin:15px 0}.bv-meta{display:flex;gap:20px;font-size:14px}.bv-side-wrapper{flex:1;display:flex;flex-direction:column;gap:25px}.bv-side-card{background:#fff;display:flex;gap:15px;padding:18px;border-radius:16px;box-shadow:0 6px 18px #00000014}.bv-side-card img{width:120px;height:90px;object-fit:cover;border-radius:12px}.bv-side-content h4{font-size:18px;margin:8px 0}.bv-side-content p{font-size:14px;color:#666}.bv-side-date{font-size:14px;font-weight:600}.bv-grid-wrapper{max-width:1300px;margin:70px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.bv-grid-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #00000014}.bv-grid-card img{width:100%;height:220px;object-fit:cover}.bv-grid-card h5{padding:20px;font-size:16px;text-align:center;line-height:1.5}@media(max-width:1100px){.bv-top-layout{flex-direction:column}.bv-grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bv-grid-wrapper{grid-template-columns:1fr}.bv-feature-overlay h3{font-size:22px}}.adm-blog-manager-container{display:flex;min-height:100vh;padding:20px;gap:22px;overflow:hidden}.adm-blog-left-panel{width:55%;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:6px}.adm-blog-form-box{background:#fff;padding:28px;border-radius:18px;box-shadow:0 8px 25px #00000014;max-height:88vh;overflow-y:auto}.adm-content-textarea{height:150px;resize:none}.adm-blog-form-box::-webkit-scrollbar{width:0px;height:0px}.adm-blog-form-box{scrollbar-width:none;-ms-overflow-style:none}.adm-table-scroll-area::-webkit-scrollbar{width:0px;height:0px}.adm-table-scroll-area{scrollbar-width:none;-ms-overflow-style:none}.adm-blog-left-panel,.adm-blog-form-box,.adm-table-scroll-area{scrollbar-gutter:stable}.adm-blog-right-panel{width:45%}.adm-blog-form-box{background:#fff;padding:28px;border-radius:18px;box-shadow:0 8px 25px #00000014}.adm-blog-form-heading{font-size:22px;margin-bottom:20px}.adm-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{padding:11px;border-radius:8px;border:1px solid #ccc}.adm-content-textarea{height:180px;resize:none}.adm-image-preview{width:90px;height:90px;min-width:90px;min-height:90px}.adm-submit-btn{width:100%;padding:14px;background:#ff9f43;border:none;color:#fff;border-radius:10px;font-size:16px;cursor:pointer;transform:translateZ(0);will-change:transform}.adm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{padding:12px 14px;border-radius:10px;border:1px solid #e3e6ef;background:#fafbff;font-size:14px;transition:.25s;outline:none}.adm-input-group input:focus,.adm-input-group textarea:focus,.adm-input-group select:focus{border-color:#ff9f43;background:#fff;box-shadow:0 0 0 3px #ff9f431f}.adm-input-group label{font-size:13px;font-weight:600;color:#555}.adm-input-group textarea{resize:none;min-height:46px}.adm-submit-btn{transition:.25s}.adm-submit-btn:hover{box-shadow:0 6px 18px #ff9f4359}.adm-blog-table-box{background:#f4f6fb;padding:18px;border-radius:18px;height:100%;display:flex;flex-direction:column}.adm-table-heading{font-size:20px}.adm-table-scroll-area{margin-top:15px;overflow-x:auto}.adm-blog-table{min-width:900px;width:100%;border-collapse:collapse;background:#fff}.adm-blog-table th{background:#ff9f43;color:#fff;padding:12px}.adm-blog-table td{padding:12px;border-bottom:1px solid #eee}.adm-table-img{width:60px;height:60px;object-fit:cover;border-radius:8px}.adm-desc-cell{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-edit-btn{background:#28a745;color:#fff;border:none;padding:6px 10px;border-radius:6px;margin-right:6px}.adm-delete-btn{background:#dc3545;color:#fff;border:none;padding:6px 10px;border-radius:6px}.adm-empty-row{text-align:center;padding:20px;color:#777}.adm-table-scroll-area{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1200px){.adm-blog-left-panel{width:60%}.adm-blog-right-panel{width:40%}}@media(max-width:1000px){html,body{overflow:auto}}@media(max-width:1000px){.adm-blog-manager-container{flex-direction:column;height:auto;overflow:visible}.adm-blog-left-panel,.adm-blog-right-panel{width:100%;height:auto}.adm-blog-form-box{max-height:none}}@media(max-width:600px){.adm-blog-manager-container{padding:14px;gap:16px}.adm-blog-form-box{padding:18px;border-radius:14px}.adm-blog-table-box{padding:14px}.adm-form-row{grid-template-columns:1fr;gap:12px}.adm-blog-table{min-width:700px}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{padding:12px;font-size:15px}.adm-submit-btn{padding:13px;font-size:15px}}.adm-testimonial-wrapper{display:flex;max-width:1300px;margin:auto;gap:30px;padding:40px;min-height:100vh}.adm-testimonial-form-section{width:50%}.adm-testimonial-list-section{width:50%;overflow-y:auto;max-height:100vh}.adm-testimonial-form{background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px #00000014}.adm-form-title{font-size:24px;margin-bottom:20px}.adm-form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.adm-form-group input,.adm-form-group textarea{padding:12px;border-radius:8px;border:1px solid #ccc;font-size:15px;width:100%}.adm-form-group textarea{resize:none;height:120px}.adm-preview-img{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-top:10px}.adm-star-rating-box{display:flex;gap:8px;font-size:28px;cursor:pointer}.adm-star{color:#ccc;transition:.3s}.adm-star.active{color:#ffc107}.adm-submit-btn{width:100%;background:#6c63ff;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;cursor:pointer}.adm-submit-btn:hover{opacity:.9}.adm-testimonial-list{background:#f8f9fc;padding:25px;border-radius:16px}.adm-list-title{font-size:22px;margin-bottom:20px}.adm-testimonial-card{display:flex;gap:15px;background:#fff;padding:15px;border-radius:12px;margin-bottom:15px;box-shadow:0 5px 15px #0000000d}.adm-client-photo{width:70px;height:70px;border-radius:50%;object-fit:cover;flex-shrink:0}.adm-client-name{font-size:16px;font-weight:600;margin-bottom:2px}.adm-client-designation{font-size:13px;color:#777;margin-bottom:8px}.adm-card-content{flex:1}.adm-feedback-text{font-size:14px;margin-bottom:8px}.adm-rating-view{color:#ffc107;font-size:18px}.adm-card-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.adm-edit-btn{background:#28a745;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.adm-delete-btn{background:#dc3545;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.adm-empty-text{color:#777}@media(max-width:480px){.adm-testimonial-wrapper{flex-direction:column;padding:15px;gap:20px}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%;max-height:none}.adm-testimonial-form{padding:20px}.adm-testimonial-card{flex-direction:column;align-items:flex-start}.adm-client-photo{width:60px;height:60px}.adm-card-actions{width:100%;flex-direction:column}.adm-edit-btn,.adm-delete-btn{width:100%}.adm-form-title{font-size:20px}}@media(min-width:481px)and (max-width:768px){.adm-testimonial-wrapper{flex-direction:column;padding:25px}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%}.adm-testimonial-card{flex-direction:row}}@media(min-width:769px)and (max-width:1023px){.adm-testimonial-wrapper{flex-direction:column}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%}.adm-testimonial-list-section{max-height:600px}}@media(min-width:1024px)and (max-width:1399px){.adm-testimonial-wrapper{max-width:1100px}.adm-testimonial-list-section{max-height:800px}}@media(min-width:1400px){.adm-testimonial-wrapper{max-width:1400px}}.clswisedata-table-wrapper{background:#fff;border-radius:12px;padding:20px;height:650px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;overflow:hidden}.clswisedata-title{text-align:center;margin-bottom:30px;font-size:26px;font-weight:700;color:#1f2937}.clswisedata-layout{display:grid;grid-template-columns:380px 1fr;gap:25px;max-width:1200px;margin:auto}.clswisedata-form{background:#fff;border-radius:12px;padding:20px;height:650px;overflow-y:auto;box-shadow:0 8px 24px #0000000f}.clswisedata-form label{font-size:14px;font-weight:600;margin-top:12px;display:block}.clswisedata-form input,.clswisedata-form textarea{width:100%;margin-top:6px;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.clswisedata-form input:focus,.clswisedata-form textarea:focus{outline:none;border-color:#2563eb}.clswisedata-preview{width:100%;height:160px;object-fit:cover;margin-top:12px;border-radius:10px}.clswisedata-btn{width:100%;margin-top:18px;padding:12px;background:#2563eb;color:#fff;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:.3s}.clswisedata-btn:hover{background:#1e40af}.clswisedata-table-wrapper{background:#fff;border-radius:12px;padding:20px;height:650px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column}.clswisedata-section-title{font-size:18px;font-weight:700;margin-bottom:15px;flex-shrink:0}.clswisedata-table-scroll{overflow-y:auto;flex:1}.clswisedata-table{width:100%;border-collapse:collapse}.clswisedata-table thead th{position:sticky;top:0;background:#f1f5f9;font-size:14px;padding:10px;text-align:left;z-index:2}.clswisedata-table td{padding:10px;font-size:14px;border-bottom:1px solid #e5e7eb}.clswisedata-table-img{width:50px;height:40px;border-radius:6px;object-fit:cover}.clswisedata-empty,.clswisedata-loading{text-align:center;margin-top:20px;color:#6b7280}@media(max-width:900px){.clswisedata-layout{grid-template-columns:1fr}.clswisedata-form,.clswisedata-table-wrapper{height:auto}}.award-admin-container{display:grid;grid-template-columns:1fr;gap:80px;padding:20px;min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8fafc)}@media(min-width:1024px){.award-admin-container{grid-template-columns:360px 1fr;max-width:1300px;margin:auto;align-items:start}}.award-admin-form-section{width:100%}.award-form{background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:30px;border-radius:20px;box-shadow:0 10px 30px #00000014;border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;gap:20px;transition:.3s ease}.award-form:hover{transform:translateY(-4px)}@media(min-width:1024px){.award-form{position:sticky;top:20px}}.award-form-title{font-size:22px;font-weight:700;color:#1e293b}.award-form input[type=text],.award-form input[type=file]{padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#f9fafb;font-size:14px;transition:.3s ease}.award-form input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f126}.award-submit-btn{background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;padding:12px;border-radius:14px;border:none;font-size:14px;cursor:pointer;transition:.3s ease}.award-submit-btn:hover{opacity:.9}.award-admin-list-section{width:80%}.award-list-container{background:#fff;border-radius:20px;padding:20px;border:1px solid #c7d2fe;box-shadow:0 4px 10px #0000000f;display:flex;flex-direction:column}.award-list-scroll{margin-top:10px;max-height:550px;overflow-y:auto;padding-right:6px}.award-list-scroll::-webkit-scrollbar{width:6px}.award-list-scroll::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:6px}.award-list-card{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #f1f5f9;transition:.3s ease}.award-list-card:hover{background:#f8fafc}.award-list-image{width:70px;height:70px;min-width:70px;border-radius:12px;object-fit:cover;object-position:center;aspect-ratio:1 / 1}.award-list-content{flex:1}.award-list-content h4{font-size:15px;font-weight:600;color:#1e293b}.award-list-actions{display:flex;gap:10px}.award-edit-btn,.award-delete-btn{padding:6px 12px;border-radius:8px;font-size:13px;border:none;cursor:pointer;transition:.2s ease}.award-edit-btn{background:#facc15}.award-edit-btn:hover{background:#eab308}.award-delete-btn{background:#ef4444;color:#fff}.award-delete-btn:hover{background:#dc2626}@media(max-width:480px){.award-admin-list-section{width:100%}.award-admin-container{padding:12px;gap:16px}.award-form{padding:20px}.award-list-scroll{max-height:350px}.award-list-card{flex-direction:column;align-items:flex-start;gap:10px}.award-list-actions{width:100%;flex-direction:column}.award-edit-btn,.award-delete-btn{width:100%}.award-list-image{width:100%;max-width:160px;height:160px;min-width:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px}}@media(min-width:600px)and (max-width:1023px){.award-admin-container{grid-template-columns:300px 1fr}.award-list-scroll{max-height:500px}}@media(min-width:1400px){.award-admin-container{max-width:1400px}}.pp-form{background:linear-gradient(to bottom right,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:16px;padding:24px;width:100%;max-width:380px;min-height:290px;margin:0 auto;box-shadow:0 4px 10px #0000000f}.pp-label{font-size:14px;font-weight:600;color:#4f46e5;margin-bottom:6px;display:block}.pp-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}.pp-btn{margin-top:20px;width:100%;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;padding:12px;border-radius:14px;border:none;cursor:pointer;font-size:15px}.pp-table-box{background:#fff;border-radius:16px;border:1px solid #c7d2fe;padding:20px;min-height:300px;height:fit-content;box-shadow:0 4px 10px #0000000f}.pp-table-wrapper{max-height:350px;overflow-y:auto;padding-right:4px}.pp-table{width:100%;border-collapse:collapse;min-width:400px}.pp-table th{background:#eef2ff;padding:12px;font-size:14px;font-weight:700;position:sticky;top:0;z-index:2}.pp-table td{padding:12px;border-bottom:1px solid #e5e7eb;font-size:14px}.pp-actions{display:flex;gap:10px}.pp-edit{color:#4f46e5;cursor:pointer}.pp-delete{color:#dc2626;cursor:pointer}.pp-empty{text-align:center;padding:20px;color:#9ca3af}@media(max-width:480px){.pp-container{grid-template-columns:1fr;padding:12px;gap:16px}.pp-form{width:100%;max-width:100%;min-height:auto;padding:16px}.pp-table-box{width:100%;padding:14px}.pp-table-wrapper{max-height:280px}.pp-table{min-width:100%}.pp-title{font-size:17px}.pp-input{font-size:14px;padding:9px 12px}.pp-btn{font-size:14px;padding:10px}.pp-actions{flex-direction:column;gap:6px}}@media(min-width:481px)and (max-width:599px){.pp-container{grid-template-columns:1fr}.pp-table-wrapper{max-height:320px}.pp-actions{gap:8px}}@media(min-width:600px)and (max-width:1023px){.pp-container{grid-template-columns:300px 1fr;gap:20px}.pp-form{max-width:100%}.pp-table-wrapper{max-height:450px}}@media(min-width:1024px)and (max-width:1399px){.pp-container{grid-template-columns:340px 1fr;align-items:start}.pp-form{position:sticky;top:20px}.pp-table-wrapper{max-height:500px}}@media(min-width:1400px)and (max-width:1799px){.pp-container{grid-template-columns:380px 1fr;max-width:1350px;margin:auto}}@media(min-width:1800px){.pp-container{max-width:1500px;margin:auto}}html,body{overflow-x:hidden}.pp-table-box{background:#fff;border-radius:16px;border:1px solid #c7d2fe;padding:20px;box-shadow:0 4px 10px #0000000f;height:420px;overflow-y:hidden}.pp-table-box .pp-title{flex-shrink:0}.pp-table-box table{flex:1;overflow-y:auto;display:block}.pp-table thead{display:table;width:100%;table-layout:fixed}.pp-table tbody{display:block;overflow-y:auto;height:290px}.pp-table tbody tr{display:table;width:100%;table-layout:fixed}.pp-table tbody::-webkit-scrollbar{width:6px}.pp-table tbody::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:6px}.pp-table tbody::-webkit-scrollbar-track{background:transparent}@media(min-width:481px)and (max-width:1023px){.pp-table-box{height:360px}}@media(min-width:1024px)and (max-width:1399px){.pp-table-box{height:420px}}@media(min-width:1400px){.pp-table-box{height:500px}}.pp-container{display:grid;grid-template-columns:1fr;gap:24px;padding:20px}@media(min-width:1024px){.pp-container{grid-template-columns:1fr 1fr}}.pp-form{background:linear-gradient(to bottom right,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:16px;padding:24px;box-shadow:0 4px 10px #0000000f}.pp-title{font-size:20px;font-weight:600;color:#4f46e5;margin-bottom:20px}.pp-label{font-size:13px;font-weight:600;color:#4f46e5;margin-bottom:6px;display:block}.pp-input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;outline:none}.pp-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.pp-btn{margin-top:18px;width:100%;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;padding:12px;border-radius:14px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:.2s}.pp-btn:hover{opacity:.9}.pp-version{text-align:center;margin-top:10px;font-size:13px;color:#6b7280}.pp-table-box{background:#fff;border-radius:16px;border:1px solid #c7d2fe;padding:20px;box-shadow:0 4px 10px #0000000f}.pp-table{width:100%;border-collapse:collapse}.pp-table th{background:#eef2ff;padding:12px;font-size:14px;text-align:left;font-weight:600}.pp-table td{padding:12px;border-bottom:1px solid #e5e7eb}.pp-actions{display:flex;gap:12px}.pp-edit{color:#4f46e5;font-size:14px;cursor:pointer}.pp-delete{color:#dc2626;font-size:14px;cursor:pointer}.pp-empty{text-align:center;padding:16px;color:#9ca3af}html,body{margin:0;padding:0;font-family:Inter,sans-serif;background:#f6f7fb;overflow-x:hidden}.vlist-wrapper{padding:20px}.page-title{margin-bottom:15px}.vlist-layout{display:grid;grid-template-columns:360px 1fr;gap:20px}.visitor-form-card{background:#fff;border:2px solid #f7c6d0;border-radius:16px;overflow:hidden;height:78vh;display:flex;flex-direction:column}.visitor-form-header{background:#fff1f4;padding:14px 18px;font-weight:600;color:#0a158a;border-bottom:1px solid #f7c6d0}.visitor-form-body{padding:18px;overflow-y:auto;flex:1}.visitor-form-body::-webkit-scrollbar{width:0px}.visitor-form-body{scrollbar-width:none}.visitor-form-body label{display:block;margin-top:14px;font-size:13px;font-weight:500}.visitor-form-body label span{color:red}.visitor-form-body input,.visitor-form-body select{width:100%;margin-top:6px;padding:10px 12px;border:1px solid #c7d2fe;border-radius:8px;font-size:13px;outline:none;transition:.2s;background:#fafbff}.visitor-form-body input:focus,.visitor-form-body select:focus{border-color:#0a158a;background:#fff;box-shadow:0 0 0 2px #0a158a14}.save-btn{margin-top:20px;width:100%;background:#0a158a;color:#fff;padding:11px;border:none;border-radius:8px;cursor:pointer;font-weight:500}.visitor-table-card{background:#fff;border-radius:14px;border:1px solid #f1c6d0;padding:12px;overflow:hidden}.visitor-table-header{background:#ffeef3;padding:12px;font-weight:600;border-radius:8px;margin-bottom:10px}.table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-wrap::-webkit-scrollbar{height:6px}.visitor-table{width:100%;min-width:1100px;border-collapse:collapse;font-size:13px}.visitor-table th,.visitor-table td{border:1px solid #d1d5db;padding:9px;text-align:left}.visitor-table th{background:#fff1f4;position:sticky;top:0}.action-cell{position:relative;text-align:center}.dot-btn{background:#eef2ff;border:none;padding:6px;border-radius:6px;cursor:pointer}.action-menu{position:absolute;right:20px;top:-14px;width:120px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #00000014;z-index:99;overflow:hidden}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.action-menu button,.action-menu .lnk{width:100%;padding:9px 12px;display:flex;gap:8px;align-items:center;border:none;background:none;cursor:pointer;text-decoration:none;color:#111;font-size:13px}.action-menu button:hover,.action-menu .lnk:hover{background:#f4f6ff}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#fff;width:420px;border-radius:10px}.modal-header{background:#0a158a;color:#fff;padding:12px;display:flex;justify-content:space-between;border-radius:10px 10px 0 0}.modal-header span{color:#000;cursor:pointer}.modal-body{padding:15px}@media(max-width:1200px){.vlist-layout{grid-template-columns:320px 1fr;gap:16px}.visitor-form-card{height:76vh}}@media(max-width:992px){.vlist-layout{grid-template-columns:1fr}.visitor-form-card{height:auto}.visitor-table{min-width:900px}}@media(max-width:768px){.vlist-wrapper{padding:14px}.visitor-form-header{font-size:14px;padding:12px}.visitor-form-body{padding:14px}.visitor-form-body input,.visitor-form-body select{font-size:14px;padding:11px}.save-btn{padding:12px;font-size:14px}.visitor-table-card{padding:10px}.visitor-table{min-width:760px}}@media(max-width:480px){.vlist-wrapper{padding:10px}.page-title{font-size:18px}.visitor-form-header{font-size:13px}.visitor-form-body label{font-size:12px}.visitor-form-body input,.visitor-form-body select{font-size:13px;padding:10px}.save-btn{font-size:13px;padding:11px}.visitor-table{min-width:650px;font-size:12px}.modal-box{width:92%}}.visitor-page{padding:20px;background:#f6f7fb;font-family:Inter,sans-serif}.visitor-card{background:#fff;border-radius:10px;padding:15px;margin-bottom:20px;border:1px solid #f1c6d0}.visitor-card h3{margin-bottom:12px}.table-wrap{overflow-x:auto}.visitor-table{width:100%;border-collapse:collapse;font-size:13px}.visitor-table th,.visitor-table td{border:1px solid #ccc;padding:10px;text-align:left}.visitor-table th{background:#ffeef3}.action-cell{position:relative;width:80px;text-align:center}.action-btn{background:#eef2ff;border:none;padding:6px;border-radius:6px;cursor:pointer;font-size:16px}.action-menu{position:absolute;right:10px;top:35px;background:#fff;border:1px solid #ddd;border-radius:6px;z-index:10}.action-menu button{padding:8px 12px;border:none;background:none;width:100%;cursor:pointer}.action-menu button:hover{background:#f4f6ff}.edit-card{border-color:#c7d2fe}.edit-table{width:100%;border-collapse:collapse}.edit-table th,.edit-table td{border:1px solid #cbd5e1;padding:10px}.edit-table th{width:200px;background:#f8fafc}.edit-table input{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:4px}.edit-actions{margin-top:15px;display:flex;gap:10px}.btn-save{background:#0a158a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-cancel{background:#e5e7eb;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.pd-main-wrapper{padding:30px;background:#f5f7fa;min-height:90vh;font-family:Arial,sans-serif}.pd-main-heading{font-size:25px;margin-bottom:15px;font-weight:700;color:#333}.pd-container{display:flex;gap:25px;align-items:flex-start}.pd-form{width:35%;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.pd-title{font-size:22px;margin-bottom:15px;color:#444}.pd-input,.pd-textarea,.pd-search-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;margin-bottom:12px;font-size:14px}.pd-textarea{height:70px;resize:none}.pd-submit-btn{width:100%;padding:12px;background:#4a90e2;color:#fff;border:none;font-size:16px;border-radius:6px;cursor:pointer;transition:.3s}.pd-submit-btn:hover{background:#3576c6}.pd-table-box{flex:1;min-width:350px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 3px 10px #0000001a;overflow-x:auto;overflow-y:hidden}.pd-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.pd-table-scroll::-webkit-scrollbar{height:8px}.pd-table-scroll::-webkit-scrollbar-thumb{background:#b5b5b5;border-radius:10px}.pd-table-scroll::-webkit-scrollbar-track{background:#f0f0f0}.pd-search-box{display:flex;align-items:center;gap:10px;margin-bottom:15px}.pd-table{width:100%;border-collapse:collapse;margin-top:10px}.pd-table th,.pd-table td{padding:10px;border-bottom:1px solid #e0e0e0;text-align:left;font-size:14px}.pd-table th{background:#e9eef5;font-weight:700}.pd-edit,.pd-delete{padding:5px 10px;font-size:13px;border:none;border-radius:4px;cursor:pointer;margin-right:5px}.pd-edit{background:#4caf50;color:#fff}.pd-delete{background:#e63946;color:#fff}.pd-empty{text-align:center;padding:18px;color:#999}.pd-footer{margin-top:12px;font-size:13px;color:#555}.pd-form,.pd-table-box{border:2px solid #f7c6d0;padding:0;overflow:hidden}.pd-title{background:#fff1f4;padding:14px 18px;margin:0;border-bottom:1px solid #f7c6d0;font-weight:600}.pd-form{height:78vh;display:flex;flex-direction:column}.pd-form-body{padding:18px;overflow-y:auto;flex:1}.pd-form-body::-webkit-scrollbar{width:0}.pd-form-body{scrollbar-width:none}.pd-input,.pd-textarea,.pd-search-input{border:1px solid #c7d2fe;background:#fafbff;border-radius:8px;transition:.2s}.pd-input:focus,.pd-textarea:focus,.pd-search-input:focus{border-color:#0a158a;background:#fff;box-shadow:0 0 0 2px #0a158a14;outline:none}.pd-table-scroll::-webkit-scrollbar{height:0}.pd-table-scroll{scrollbar-width:none}.pd-pagination{display:flex;gap:6px;padding-right:20px;justify-content:flex-end;margin-top:10px}.pd-pagination button{padding:6px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer}.pd-pagination .active{background:#0a158a;color:#fff}@media(max-width:992px){.pd-container{flex-direction:column}.pd-form,.pd-table-box{width:100%}}@media(max-width:576px){.pd-main-heading{font-size:26px}.pd-title{font-size:18px}}.pr-wrapper{padding:15px;background:#eef1f7;min-height:90vh;font-family:Inter,sans-serif;overflow:hidden}.pr-heading{font-size:30px;font-weight:700;margin-bottom:25px;color:#1f2d5c}.pr-grid{display:flex;flex-wrap:wrap;gap:25px}.pr-card{flex:1;min-width:320px;background:#fff;padding:22px;border-radius:14px;box-shadow:0 8px 30px #00000014;border:1px solid #e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pr-card-title{font-size:22px;font-weight:600;margin-bottom:18px;color:#1d335e}.pr-input,.pr-textarea{width:100%;padding:10px 12px;margin-bottom:18px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;transition:.2s;background:#f9fafb}.pr-input:focus,.pr-textarea:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.pr-textarea{min-height:80px}.pr-btn{width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:8px;border:none;cursor:pointer;font-size:16px;transition:.3s}.pr-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.pr-table-card{flex:2}.pr-search-box{margin-bottom:15px}.pr-search-input{width:100%;padding:10px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc}.pr-table-scroll{overflow-x:auto}.pr-table{width:100%;border-collapse:collapse;margin-top:10px}.pr-table th{background:#f1f5f9;padding:12px;font-weight:600}.pr-table th,.pr-table td{border-bottom:1px solid #e2e8f0;padding:12px}.pr-edit{padding:6px 10px;background:#16a34a;color:#fff;border:none;border-radius:6px;margin-right:6px}.pr-delete{padding:6px 10px;background:#dc2626;color:#fff;border:none;border-radius:6px}.pr-no-data{text-align:center;padding:15px;color:#888}.pr-footer{margin-top:12px;font-size:14px;color:#475569}.pr-card{border:2px solid #f7c6d0;padding:0;overflow:hidden}.pr-card-title{background:#fff1f4;padding:14px 18px;margin:0;border-bottom:1px solid #f7c6d0;font-weight:600}.pr-form{min-height:78vh;max-height:78vh;display:flex;flex-direction:column}.pr-form-body{padding:18px;overflow-y:auto;flex:1}.pr-form-body::-webkit-scrollbar{width:0}.pr-form-body{scrollbar-width:none}.pr-input,.pr-textarea,.pr-search-input{border:1px solid #c7d2fe;background:#fafbff;border-radius:8px;transition:.2s}.pr-input:focus,.pr-textarea:focus,.pr-search-input:focus{border-color:#0a158a;background:#fff;box-shadow:0 0 0 2px #0a158a14;outline:none}.pr-table-scroll::-webkit-scrollbar{height:0}.pr-table-scroll{scrollbar-width:none}.pr-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:10px;padding-right:20px;border-top:1px solid #eee}.pr-pagination button{min-width:36px;height:36px;padding:0 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:.2s}.pr-pagination button:hover{border-color:#0a158a;color:#0a158a}.pr-pagination .active{background:#0a158a;color:#fff;border-color:#0a158a}.pr-pagination button:disabled{opacity:.4;cursor:not-allowed}.pr-grid{height:100%;align-items:stretch}.gatepass-wrapper{background:#f1f1f6;padding:18px;min-height:90vh;overflow-x:hidden}.gatepass-container{display:flex;gap:18px;height:100%}.gatepass-form-card,.gatepass-list-card{height:calc(100vh - 80px);background:#fff;border-radius:16px;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.gatepass-form-card::-webkit-scrollbar,.gatepass-list-card::-webkit-scrollbar{display:none}.gatepass-card-header{background:#f7c6d0;padding:14px 18px;border-radius:16px 16px 0 0;font-weight:600;font-size:17px;color:#050a5c;border-bottom:1px solid #f1aebf}.gatepass-form-card{width:360px}.gatepass-form-body{padding:16px}.gatepass-form-row{display:flex;gap:12px}.gatepass-form-group{margin-bottom:14px;flex:1}.gatepass-form-group label{font-size:14px;color:#050a5c;margin-bottom:6px;display:block}.gatepass-input,.gatepass-select,.gatepass-textarea{width:100%;padding:11px 12px;border-radius:8px;border:1px solid #cfd6ff;outline:none;font-size:14px}.gatepass-input::placeholder,.gatepass-textarea::placeholder{color:#9aa4d6}.gatepass-image-options{display:flex;gap:18px;margin-bottom:12px}.gatepass-image-box{width:130px;height:130px;border:2px solid #2563eb;border-radius:12px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.gatepass-image-box span{background:#2563eb;width:36px;height:36px;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.gatepass-image-box input{position:absolute;inset:0;opacity:0}.gatepass-preview-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.gatepass-capture-placeholder{height:180px;border:2px dashed #cfd6ff;border-radius:12px;margin-bottom:14px}.gatepass-btn-primary{background:#2563eb;color:#fff;padding:11px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;align-self:flex-end}.gatepass-list-body{padding:16px}.gatepass-table{width:100%;border-collapse:collapse;font-size:14px}.gatepass-table th{background:#fde8ee;padding:10px;color:#050a5c}.gatepass-table td{padding:10px;border-bottom:1px solid #eee;text-align:center}.gatepass-table-img{width:46px;border-radius:8px}.gatepass-action-cell{position:relative}.gatepass-btn-action{background:#213154;color:#fff;padding:5px 15px;border-radius:8px;border:none;cursor:pointer}.gatepass-action-menu{position:absolute;right:0;top:45px;background:#fff;border-radius:14px;box-shadow:0 8px 20px #00000026;padding:10px;min-width:150px;display:flex;flex-direction:column;gap:4px}.gatepass-action-item{padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:8px}.gatepass-action-item:hover{background:#f2f4ff}.gatepass-delete-btn{color:red}.gatepass-pagination{margin-top:14px;display:flex;gap:6px;justify-content:flex-end}.gatepass-pagination button{padding:6px 12px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer}.gatepass-pagination .active{background:#2563eb;color:#fff}.gatepass-print-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.gatepass-print-wrapper{width:600px;background:#fff;border-radius:14px;overflow:hidden}.gatepass-print-top{background:#050a5c;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;font-size:18px}.gatepass-print-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.gatepass-id-card{margin:18px;border-radius:12px;overflow:hidden;border:2px solid #050a5c}.gatepass-id-header{background:linear-gradient(135deg,#050a5c,#2d2fa3);display:flex;align-items:center;padding:14px;gap:14px;color:#fff}.gatepass-id-body{display:flex;justify-content:space-between;padding:16px}.gatepass-id-photo img{width:120px;height:140px;object-fit:cover;border:1px solid #aaa}.gatepass-id-footer{background:linear-gradient(135deg,#2d2fa3,#050a5c);color:#fff;padding:10px 14px;display:flex;justify-content:space-between;font-size:13px}@media(max-width:900px){.gatepass-container{flex-direction:column}.gatepass-form-card{width:100%}}.income-container{display:grid;grid-template-columns:1fr 1.3fr;gap:25px;padding:25px;background:#f4f6fb;min-height:100vh;box-sizing:border-box}.income-form-wrapper{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:25px}.income-form{display:flex;flex-direction:column;gap:14px}.income-form h2{margin-bottom:10px;color:#1e293b;font-size:20px;font-weight:600}.income-form label{font-size:13px;font-weight:500;color:#475569}.income-form input,.income-form select,.income-form textarea{padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;background:#fff;transition:all .2s ease}.income-form input:focus,.income-form select:focus,.income-form textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.income-form textarea{min-height:90px;resize:vertical}.btn-save{margin-top:10px;padding:12px;border-radius:10px;border:none;background:linear-gradient(90deg,#6366f1,#4f46e5);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4f46e54d}.income-list{background:#fff;padding:20px;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden}.income-list h2{margin-bottom:15px;font-size:18px;font-weight:600;color:#1e293b}.income-list .table-wrapper{overflow-x:auto;border-radius:10px}.income-list table{width:100%;min-width:900px;border-collapse:collapse;font-size:14px}.income-list th{background:#eef2ff;padding:12px;text-align:left;font-weight:600;color:#334155}.income-list td{padding:12px;border-bottom:1px solid #f1f5f9;color:#475569}.income-list tr:hover{background:#f9fafb}.action-cell{position:relative;width:80px}.dots-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:18px;font-weight:700;color:#475569;display:grid;place-items:center}.dropdown-menu{position:absolute;right:6px;top:45px;background:#fff;border-radius:10px;box-shadow:0 12px 30px #00000026;z-index:9999;min-width:150px}.dropdown-menu button{width:100%;padding:10px 14px;border:none;background:#fff;text-align:left;cursor:pointer}.dropdown-menu button:hover{background:#f1f5f9}.dropdown-edit{color:#2563eb}.dropdown-delete{color:#dc2626;border-top:1px solid #e2e8f0}@media(max-width:1200px){.income-list table{min-width:750px}}@media(max-width:992px){.income-container{grid-template-columns:1fr}.income-list table{min-width:650px}}@media(max-width:576px){.income-container{padding:15px}.income-form-wrapper,.income-list{padding:18px}.dots-btn{width:32px;height:32px;font-size:16px}}.income-page{padding:30px;background:#f4f6fb;font-family:Poppins,sans-serif}.page-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:25px}.header-icon{font-size:26px;color:#0a1b4d}.page-header h2{font-size:26px;font-weight:600;color:#0a1b4d}.breadcrumb{margin-left:auto;font-size:14px;color:#777}.filter-box,.list-box{background:#fff;padding:25px;border-radius:16px;box-shadow:0 8px 20px #0000000d;margin-bottom:25px}.section-title{font-size:18px;font-weight:600;color:#0a1b4d;margin-bottom:18px}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.form-group label{font-size:14px;margin-bottom:6px;display:block}.form-group input,.form-group select{width:100%;height:45px;padding:0 12px;border-radius:10px;border:1px solid #ddd;background:#f7f8ff;font-size:14px;transition:.3s}.form-group input:focus,.form-group select:focus{border-color:#4c6fff;background:#fff;outline:none}.search-btn-wrapper{margin-top:20px;text-align:right}.primary-btn{background:linear-gradient(135deg,#4c6fff,#1b3cff);color:#fff;padding:10px 28px;border-radius:10px;border:none;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.list-toolbar{display:flex;justify-content:flex-end;margin-bottom:15px}.table-tools{display:flex;gap:10px;align-items:center}.table-tools select,.table-tools input{height:38px;padding:0 10px;border-radius:8px;border:1px solid #ddd}.income-table{width:100%;border-collapse:collapse;min-width:900px}.income-table th{background:#f1f3ff;padding:12px;text-align:left;font-size:14px;color:#0a1b4d}.income-table td{padding:12px;font-size:14px;border-bottom:1px solid #eee}.income-table tr:hover{background:#f9faff}@media(max-width:1024px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.income-page{padding:15px}.filter-grid{grid-template-columns:1fr}.search-btn-wrapper{text-align:center}.list-toolbar{flex-direction:column;align-items:stretch;gap:10px}.table-tools{width:100%;justify-content:space-between}.breadcrumb{width:100%;margin-left:0;margin-top:5px}}.income-head-page{padding:30px;background:#f4f6fb;min-height:100vh;font-family:Poppins,sans-serif}.page-header h2{font-size:26px;font-weight:600;color:#0a1b4d;margin-bottom:20px}.income-layout{display:flex;gap:25px;align-items:flex-start}.form-box{width:360px;height:520px;background:#fff;padding:25px;border-radius:16px;box-shadow:0 6px 18px #0000000f}.small-table{width:650px;height:420px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 6px 18px #0000000f;overflow:hidden}.box-title{font-size:17px;font-weight:600;margin-bottom:18px;color:#0a1b4d}.form-group{margin-bottom:18px}.form-group label{font-size:14px;font-weight:500;display:block;margin-bottom:6px}.form-group span{color:red}.form-group input,.form-group textarea{width:100%;padding:11px;border-radius:10px;border:1px solid #e0e3f1;background:#f7f8ff;font-size:14px}.form-group textarea{height:80px;resize:none}.btn-save{width:100%;padding:11px;border-radius:10px;border:none;background:linear-gradient(135deg,#4c6fff,#1b3cff);color:#fff;font-weight:500;cursor:pointer}.table-toolbar{margin-bottom:12px}.table-toolbar input{width:220px;padding:8px 10px;border-radius:8px;border:1px solid #ddd}.table-wrapper{max-height:300px;overflow-y:auto;overflow-x:auto}.income-table{width:100%;border-collapse:collapse}.income-table th{background:#f2f4ff;padding:12px;font-size:13px;font-weight:600;color:#0a1b4d}.income-table td{padding:12px;font-size:13px;border-bottom:1px solid #eee}.amount{font-weight:600;color:#1b3cff}@media(max-width:1024px){.income-layout{flex-direction:column}.form-box,.small-table{width:100%;height:auto}.table-wrapper{max-height:350px}}.cmp-wrapper{padding:30px;background:#f5f7fa;min-height:100vh;font-family:Arial,sans-serif}.cmp-main-heading{font-size:32px;margin-bottom:20px;color:#333;font-weight:700}.cmp-criteria-box,.cmp-table-container{background:#fff;padding:20px;border-radius:10px;margin-bottom:30px;box-shadow:0 3px 10px #00000014}.cmp-title{font-size:22px;margin-bottom:20px;font-weight:600;color:#2c3e50}.cmp-criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.cmp-field label{display:block;margin-bottom:6px;font-weight:600;color:#333}.cmp-input{width:100%;padding:10px;border:1px solid #cfd6e1;border-radius:6px;font-size:15px}.cmp-search-btn{background:#005eb8;color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;width:100%;font-size:16px;margin-top:25px}.cmp-search-btn:hover{background:#004e9d}.cmp-table-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.cmp-search-input{padding:10px;border:1px solid #cfd6e1;border-radius:6px;width:200px}.cmp-add-btn{background:#28a745;color:#fff;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;margin-left:10px}.cmp-add-btn:hover{background:#218838}.cmp-table-scroll{overflow-x:auto;margin-top:20px}.cmp-table{width:100%;border-collapse:collapse}.cmp-table th,.cmp-table td{border:1px solid #e1e6ed;padding:10px;font-size:14px;color:#333;white-space:nowrap}.cmp-table th{background:#f1f3f6;font-weight:600}.cmp-empty{text-align:center;padding:20px;color:#777}.cmp-edit-btn{background:#ffc107;padding:6px 12px;border-radius:6px;border:none;margin-right:5px;cursor:pointer}.cmp-delete-btn{background:#dc3545;padding:6px 12px;border-radius:6px;border:none;color:#fff;cursor:pointer}@media(max-width:600px){.cmp-main-heading{font-size:24px}.cmp-table-header{flex-direction:column;gap:10px}.cmp-search-input{width:100%}}.cmpadd-wrapper{width:100%;padding:20px;background:#f6f7fb}.cmpadd-main-title{font-size:26px;font-weight:600;margin-bottom:20px}.cmpadd-box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #00000014}.cmpadd-heading{font-size:20px;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #ececec}.cmpadd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cmpadd-full{grid-column:span 2}.cmpadd-field{display:flex;flex-direction:column}.cmpadd-field label{font-size:14px;margin-bottom:5px;font-weight:500}.cmpadd-input{padding:10px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;outline:none}.cmpadd-input:focus{border-color:#4a6cf7}.cmpadd-file{padding:7px}.cmpadd-textarea{width:100%;min-height:80px;resize:vertical;padding:10px;border:1px solid #d0d0d0;border-radius:6px;outline:none}.cmpadd-textarea:focus{border-color:#4a6cf7}.cmpadd-save-btn{margin-top:20px;padding:12px 20px;background:#4a6cf7;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:500;width:180px}.cmpadd-save-btn:hover{background:#3557e0}@media(max-width:768px){.cmpadd-grid{grid-template-columns:1fr}.cmpadd-full{grid-column:span 1}.cmpadd-save-btn{width:100%}}.ct-wrapper{padding:20px;background:#f1f1f6;min-height:100vh}.ct-header{display:flex;justify-content:space-between;margin-bottom:20px}.ct-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.ct-card{background:#fff;border-radius:14px;border:2px solid #ffd6df;overflow:hidden}.ct-card-header{background:#fff2f5;padding:14px 18px;font-weight:600;color:#0a0a5a;font-size:16px}.ct-body{padding:16px}.ct-body label{display:block;margin:12px 0 6px;font-size:14px;font-weight:500}.ct-body select{width:100%;padding:10px;border-radius:6px;border:1px solid #cfd4ff;font-size:14px}.ct-btn{margin-top:18px;float:right;padding:8px 20px;background:#0a0a5a;color:#fff;border-radius:6px;border:none;font-size:14px;cursor:pointer}.ct-table-card{height:520px;display:flex;flex-direction:column}.ct-table{width:100%;border-collapse:collapse;table-layout:fixed}.ct-table th{background:#ffe9ef;font-weight:600;color:#0a0a5a;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.ct-table th,.ct-table td{padding:14px 12px;border-bottom:1px solid #ddd;vertical-align:middle;font-size:14px;line-height:1.4;text-align:center}.ct-table tr{height:52px}.ct-table tr:nth-child(2n){background:#f4f6ff}.ct-table tr:hover{background:#eef1ff}.ct-table th:nth-child(1),.ct-table td:nth-child(1){width:120px;text-align:center}.ct-table th:nth-child(2),.ct-table td:nth-child(2){width:120px;text-align:center}.ct-table th:nth-child(3),.ct-table td:nth-child(3){text-align:left;padding-left:20px}.ct-table th:nth-child(4),.ct-table td:nth-child(4){width:140px;text-align:right;padding-right:20px}.ct-table-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.ct-table-scroll::-webkit-scrollbar{display:none}.ct-action{position:relative;display:flex;justify-content:flex-end;align-items:center}.ct-action-btn{background:#0a0a5a;color:#fff;padding:6px 14px;border-radius:6px;border:none;font-size:14px;cursor:pointer}.ct-action-btn .caret{margin-left:6px;font-size:10px}.ct-action-menu{position:absolute;top:110%;right:0;background:#fff;border-radius:10px;min-width:150px;box-shadow:0 10px 25px #0000002e;border:1px solid #eee;z-index:999;overflow:hidden}.ct-menu-item{width:100%;background:none;border:none;padding:10px 16px;text-align:left;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px}.ct-menu-item:hover{background:#3f5bda;color:#fff}.ct-menu-item.delete{color:#e63946}.ct-pagination{display:flex;justify-content:flex-end;gap:6px;padding:12px}.ct-pagination button{padding:6px 10px;font-size:13px}.ct-pagination .active{background:#0a0a5a;color:#fff}@media(max-width:992px){.ct-grid{grid-template-columns:1fr}.ct-table th,.ct-table td{font-size:13px}}.class-wrapper{background:#f1f1f6;padding:20px;min-height:100vh}.class-header{display:flex;justify-content:space-between;margin-bottom:20px}.class-grid{display:grid;grid-template-columns:380px 1fr;gap:20px}.class-card{background:#fff;border-radius:14px;border:2px solid #ffd6df;overflow:hidden}.class-card-header{background:#fff2f5;padding:12px 16px;font-weight:600;color:#0a0a5a}.class-body{padding:16px;height:520px;overflow-y:auto;scrollbar-width:none}.class-body::-webkit-scrollbar{display:none}.class-body input,.class-body select{width:100%;padding:8px;margin-bottom:12px;border-radius:6px;border:1px solid #cfd4ff}.btn-primary{float:right;background:#0a0a5a;color:#fff;padding:8px 18px;border-radius:6px;border:none}.class-table-card{height:600px;display:flex;flex-direction:column}.class-table-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.class-table-scroll::-webkit-scrollbar{display:none}.class-table{width:100%;border-collapse:collapse}.class-table th{background:#ffe9ef}.class-table th,.class-table td{padding:10px;border-bottom:1px solid #ddd}.class-table tr:nth-child(2n){background:#f4f6ff}.action-box{position:relative}.action-btn{background:#0a0a5a;color:#fff;padding:6px 14px;border-radius:6px;border:none}.action-menu{position:absolute;right:0;top:110%;background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;z-index:10}.action-menu button{display:block;width:100%;padding:10px 14px;background:none;border:none;text-align:left}.action-menu .delete{color:red}.pagination{display:flex;justify-content:flex-end;padding:12px;gap:6px}.class-table{width:100%;border-collapse:collapse;table-layout:fixed}.class-table thead th{background:#ffe9ef;font-weight:600;font-size:14px;color:#0a0a5a;padding:12px 10px;border-bottom:1px solid #ddd}.class-table td{padding:12px 10px;font-size:14px;border-bottom:1px solid #e2e2e2;vertical-align:middle}.class-table tbody tr:nth-child(2n){background:#f4f6ff}.col-center{text-align:center}.col-left{text-align:left}.class-table th:nth-child(1),.class-table td:nth-child(1){width:80px}.class-table th:nth-child(2),.class-table td:nth-child(2){width:160px}.class-table th:nth-child(3),.class-table td:nth-child(3){width:120px}.class-table th:nth-child(4),.class-table td:nth-child(4){width:auto}.class-table th:nth-child(5),.class-table td:nth-child(5){width:140px}.action-box{display:flex;justify-content:center;position:relative}.action-menu{position:absolute;top:110%;right:0;background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;z-index:10}.action-menu button{width:100%;padding:10px 14px;background:none;border:none;text-align:left}.action-menu .delete{color:#e63946}@media(max-width:992px){.class-grid{grid-template-columns:1fr}}.section-wrapper{background:#f1f1f6;padding:20px;min-height:100vh;overflow-y:auto;scrollbar-width:none}.section-wrapper::-webkit-scrollbar{display:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.section-card{background:#fff;border-radius:14px;border:2px solid #ffd6df;overflow:hidden}.section-card-header{background:#fff2f5;padding:12px 16px;font-weight:600;font-size:15px;color:#0a0a5a}.section-form{max-height:260px}.section-body{padding:16px;overflow:hidden}.section-body label{font-size:14px}.section-body input{width:100%;padding:8px 10px;margin:8px 0 16px;border-radius:6px;border:1px solid #cfd4ff;font-size:14px}.required{color:red}.btn-primary{float:right;background:#0a0a5a;color:#fff;padding:7px 18px;border-radius:6px;border:none;font-size:14px;cursor:pointer}.section-table-card{height:600px;display:flex;flex-direction:column}.section-table-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.section-table-scroll::-webkit-scrollbar{display:none}.section-table{width:100%;border-collapse:collapse;table-layout:fixed}.section-table th{background:#ffe9ef;padding:12px;font-weight:600;font-size:14px;color:#0a0a5a}.section-table td{padding:12px;font-size:14px;border-bottom:1px solid #ddd;vertical-align:middle}.section-table tr:nth-child(2n){background:#f4f6ff}.left{text-align:left}.center{text-align:center}.action-box{position:relative;display:inline-flex;justify-content:center}.action-btn{background:#0a0a5a;color:#fff;padding:6px 14px;border-radius:6px;border:none;font-size:14px;cursor:pointer}.action-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#fff;min-width:110px;border-radius:8px;box-shadow:0 6px 16px #00000026;z-index:100;overflow:hidden}.action-menu button{width:100%;padding:6px 10px;background:none;border:none;text-align:left;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.action-menu button:hover,.action-menu button:focus,.action-menu button:active{background:none!important;color:inherit!important}.pagination{display:flex;justify-content:flex-end;gap:6px;padding:12px}.pagination button{padding:6px 12px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:13px}.pagination .active{background:#0a0a5a;color:#fff}@media(max-width:992px){.section-grid{grid-template-columns:1fr}.section-form{max-height:none}.section-table-card{height:auto}}.dt-wrapper{padding:25px;display:flex;flex-direction:column;gap:24px;font-family:Inter,sans-serif}.dt-left-title h1{font-size:28px;margin:0;font-weight:700;color:#1e2a55}.dt-sub{color:#7c8aa5;font-size:14px}.dt-criteria-box{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7f0}.dt-box-header h2{margin-bottom:15px;font-size:18px;color:#1e2a55}.dt-criteria-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:768px){.dt-criteria-grid{grid-template-columns:repeat(2,1fr)}}.dt-field label{font-size:13px;font-weight:600;color:#39445e;margin-bottom:6px;display:block}.dt-input{width:100%;padding:10px 12px;border:1px solid #cdd3ec;border-radius:10px;background:#f9faff}.dt-search-btn{width:100%;padding:12px;margin-top:22px;background:#0c2cc7;color:#fff;font-weight:600;border:none;border-radius:10px;cursor:pointer}.dt-search-btn:hover{background:#0a24a8}.dt-table-box{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7f0}.dt-table-title{color:#1e2a55;font-size:18px;margin-bottom:15px}.dt-table-scroll{overflow-x:auto}.dt-table{width:100%;border-collapse:collapse}.dt-table th{background:#ffe4ef;padding:12px;font-size:14px;font-weight:700;border-bottom:2px solid #e0e4f0}.dt-table td{padding:12px;border-bottom:1px solid #ececf4;text-align:center}.dt-period-col{background:#faf5ff;font-weight:600}.subject-select{width:100%;padding:8px 10px;border-radius:10px;border:1px solid #cdd3ec;margin-bottom:10px}.teacher-select{width:100%;padding:12px 10px;border-radius:10px;border:1px solid #aeb8df;font-size:15px;height:45px}.dt-save-box{display:flex;justify-content:flex-end;margin-top:15px}.dt-save-btn{background:#0c2cc7;color:#fff;padding:10px 22px;border-radius:10px;border:none;cursor:pointer}.ctt-wrapper{padding:24px;font-family:Inter,sans-serif;color:#1c2a53}.ctt-head{display:flex;justify-content:space-between;margin-bottom:20px}.ctt-head h1{font-size:28px;font-weight:700}.ctt-head p{font-size:14px;color:#7681a0}.ctt-box{background:#fff;padding:18px 22px;border-radius:12px;border:1px solid #e6e7ef}.ctt-title{font-size:19px;margin-bottom:12px;font-weight:700}.ctt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.ctt-field label{font-size:13px;font-weight:600;color:#374060;margin-bottom:6px;display:block}.ctt-input{width:100%;padding:10px 12px;background:#f7f9ff;border:1px solid #cbd3eb;border-radius:10px;font-size:14px;outline:none}.ctt-dropdown{position:relative}.ctt-drop-btn{width:100%;padding:10px 12px;background:#f7f9ff;border:1px solid #cbd3eb;border-radius:10px;font-size:14px;cursor:pointer;text-align:left}.ctt-day-menu{position:absolute;width:100%;background:#fff;border:1px solid #d4d6e6;border-radius:10px;padding:10px 0;margin-top:6px;box-shadow:0 5px 18px #00000014;z-index:20}.ctt-day-item{padding:8px 14px;display:flex;align-items:center;gap:10px;cursor:pointer}.ctt-day-item:hover{background:#f3f6ff}.btn-field{display:flex;align-items:flex-end}.ctt-search-btn{width:100%;padding:10px 22px;background:#0a2cc3;color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;font-weight:600}.ctt-table-box{background:#fff;margin-top:22px;border-radius:12px;border:1px solid #e6e7ef;padding:18px}.ctt-table-top h2{font-size:18px;font-weight:700;margin-bottom:15px}.ctt-scroll{overflow-x:auto}.ctt-table{width:100%;border-collapse:collapse}.ctt-table th{padding:12px;background:#ffe4ef;font-size:14px;font-weight:700;border-bottom:2px solid #e1e4ef}.ctt-table td{padding:10px;border-bottom:1px solid #ececf6;text-align:center}.ctt-period{background:#faf5ff;font-weight:600;width:160px}.ctt-select{width:100%;padding:9px;border-radius:10px;border:1px solid #c8d0ec;margin-bottom:8px;background:#fff}.ctt-teacher-box{height:45px;background:#e6e7f5;border-radius:8px}.ctt-save-wrap{display:flex;justify-content:flex-end;margin-top:15px}.ctt-save-btn{background:#091e9d;color:#fff;padding:10px 24px;border-radius:10px;border:none;font-size:15px;cursor:pointer}.tt-wrapper{padding:25px;font-family:Inter,sans-serif;background:#f5f6ff}.tt-header h1{font-size:26px;font-weight:700;color:#1b1c52}.tt-header p{color:#777;margin-top:-5px;font-size:14px}.tt-box{background:#fff;padding:20px;border-radius:14px;margin-top:20px;border:1px solid #e4e4fc;box-shadow:0 4px 10px #9393ff14}.tt-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:25px}.tt-field label{font-size:14px;font-weight:600;color:#30335f;margin-bottom:6px;display:block}.tt-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #c9c9f8;background:#fafaff;font-size:14px;outline:none}.tt-btn-field{display:flex;align-items:flex-end}.tt-search-btn{width:100%;padding:10px 0;border:none;border-radius:8px;background:#001b75;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.tt-table-box{margin-top:25px;background:#fff;padding:20px;border-radius:14px;border:1px solid #e4e4fc;box-shadow:0 4px 10px #9393ff14}.tt-title{margin-bottom:15px;font-size:20px;font-weight:700;color:#1b1c52}.tt-scroll{overflow-x:auto}.tt-table{width:100%;border-collapse:collapse;font-size:14px;text-align:center}.tt-table thead th{padding:15px 10px;background:#ffe6ef;color:#1b1c52;font-weight:700;border:1px solid #e4e4fc;white-space:nowrap}.period-col{background:#ffe6ef;font-weight:700;border-right:1px solid #e4e4fc}.tt-table tbody td{height:60px;background:#f5f6ff;border:1px solid #e1e1f8}.tt-cell{background:#f5f6ff!important}@media(max-width:1024px){.tt-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.tt-table thead th,.period-col{font-size:13px;padding:12px 8px}}@media(max-width:768px){.tt-wrapper{padding:15px}.tt-grid{grid-template-columns:1fr;row-gap:20px}.tt-title{font-size:18px}.tt-table thead th{font-size:12px}.tt-table tbody td{height:50px}.tt-header h1{font-size:22px}}@media(max-width:576px){.tt-header h1{font-size:20px}.tt-header p{font-size:12px}.tt-box,.tt-table-box{padding:15px}.tt-input{padding:8px 10px;font-size:13px}.tt-search-btn{padding:8px 0;font-size:14px}.tt-table{font-size:12px}.tt-table thead th,.period-col{padding:8px}.tt-scroll{overflow-x:auto}}@media(max-width:400px){.tt-header h1{font-size:18px}.tt-table{font-size:11px}.tt-table tbody td{height:45px}.tt-table thead th{padding:6px}}.StudentAttendance-container{padding:20px;background:#eef2f7}.StudentAttendance-card{background:#fff;border-radius:16px;margin-bottom:20px;box-shadow:0 6px 16px #00000014;border:1px solid #fbcfe8}.StudentAttendance-cardHeader{background:#fde2e7;padding:16px 20px;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.StudentAttendance-btnPrimary,.StudentAttendance-headerBtns button,.StudentAttendance-btnSearch{background:#1e3a8a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.StudentAttendance-headerBtns{display:flex;gap:10px}.StudentAttendance-formGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.StudentAttendance-formGrid label{font-size:13px;font-weight:600;display:block;margin-bottom:6px}.StudentAttendance-formGrid select,.StudentAttendance-formGrid input{width:100%;padding:10px;border-radius:6px;border:1px solid #c7d2fe}.StudentAttendance-searchRow{padding:0 20px 20px;display:flex;justify-content:flex-end}.StudentAttendance-toolbar{display:flex;justify-content:space-between;padding:12px 20px}.StudentAttendance-tableWrapper{overflow-x:auto}.StudentAttendance-table{width:100%;min-width:900px;border-collapse:collapse}.StudentAttendance-table th{background:#f8d7da;padding:12px;border:1px solid #e5e7eb}.StudentAttendance-table td{padding:10px;border:1px solid #e5e7eb}.StudentAttendance-table select,.StudentAttendance-table input{width:100%;padding:6px}.StudentAttendance-empty{text-align:center;padding:30px;color:#64748b}.StudentAttendance-footer{padding:14px 20px;font-size:14px}@media(max-width:900px){.StudentAttendance-formGrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.StudentAttendance-formGrid{grid-template-columns:1fr}.StudentAttendance-cardHeader{flex-direction:column;gap:10px;align-items:flex-start}}.StudentAttendance-formGrid select,.StudentAttendance-formGrid input{width:100%;height:42px;padding:0 14px;border-radius:8px;border:1.5px solid #c7d2fe;background-color:#fff;font-size:14px;font-weight:600;color:#0f172a;transition:all .25s ease;appearance:none}.StudentAttendance-formGrid input::placeholder{color:#64748b;font-weight:500;opacity:1}.StudentAttendance-formGrid select{color:#0f172a;cursor:pointer}.StudentAttendance-formGrid select:focus,.StudentAttendance-formGrid input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.StudentAttendance-formGrid label{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:6px}.StudentAttendance-formGrid input[type=date]{padding-right:10px}.StudentAttendance-pagination{display:flex;justify-content:center;align-items:center;margin:20px 0}.page-nav{padding:8px 16px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:14px;transition:.2s}.page-nav:first-child{border-radius:6px 0 0 6px}.page-nav:last-child{border-radius:0 6px 6px 0}.page-nav:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.page-number{padding:8px 14px;border:1px solid #d1d5db;border-left:none;background:#fff;cursor:pointer;font-weight:600}.page-number:hover{background:#eef2ff}.page-number.active{background:#1e3a8a;color:#fff;border-color:#1e3a8a}@media(max-width:1100px){.StudentAttendance-formGrid{grid-template-columns:repeat(2,1fr)}.StudentAttendance-toolbar{flex-wrap:wrap;gap:10px}}@media(max-width:768px){.StudentAttendance-container{padding:14px}.StudentAttendance-cardHeader{flex-direction:column;align-items:flex-start;gap:12px}.StudentAttendance-headerBtns{width:100%;justify-content:flex-start;flex-wrap:wrap}.StudentAttendance-searchRow{justify-content:flex-start}.StudentAttendance-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.StudentAttendance-table th,.StudentAttendance-table td{padding:10px 8px;font-size:13px}}@media(max-width:600px){.StudentAttendance-formGrid{grid-template-columns:1fr;gap:16px}.StudentAttendance-btnPrimary,.StudentAttendance-btnSearch,.StudentAttendance-headerBtns button{width:100%;text-align:center}.StudentAttendance-pagination{flex-wrap:wrap;gap:6px}.page-number,.page-nav{padding:7px 12px;font-size:13px}}@media(max-width:420px){.StudentAttendance-container{padding:10px}.StudentAttendance-card{border-radius:12px}.StudentAttendance-cardHeader{padding:14px;font-size:14px}.StudentAttendance-table{min-width:700px}}.Studentleave-container{padding:20px;background:#f3f4f6}.Studentleave-header{display:flex;justify-content:space-between;background:#fff1f2;padding:16px 20px;border-radius:16px 16px 0 0}.Studentleave-addBtn{background:#1e3a8a;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.Studentleave-toolbar{display:flex;justify-content:space-between;background:#fff;padding:12px;border:1px solid #e5e7eb;border-top:none}.Studentleave-search{display:flex;gap:10px;align-items:center}.Studentleave-search input,.Studentleave-search select{padding:6px;border:1px solid #c7d2fe;border-radius:4px}.Studentleave-tableWrapper{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-top:none}.Studentleave-tableWrapper::-webkit-scrollbar{height:8px}.Studentleave-tableWrapper::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.Studentleave-table{width:100%;min-width:1300px;border-collapse:collapse}.Studentleave-table thead{background:#ffe4e6}.Studentleave-table th,.Studentleave-table td{padding:14px;border:1px solid #e5e7eb;text-align:left}.Studentleave-statusGreen{color:#16a34a;font-weight:600}.Studentleave-actionCell{position:relative}.Studentleave-actionWrap{position:relative;display:inline-block}.Studentleave-actionBtn{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;border:none;padding:7px 16px;border-radius:8px;font-weight:600;cursor:pointer}.Studentleave-actionBtn:hover{background:linear-gradient(135deg,#1d4ed8,#172554)}.Studentleave-dropdown{position:absolute;top:42px;right:0;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 12px 24px #0000002e;z-index:9999;min-width:140px;animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.Studentleave-dropdown button{width:100%;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer}.Studentleave-dropdown button:hover{background:#f1f5f9}.Studentleave-dropdown .delete{color:#ef4444}.Studentleave-pagination{display:flex;justify-content:center;margin:25px 0}.pagination-btn,.pagination-number{padding:8px 16px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.pagination-number{border-left:none}.pagination-number.active{background:#1e3a8a;color:#fff;border-color:#1e3a8a}.pagination-btn:first-child{border-radius:6px 0 0 6px}.pagination-btn:last-child{border-radius:0 6px 6px 0}.Studentleave-tableWrapper{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.Studentleave-tableWrapper::-webkit-scrollbar{display:none}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;cursor:pointer;font-weight:500;transition:all .2s ease}.status-badge:hover{transform:scale(1.08);opacity:.9}.status-badge.green{background:#e6f7ee;color:#1b8a5a}.status-badge.red{background:#fdecea;color:#d32f2f}.status-badge.yellow{background:#fff8e1;color:#f57c00}@media(max-width:768px){.Studentleave-toolbar{flex-direction:column;gap:10px}.Studentleave-actionBtn{padding:6px 12px;font-size:13px}.Studentleave-dropdown{left:0;right:auto}}.FAQ-container{display:flex;gap:30px;padding:30px;background:#f7f9fc;flex-wrap:wrap;justify-content:space-between}.FAQ-form-section{width:380px;flex-shrink:0}.FAQ-form{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px #0000001a}.FAQ-title{text-align:center;margin-bottom:18px;font-weight:700;font-size:20px}.FAQ-field{margin-bottom:15px}.FAQ-label{font-weight:600;display:block;margin-bottom:6px}.FAQ-input,.FAQ-textarea,.FAQ-select{width:100%;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:15px}.FAQ-textarea{min-height:100px;resize:vertical}.FAQ-button{width:100%;margin-top:20px;padding:12px;background:#0056d6;color:#fff;border:none;border-radius:6px;font-size:17px;font-weight:600;cursor:pointer;transition:.2s ease}.FAQ-button:hover{background:#003fa3}.FAQ-version{text-align:center;margin-top:12px;font-size:12px;opacity:.7}.FAQ-table-section{flex:1;background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px #0000001a;min-width:300px}.FAQ-table-wrapper{overflow-x:auto}.FAQ-table{width:100%;border-collapse:collapse;min-width:700px}.FAQ-table th,.FAQ-table td{border-bottom:1px solid #ddd;padding:12px;text-align:left;font-size:15px}.FAQ-table th{background:#f2f4f8;font-weight:700}.FAQ-actions{display:flex;gap:8px}.FAQ-edit-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;background:#00a86b;color:#fff}.FAQ-delete-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;background:#d9534f;color:#fff}.FAQ-empty{text-align:center;padding:25px;color:#666;font-size:14px}@media(min-width:1400px){.FAQ-container{max-width:1400px;margin:auto}}@media(min-width:901px){.FAQ-table-section{display:flex;flex-direction:column;height:80vh}.FAQ-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto}.FAQ-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.FAQ-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}}@media(max-width:992px){.FAQ-container{flex-direction:column;gap:20px}.FAQ-form-section,.FAQ-table-section{width:100%}.FAQ-table-wrapper{max-height:500px;overflow-y:auto}}@media(max-width:768px){.FAQ-container{padding:20px}.FAQ-table{min-width:600px}.FAQ-table th,.FAQ-table td{font-size:14px;padding:10px}}@media(max-width:480px){.FAQ-title{font-size:18px}.FAQ-input,.FAQ-textarea,.FAQ-select{font-size:14px;padding:10px}.FAQ-button{font-size:15px;padding:10px}.FAQ-table{min-width:500px}}.leave-wrapper{padding:20px;background:#f6f7fb}.leave-wrapper .leave-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #f1d4db}.leave-wrapper .leave-header{font-size:18px;color:#1f2b6c;margin-bottom:15px}.leave-wrapper .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.leave-wrapper .form-group{display:flex;flex-direction:column;gap:6px}.leave-wrapper .form-group label{font-size:14px;font-weight:500}.leave-wrapper .form-group input,.leave-wrapper .form-group select,.leave-wrapper .form-group textarea{padding:10px;border-radius:6px;border:1px solid #d6dbff;font-size:14px}.leave-wrapper textarea{min-height:90px}.leave-wrapper .date-range{display:flex;align-items:center;gap:8px}.leave-wrapper .form-actions{text-align:right;margin-top:10px}.leave-wrapper .save-btn{background:#0b0f7a;color:#fff;padding:8px 22px;border-radius:6px;border:none;cursor:pointer}.leave-wrapper .table-scroll{overflow-x:auto}.leave-wrapper .leave-table{width:100%;border-collapse:collapse;min-width:800px}.leave-wrapper .leave-table th,.leave-wrapper .leave-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px;text-align:left}.leave-wrapper .leave-table th{background:#eef1ff;font-weight:600}.leave-wrapper .no-data{text-align:center;color:#999;padding:20px}.leave-wrapper .form-group select{padding:5px 10px;height:36px}.file-link{color:#0b0f7a;text-decoration:underline;font-weight:500}.edit-btn{background:#4caf50;color:#fff;border:none;padding:4px 8px;margin-right:5px;border-radius:4px;cursor:pointer}.delete-btn{background:#e53935;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}@media(max-width:900px){.leave-wrapper .grid-3{grid-template-columns:1fr}}.Cocurricular0-wrapper{background:#f4f6fb;height:100vh;padding:20px;overflow:hidden;font-family:Segoe UI,sans-serif}.Cocurricular0-grid{display:grid;grid-template-columns:420px 1fr;gap:20px;height:100%}.Cocurricular0-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 18px #0000000f;height:100%;display:flex;flex-direction:column;overflow:hidden}.Cocurricular0-card--form,.Cocurricular0-card--table{max-height:100%}.Cocurricular0-form{display:flex;flex-direction:column}.Cocurricular0-form__label{font-size:14px;margin-top:12px;font-weight:500;color:#1f2744}.Cocurricular0-form__input,.Cocurricular0-form__select{width:100%;padding:10px;border-radius:8px;border:1px solid #d0d5ff;margin-top:6px;font-size:14px;transition:.2s ease}.Cocurricular0-form__input:focus,.Cocurricular0-form__select:focus{outline:none;border-color:#0b197d;box-shadow:0 0 0 2px #0b197d26}.Cocurricular0-form__button{margin-top:20px;background:#0b197d;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;transition:.25s ease}.Cocurricular0-form__button:hover{background:#08135c}.Cocurricular0-table-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.Cocurricular0-table-scroll::-webkit-scrollbar{width:0;height:0}.Cocurricular0-table{width:100%;border-collapse:collapse}.Cocurricular0-table thead{background:#ffe8ef}.Cocurricular0-table th{padding:12px;text-align:left;font-weight:600;font-size:14px}.Cocurricular0-table td{padding:12px;border-bottom:1px solid #e4e6f0;font-size:14px}.Cocurricular0-table tr:nth-child(2n){background:#f5f7ff}.Cocurricular0-action-wrapper{position:relative}.Cocurricular0-action-btn{background:#0b197d;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.Cocurricular0-action-menu{position:absolute;right:0;top:38px;background:#fff;width:160px;border-radius:10px;box-shadow:0 6px 14px #00000026;z-index:10;overflow:hidden}.Cocurricular0-action-menu__item{padding:10px;cursor:pointer;font-size:14px}.Cocurricular0-action-menu__item:hover{background:#f1f1f6}.Cocurricular0-action-menu__item--delete{color:red}@media(max-width:992px){.Cocurricular0-grid{grid-template-columns:1fr}.Cocurricular0-wrapper{overflow-y:auto}}html,body{height:100%;overflow:hidden}.sp-page-wrapper{background:#f1f1f6;min-height:100vh;padding:20px}.sp-grid-layout{display:grid;grid-template-columns:420px 1fr;gap:20px}.sp-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001f;padding:18px;height:calc(100vh - 80px);display:flex;flex-direction:column}.sp-card-title{color:#0b197d;margin-bottom:15px;font-weight:600}.sp-form label{margin-top:12px;display:block;font-size:14px}.sp-form input{width:100%;padding:10px;border-radius:8px;border:1px solid #cfd3ff;margin-top:6px;outline:none}.sp-form input:focus{border-color:#0b197d}.sp-checkbox-group{display:flex;gap:20px;margin-top:8px}.sp-primary-btn{margin-top:auto;align-self:flex-end;background:#0b197d;color:#fff;border:none;padding:10px 22px;border-radius:8px;cursor:pointer;font-size:14px}.sp-table-wrapper{flex:1;overflow-y:auto}.sp-table-wrapper::-webkit-scrollbar{display:none}.sp-table{width:100%;border-collapse:collapse}.sp-table th{background:#ffe9f0;padding:10px;text-align:left;font-weight:600}.sp-table td{padding:10px;border-bottom:1px solid #ddd;vertical-align:middle}.sp-table tr:nth-child(2n){background:#f4f6ff}.sp-action-header{text-align:center}.sp-action-cell{text-align:center;vertical-align:middle;padding:8px}.sp-action-btn{min-width:90px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#0b197d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.sp-page-wrapper{background:#f1f1f6;height:100vh;padding:20px;overflow:hidden}.sp-grid-layout{display:grid;grid-template-columns:420px 1fr;gap:20px;height:calc(100vh - 40px)}.sp-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001f;padding:18px;height:100%;display:flex;flex-direction:column;overflow:hidden}.sp-form{flex:1;overflow-y:auto;padding-right:6px}.sp-form::-webkit-scrollbar{width:0}.sp-form{scrollbar-width:none}.sp-table-wrapper{flex:1;overflow-y:auto;padding-right:6px}.sp-table-wrapper::-webkit-scrollbar{width:0}.sp-table-wrapper{scrollbar-width:none}.sp-table tr{height:48px}.sp-action-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.sp-action-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:9999}.sp-action-menu{position:absolute;top:calc(100% + 6px);right:0;width:150px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:999;overflow:hidden}.sp-action-menu div{padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.sp-action-menu div:hover{background:#f2f4ff}.sp-action-delete{color:#e53935}.sp-pagination{padding-top:10px;font-size:13px;color:#555}@media(max-width:900px){.sp-grid-layout{grid-template-columns:1fr}.sp-card{height:auto}}@media(max-width:900px){html,body,.sp-page-wrapper{overflow:auto}.sp-grid-layout{grid-template-columns:1fr;height:auto}.sp-card{height:auto}}.as-page{min-height:100vh;background:#fbfcfd;padding:20px}.as-card{max-width:1200px;margin:auto;background:#f5f6fb;border-radius:20px;padding:20px}.as-title{font-size:22px;margin-bottom:16px}.as-section{background:#fff1f4;border-radius:16px;padding:20px;margin-bottom:20px}.as-section-title{font-size:18px;margin-bottom:16px}.as-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.as-field label{display:block;margin-bottom:6px}.as-field select{width:100%;padding:10px;border-radius:8px;border:1px solid #dcdcff}.as-checkbox{margin-top:12px;display:flex;align-items:center;gap:8px}.as-note{color:#ff3b5c;font-size:13px;margin-top:8px}.as-actions-right{display:flex;justify-content:flex-end;margin-top:16px}.as-btn-primary{background:#0b0f9f;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.as-btn-secondary{background:#1f2fff;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.as-btn-danger{background:#ff3b5c;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer}.as-section-header{display:flex;justify-content:space-between;align-items:center}.as-header-actions{display:flex;gap:10px}.as-table{display:flex;flex-direction:column;gap:12px}.as-row{display:grid;grid-template-columns:60px 1fr 1fr 1fr 60px;gap:12px;background:#fff;padding:12px;border-radius:12px}.as-col label{display:block;font-size:13px;margin-bottom:4px}.as-col select{width:100%;padding:8px;border-radius:8px;border:1px solid #dcdcff}.as-col.small{display:flex;align-items:center;justify-content:center;font-weight:700}.as-col.action{display:flex;align-items:flex-end;justify-content:center}@media(max-width:768px){.as-grid{grid-template-columns:1fr}.as-page{min-height:100vh;background:#fff;padding:20px}.as-card{max-width:1200px;margin:auto;background:#f5f6fb;border-radius:20px;padding:20px}.as-title{font-size:22px;margin-bottom:16px}.as-section{background:#fff1f4;border-radius:16px;padding:20px;margin-bottom:20px}.as-section-title{font-size:18px;margin-bottom:16px}.as-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.as-field label{display:block;margin-bottom:6px}.as-field select{width:100%;padding:10px;border-radius:8px;border:1px solid #dcdcff}.as-checkbox{margin-top:12px;display:flex;align-items:center;gap:8px}.as-note{color:#ff3b5c;font-size:13px;margin-top:8px}.as-actions-right{display:flex;justify-content:flex-end;margin-top:16px}.as-btn-primary{background:#0b0f9f;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.as-btn-secondary{background:#1f2fff;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.as-btn-danger{background:#ff3b5c;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer}.as-section-header{display:flex;justify-content:space-between;align-items:center}.as-header-actions{display:flex;gap:10px}.as-table{display:flex;flex-direction:column;gap:12px}.as-row{display:grid;grid-template-columns:60px 1fr 1fr 1fr 60px;gap:12px;background:#fff;padding:12px;border-radius:12px}.as-col label{display:block;font-size:13px;margin-bottom:4px}.as-col select{width:100%;padding:8px;border-radius:8px;border:1px solid #dcdcff}.as-col.small{display:flex;align-items:center;justify-content:center;font-weight:700}.as-col.action{display:flex;align-items:flex-end;justify-content:center}.as-grid,.as-row{grid-template-columns:1fr}.as-row{grid-template-columns:1fr}}.adm-page{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8f9ff);padding:30px;font-family:Segoe UI,sans-serif;overflow-x:hidden;box-sizing:border-box}.adm-header h2{font-size:26px;font-weight:600;color:#050a7d;margin-bottom:25px}.adm-layout{display:grid;grid-template-columns:1fr;gap:25px;width:100%}.adm-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 12px 30px #0000000d;width:100%;box-sizing:border-box;transition:.3s ease}.adm-card:hover{transform:translateY(-2px)}.adm-form h3{margin-bottom:20px;font-size:18px;font-weight:600}.adm-form-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:end}.adm-form label{font-weight:500;display:block;margin-bottom:6px;font-size:14px}.adm-form select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #e0e4ff;background:#f8f9ff;transition:.3s;font-size:14px;box-sizing:border-box}.adm-form select:focus{border-color:#050a7d;background:#fff;outline:none}.adm-btn-wrap{display:flex;align-items:end}.adm-save-btn{width:100%;height:42px;background:linear-gradient(135deg,#050a7d,#1e2aff);color:#fff;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:.3s ease}.adm-save-btn:hover{transform:translateY(-1px)}.adm-table-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px}.adm-table-top h3{font-size:18px;font-weight:600}.adm-bulk-btn{background:linear-gradient(135deg,#ff355d,#ff6a85);color:#fff;padding:8px 16px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:500;transition:.3s}.adm-bulk-btn:hover{transform:translateY(-1px)}.adm-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.adm-table-wrap::-webkit-scrollbar{display:none}.adm-table{width:100%;border-collapse:collapse;min-width:600px}.adm-table th{background:#f1f2ff;padding:13px;font-weight:600;text-align:left;font-size:14px}.adm-table td{padding:13px;border-top:1px solid #f0f0f0;font-size:14px}.adm-table tbody tr:hover{background:#f9f9ff}.adm-td-action{display:flex;gap:8px;flex-wrap:wrap}.adm-edit-btn,.adm-delete-btn{padding:6px 12px;font-size:12px;border-radius:8px;border:none;cursor:pointer;transition:.3s ease}.adm-edit-btn{background:#1e88e5;color:#fff}.adm-edit-btn:hover{background:#1565c0}.adm-delete-btn{background:#ff355d;color:#fff}.adm-delete-btn:hover{background:#e0002b}.adm-pagination{margin-top:22px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.adm-pagination button{padding:6px 12px;border-radius:8px;border:1px solid #e0e4ff;background:#f8f9ff;cursor:pointer;font-size:13px;transition:.3s ease}.adm-pagination button:hover{background:#050a7d;color:#fff}.adm-pagination button.active{background:#050a7d;color:#fff;border-color:#050a7d}.adm-pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:992px){.adm-form-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.adm-page{overflow-x:scroll;padding:20px}.adm-card{padding:20px}.adm-form-row{grid-template-columns:1fr}.adm-table{min-width:450px}}@media(max-width:576px){.adm-page{padding:15px}.adm-header h2{font-size:20px}.adm-form h3,.adm-table-top h3{font-size:16px}.adm-form select{font-size:13px;padding:10px}.adm-table{min-width:450px}.adm-table th,.adm-table td{font-size:12px;padding:9px}.adm-td-action{flex-direction:column;align-items:stretch}.adm-edit-btn,.adm-delete-btn{width:100%;text-align:center}}.ass-page{min-height:100vh;background:linear-gradient(135deg,#f4f6ff,#eef1ff);padding:30px;font-family:Segoe UI,Poppins,sans-serif;box-sizing:border-box}.ass-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.ass-header h2{font-size:26px;font-weight:600;color:#1a237e;letter-spacing:.5px}.ass-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:25px;box-shadow:0 12px 35px #00000014;margin-bottom:25px;transition:all .3s ease;border:1px solid rgba(255,255,255,.4)}.ass-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0000001f}.ass-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ass-grid label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#444}.ass-grid select,.ass-grid input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dcdcff;font-size:14px;background:#fff;transition:all .3s ease;outline:none}.ass-grid select:focus,.ass-grid input:focus{border-color:#050a7d;box-shadow:0 0 0 3px #050a7d1a}.ass-grid input::placeholder{color:#aaa;font-size:13px}.ass-search-btn-wrap{text-align:right;margin-top:20px}.ass-search-btn-wrap button{background:linear-gradient(135deg,#050a7d,#283593);color:#fff;padding:10px 22px;border-radius:10px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.ass-search-btn-wrap button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #050a7d4d}.ass-table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ass-search input{padding:8px 12px;border-radius:8px;border:1px solid #ccc;outline:none;transition:.3s ease}.ass-search input:focus{border-color:#050a7d;box-shadow:0 0 0 2px #050a7d1a}.ass-card h3{font-size:26px;font-weight:600;color:#1a237e;letter-spacing:.5px;padding-bottom:9px}.ass-table-wrap{overflow-x:auto;border-radius:14px}.ass-table{width:100%;border-collapse:collapse;min-width:800px;background:#fff;border-radius:14px;overflow:hidden}.ass-table th{background:linear-gradient(135deg,#ffe8ee,#ffd9e4);color:#333;font-weight:600;padding:14px;text-align:left;font-size:14px}.ass-table td{padding:14px;font-size:14px;color:#444;border-bottom:1px solid #f0f0f0}.ass-table tbody tr{transition:all .2s ease}.ass-table tbody tr:hover{background:#f0f3ff}.ass-table tbody tr:nth-child(2n){background:#fafbff}.ass-footer{margin-top:15px;font-size:14px;color:#555;display:flex;justify-content:space-between;align-items:center}@media(max-width:1200px){.ass-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ass-page{padding:15px}.ass-grid{grid-template-columns:1fr}.ass-header{flex-direction:column;align-items:flex-start;gap:10px}.ass-table{min-width:700px}.ass-search-btn-wrap{text-align:left}}.evr-page{min-height:100vh;padding:30px;background:linear-gradient(135deg,#f4f6ff,#eef1ff);font-family:Segoe UI,Poppins,sans-serif;box-sizing:border-box}.evr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.evr-header h2{font-size:24px;font-weight:600;color:#1e1e2d}.evr-header span{font-size:14px;color:#6c757d;font-weight:500}.evr-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;margin-bottom:25px;box-shadow:0 10px 30px #00000012;border:1px solid rgba(255,214,227,.6);transition:.3s ease}.evr-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000014}.evr-card h3{font-size:20px;font-weight:600;color:#2c2c54;margin-bottom:18px}.evr-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:15px}.evr-field label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#444}.evr-field input,.evr-field select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dfe3ff;font-size:14px;background:#f9faff;transition:.3s ease}.evr-field input:focus,.evr-field select:focus{border-color:#4c6fff;outline:none;box-shadow:0 0 0 3px #4c6fff26;background:#fff}.evr-search-btn-wrap{text-align:right;margin-top:25px}.evr-search-btn-wrap button{background:linear-gradient(135deg,#050a7d,#2b3cff);color:#fff;padding:11px 26px;border-radius:12px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #050a7d4d}.evr-search-btn-wrap button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #050a7d66;background:linear-gradient(135deg,#1d25b8,#4057ff)}.evr-table-wrap{overflow-x:auto;border-radius:14px}.evr-table{width:100%;border-collapse:collapse;min-width:600px;background:#fff;border-radius:14px;overflow:hidden}.evr-table thead{background:linear-gradient(135deg,#ffe8ee,#ffe3f5)}.evr-table th{padding:14px;text-align:left;font-size:14px;font-weight:600;color:#2b2b5c;border-bottom:1px solid #eee;white-space:nowrap}.evr-table td{padding:14px;font-size:14px;border-bottom:1px solid #f1f1f1;color:#555}.evr-table tbody tr:hover{background:#f9faff}.evr-sort{margin-left:6px;font-size:12px;color:#7a7acb;cursor:pointer}.evr-no-data{text-align:center;padding:30px;font-size:14px;color:#888}@media(max-width:1024px){.evr-form-grid{gap:18px}}@media(max-width:900px){.evr-form-grid{grid-template-columns:1fr}.evr-header{flex-direction:column;align-items:flex-start;gap:6px}.evr-search-btn-wrap{text-align:left}}@media(max-width:600px){.evr-page{padding:15px}.evr-card{padding:18px}.evr-table{font-size:13px}}.pcr-page{min-height:100vh;padding:30px;background:linear-gradient(135deg,#f4f6ff,#eef1ff);font-family:Segoe UI,Poppins,sans-serif;box-sizing:border-box}.pcr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.pcr-header h2{font-size:24px;font-weight:600;color:#1e1e2d}.pcr-header span{font-size:14px;color:#6c757d;font-weight:500}.pcr-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;margin-bottom:25px;box-shadow:0 10px 30px #00000012;border:1px solid rgba(255,214,227,.6);transition:all .3s ease}.pcr-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000014}.pcr-card h3{font-size:20px;font-weight:600;color:#2c2c54;margin-bottom:18px}.pcr-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:15px}.pcr-field label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#444}.pcr-field select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dfe3ff;font-size:14px;background:#f9faff;transition:all .3s ease;appearance:none;cursor:pointer}.pcr-field select:focus{border-color:#4c6fff;outline:none;box-shadow:0 0 0 3px #4c6fff26;background:#fff}.pcr-placeholder{color:#999}.pcr-search-btn-wrap{text-align:right;margin-top:25px}.pcr-search-btn-wrap button{background:linear-gradient(135deg,#050a7d,#2b3cff);color:#fff;padding:11px 26px;border-radius:12px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #050a7d4d}.pcr-search-btn-wrap button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #050a7d66;background:linear-gradient(135deg,#1d25b8,#4057ff)}.pcr-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pcr-table-wrap{overflow-x:auto;border-radius:14px}.pcr-table{width:100%;border-collapse:collapse;min-width:500px;background:#fff;border-radius:14px;overflow:hidden}.pcr-table thead{background:linear-gradient(135deg,#ffe8ee,#ffe3f5)}.pcr-table th{padding:14px;text-align:left;font-size:14px;font-weight:600;color:#2b2b5c;border-bottom:1px solid #eee;white-space:nowrap}.pcr-table td{padding:14px;font-size:14px;border-bottom:1px solid #f1f1f1;color:#555}.pcr-table tbody tr:hover{background:#f9faff;transition:.2s ease}.pcr-sort{margin-left:6px;font-size:12px;color:#7a7acb;cursor:pointer}.pcr-table input[type=checkbox]{width:16px;height:16px;accent-color:#2b3cff;cursor:pointer}.pcr-no-data{text-align:center;padding:30px;font-size:14px;color:#888}@media(max-width:1100px){.pcr-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.pcr-form-grid{grid-template-columns:1fr}.pcr-header{flex-direction:column;align-items:flex-start;gap:6px}.pcr-search-btn-wrap{text-align:left}}@media(max-width:600px){.pcr-page{padding:15px}.pcr-card{padding:18px}.pcr-table{font-size:13px}}.booklist-page{width:100%;min-height:100vh;padding:20px;background:#f4f7fc;font-family:Poppins,sans-serif;box-sizing:border-box}.booklist-tabs{width:100%;display:flex;gap:14px;margin-bottom:22px;flex-wrap:wrap}.booklist-tab-btn{flex:1;min-width:140px;height:54px;border:none;border-radius:14px;background:#fff;font-size:15px;font-weight:600;color:#555;cursor:pointer;transition:all .35s ease;box-shadow:0 3px 10px #0000000d}.booklist-tab-btn:hover{transform:translateY(-2px)}.booklist-tab-btn.active{background:linear-gradient(135deg,#5b4dff,#7c4dff);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #5b4dff40}.booklist-section{width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 35px #0000000f}.booklist-topbar{width:100%;padding:18px 20px;background:#eef1f7;display:flex;justify-content:space-between;align-items:center;gap:15px;box-sizing:border-box}.booklist-search{width:100%;max-width:430px;height:50px;background:#fff;border-radius:40px;display:flex;align-items:center;padding:0 18px;gap:12px;box-shadow:0 4px 14px #0000000d}.booklist-search svg{font-size:16px;color:#666}.booklist-search input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#333;font-weight:500}.booklist-add-btn{width:50px;min-width:50px;height:50px;border-radius:16px;border:none;background:linear-gradient(135deg,#5b4dff,#7c4dff);color:#fff;font-size:18px;cursor:pointer;transition:all .35s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 22px #5b4dff40}.booklist-add-btn:hover{transform:translateY(-2px) scale(1.05)}.booklist-inline-form{width:100%;padding:25px 20px 10px;box-sizing:border-box}.booklist-inline-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}.booklist-input-group{width:100%;display:flex;flex-direction:column;gap:10px}.booklist-input-group label{font-size:14px;font-weight:600;color:#333}.booklist-input-group input{width:100%;height:52px;border:1px solid #dcdcdc;border-radius:14px;padding:0 18px;font-size:14px;outline:none;transition:.3s ease;background:#fff;box-sizing:border-box}.booklist-input-group input:focus{border-color:#5b4dff;box-shadow:0 0 0 4px #5b4dff14}.booklist-inline-add-btn{width:55px;height:55px;border:none;border-radius:16px;background:linear-gradient(135deg,#5b4dff,#7c4dff);color:#fff;font-size:18px;cursor:pointer;transition:all .35s ease;box-shadow:0 10px 25px #5b4dff40}.booklist-inline-add-btn:hover{transform:translateY(-2px) scale(1.04)}.booklist-table-wrapper{width:100%;overflow-x:auto}.booklist-table{width:100%;border-collapse:collapse}.booklist-table thead{background:#fafbfd}.booklist-table th{padding:18px 20px;text-align:left;font-size:14px;font-weight:700;color:#222;border-bottom:1px solid #ececec;white-space:nowrap}.booklist-table td{padding:18px 20px;font-size:14px;color:#555;border-bottom:1px solid #f1f1f1;white-space:nowrap}.booklist-table tbody tr{transition:.3s ease}.booklist-table tbody tr:hover{background:#f8f9ff}.booklist-delete-btn{width:42px;height:42px;border:none;border-radius:14px;background:linear-gradient(135deg,#ff4d4d1f,#ff000014);color:#ff2d2d;cursor:pointer;font-size:15px;display:flex;justify-content:center;align-items:center;transition:all .35s ease;box-shadow:0 4px 12px #ff000014,inset 0 1px 1px #fff6;position:relative;overflow:hidden}.booklist-delete-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent);opacity:0;transition:.35s ease}.booklist-delete-btn:hover{transform:translateY(-2px) scale(1.06);background:linear-gradient(135deg,#ff4d4d,red);color:#fff;box-shadow:0 10px 22px #ff000038}.booklist-delete-btn:hover:before{opacity:1}.booklist-delete-btn:active{transform:scale(.96)}.booklist-pagination{width:100%;padding:18px 20px;display:flex;justify-content:flex-end;align-items:center;gap:30px;flex-wrap:wrap}.booklist-pagination-left{display:flex;align-items:center;gap:12px}.booklist-pagination-left span{font-size:14px;color:#444}.booklist-pagination-left select{width:90px;height:42px;border-radius:12px;border:1px solid #ddd;padding:0 12px;font-size:14px;background:#fff;outline:none;cursor:pointer}.booklist-pagination-right{display:flex;align-items:center;gap:15px}.booklist-pagination-right span{font-size:14px;color:#333}.booklist-pagination-right button{width:36px;height:36px;border:none;border-radius:10px;background:#f3f4f8;cursor:pointer;transition:all .3s ease;font-size:14px}.booklist-pagination-right button:hover{background:#5b4dff;color:#fff}.booklist-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.booklist-modal{width:100%;max-width:550px;background:#fff;border-radius:24px;overflow:hidden;animation:popup .3s ease;box-shadow:0 20px 45px #00000026}@keyframes popup{0%{transform:translateY(25px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.booklist-modal-header{padding:22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.booklist-modal-header h2{font-size:22px;color:#222;font-weight:700}.booklist-close-btn{width:42px;height:42px;border-radius:50%;border:none;background:#f3f4f8;cursor:pointer;font-size:16px;transition:.3s ease;display:flex;justify-content:center;align-items:center}.booklist-close-btn:hover{background:#ffeded;color:red;transform:rotate(90deg)}.booklist-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.booklist-modal-body input{width:100%;height:52px;border-radius:14px;border:1px solid #ddd;padding:0 18px;outline:none;font-size:14px;transition:.3s ease;box-sizing:border-box}.booklist-modal-body input:focus{border-color:#5b4dff;box-shadow:0 0 0 4px #5b4dff14}.booklist-modal-footer{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:15px}.booklist-cancel-btn{height:48px;padding:0 22px;border:none;border-radius:12px;background:#ececec;cursor:pointer;font-size:14px;font-weight:600;transition:.3s ease}.booklist-cancel-btn:hover{background:#ddd}.booklist-submit-btn{height:48px;padding:0 25px;border:none;border-radius:12px;background:linear-gradient(135deg,#5b4dff,#7c4dff);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:.35s ease;box-shadow:0 8px 18px #5b4dff38}.booklist-submit-btn:hover{transform:translateY(-2px)}@media(max-width:992px){.booklist-inline-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.booklist-page{padding:12px}.booklist-tabs{gap:10px}.booklist-tab-btn{min-width:calc(50% - 10px);height:48px;font-size:14px}.booklist-topbar{flex-direction:column;align-items:stretch}.booklist-search{max-width:100%}.booklist-add-btn{align-self:flex-end}.booklist-inline-grid{grid-template-columns:1fr}.booklist-inline-add-btn{width:100%}.booklist-pagination{justify-content:center;gap:15px}.booklist-pagination-right{width:100%;justify-content:center}}@media(max-width:480px){.booklist-tab-btn{min-width:100%}.booklist-table th,.booklist-table td{padding:14px;font-size:13px}.booklist-modal-footer{flex-direction:column}.booklist-submit-btn,.booklist-cancel-btn{width:100%}}.issueReturn{width:100%;min-height:100vh;padding:20px;background:#f4f7ff;font-family:Poppins,sans-serif;box-sizing:border-box;overflow-x:hidden}.issueReturnHeader{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;margin-bottom:20px;flex-wrap:wrap}.issueReturnSearch{flex:1;height:54px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#f7f8ff;border:1px solid #e5e9ff;border-radius:14px;min-width:250px}.issueReturnSearch svg{font-size:18px;color:#6c63ff}.issueReturnSearch input{width:100%;height:100%;border:none;outline:none;background:none;font-size:14px;font-weight:500;color:#333}.issueReturnActionArea{display:flex;gap:12px}.issueReturnFilterBtn,.issueReturnAddBtn{width:50px;height:50px;border:none;border-radius:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:18px;transition:.3s}.issueReturnFilterBtn{background:#fff;border:1px solid #ececec;color:#444;box-shadow:0 5px 15px #0000000a}.issueReturnAddBtn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 10px 20px #2563eb59}.issueReturnAddBtn:hover,.issueReturnFilterBtn:hover{transform:translateY(-2px)}.issueReturnTableWrap{width:100%;background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000000d;overflow:hidden}.issueReturnMobileHint{display:none;padding:12px;font-size:12px;font-weight:600;text-align:center;background:#f7f8ff;color:#2563eb}.issueReturnTableScroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#bfbfbf transparent}.issueReturnTableScroll::-webkit-scrollbar{height:8px}.issueReturnTableScroll::-webkit-scrollbar-track{background:#efefef;border-radius:20px}.issueReturnTableScroll::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}.issueReturnTable{border-collapse:collapse;min-width:1300px;width:max-content}.issueReturnTable thead{background:#f8f9ff}.issueReturnTable th{padding:18px;font-size:13px;font-weight:700;white-space:nowrap;text-align:left;border-bottom:1px solid #ececec;min-width:160px;color:#222}.issueReturnTable td{padding:16px 18px;font-size:14px;border-bottom:1px solid #f1f1f1;white-space:nowrap;min-width:160px;color:#555}.issueReturnTable tbody tr{transition:.3s}.issueReturnTable tbody tr:hover{background:#f8f9ff;cursor:pointer}.issueReturnDelete{width:38px;height:38px;border:none;background:#fff1f1;color:#ff4d4d;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.issueReturnDelete:hover{background:#ff4d4d;color:#fff}.issueReturnPagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:15px;border-top:1px solid #eee;flex-wrap:wrap}.issueReturnPageLeft,.issueReturnPageRight{display:flex;align-items:center;gap:10px}.issueReturnPageLeft span,.issueReturnPageRight span{font-size:14px;font-weight:500;color:#444}.issueReturnPageLeft select{height:38px;padding:0 12px;border-radius:10px;border:1px solid #ddd;outline:none}.issueReturnPageRight button{width:36px;height:36px;border:none;border-radius:10px;background:#f4f5fb;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:16px;transition:.3s}.issueReturnPageRight button:hover{background:#2563eb;color:#fff}.issueReturnModal{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;padding:20px;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.issueReturnModalBox{width:100%;max-width:950px;max-height:90vh;overflow:auto;background:#fff;border-radius:24px;animation:popup .3s ease}.issueReturnFilterBox{width:100%;max-width:420px;background:#fff;border-radius:22px;overflow:hidden;animation:popup .3s ease}@keyframes popup{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.issueReturnModalHead{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #eee}.issueReturnModalHead h2,.issueReturnModalHead h3{font-size:22px;font-weight:700;color:#222}.issueReturnModalHead button{width:42px;height:42px;border:none;border-radius:50%;background:#f4f4f4;cursor:pointer;font-size:18px;transition:.3s;display:flex;justify-content:center;align-items:center}.issueReturnModalHead button:hover{background:#ffecec;color:#ff4d4d}.issueReturnFormGrid{padding:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.issueReturnFormGrid input,.issueReturnFormGrid select{height:52px;padding:0 16px;border:1px solid #ddd;border-radius:14px;outline:none;font-size:14px;transition:.3s}.issueReturnFormGrid input:focus,.issueReturnFormGrid select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.issueReturnChecks{display:flex;gap:20px;padding:0 22px;flex-wrap:wrap}.issueReturnChecks label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#444}.issueReturnButtons{padding:22px;display:flex;justify-content:flex-end;gap:12px}.cancelBtn,.saveBtn{height:48px;padding:0 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:.3s}.cancelBtn{background:#fff;color:#111;border:1px solid #dcdcdc}.cancelBtn:hover{background:#f5f5f5}.saveBtn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;box-shadow:0 10px 20px #2563eb40}.saveBtn:hover{transform:translateY(-2px)}.issueReturnFilterGrid{padding:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.issueReturnFilterGrid label{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9ff;border-radius:12px;font-size:14px;font-weight:500}.issueReturnFilterGrid input{accent-color:#2563eb}@media(max-width:768px){.issueReturn{padding:10px}.issueReturnSearch{width:100%;min-width:100%}.issueReturnActionArea{width:100%;justify-content:flex-end}.issueReturnMobileHint{display:block}.issueReturnTableScroll{overflow-x:auto}.issueReturnTable{min-width:1300px}.issueReturnPagination{flex-direction:column;align-items:center}.issueReturnFormGrid{grid-template-columns:1fr}.issueReturnButtons{flex-direction:column}.cancelBtn,.saveBtn{width:100%}}@media(max-width:480px){.issueReturn{padding:8px}.issueReturnHeader{padding:12px;border-radius:18px}.issueReturnSearch{height:46px;padding:0 14px}.issueReturnSearch input{font-size:13px}.issueReturnFilterBtn,.issueReturnAddBtn{width:42px;height:42px;font-size:15px;border-radius:12px}.issueReturnTableWrap{overflow:hidden}.issueReturnTableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.issueReturnTable{min-width:1300px;width:max-content}.issueReturnTable th,.issueReturnTable td{padding:12px;font-size:12px}.issueReturnPagination{flex-direction:column;align-items:center}.issueReturnModalBox{max-height:95vh;border-radius:20px}.issueReturnFormGrid{grid-template-columns:1fr;padding:16px}.issueReturnButtons{padding:16px}.issueReturnChecks{padding:0 16px;flex-direction:column;align-items:flex-start;gap:12px}.issueReturnFilterGrid{grid-template-columns:1fr}}.addStudent{width:100%;min-height:100vh;padding:20px;background:#f5f7ff;font-family:Poppins,sans-serif;box-sizing:border-box}.addStudent__topbar{width:100%;background:#fff;border-radius:22px 22px 0 0;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 10px 30px #0000000a}.addStudent__search{flex:1;height:54px;background:#f7f8fc;border-radius:40px;padding:0 18px;display:flex;align-items:center}.addStudent__search svg{font-size:20px;color:#111827;margin-right:12px}.addStudent__search input{flex:1;border:none;outline:none;background:none;font-size:14px;font-weight:500}.addStudent__addBtn{width:56px;height:56px;border:none;border-radius:50%;background:linear-gradient(135deg,#6254ff,#4b42e8);color:#fff;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 12px 24px #594aff40}.addStudent__tableCard{background:#fff;border-radius:0 0 22px 22px;overflow:hidden;box-shadow:0 15px 30px #0000000a}.addStudent__tableWrap{overflow-x:auto}.addStudent__table{width:100%;min-width:780px;border-collapse:collapse}.addStudent__table th{padding:16px;font-size:12px;font-weight:700;color:#111827;text-align:left;border-bottom:1px solid #eef2ff;white-space:nowrap}.addStudent__table td{padding:16px;font-size:13px;color:#333;border-bottom:1px solid #f1f5f9;white-space:nowrap}.addStudent__student,.addStudent__class{font-weight:600}.addStudent__delete{width:34px;height:34px;border:none;background:#fff1f1;border-radius:10px;color:#ff1d1d;font-size:15px;cursor:pointer;display:flex;justify-content:center;align-items:center}.addStudent__delete:hover{background:#ffe3e3}.addStudent__pagination{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.addStudent__pageLeft{display:flex;align-items:center;gap:12px}.addStudent__pageLeft span{font-size:13px;font-weight:500;color:#374151}.addStudent__pageLeft select{height:42px;min-width:82px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:13px;outline:none;cursor:pointer}.addStudent__pageRight{display:flex;align-items:center;gap:12px}.addStudent__pageRight span{font-size:13px;font-weight:500;color:#111827}.addStudent__pageRight button{width:34px;height:34px;border:none;background:#f3f4f6;border-radius:10px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.addStudent__pageRight button:hover{background:#e5e7eb}.addStudent__pageRight button:disabled{opacity:.4;cursor:not-allowed}.addStudentModal{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;overflow:auto}.addStudentModal__box{width:100%;max-width:1300px;background:#fff;border-radius:22px;overflow:hidden}.addStudentModal__header{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2ff}.addStudentModal__header h2{font-size:22px;font-weight:700}.addStudentModal__close{width:58px;height:58px;border:none;border-radius:50%;background:#fff1f1;font-size:26px;cursor:pointer;display:flex;justify-content:center;align-items:center}.addStudentModal__search{margin:20px 22px 16px;height:56px;border:1px solid #d1d5db;border-radius:14px;padding:0 16px;display:flex;align-items:center}.addStudentModal__search svg{font-size:20px;margin-right:10px;color:#666}.addStudentModal__search input{flex:1;border:none;outline:none;background:none;font-size:14px}.addStudentModal__inputs{padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.addStudentModal__inputs input{height:54px;border:1px solid #d1d5db;border-radius:14px;padding:0 16px;font-size:14px;outline:none}.addStudentModal__tableWrap{overflow-x:auto;padding:0 22px}.addStudentModal__table{width:100%;min-width:850px;border-collapse:collapse}.addStudentModal__table th{padding:14px 12px;background:#bdbdbd;font-size:12px;font-weight:700;border:1px solid #9e9e9e;white-space:nowrap;text-align:left;color:#333}.addStudentModal__table td{padding:13px 12px;font-size:12px;border:1px solid #e5e7eb;white-space:nowrap;color:#444;background:#fff}.addStudentModal__footer{padding:24px 22px;display:flex;justify-content:flex-end;gap:14px}.addStudentModal__cancel{border:none;background:none;font-size:15px;cursor:pointer}.addStudentModal__add{height:50px;padding:0 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#6254ff,#4b42e8);color:#fff;font-size:15px;font-weight:600;cursor:pointer}@media(max-width:768px){.addStudent{padding:14px}.addStudent__topbar{padding:16px}.addStudent__search{height:50px}.addStudent__addBtn{width:50px;height:50px;font-size:22px}.addStudent__table th,.addStudent__table td{padding:14px 12px;font-size:12px}.addStudent__pagination{justify-content:center;padding:16px 14px}.addStudent__pageLeft,.addStudent__pageRight{width:100%;justify-content:center;flex-wrap:wrap}.addStudentModal{padding:12px;align-items:flex-start}.addStudentModal__box{margin-top:10px;border-radius:20px}.addStudentModal__inputs{grid-template-columns:1fr}.addStudentModal__header{padding:18px}.addStudentModal__header h2{font-size:20px}.addStudentModal__close{width:52px;height:52px;font-size:24px}.addStudentModal__search{margin:18px;height:52px}.addStudentModal__inputs{padding:0 18px}.addStudentModal__inputs input{height:52px}.addStudentModal__tableWrap{padding:0 18px}.addStudentModal__table{min-width:760px}.addStudentModal__table th,.addStudentModal__table td{padding:12px 10px;font-size:11px}.addStudentModal__footer{padding:20px 18px;flex-direction:column}.addStudentModal__cancel,.addStudentModal__add{width:100%;height:50px;border-radius:12px}.addStudentModal__cancel{background:#f3f4f6}}@media(max-width:480px){.addStudent{padding:10px}.addStudent__topbar{padding:14px;gap:12px}.addStudent__search{height:46px;padding:0 14px}.addStudent__search svg{font-size:18px}.addStudent__search input{font-size:13px}.addStudent__addBtn{width:46px;height:46px;font-size:20px}.addStudent__table{min-width:720px}.addStudent__pagination{padding:14px 12px;gap:12px}.addStudent__pageLeft span,.addStudent__pageRight span{font-size:12px}.addStudent__pageLeft select{height:40px;min-width:76px;font-size:12px}.addStudent__pageRight button{width:32px;height:32px;font-size:13px}.addStudentModal__header{padding:16px}.addStudentModal__header h2{font-size:18px}.addStudentModal__close{width:46px;height:46px;font-size:20px}.addStudentModal__search{margin:16px;padding:0 14px;height:48px}.addStudentModal__search svg{font-size:18px}.addStudentModal__search input{font-size:13px}.addStudentModal__inputs{padding:0 16px;gap:12px}.addStudentModal__inputs input{height:48px;padding:0 14px;font-size:13px}.addStudentModal__tableWrap{padding:0 16px}.addStudentModal__table{min-width:700px}.addStudentModal__table th,.addStudentModal__table td{padding:10px 8px;font-size:10px}.addStudentModal__footer{padding:18px 16px}}.report-page{min-height:100vh;padding:25px;background:#f3f4f8}.report-header{display:flex;justify-content:space-between;margin-bottom:20px}.report-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #00000014;margin-bottom:25px;overflow:hidden}.report-card-header{background:#e7cdd5;padding:16px 22px;font-weight:600}.report-card-body{padding:25px}.report-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.report-grid label{display:block;margin-bottom:6px}.report-grid select,.report-grid input{width:100%;height:42px;padding:8px;border-radius:6px;border:1px solid #ccc}.report-btn-wrap{text-align:right;margin-top:20px}.report-toolbar{padding:15px 20px;display:flex;justify-content:flex-end}.report-toolbar input{margin-left:8px;padding:6px 10px;border-radius:4px;border:1px solid #ccc}.report-table-wrap{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;min-width:1100px}.report-table th{background:#e7cdd5;padding:12px;font-size:13px;text-align:left}.report-table td{padding:12px;border-bottom:1px solid #eee}.report-table tbody tr:nth-child(2n){background:#f2f2f8}.btn-primary{background:#123a6f;color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer}.small-btn{padding:4px 10px;font-size:12px}.btn-primary:hover{background:#0c2750}.report-footer{padding:15px 20px;font-size:14px}@media(max-width:1200px){.report-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.report-grid{grid-template-columns:1fr}}*{box-sizing:border-box;font-family:Segoe UI,sans-serif}.criteria-card{border-radius:16px;padding:25px;background:#f5f5f7;box-shadow:0 4px 15px #0000000d}.criteria-card .card-header{font-size:18px;font-weight:600;margin-bottom:20px;color:#1e1b7a;background:#e9d8e6;padding:12px 18px;border-radius:10px}.criteria-card .criteria-grid{display:flex;gap:30px;align-items:flex-end;flex-wrap:wrap}.criteria-card .form-group{display:flex;flex-direction:column;flex:1;min-width:220px}.criteria-card .form-group label{font-weight:600;margin-bottom:6px;color:#2d3748}.criteria-card .form-group select,.criteria-card .form-group input{padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;background:#eef1f7;outline:none;transition:.3s ease}.criteria-card .form-group select:focus,.criteria-card .form-group input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.criteria-card .criteria-actions{margin-top:20px;display:flex;justify-content:flex-end}.criteria-card .btn-search{padding:12px 28px;background:#1e1b7a;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:.3s ease}.criteria-card .btn-search:hover{background:#312e81}.ae-wrapper{background:#f1f1f6;padding:20px;min-height:100vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ae-wrapper::-webkit-scrollbar{display:none}.ae-header{display:flex;justify-content:space-between;margin-bottom:20px}.card{background:#fff;border-radius:14px;box-shadow:0 5px 15px #00000014;margin-bottom:20px}.card-header{padding:14px 20px;font-weight:600;background:#fff0f4;border-bottom:1px solid #ffd6df;border-radius:14px 14px 0 0}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group select,.form-group input,.form-group textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #cfd3ff}.criteria-actions{text-align:right;padding:0 20px 20px}.btn-search{background:#0b0f78;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer}.enquiry-header{display:flex;justify-content:space-between;align-items:center}.header-actions button{margin-left:8px}.EnquiryListForm-Card{background:#fff;border-radius:14px;padding:25px;box-shadow:0 15px 40px #00000014;margin-bottom:25px}.EnquiryListForm-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.EnquiryListForm-Title{font-size:20px;font-weight:700;color:#1e293b}.EnquiryListForm-HeaderActions{display:flex;gap:10px}.EnquiryListForm-Btn{padding:8px 16px;border-radius:8px;font-size:13px;border:none;cursor:pointer;transition:.3s ease;font-weight:500}.EnquiryListForm-BtnPrimary{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.EnquiryListForm-BtnSecondary{background:#f1f5f9;color:#334155}.EnquiryListForm-BtnDanger{background:#dc2626;color:#fff}.EnquiryListForm-Btn:hover{transform:translateY(-2px);opacity:.9}.EnquiryListForm-TableWrapper{overflow-x:auto}.EnquiryListForm-Table{width:100%;border-collapse:collapse;font-size:13px}.EnquiryListForm-TableHead th{background:#f1f5f9;padding:12px;text-align:left;font-weight:600;color:#334155}.EnquiryListForm-Table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#475569}.EnquiryListForm-Table tr:hover{background:#f9fafb}.EnquiryListForm-ActionBtn{background:#1e293b;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.EnquiryListForm-Dropdown{position:absolute;right:0;top:35px;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;min-width:140px;z-index:999}.EnquiryListForm-DropdownItem{padding:8px 12px;font-size:13px;background:none;border:none;text-align:left;cursor:pointer}.EnquiryListForm-DropdownItem:hover{background:#f1f5f9}.EnquiryListForm-Danger{color:#dc2626}.EnquiryListForm-Overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.EnquiryListForm-ImportCard,.EnquiryListForm-AddCard,.EnquiryListForm-FollowUpCard,.EnquiryListForm-ViewCard{background:#fff;border-radius:16px;width:90%;max-width:900px;box-shadow:0 25px 60px #00000040;overflow:hidden}.EnquiryListForm-PopupHeader{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:14px 20px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.EnquiryListForm-Close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.EnquiryListForm-FormGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.EnquiryListForm-FormGroup{display:flex;flex-direction:column}.EnquiryListForm-FormGroup label{font-size:13px;margin-bottom:5px;font-weight:600}.EnquiryListForm-FormGroup input,.EnquiryListForm-FormGroup select,.EnquiryListForm-FormGroup textarea{padding:10px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;transition:.3s ease}.EnquiryListForm-FormGroup input:focus,.EnquiryListForm-FormGroup select:focus,.EnquiryListForm-FormGroup textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}@media(max-width:768px){.EnquiryListForm-FormGrid{grid-template-columns:1fr}.EnquiryListForm-Header{flex-direction:column;gap:10px}}.btn-primary{background:#0b0f78;color:#fff}.btn-secondary{background:#101a8a;color:#fff}.btn-danger{background:#ff4d6d;color:#fff}.btn-dark{background:#0b0f78;color:#fff}.table-toolbar{display:flex;justify-content:space-between;padding:15px 20px}.toolbar-right{display:flex;gap:10px}.table-wrapper{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.table-wrapper::-webkit-scrollbar{display:none}.EnquiryListForm-TableWrapper table{width:100%;border-collapse:collapse;min-width:1200px}.EnquiryListForm-Table thead th{background:#ffeaf0;padding:10px;border:1px solid #ccc}.EnquiryListForm-Table tbody td{padding:10px;border:1px solid #ccc}.EnquiryListForm-Table tbody tr:nth-child(2n){background:#f5f6ff}.status-active{color:green;font-weight:600}.status-enrolled{color:#0b0f78;font-weight:600}.table-footer{display:flex;justify-content:space-between;padding:15px 20px}.pagination button{margin-left:5px}.pagination .active{background:#0b0f78;color:#fff}.import-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.import-card{background:#fff;width:650px;max-width:95%;border-radius:10px;overflow-y:auto;max-height:90vh;scrollbar-width:none;-ms-overflow-style:none}.import-card::-webkit-scrollbar{display:none}.import-header{position:sticky;top:0;background:#020b6b;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.import-close{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.import-body{padding:20px}.import-top-action{text-align:right;margin-bottom:20px}.import-body input[type=file]{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px}.import-footer{padding:15px 20px;text-align:right;border-top:1px solid #eee}.add-card{background:#fff;width:900px;max-width:95%;border-radius:10px;overflow-y:auto;max-height:96vh;scrollbar-width:none;-ms-overflow-style:none}.add-card::-webkit-scrollbar{display:none}.add-body{padding:20px}.add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.add-grid .form-group.full{grid-column:span 3}.action-dropdown{position:absolute;top:38px;right:0;background:#fff;border-radius:10px;box-shadow:0 5px 20px #00000026;padding:8px;z-index:10;width:160px}.action-dropdown button{width:100%;background:none;border:none;padding:8px;text-align:left;cursor:pointer}.action-dropdown button:hover{background:#f5f6ff}.action-dropdown .danger{color:red}.followup-card{width:1000px;max-width:95%;background:#fff;border-radius:10px;overflow:hidden}.followup-body{display:grid;grid-template-columns:2fr 1fr}.followup-left{padding:20px}.followup-right{padding:20px;background:#f5f5f5}.followup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.followup-grid .full{grid-column:span 2}.followup-history{margin-top:20px}.followup-item{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-top:10px}.followup-date{background:#020b6b;color:#fff;padding:10px;display:flex;justify-content:space-between}.followup-content{padding:10px}.view-overlay{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center}.view-card{background:#fff;width:90%;max-width:1100px;max-height:90vh;border-radius:10px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden}.view-header h3{margin:0;font-size:18px;font-weight:600}.view-header .view-actions{display:flex;gap:12px;align-items:center}.view-header button{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.view-body{padding:14px 16px;overflow-y:scroll;scrollbar-width:none}.view-body::-webkit-scrollbar{width:0;background:transparent}.view-top{text-align:center;margin-bottom:12px}.view-top h2{font-size:20px;margin:4px 0;font-weight:600}.view-top p{margin:2px 0;font-size:14px}.view-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:10px}.view-table td{border:1px solid #8b8b8b;padding:6px 10px;font-size:14px;line-height:1.3;vertical-align:middle;word-break:break-word}.view-table .full{padding:6px 10px;min-height:34px}.view-followup-table{width:100%;border-collapse:collapse;margin-top:14px;table-layout:fixed}.view-followup-table th,.view-followup-table td{border:1px solid #8b8b8b;padding:6px 10px;font-size:14px;text-align:left}.view-card *,.view-body *,.view-table *,.view-followup-table *{box-sizing:border-box;transition:none!important}@media(max-width:768px){.view-card{width:95%;max-height:92vh}.view-table td,.view-followup-table td,.view-followup-table th{font-size:13px;padding:6px 8px}}.view-overlay{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.view-card{background:#fff;width:1100px;max-width:95%;height:90vh;border-radius:10px;box-shadow:0 12px 30px #00000040;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.view-header{background:#020a6b;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.view-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 14px;scrollbar-gutter:stable both-edges;box-sizing:border-box}.view-body::-webkit-scrollbar{width:0}.view-body{scrollbar-width:none}.view-table{width:100%;border-collapse:collapse;table-layout:fixed}.view-table td{border:1px solid #8c8c8c;padding:6px 10px;font-size:14px;line-height:1.35;vertical-align:middle;word-break:break-word;min-height:32px}.view-table tr:nth-child(2n) td{background:#f4f6ff}.view-table td[colspan]{background:#fff}.view-followup-table{width:100%;border-collapse:collapse;margin-top:12px;table-layout:fixed}.view-followup-table th,.view-followup-table td{border:1px solid #8c8c8c;padding:6px 10px;font-size:14px}.view-followup-table th{background:#e9ebf2;font-weight:600}.view-card *,.view-body *,.view-table *,.view-followup-table *{box-sizing:border-box;transition:none!important;animation:none!important}@media(max-width:768px){.view-card{width:95%;height:92vh}.view-table td,.view-followup-table td,.view-followup-table th{font-size:13px;padding:6px 8px}}.page-container{width:100%;padding:20px;font-family:Segoe UI,sans-serif}.form-wrapper{background:#fff;border:1px solid #f3d9df;border-radius:14px;box-shadow:0 1px 8px #0000000f;margin-bottom:35px}.form-header{padding:14px 20px;background:#ffeef2;border-bottom:1px solid #f3d9df;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;border-radius:14px 14px 0 0;color:#243673}.form-header .icon{font-size:20px}.book-form{padding:25px}.form-row{display:flex;gap:22px;margin-bottom:18px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-size:15px;color:#374151;margin-bottom:6px}.form-group input,.form-group textarea{padding:12px 14px;border-radius:8px;border:1px solid #d9ddfb;font-size:15px;outline:none;transition:.2s;background:#fbfbff}.form-group input:focus,.form-group textarea:focus{border-color:#7d8bfc}.disabled-input{background:#dde0f3;color:#243673;font-weight:500}.full-width,.full textarea{width:100%}.save-btn-container{width:100%;display:flex;justify-content:flex-end;margin-top:10px}.save-btn{background:#0a417a;color:#fff;padding:10px 22px;border-radius:8px;font-size:15px;border:none;cursor:pointer;transition:.2s}.save-btn:hover{background:#072e58}@media(max-width:768px){.form-row{flex-direction:column}}.student-container{padding:40px;background:#f5f7ff}.student-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:25px}.student-title{font-size:32px;font-weight:700}.student-header-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.student-search-box{display:flex;align-items:center;background:#fff;padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0;width:260px}.student-search-input{border:none;outline:none;flex:1;min-width:0}.student-search-icon{color:#64748b}.student-add-btn{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;padding:12px 22px;border-radius:12px;display:flex;gap:8px;align-items:center;cursor:pointer}.student-table-wrapper{background:#fff;padding:20px;border-radius:20px;box-shadow:0 15px 30px #0000001a;overflow-x:auto}.student-table{width:100%;min-width:900px;border-collapse:collapse}.student-table th,.student-table td{padding:14px}.student-table th{background:#eef2ff}.action-btns{display:flex;gap:6px}.action-btns button{border:none;padding:8px 12px;color:#fff;border-radius:8px;cursor:pointer}.edit-btn{background:#0ea5e9}.delete-btn{background:#ef4444}.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#00000073;padding:15px}.form-card{width:650px;max-width:100%;background:#fff;padding:30px;border-radius:20px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-icon{cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.input-group input{width:100%;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #dbe3f0}.save-btn{grid-column:span 2;padding:15px;border:none;border-radius:12px;background:linear-gradient(135deg,#16a34a,#059669);color:#fff;font-size:17px;cursor:pointer}@media(max-width:768px){.student-container{padding:20px}.student-title{font-size:24px}.student-header-right{width:100%;flex-direction:column;align-items:stretch}.student-search-box{width:100%}.student-add-btn{width:100%;justify-content:center}.form-grid{grid-template-columns:1fr}.save-btn{grid-column:span 1}}@media(max-width:480px){.student-container{padding:15px}}.returnBook{width:100%;min-height:100vh;padding:24px;background:#f5f7ff;font-family:Poppins,sans-serif;box-sizing:border-box}.returnBook__top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.returnBook__search{flex:1;height:64px;background:#fff;border-radius:20px;padding:0 20px;display:flex;align-items:center;box-shadow:0 12px 30px #0000000d}.returnBook__search svg{font-size:20px;margin-right:12px;color:#777;flex-shrink:0}.returnBook__search input{flex:1;border:none;outline:none;font-size:14px;background:none;font-weight:500;color:#333}.returnBook__actions{display:flex;gap:12px;align-items:center}.returnBook__filterWrap{position:relative}.returnBook__filterBtn,.returnBook__addBtn{width:58px;height:58px;border:none;border-radius:18px;font-size:22px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center;flex-shrink:0}.returnBook__filterBtn{background:#fff;color:#5d54ff;box-shadow:0 10px 25px #0000000d}.returnBook__addBtn{background:linear-gradient(135deg,#6f63ff,#4b42e8);color:#fff;box-shadow:0 15px 30px #594aff40}.returnBook__filterBtn:hover,.returnBook__addBtn:hover{transform:translateY(-3px)}.returnBook__filterDropdown{position:absolute;top:72px;right:0;width:410px;padding:26px;background:#fff;border-radius:26px;box-shadow:0 20px 45px #0000001f;z-index:20;animation:filterPopup .25s ease}@keyframes filterPopup{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.returnBook__filterGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.returnBook__filterGrid label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#333;cursor:pointer}.returnBook__filterGrid input{width:22px;height:22px;accent-color:#5d54ff;cursor:pointer;flex-shrink:0}.returnBook__tableCard{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 15px 35px #0000000d}.returnBook__tableWrap{width:100%;overflow-x:auto}.returnBook__table{width:100%;min-width:1000px;border-collapse:collapse}.returnBook__table th{padding:20px;background:linear-gradient(90deg,#f7f8ff,#eef2ff);font-size:13px;font-weight:700;letter-spacing:.4px;color:#2d2d2d;text-align:left;white-space:nowrap}.returnBook__table td{padding:18px 20px;font-size:14px;border-top:1px solid #edf0ff;color:#444;white-space:nowrap}.returnBook__table tr:hover{background:#fafbff}.returnBook__adm,.returnBook__class,.returnBook__fine{padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.returnBook__adm{background:#edf2ff;color:#4255ff}.returnBook__class{background:#f5f3ff;color:#655bff}.returnBook__fine{background:#ece9ff;color:#5d54ff}.returnBook__student{font-weight:600}.returnBook__delete{width:42px;height:42px;border:none;border-radius:14px;background:#fff2f2;color:#ff4747;cursor:pointer;font-size:17px;transition:.3s;display:flex;justify-content:center;align-items:center}.returnBook__delete:hover{background:#ffe2e2;transform:scale(1.05)}.returnBook__pagination{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #edf0ff;background:#fcfcff;flex-wrap:wrap}.returnBook__pageLeft{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.returnBook__pageLeft span{font-size:14px;font-weight:600;color:#555;line-height:1.3}.returnBook__pageLeft select{height:42px;min-width:78px;padding:0 14px;border:none;outline:none;border-radius:14px;background:#f3f4fb;font-weight:600;font-size:14px;cursor:pointer;color:#333}.returnBook__pageRight{display:flex;align-items:center;gap:10px;margin-left:auto}.returnBook__pageBtn,.activePage{width:42px;height:42px;border:none;border-radius:14px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:15px;font-weight:600;transition:.3s ease}.returnBook__pageBtn{background:#f1f3fb;color:#555}.returnBook__pageBtn:hover{background:#e6e9ff}.activePage{background:linear-gradient(135deg,#6f63ff,#4b42e8)!important;color:#fff;box-shadow:0 10px 20px #594aff40}.returnBookModal{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999}.returnBookModal__box{width:100%;max-width:850px;background:#fff;padding:30px;border-radius:28px}.returnBookModal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:14px}.returnBookModal__header h2{font-size:28px;font-weight:700;color:#222}.returnBookModal__close{width:55px;height:55px;border:none;border-radius:50%;background:#fff1f1;color:#ff4747;font-size:22px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:0}.returnBookModal__search{height:62px;border:1px solid #edf0ff;border-radius:16px;display:flex;align-items:center;padding:0 18px;margin-bottom:18px;background:#fafbff}.returnBookModal__search svg{margin-right:10px;color:#777;flex-shrink:0}.returnBookModal__search input{flex:1;border:none;outline:none;background:none;font-size:14px}.returnBookModal__footer{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;flex-wrap:wrap}.returnBookModal__cancel,.returnBookModal__add{padding:13px 28px;border:none;border-radius:14px;font-weight:600;cursor:pointer;font-size:14px;transition:.3s}.returnBookModal__cancel{background:#f1f2f7;color:#444}.returnBookModal__add{background:#5d54ff;color:#fff}.returnBookModal__searchBox{position:relative;height:64px;border:1px solid #edf0ff;border-radius:18px;display:flex;align-items:center;padding:0 18px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 10px 25px #5d54ff0f}.returnBookModal__searchBox svg{margin-right:12px;color:#6f63ff;font-size:20px;flex-shrink:0}.returnBookModal__searchBox input{flex:1;width:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:600;color:#222}.returnBookModal__suggestions{position:absolute;top:72px;left:0;right:0;background:#fff;border:1px solid #edf0ff;border-radius:18px;max-height:240px;overflow-y:auto;z-index:2000;padding:8px;box-shadow:0 22px 45px #0000001f}.returnBookModal__suggestionItem{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;cursor:pointer;transition:.25s ease}.returnBookModal__suggestionItem:hover{background:#f5f6ff;transform:translate(4px)}.suggestionAvatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#6f63ff,#4b42e8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;text-transform:uppercase}.bookAvatar{background:linear-gradient(135deg,#10b981,#059669)}.suggestionInfo{display:flex;flex-direction:column;gap:3px;min-width:0}.suggestionInfo strong{font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestionInfo span{font-size:12px;color:#64748b;font-weight:600}.returnBookModal__searchBox{height:58px;border-radius:14px;padding:0 14px}.returnBookModal__suggestions{top:64px;max-height:210px;border-radius:14px}.suggestionAvatar{width:36px;height:36px;border-radius:12px}.suggestionInfo strong{font-size:13px}.suggestionInfo span{font-size:11px}@media(max-width:768px){.returnBook{padding:16px}.returnBook__top{flex-direction:column;align-items:stretch}.returnBook__search{width:100%;height:60px}.returnBook__actions{width:100%;justify-content:flex-end}.returnBook__filterDropdown{width:320px}.returnBook__filterGrid{grid-template-columns:1fr 1fr}.returnBook__pagination{padding:18px 16px;flex-direction:column;align-items:flex-start}.returnBook__pageLeft{width:100%;justify-content:space-between}.returnBook__pageRight{width:100%;justify-content:center;margin-left:0}.returnBookModal__box{padding:24px}.returnBookModal__header h2{font-size:24px}}@media(max-width:480px){.returnBook{padding:12px}.returnBook__search{height:56px;border-radius:16px;padding:0 16px}.returnBook__search input{font-size:13px}.returnBook__actions{gap:10px}.returnBook__filterBtn,.returnBook__addBtn{width:52px;height:52px;border-radius:16px;font-size:20px}.returnBook__filterDropdown{width:280px;right:-6px;padding:20px;border-radius:22px}.returnBook__filterGrid{grid-template-columns:1fr;gap:14px}.returnBook__filterGrid label{font-size:14px}.returnBook__table th{padding:16px;font-size:12px}.returnBook__table td{padding:16px;font-size:13px}.returnBook__pagination{padding:14px;border-radius:0 0 24px 24px}.returnBook__pageLeft{gap:10px}.returnBook__pageLeft span{font-size:13px}.returnBook__pageLeft select{height:40px;min-width:72px;font-size:13px;padding:0 12px;border-radius:12px}.returnBook__pageRight{gap:8px}.returnBook__pageBtn,.activePage{width:38px;height:38px;border-radius:12px;font-size:14px}.returnBookModal{padding:14px}.returnBookModal__box{padding:20px;border-radius:22px}.returnBookModal__header{margin-bottom:18px}.returnBookModal__header h2{font-size:20px}.returnBookModal__close{width:46px;height:46px;font-size:18px}.returnBookModal__search{height:56px;padding:0 16px;border-radius:14px}.returnBookModal__footer{flex-direction:column}.returnBookModal__cancel,.returnBookModal__add{width:100%;height:52px;padding:0;border-radius:14px}}.staff-library-page{width:100%;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f4f7ff,#eef1ff);font-family:Inter,sans-serif;box-sizing:border-box}.staff-library-card{width:100%;background:#ffffffe6;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 40px #00000014}.staff-library-header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#eef2ff,#f7f8ff)}.staff-library-search{width:100%;max-width:520px;height:48px;border-radius:50px;background:#fff;display:flex;align-items:center;padding:0 18px;box-shadow:inset 0 0 0 1px #ececec}.staff-library-search-icon{font-size:18px;color:#777}.staff-library-search input{width:100%;border:none;outline:none;padding-left:12px;font-size:14px;background:transparent}.staff-library-add-btn{width:54px;height:54px;border:none;border-radius:50%;background:linear-gradient(135deg,#5d5fef,#4338ca);color:#fff;font-size:24px;cursor:pointer;margin-left:18px;display:flex;align-items:center;justify-content:center;transition:.3s;box-shadow:0 10px 24px #5d5fef59}.staff-library-add-btn:hover{transform:translateY(-3px) scale(1.05)}.staff-library-table-wrapper{width:100%;overflow-x:auto}.staff-library-table{width:100%;border-collapse:collapse}.staff-library-table th{padding:16px 10px;font-size:13px;font-weight:700;color:#222;text-align:center;border-bottom:1px solid #ececec;white-space:nowrap;background:#fff}.staff-library-table td{padding:14px 10px;font-size:13px;text-align:center;color:#555;border-bottom:1px solid #f2f2f2}.staff-library-table tbody tr{transition:.3s}.staff-library-table tbody tr:hover{background:#f7f8ff}.staff-library-book-title{color:#4f46e5;cursor:pointer;font-weight:600}.staff-library-book-title:hover{text-decoration:underline}.staff-library-action-buttons{display:flex;align-items:center;justify-content:center;gap:10px}.staff-library-edit-btn,.staff-library-delete-btn{width:34px;height:34px;border:none;border-radius:10px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:.3s}.staff-library-edit-btn{background:#eef2ff;color:#4f46e5}.staff-library-edit-btn:hover{background:#4f46e5;color:#fff}.staff-library-delete-btn{background:#fff1f2;color:#e11d48}.staff-library-delete-btn:hover{background:#e11d48;color:#fff}.staff-library-empty{padding:30px!important;color:#999;font-weight:600}.staff-library-pagination{padding:18px 22px;display:flex;align-items:center;justify-content:center;gap:18px}.staff-library-pagination button{width:40px;height:40px;border:none;border-radius:12px;background:#f3f4ff;color:#4f46e5;cursor:pointer;font-size:18px;transition:.3s}.staff-library-pagination button:hover{background:#4f46e5;color:#fff}.staff-library-pagination button:disabled{opacity:.4;cursor:not-allowed}.staff-library-pagination span{font-size:14px;font-weight:600;color:#444}.staff-library-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.staff-library-modal{width:100%;max-width:850px;background:#fff;border-radius:28px;overflow:hidden;animation:popup .35s ease}@keyframes popup{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.staff-library-modal-header{padding:24px 30px;border-bottom:1px solid #ececec;display:flex;align-items:center;justify-content:space-between}.staff-library-modal-header h2{font-size:28px;font-weight:700;color:#222}.staff-library-close-btn{width:64px;height:64px;border:none;border-radius:50%;background:#fff1f2;color:#555;font-size:28px;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.staff-library-close-btn svg{display:block}.staff-library-close-btn:hover{transform:rotate(90deg);background:#ffe4e6}.staff-library-modal-body{padding:30px}.staff-library-input-box{width:100%;height:60px;border-radius:16px;border:1px solid #dcdcdc;display:flex;align-items:center;padding:0 18px;margin-bottom:20px;position:relative}.staff-library-input-box input{width:100%;border:none;outline:none;background:transparent;font-size:16px}.staff-library-input-icon{font-size:22px;color:#777;margin-right:12px}.staff-library-input-icon-right{position:absolute;right:20px;font-size:22px;color:#4f46e5}.staff-library-mini-table table{width:100%;border-collapse:collapse}.staff-library-mini-table th{background:#ededed;padding:14px;font-size:13px;border:1px solid #d9d9d9}.staff-library-mini-table td{padding:14px;border:1px solid #ececec;text-align:center}.staff-library-mini-table input{width:70px;height:38px;border-radius:10px;border:1px solid #dcdcdc;text-align:center;outline:none}.staff-library-modal-footer{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:16px}.staff-library-cancel-btn,.staff-library-save-btn{min-width:140px;height:50px;border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:600;transition:.3s}.staff-library-cancel-btn{background:#f3f4f6;color:#222}.staff-library-save-btn{background:linear-gradient(135deg,#5d5fef,#4338ca);color:#fff;box-shadow:0 10px 20px #5d5fef4d}.staff-library-save-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.staff-library-header{flex-direction:column;gap:15px}.staff-library-search{max-width:100%}.staff-library-add-btn{margin-left:0;align-self:flex-end}.staff-library-modal-header h2{font-size:20px}.staff-library-close-btn{width:52px;height:52px;font-size:22px}.staff-library-modal-body{padding:20px}.staff-library-modal-footer{flex-direction:column}.staff-library-cancel-btn,.staff-library-save-btn{width:100%}}.staff-library-input-box{width:100%;height:64px;border-radius:18px;border:1.5px solid #dfe3f0;background:#fff;display:flex;align-items:center;padding:0 20px;margin-bottom:24px;position:relative;transition:.3s;box-shadow:0 3px 10px #00000008}.staff-library-input-box:hover{border-color:#5d5fef}.staff-library-input-box:focus-within{border-color:#5d5fef;box-shadow:0 0 0 4px #5d5fef1a}.staff-library-input-box input[type=date]{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:16px;font-weight:500;color:#222;padding-right:45px;cursor:pointer}.staff-library-input-box input[type=text],.staff-library-input-box input[type=number]{width:100%;border:none;outline:none;background:transparent;font-size:16px;font-weight:500;color:#222}.staff-library-input-icon{font-size:22px;color:#8b8b8b;margin-right:14px;flex-shrink:0}.staff-library-input-icon-right{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:#4f46e5;pointer-events:none}.staff-library-input-box input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;position:absolute;left:0;cursor:pointer}@media(max-width:768px){.staff-library-input-box{height:58px;border-radius:16px;padding:0 16px}.staff-library-input-box input[type=date],.staff-library-input-box input[type=text],.staff-library-input-box input[type=number]{font-size:15px}.staff-library-input-icon{font-size:20px;margin-right:10px}.staff-library-input-icon-right{right:16px;font-size:22px}}.studentListPage{padding:25px 35px;background:#f4f6fb;min-height:100vh;font-family:Segoe UI,sans-serif}.listCard{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;overflow:hidden}.listHeader{padding:18px 25px;border-bottom:1px solid #edf1f7}.listHeader h3{margin:0;font-size:20px;color:#1e293b;display:flex;align-items:center;gap:10px;font-weight:600}.headIcon{color:#4f46e5}.searchRow{padding:18px 25px 0}.searchBox{width:280px;border:1px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f8fafc;transition:.2s}.searchBox:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.searchBox input{border:none;outline:none;width:100%;background:transparent;font-size:14px}.tableWrapper{padding:20px 25px 25px;overflow:auto;position:relative}.studentTable{width:100%;border-collapse:collapse;min-width:1000px}.studentTable thead{background:#f1f5f9;position:sticky;top:0;z-index:2}.studentTable th{padding:14px;font-size:13.5px;text-align:left;color:#334155;border-bottom:2px solid #e2e8f0;font-weight:600}.studentTable td{padding:14px;border-bottom:1px solid #edf1f7;font-size:14px;color:#334155}.studentTable tbody tr{transition:.2s}.studentTable tbody tr:hover{background:#f8fafc}.nameCell{color:#4f46e5;font-weight:500}.actionHead{text-align:center;width:90px}.actionCell{position:relative;text-align:center;width:90px}.actionBtn{background:#eef2ff;border:none;padding:7px 10px;border-radius:8px;cursor:pointer;color:#4f46e5;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.actionBtn:hover{background:#e0e7ff}.actionMenu{position:absolute;right:50%;transform:translate(50%);top:38px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 28px #0000001f;display:flex;flex-direction:column;z-index:100;overflow:hidden}.actionMenu button{padding:11px 16px;border:none;background:#fff;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;font-size:14px;transition:.2s}.actionMenu button:hover{background:#f1f5ff}.editBtn{color:#4f46e5}.deleteBtn{color:#ef4444}.typePage{background:#f2f4fa;min-height:100vh;padding:20px;font-family:Segoe UI,sans-serif;width:100%;box-sizing:border-box}.mainGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.leftCard,.rightCard{background:#fff;border-radius:14px;box-shadow:0 8px 20px #00000014;width:100%;overflow:hidden}.cardHeader{background:#f5e3ea;padding:14px 18px;font-size:16px;font-weight:600;color:#23375b}.cardBody{padding:20px;display:flex;flex-direction:column;gap:14px}.cardBody label{font-size:14px;font-weight:500}.cardBody span{color:red}.cardBody input{height:42px;border-radius:8px;border:1px solid #d7dbe5;padding:0 12px;font-size:14px}.saveBtn{height:42px;border-radius:8px;background:#1c4be8;color:#fff;border:none;font-weight:600;cursor:pointer;transition:.2s}.saveBtn:hover{background:#163dcc}.rightCard{padding:20px}.rightTopBar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px;flex-wrap:wrap}.rightTitle{display:flex;align-items:center;gap:8px;font-size:20px;color:#23375b}.searchInput{min-width:200px;height:38px;border-radius:8px;padding:0 12px;border:1px solid #d7dbe5}.tableWrapper{width:100%;overflow-x:auto;max-height:400px;border-radius:10px;border:1px solid #eee}.typeTable{width:100%;border-collapse:collapse;min-width:400px}.typeTable th{background:#f5e3ea;padding:12px;font-size:14px;text-align:left}.typeTable td{padding:12px;font-size:14px;border-bottom:1px solid #eee}.actionCol,.actionCell{text-align:center}.rowActionBtn{background:#064ea4;color:#fff;padding:6px 12px;font-size:13px;border:none;border-radius:6px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.rowDropdown{background:#fff;min-width:120px;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:9999;border:1px solid #eef0f7;overflow:hidden}.rowDropdown button{width:100%;padding:10px 12px;font-size:13px;border:none;background:#fff;display:flex;align-items:center;gap:8px;cursor:pointer}.rowDropdown button:hover{background:#f8f9ff}.deleteBtn{color:#d62828;border-top:1px solid #f0f0f0}@media(max-width:1024px){.mainGrid{grid-template-columns:1fr}}@media(max-width:600px){.typePage{padding:12px}.rightTitle{font-size:18px}.searchInput{width:100%}.cardBody{padding:16px}.typeTable{min-width:350px}}.question-list{padding:20px;background:#f4f6fb;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.question-list__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.question-list__pageTitle{margin:0}.question-list__breadcrumb{font-size:14px;color:#7b8aa0}.question-list__breadcrumb span{color:#2b50e6}.question-list__card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:25px;overflow:visible}.question-list__cardHeader{background:#fdf2f5;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;border-radius:12px 12px 0 0}.question-list__cardHeader h3{font-size:16px;color:#333;margin:0}.question-list__headerBtns{display:flex;gap:10px}.question-list__importBtn,.question-list__addBtn{padding:8px 16px;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px}.question-list__importBtn{background:#264a6b}.question-list__addBtn{background:#1d3557}.question-list__linkBtn{text-decoration:none}.question-list__cardBody{padding:20px}.question-list__formGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:flex-end}.question-list__formGroup{display:flex;flex-direction:column;gap:8px}.question-list__formGroup label{font-size:14px;font-weight:500;color:#444}.question-list__formGrid select{width:100%;height:42px;border-radius:8px;border:1px solid #d6dbe7;padding:0 12px;background-color:#fff;outline:none}.question-list__searchWrap{display:flex;align-items:flex-end}.question-list__searchBtn{width:100%;height:42px;background:#2b50e6;color:#fff;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600}.question-list__searchBtn:hover{background:#1a39b3}.question-list__tableWrap{overflow-x:auto;padding:0 10px 10px}.question-list__table{width:100%;min-width:1000px;border-collapse:collapse}.question-list__table thead th{background:#f8e8ee;padding:12px;text-align:left;font-size:14px;color:#555;white-space:nowrap}.question-list__table tbody td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}.question-list__table tbody tr:hover{background-color:#f9f9ff}.question-list__thCheck{width:50px}.question-list__thSmall{width:70px}.question-list__thAction{width:90px;text-align:center}.question-list__actionCell{position:relative;text-align:center}.question-list__dots{cursor:pointer;color:#888}.question-list__menu{position:absolute;right:12px;top:30px;background:#fff;border-radius:6px;box-shadow:0 2px 10px #00000026;z-index:100;width:110px;border:1px solid #eee;overflow:hidden}.question-list__menu button{width:100%;padding:10px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px}.question-list__menu button:hover{background:#f5f5f5}.question-list__deleteBtn{color:#e63946}@media(max-width:1024px){.question-list__formGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.question-list__formGrid{grid-template-columns:1fr}}.uq-container{padding:20px;background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.uq-card{background:#fff;border-radius:8px;border-top:4px solid #f9d5d3;box-shadow:0 2px 10px #0000000d;overflow:hidden}.uq-header{padding:15px 25px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px}.uq-header h2{font-size:1.25rem;color:#334155;margin:0;font-weight:500}.uq-formBody{padding:25px}.uq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}@media(max-width:1200px){.uq-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.uq-grid{grid-template-columns:1fr}}.uq-formGroup{display:flex;flex-direction:column;gap:8px}.uq-label{font-size:14px;color:#334155;font-weight:500}.uq-required{color:#ef4444}.uq-input,.uq-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#64748b;background-color:#fff;transition:border-color .2s}.uq-input:focus,.uq-select:focus{outline:none;border-color:#94a3b8}.uq-questionSection{margin-top:20px}.uq-editorWrapper{border:1px solid #ccc;border-radius:4px}.uq-toolbar{background-color:#f0f0f0;padding:8px;border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;gap:4px}.uq-toolGroup{display:flex;gap:4px;padding-right:8px;border-right:1px solid #ddd;margin-right:4px}.uq-toolBtn{background:#fff;border:1px solid #ddd;padding:4px 8px;font-size:12px;cursor:pointer;border-radius:2px}.uq-editorArea{height:200px;background:#fff;padding:15px}.container{background-color:#f8f9fa;padding:20px;font-family:Inter,sans-serif}.headerNav{display:flex;justify-content:space-between;margin-bottom:20px}.mainTitle{font-size:20px;color:#333;margin:0}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;border-top:3px solid #f8bbd0}.cardHeader,.cardHeaderList{padding:15px 20px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.cardTitle{margin:0;font-size:16px;color:#444}.filterRow{display:flex;gap:20px;padding:20px}.inputGroup{flex:1;display:flex;flex-direction:column}.inputGroup label{font-size:13px;margin-bottom:5px;font-weight:600}.selectInput{padding:8px;border:1px solid #ddd;border-radius:4px}.searchActionRow{padding:0 20px 20px;text-align:right}.searchBtn,.addButton{background:#0a3d91;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.tableControls{display:flex;justify-content:flex-end;padding:15px 20px;align-items:center}.searchInputField{border:1px solid #ddd;padding:6px;border-radius:4px;margin-left:5px}.tableWrapper{padding:0 20px 20px}.customTable{width:100%;border-collapse:collapse}.customTable th{background-color:#fdf2f8;color:#283593;text-align:left;padding:12px;font-size:12px;border:1px solid #f0f0f0}.customTable td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:13px;color:#555}.actionContainer{position:relative}.actionButton{background:#0a3d91;color:#fff;border:none;padding:6px 18px;border-radius:4px;cursor:pointer;font-size:13px}.dropdownMenu{position:absolute;right:0;top:100%;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:120px;margin-top:5px}.dropdownItem{padding:10px 15px;cursor:pointer;font-size:13px}.dropdownItem:hover{background-color:#f5f5f5}.dropdownItem.delete{color:#d32f2f}:root{--primary-navy: #0e4a7b;--header-bg: #f8faff;--pink-border: #fce4ec;--text-main: #2c3e50;--required-red: #ff4d4d;--border-color: #dcdfe6}.gq-container{padding:20px 40px;background-color:var(--header-bg);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.gq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.gq-header-left{display:flex;align-items:center;gap:10px;color:var(--primary-navy)}.gq-header-left h1{font-size:24px;font-weight:500;margin:0}.gq-header-right{font-size:14px;display:flex;gap:8px;align-items:center}.breadcrumb-link{color:var(--primary-navy);cursor:pointer}.breadcrumb-active{color:#666}.gq-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid #eee}.gq-card-header{background-color:#fff5f7;padding:15px 25px;font-size:18px;font-weight:500;color:var(--primary-navy);border-bottom:2px solid var(--pink-border);display:flex;align-items:center;gap:10px}.gq-card-body{padding:30px}.gq-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gq-form-group{display:flex;flex-direction:column;gap:8px}.gq-form-group label{font-size:14px;font-weight:500;color:#444}.required{color:var(--required-red)}input,select,textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;transition:border .2s;background-color:#fff}input:focus,select:focus{border-color:var(--primary-navy)}.bg-input{background-color:#e9ecf5}.time-input-wrapper{display:flex;position:relative}.time-input-wrapper input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.time-icon{background-color:var(--primary-navy);color:#fff;padding:0 12px;display:flex;align-items:center;border-radius:0 6px 6px 0}textarea{resize:vertical;min-height:40px}.gq-footer{margin-top:30px;display:flex;justify-content:center}.btn-set-paper{background-color:var(--primary-navy);color:#fff;padding:12px 35px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s}.btn-set-paper:hover{background-color:#0a3a61}@media(max-width:1024px){.gq-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gq-form-grid{grid-template-columns:1fr}}.onlineExamPage{padding:20px;background:#f6f7fb}.onlineExamPage-card{background:#fff;border-radius:14px;margin-bottom:20px;box-shadow:0 6px 18px #00000014;border:1px solid #f1c6cf}.onlineExamPage-cardHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1c6cf;background:#f6e8ec}.title{font-weight:600;font-size:16px}.onlineExamPage-addBtn{background:#1e4f7a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.onlineExamPage-searchBtn{background:#1e4f7a;color:#fff;border:none;padding:8px 18px;border-radius:6px}.onlineExamPage-criteriaGrid{padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.onlineExamPage-field label{font-size:13px;margin-bottom:6px;display:block}.onlineExamPage-field input{width:100%;padding:10px;border-radius:6px;border:1px solid #cfd6e4;background:#eef1f7}.onlineExamPage-searchRow{padding:0 20px 20px;display:flex;justify-content:flex-end}.onlineExamPage-tableWrapper{padding:20px;overflow:auto}.onlineExamPage-table{width:100%;border-collapse:collapse}.onlineExamPage-table th{background:#f1dde3;padding:12px;font-size:13px;text-align:left}.onlineExamPage-table td{padding:14px;border-bottom:1px solid #eee}.empty{text-align:center;color:#777}.onlineExamModalOverlay{position:fixed;inset:0;background:#00000040;opacity:0;pointer-events:none;transition:.25s;display:flex;align-items:center;justify-content:center;z-index:999}.onlineExamModal{width:920px;background:#fff;border-radius:10px;transform:translateY(30px) scale(.96);transition:.25s;overflow:hidden}.onlineExamModal.show{transform:translateY(0) scale(1)}.onlineExamModal-header{background:#1e4f7a;color:#fff;padding:14px 18px;display:flex;justify-content:space-between}.onlineExamModal-body{padding:20px}.onlineExamModal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field label{font-size:13px;margin-bottom:6px;display:block}.field input,.field select,.field textarea{width:100%;padding:10px;border-radius:6px;border:1px solid #d6dbe6;background:#f3f5fa}.full{grid-column:1 / -1}.onlineExamModal-checkRow{margin:14px 0;display:flex;gap:20px}.onlineExamModal-footer{padding:16px;display:flex;justify-content:flex-end}.saveBtn{background:#1e4f7a;color:#fff;border:none;padding:8px 20px;border-radius:6px}.onlineExamModalOverlay{opacity:0;pointer-events:none;transition:.25s ease}.onlineExamModalOverlay.show{opacity:1;pointer-events:auto}.onlineExamModal{transform:translateY(40px) scale(.96);opacity:0;transition:.25s ease}.onlineExamModal.show{transform:translateY(0) scale(1);opacity:1}.examForm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.examForm-field{display:flex;flex-direction:column;gap:6px}.examForm-field input,.examForm-field select,.examForm-field textarea{padding:10px;border:1px solid #cfd6e4;border-radius:6px;background:#f7f9fc}.examForm-checkRow{display:flex;gap:20px;margin:12px 0}.examForm-field.full{grid-column:1/-1}@media(max-width:900px){.examForm-grid{grid-template-columns:1fr}}@media(max-width:900px){.onlineExamModal{width:95%}.onlineExamModal-grid,.onlineExamPage-criteriaGrid{grid-template-columns:1fr}}.questionBankAdmin-wrapper{padding:20px;background:#f5f6fb;font-family:Inter,sans-serif}.questionBankAdmin-card{background:#fff;border-radius:14px;margin-bottom:20px;box-shadow:0 6px 18px #00000014;border:2px solid #f2c9d2}.questionBankAdmin-cardHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.questionBankAdmin-headerActions{display:flex;gap:10px}.questionBankAdmin-filterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:20px}.questionBankAdmin-input{padding:10px;border-radius:8px;border:1px solid #dcdcdc;font-size:14px}.questionBankAdmin-btnPrimary{background:#1f4e79;color:#fff;border:none;padding:9px 14px;border-radius:6px;cursor:pointer}.questionBankAdmin-btnDanger{background:#ff4d6d;color:#fff;border:none;padding:9px 14px;border-radius:6px}.questionBankAdmin-btnAction{background:#1f4e79;color:#fff;border:none;padding:6px 12px;border-radius:6px}.questionBankAdmin-searchRow{padding:0 20px 20px;display:flex;justify-content:flex-end}.questionBankAdmin-tableWrapper{overflow:auto}.questionBankAdmin-table{width:100%;border-collapse:collapse}.questionBankAdmin-table th{background:#f4d6dd;padding:12px;text-align:left}.questionBankAdmin-table td{padding:12px;border-top:1px solid #eee}.questionBankAdmin-pagination{padding:15px;display:flex;gap:8px;justify-content:flex-end}.questionBankAdmin-pageBtn{padding:6px 10px;border:1px solid #ddd;background:#fff;cursor:pointer}.questionBankAdmin-pageBtn.active{background:#1f4e79;color:#fff}.questionBankAdmin-popupOverlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.questionBankAdmin-popup{background:#fff;width:720px;max-width:95%;border-radius:14px;box-shadow:0 10px 30px #0003}.questionBankAdmin-field{display:flex;flex-direction:column;gap:6px}.questionBankAdmin-field label{font-size:13px;font-weight:600}.questionBankAdmin-popupLarge{width:950px;max-width:95%;background:#fff;border-radius:14px;overflow:hidden}.questionBankAdmin-infoBlock{padding:20px;border-bottom:1px solid #eee;background:#fafafa}.questionBankAdmin-popupForm{padding:20px}.questionBankAdmin-field.full{grid-column:1 / -1}.questionBankAdmin-popupContent{padding:20px}.questionBankAdmin-popupGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.questionBankAdmin-popupActions{margin-top:20px;display:flex;justify-content:flex-end}.qbPopup-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;padding:20px;z-index:9999}.qbPopup-wrapper{width:1050px;max-width:100%;background:#fff;border-radius:14px;box-shadow:0 30px 70px #0003;overflow:hidden}.qbPopup-topHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #eee}.qbPopup-headerActions{display:flex;gap:10px;align-items:center}.qbPopup-close{background:none;border:none;font-size:18px;cursor:pointer}.qbPopup-infoCard{padding:20px 24px;background:#fafbfc;border-bottom:1px solid #eee}.qbPopup-infoCard ol{margin:0;padding-left:18px;line-height:1.7;font-size:14px}.qbPopup-formCard{margin:22px;padding:22px;border-radius:14px;border:2px solid #f3c7d1;background:#fff;box-shadow:0 10px 25px #0000000f}.qbPopup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 22px}.qb-field{display:flex;flex-direction:column;gap:6px}.qb-field label{font-size:13px;font-weight:600}.qb-full{grid-column:1 / -1}.qb-input{height:44px;border-radius:10px;border:1px solid #dcdfe6;padding:0 12px;font-size:14px;transition:.2s}.qb-input:focus{outline:none;border-color:#244e73;box-shadow:0 0 0 2px #244e731f}.qbPopup-actions{display:flex;justify-content:flex-end;margin-top:20px}.qb-btnPrimary{background:#244e73;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.qb-btnPrimary:hover{background:#1c3f5d}@media(max-width:768px){.qbPopup-grid{grid-template-columns:1fr}}@media(max-width:768px){.questionBankAdmin-cardHeader{flex-direction:column;gap:10px;align-items:flex-start}}.Student-Admission-Page{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8fafc);padding:10px;font-family:Segoe UI,sans-serif}.Student-Admission-Container{max-width:1350px;margin:auto;background:#fff;padding:40px;border-radius:18px;box-shadow:0 25px 60px #00000014}.Student-Admission-Container>*{margin-bottom:20px}.Student-Admission-RemoveBtn{margin-top:5px;padding:4px 8px;font-size:12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer}.Student-Admission-RemoveBtn{margin-top:6px;padding:4px 8px;font-size:12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer}.Student-Admission-Header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.Student-Admission-Title{font-size:28px;font-weight:700;color:#1e293b}.Student-Admission-DownloadBtn,.Student-Admission-SubmitBtn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;padding:10px 22px;border-radius:10px;cursor:pointer;transition:.25s;box-shadow:0 8px 20px #2563eb4d}.Student-Admission-DownloadBtn:hover,.Student-Admission-SubmitBtn:hover{transform:translateY(-2px)}.Student-Admission-FormGrid{display:grid;grid-template-columns:3fr 1fr;gap:35px}.Student-Admission-Left{display:flex;flex-direction:column;gap:22px}.Student-Admission-Row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.Student-Admission-TwoColumn{grid-template-columns:repeat(2,1fr)}.Student-Admission-Group{display:flex;flex-direction:column}.Student-Admission-Label{font-size:13px;margin-bottom:6px;font-weight:600;color:#334155}.Student-Admission-Input,.Student-Admission-Textarea{padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;background:#f9fafb;transition:.25s}.Student-Admission-Input:focus,.Student-Admission-Textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.Student-Admission-Textarea{min-height:100px;resize:vertical}.Student-Admission-PhotoBox{position:relative;width:100%;max-width:220px;height:240px;border:2px dashed #2563eb;border-radius:14px;background:#f1f5ff;display:flex;justify-content:center;align-items:center;overflow:hidden}.Student-Admission-PhotoInput{position:absolute;inset:0;opacity:0;cursor:pointer}.Student-Admission-PhotoPreview{width:100%;height:100%;object-fit:cover}.Student-Admission-PhotoOverlay{position:absolute;bottom:0;width:100%;background:#0000008c;color:#fff;text-align:center;padding:8px;font-size:13px;opacity:0;transition:.3s}.Student-Admission-PhotoBox:hover .Student-Admission-PhotoOverlay{opacity:1}.Student-Admission-SectionTitle{margin:30px 0 15px;font-size:18px;font-weight:600;border-left:4px solid #2563eb;padding-left:10px}.Student-Admission-TransportInfo{margin-top:10px;padding:12px 14px;border-radius:12px;background:#eef4ff;border:1px solid #dbeafe;color:#475569;font-size:13px;font-weight:500}.Student-Admission-AddressGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.Student-Admission-DocumentWrapper{width:100%;overflow-x:auto}.Student-Admission-DocumentTable{width:100%;min-width:550px;border-collapse:collapse}.Student-Admission-DocumentTable th{background:#f1f5f9;padding:12px;font-weight:600;font-size:14px;text-align:left}.Student-Admission-DocumentTable td{padding:12px;border-top:1px solid #e5e7eb}.Student-Admission-DocName{font-weight:500;color:#1f2937}.Student-Admission-DocumentCell{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.Student-Admission-ViewFile{background:#2563eb;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;text-decoration:none}.Student-Admission-ViewFile:hover{background:#1d4ed8}.Student-Admission-FileInput{font-size:13px}.Student-Admission-SubmitWrapper{text-align:right}@media(max-width:1200px){.Student-Admission-Container{padding:30px}}@media(max-width:1024px){.Student-Admission-FormGrid{grid-template-columns:1fr}.Student-Admission-PhotoBox{margin:auto}.Student-Admission-Row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.Student-Admission-Header{flex-direction:column;align-items:flex-start}.Student-Admission-Title{font-size:22px}.Student-Admission-Row,.Student-Admission-TwoColumn,.Student-Admission-AddressGrid{grid-template-columns:1fr}.Student-Admission-DownloadBtn,.Student-Admission-SubmitBtn{width:100%;justify-content:center}}@media(max-width:576px){.Student-Admission-Container{padding:20px}.Student-Admission-Input,.Student-Admission-Textarea{font-size:13px;padding:10px}.Student-Admission-PhotoBox{height:210px}.Student-Admission-SubmitWrapper{text-align:center}}@media(max-width:400px){.Student-Admission-Title{font-size:18px}.Student-Admission-PhotoBox{height:190px}}.admission-wrapper{background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,sans-serif;color:#334155}.admission-header{display:flex;justify-content:space-between;margin-bottom:24px}.admission-title{font-size:24px;font-weight:600}.admission-breadcrumb{font-size:14px;color:#64748b}.admission-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:24px;box-shadow:0 6px 18px #0000000d}.card-header{padding:16px 20px;font-weight:600;border-bottom:1px solid #e2e8f0;background:#f9fafb}.card-body{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.input-field{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px}.search-btn-container{display:flex;justify-content:flex-end;margin-top:16px}.search-btn{width:200px;height:45px;background:#1e3a8a;color:#fff;padding:3px 5px;border-radius:7px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.admission-table{width:100%;border-collapse:collapse}.admission-table th{background:#f1f5f9;padding:12px;font-size:12px;text-transform:uppercase}.admission-table td{padding:14px;border-bottom:1px solid #f1f5f9}.status-btn{padding:8px 12px;border-radius:8px;color:#fff;border:none;font-size:12px}.paid{background:#1e3a8a}.unpaid{background:#ef4444}.action-area,.action-wrapper{position:relative}.action-btn{background:linear-gradient(135deg,#2563eb,#1e3a8a);border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.action-dropdown{position:absolute;top:45px;right:0;width:170px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:8px 0;z-index:1000}.dropdown-item{padding:12px 16px;display:flex;gap:10px;width:100%;border:none;background:transparent;cursor:pointer}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.delete:hover{background:#fee2e2;color:#dc2626}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center}.modal-content{width:100%;max-width:420px;background:#fff;border-radius:14px}.modal-header{background:#1e3a8a;color:#fff;padding:16px;display:flex;justify-content:space-between}.modal-body{padding:20px}.update-btn{width:100%;padding:10px;background:#1e3a8a;color:#fff;border-radius:8px;border:none}.sd-container{padding:24px;background:#f4f6f9;min-height:100vh;font-family:Inter,sans-serif;color:#2c3e50}.sd-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.sd-title{display:flex;align-items:center;gap:10px}.sd-icon-main{font-size:22px;color:#1e3a8a}.sd-title h2{margin:0;font-size:22px;font-weight:600}.sd-breadcrumbs{font-size:14px;color:#6b7280}.sd-breadcrumbs .active{font-weight:500;color:#111827}.sd-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0000000d;overflow:visible}.sd-card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#f9fafb;display:flex;align-items:center;gap:10px;font-weight:600;border-top-left-radius:14px;border-top-right-radius:14px}.sd-card-body{padding:28px}.sd-form-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:24px;align-items:end}.sd-input-field{display:flex;flex-direction:column;gap:6px}.sd-input-field label{font-size:13px;font-weight:500}.required{color:#ef4444}.sd-input-field input{padding:12px 14px;border-radius:12px;border:1px solid #d1d5db;font-size:14px;width:100%;background:#fff;transition:.2s ease}.sd-input-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.sd-select-wrap{position:relative;width:100%;z-index:1}.sd-select-wrap.is-open{z-index:9999}.sd-select-btn{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d1d5db;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s ease}.sd-select-btn.open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.sd-select-text{font-size:14px;color:#111827}.sd-select-text.placeholder{color:#6b7280}.sd-select-icon{transition:.2s ease;color:#111827}.sd-select-icon.rot{transform:rotate(180deg)}.sd-select-menu{position:absolute;top:calc(100% + 10px);left:0;width:100%;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 18px 40px #00000024;overflow:hidden;max-height:240px;overflow-y:auto}.sd-select-item{width:100%;padding:12px 14px;border:none;background:#fff;text-align:left;cursor:pointer;font-size:14px;color:#111827;transition:.15s ease}.sd-select-item:hover{background:#f3f6ff}.sd-select-item.active{background:#e8efff;color:#1e3a8a;font-weight:600}.placeholder-item{color:#6b7280}.sd-btn-wrapper{display:flex;justify-content:flex-end}.sd-btn-search{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;padding:12px 18px;border-radius:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;height:46px;white-space:nowrap;transition:.25s ease}.sd-btn-search:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2563eb47}@media(max-width:1024px){.sd-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.sd-btn-wrapper{justify-content:stretch}.sd-btn-search{width:100%;justify-content:center}}@media(max-width:768px){.sd-card-body{padding:18px}.sd-form-grid{grid-template-columns:1fr}.sd-btn-wrapper{justify-content:stretch}.sd-btn-search{width:100%;justify-content:center}}.student-container{padding:20px;background:#f4f6f9;min-height:100vh;font-family:Segoe UI,sans-serif}.student-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #0000000f}.student-header{background:#f2e3e8;padding:16px 20px;border-bottom:1px solid #e0cbd2}.student-title{display:flex;align-items:center;gap:10px;color:#1e2a55}.student-title h2{margin:0;font-size:1.2rem}.top-toolbar{display:flex;justify-content:space-between;padding:20px;align-items:center}.entries-select{padding:8px 12px;border-radius:6px;border:1px solid #ccc}.search-input{width:260px;padding:9px 14px;border-radius:25px;border:1px solid #ccc;outline:none;transition:.3s}.search-input:focus{border-color:#1c4b82;box-shadow:0 0 0 3px #1c4b821a}.table-wrapper{overflow-x:auto}.student-table{width:100%;border-collapse:collapse;min-width:1000px}.student-table thead{background:#e9d7de}.student-table th{padding:14px;font-size:.85rem;text-align:left;color:#1e2a55;font-weight:600;border-bottom:2px solid #d3b7c2}.student-table td{padding:14px;border-bottom:1px solid #eee;font-size:.9rem;color:#444}.student-table tbody tr:hover{background:#f7f8fc}.badge{background:#e3f2fd;color:#1565c0;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.th-action{text-align:right}.action-cell{position:relative;text-align:right}.dots-wrap{position:relative;display:inline-flex;justify-content:flex-end}.dots-btn{width:38px;height:38px;border-radius:10px;border:1px solid #e6e8ef;background:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s ease;color:#1c4b82}.dots-btn:hover{background:#f3f6ff;border-color:#d8def0}.dots-btn:active{transform:scale(.98)}.dropdown-menu{position:absolute;top:44px;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 24px #0000001f;overflow:hidden;min-width:150px;z-index:100;border:1px solid #eef0f6;animation:pop .12s ease-out}@keyframes pop{0%{transform:translateY(-4px);opacity:.6}to{transform:translateY(0);opacity:1}}.dropdown-menu button{width:100%;padding:11px 14px;border:none;background:none;text-align:left;cursor:pointer;font-size:.88rem;transition:.2s;color:#1e2a55}.dropdown-menu button:hover{background:#f3f4f8}.delete-btn{color:#c62828!important}.student-category__inner{padding:20px}.student-category__topbar{margin-bottom:16px}.student-category__title{display:flex;align-items:center;gap:12px}.student-category__title h1{font-size:26px;font-weight:800;color:#0b1b3a;margin:0}.student-category__grid{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}.student-category__card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000f;padding:18px}.student-category__cardHead{display:flex;align-items:center;gap:10px;margin-bottom:16px}.student-category__form{display:flex;flex-direction:column;gap:12px}.student-category__label{font-weight:800;color:#1b2b55}.student-category__req{color:#d11a3a}.student-category__input{height:44px;border-radius:10px;border:1px solid #d0d7e2;padding:0 12px;font-size:14px}.student-category__btnSave{background:#0b2a6b;color:#fff;border:none;height:42px;border-radius:10px;font-weight:800;cursor:pointer}.student-category__tableCard{padding:0;overflow:hidden;min-height:520px}.student-category__tableHead{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-bottom:1px solid #edf0f6}.student-category__cardHeadLeft{display:flex;align-items:center;gap:10px}.student-category__searchBox{position:relative;width:320px}.student-category__searchBox input{width:100%;height:44px;border-radius:12px;border:1px solid #cfd9ee;padding:0 14px 0 44px;font-size:14px;outline:none;background:#fff}.student-category__searchIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7b8aa7}.student-category__tableWrap{width:100%;height:444px;overflow:auto}.student-category__table{width:100%;border-collapse:separate;border-spacing:0}.student-category__table thead th{background:#ffe8ee;color:#0b1b3a;font-weight:900;font-size:14px;padding:16px;text-align:left;border-bottom:1px solid #f3c8d4}.student-category__thId{width:120px}.student-category__thAction{width:110px;text-align:center}.student-category__table tbody td{padding:18px 16px;border-bottom:1px solid #eef2ff;font-size:15px;color:#0b1b3a}.student-category__rowAlt td{background:#f6f8ff}.student-category__tdId{color:#0b2a6b;font-weight:800}.student-category__tdCat{font-weight:800}.student-category__tdAction{text-align:center}.student-category__dotsWrap{position:relative;display:inline-flex;justify-content:center}.student-category__dotsBtn{width:40px;height:40px;border-radius:10px;border:1px solid #e6ecff;background:#fff;display:grid;place-items:center;cursor:pointer;font-size:18px;color:#0b2a6b;transition:.15s ease}.student-category__dotsBtn:hover{background:#f2f6ff}.student-category__menu{position:absolute;right:0;top:46px;width:160px;background:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.1);box-shadow:0 20px 40px #10182824;overflow:hidden;z-index:50}.student-category__menuItem{width:100%;padding:12px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:900;color:#15284f}.student-category__menuItem:hover{background:#f4f7ff}.student-category__danger{color:#b10f2e}.student-category__empty{text-align:center;padding:22px 14px!important;color:#6b7aa0;font-weight:800}@media(max-width:992px){.student-category__grid{grid-template-columns:1fr}.student-category__searchBox{width:100%;max-width:420px}.student-category__tableCard{min-height:480px}.student-category__tableWrap{height:404px}}.expense-list{--ink: #1b1f2a;--muted: #6b7280;--line: #d6d2dc;--soft2: #5752eaa3;--topbar: #5752eac2;--shadow: 0 12px 30px rgba(16, 24, 40, .08);--radius: 14px;min-height:100vh;background:#f6f6f6;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Helvetica Neue}.expense-list__topbar{height:66px;background:var(--topbar);border-bottom:1px solid #eadbe5;display:flex;align-items:center;padding:0 20px}.expense-list__title{font-size:22px;font-weight:700;margin:0;color:#1b2a4a;letter-spacing:.3px}.expense-list__toolbar{max-width:1200px;margin:18px auto 0;padding:0 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.expense-list__pagesize select{height:40px;width:90px;border-radius:10px;border:1px solid #dcd6e2;background:#fff;padding:0 12px;font-weight:600;color:#334155;box-shadow:0 8px 16px #1018280f;cursor:pointer;transition:.2s ease}.expense-list__pagesize select:focus{border-color:#0e4f8a;box-shadow:0 0 0 3px #0e4f8a26}.expense-list__search{display:flex;align-items:center;gap:10px}.expense-list__searchLabel{font-weight:700;color:#2b3b58}.expense-list__search input{height:40px;width:280px;border-radius:10px;border:1px solid #dcd6e2;background:#fff;padding:0 12px;outline:none;transition:.2s ease;box-shadow:0 8px 16px #1018280f}.expense-list__search input:focus{border-color:#0e4f8a99;box-shadow:0 10px 22px #0e4f8a24}.expense-list__tableCard{max-width:1200px;margin:18px auto 40px;padding:0 14px}.expense-list__tableWrap{background:#fff;border:1px solid #e7e2ea;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.expense-list__table{width:100%;border-collapse:separate;border-spacing:0}.expense-list__table thead th{background:var(--soft2);color:#1c2a4a;font-weight:900;font-size:14px;letter-spacing:.4px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;text-align:left}.expense-list__table th,.expense-list__table td{padding:14px;border-right:1px solid var(--line)}.expense-list__table th:last-child,.expense-list__table td:last-child{border-right:0}.expense-list__table tbody td{background:#fff;border-bottom:1px solid var(--line);vertical-align:middle;font-size:15px;color:#1f2b44;transition:background .15s ease}.expense-list__table tbody tr:hover td{background:#f9fbff}.expense-list__nameCell{font-weight:700;color:#1b2a4a;text-transform:uppercase}.expense-list__headCell{font-weight:700;color:#223056}.expense-list__amtCell{font-weight:800;text-align:center;color:#0e4f8a}.expense-list__balanceTh{text-align:center}.expense-list__balanceCell{font-weight:800;text-align:center;color:#0b3f70}.expense-list__empty{text-align:center;padding:24px;color:var(--muted);background:#fff;font-weight:500}@media(min-width:1025px){.expense-list__tableWrap{overflow-x:auto;overflow-y:hidden}.expense-list__table{min-width:1300px;width:max-content}.expense-list__tableWrap::-webkit-scrollbar{height:8px}.expense-list__tableWrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.expense-list__tableWrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}}@media(max-width:920px){.expense-list__search input{width:220px}}@media(max-width:720px){.expense-list__toolbar{flex-direction:column;align-items:flex-start;gap:12px}.expense-list__search{width:100%}.expense-list__search input{width:100%;max-width:360px}.expense-list__tableWrap{overflow-x:auto}.expense-list__table{min-width:1050px}}.studentHouse{padding:24px;background:#f4f6fb;min-height:100vh;font-family:Inter,sans-serif}.studentHouse__container{display:grid;grid-template-columns:350px 1fr;gap:24px}.studentHouse__formCard{background:#fff;padding:24px;border-radius:14px;box-shadow:0 8px 24px #0000000f;height:fit-content}.studentHouse__title{margin-bottom:18px;font-size:20px;font-weight:600;color:#1e293b}.studentHouse__field{display:flex;flex-direction:column;margin-bottom:16px}.studentHouse__field label{font-size:14px;margin-bottom:6px;font-weight:500;color:#334155}.studentHouse__field input,.studentHouse__field textarea{padding:10px;border-radius:8px;border:1px solid #dbeafe;font-size:14px;outline:none;transition:.3s}.studentHouse__field input:focus,.studentHouse__field textarea:focus{border-color:#2563eb}.studentHouse__primaryBtn{width:100%;padding:10px;border:none;background:#2563eb;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:.3s}.studentHouse__primaryBtn:hover{background:#1d4ed8}.studentHouse__listCard{background:#fff;padding:24px;border-radius:14px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column}.studentHouse__listHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.studentHouse__search{padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;width:220px}.studentHouse__tableWrapper{overflow-x:auto;overflow-y:auto;max-height:420px}.studentHouse__table{width:100%;border-collapse:collapse;min-width:650px}.studentHouse__table th{background:#f1f5f9;padding:12px;font-size:14px;text-align:left}.studentHouse__table td{padding:12px;border-top:1px solid #e2e8f0;font-size:14px}.studentHouse__actions{display:flex;gap:8px}.studentHouse__editBtn{background:#f59e0b;border:none;padding:6px 12px;border-radius:6px;color:#fff;cursor:pointer}.studentHouse__deleteBtn{background:#ef4444;border:none;padding:6px 12px;border-radius:6px;color:#fff;cursor:pointer}.studentHouse__noData{text-align:center;padding:20px;color:#64748b}.studentHouse__pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.studentHouse__pagination button{padding:6px 12px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;cursor:pointer}.studentHouse__pagination button.active{background:#2563eb;color:#fff;border-color:#2563eb}.studentHouse__pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.studentHouse__container{grid-template-columns:1fr}}@media(max-width:600px){.studentHouse{padding:14px}.studentHouse__search{width:100%}.studentHouse__listHeader{flex-direction:column;align-items:flex-start;gap:10px}}:root{--primary: #4f46e5;--primary-light: #6366f1;--secondary: #0ea5e9;--dark: #0f172a;--gray: #64748b;--light-bg: #f8fafc;--card-bg: rgba(255, 255, 255, .85)}.ss-wrapper{padding:40px 5%;background:linear-gradient(135deg,#eef2ff,#f1f5f9);min-height:100vh;font-family:Inter,sans-serif}.ss-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;flex-wrap:wrap;gap:15px}.ss-header-left{display:flex;align-items:center;gap:15px}.ss-icon-box{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 8px 20px #4f46e540}.ss-header h1{font-size:26px;font-weight:600;color:var(--dark)}.ss-breadcrumb{font-size:14px;color:var(--gray)}.ss-breadcrumb .divider{margin:0 8px}.ss-breadcrumb .active{color:var(--primary);font-weight:500}.ss-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 15px 40px #00000014;overflow:hidden;transition:.3s ease}.ss-card:hover{transform:translateY(-3px)}.ss-card-header{padding:22px 30px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;background:linear-gradient(90deg,#4f46e514,#0ea5e914);border-bottom:1px solid #e2e8f0;color:var(--dark)}.ss-card-body{padding:50px 20px}.ss-empty{text-align:center;max-width:500px;margin:auto}.ss-empty h3{font-size:20px;margin-bottom:10px;color:var(--dark)}.ss-empty p{color:var(--gray);margin-bottom:25px;font-size:14px}@media(max-width:992px){.ss-wrapper{padding:30px 4%}.ss-header h1{font-size:22px}.ss-card-body{padding:40px 15px}}@media(max-width:600px){.ss-header{flex-direction:column;align-items:flex-start}.ss-header-left{gap:10px}.ss-icon-box{width:42px;height:42px;font-size:18px}.ss-header h1{font-size:20px}.ss-card-header{padding:18px;font-size:16px}.ss-card-body{padding:30px 15px}}.su-page{min-height:100vh;padding:40px 20px;background:#f1e5e5;font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:flex-start}.su-layout{width:100%;max-width:1200px}.su-header{background:#f1e5e5;padding:22px 30px;border-radius:16px;color:#0a0a0a;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #00000040;margin-bottom:30px}.su-header-left{display:flex;align-items:center;gap:12px}.su-header-icon{font-size:24px}.su-header-title{font-size:22px;font-weight:600}.su-header-right{display:flex;gap:10px;font-size:14px;opacity:.9}.su-breadcrumb-active{font-weight:600}.su-criteria-card{background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:35px;box-shadow:0 20px 40px #00000059;border:1px solid rgba(255,255,255,.1);color:#060606}.su-criteria-title{display:flex;align-items:center;gap:10px;margin-bottom:25px}.su-criteria-heading{font-size:18px;font-weight:600}.su-search-icon{font-size:18px}.su-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.su-form-group{display:flex;flex-direction:column}.su-label{margin-bottom:8px;font-size:14px;font-weight:500}.su-required{color:#f87171}.su-select{padding:12px 14px;border-radius:10px;border:none;outline:none;font-size:14px;background:#ffffffde;color:#060606;transition:.3s ease}.su-select:focus{background:#ffffff2e;box-shadow:0 0 0 2px #14b8a6}.su-button-area{margin-top:30px;display:flex;justify-content:flex-end}.su-update-btn{padding:12px 28px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#14b8a6,#4f46e5);color:#0f0e0e;transition:.3s ease}.su-update-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #14b8a666}@media(max-width:992px){.su-form-grid{grid-template-columns:1fr}.su-header{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:600px){.su-page{padding:20px 12px}.su-criteria-card{padding:20px}.su-header{padding:18px}.su-header-title{font-size:18px}.su-update-btn{width:100%}.su-button-area{justify-content:center}}.sr-container{padding:30px;background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;font-family:Inter,sans-serif}.sr-card{background:linear-gradient(180deg,#fff,#f9fbff);border-radius:16px;box-shadow:0 20px 45px #0f172a14;padding:28px;border:1px solid rgba(99,102,241,.08)}.sr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.sr-header h2{font-weight:600;font-size:22px;color:#0f172a;letter-spacing:.3px}.sr-add-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:9px 20px;border-radius:8px;cursor:pointer;font-weight:500;letter-spacing:.3px;box-shadow:0 8px 20px #4f46e540;transition:all .3s ease}.sr-add-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #4f46e559}.sr-topbar{display:flex;justify-content:space-between;margin-bottom:18px}.sr-search{display:flex;align-items:center;gap:10px}.sr-search label{font-size:14px;color:#475569;font-weight:500}.sr-search input{padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;outline:none;transition:all .25s ease;background:#fff}.sr-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.sr-table-wrapper{overflow-x:auto;border-radius:12px}.sr-table{width:100%;border-collapse:collapse}.sr-table th{background:linear-gradient(90deg,#eef2ff,#f1f5f9);text-align:left;padding:14px;font-size:13px;font-weight:600;color:#334155;border-bottom:1px solid #e2e8f0;letter-spacing:.5px}.sr-table td{padding:14px;border-top:1px solid #e2e8f0;font-size:14px;color:#475569;transition:background .2s ease}.sr-table tbody tr{transition:all .25s ease}.sr-table tbody tr:hover{background:#6366f10f}.sr-action-wrapper{position:relative}.sr-action-btn{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff;border:none;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;box-shadow:0 6px 16px #1d4ed840}.sr-action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1d4ed859}.sr-dropdown{position:absolute;top:40px;right:0;background:#fff;border-radius:10px;box-shadow:0 15px 35px #0f172a26;overflow:hidden;z-index:10;border:1px solid rgba(226,232,240,.8);min-width:130px}.sr-dropdown button{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#334155;transition:all .2s ease}.sr-dropdown button:hover{background:#6366f114;color:#4f46e5}.sr-footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap;gap:15px;font-size:14px;color:#475569}.sr-pagination button{margin:0 4px;padding:7px 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;transition:all .25s ease;font-size:14px}.sr-pagination button:hover{background:#eef2ff;border-color:#6366f1;color:#4f46e5}.sr-pagination button.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;box-shadow:0 6px 16px #4f46e54d}.sr-pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.sr-header{flex-direction:column;align-items:flex-start;gap:12px}.sr-footer{flex-direction:column;align-items:flex-start}.sr-search,.sr-search input{width:100%}}.InactiveStudentsWrapper{padding:20px;background:#f4f6fb;min-height:100vh;font-family:Poppins,sans-serif}.InactiveStudentsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.InactiveStudentsTitle{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:#1e2a4a}.InactiveStudentsBreadcrumb{color:#6c757d;font-size:14px}.InactiveStudentsFilterCard{background:#f3e6ec;border-radius:14px;padding:20px;margin-bottom:25px;box-shadow:0 5px 20px #0000000d}.InactiveStudentsFilterTitle{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:20px}.InactiveStudentsFilterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.InactiveStudentsFormGroup label{font-size:14px;margin-bottom:6px;display:block}.InactiveStudentsFormGroup input,.InactiveStudentsFormGroup select{width:100%;padding:10px;border-radius:6px;border:1px solid #dcdcdc;font-size:14px}.InactiveStudentsSearchBtnWrap{display:flex;align-items:flex-end}.InactiveStudentsSearchBtn{background:#1e3a8a;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;display:flex;gap:6px}.InactiveStudentsTableCard{background:#f3e6ec;border-radius:14px;padding:20px}.InactiveStudentsTableHeader{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:20px}.InactiveStudentsTableControls{display:flex;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:10px}.InactiveStudentsTableWrapper{overflow-x:auto}.InactiveStudentsTableWrapper::-webkit-scrollbar{height:6px}.InactiveStudentsTableWrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.InactiveStudentsTable{width:1400px;border-collapse:collapse;font-size:14px}.InactiveStudentsTable th,.InactiveStudentsTable td{padding:12px;border:1px solid #dcdcdc;text-align:left}.InactiveStudentsTable th{background:#e9cfd8;font-weight:600}.InactiveStudentsTable tr:nth-child(2n){background:#f9f4f6}.InactiveStudentsActionWrap{position:relative}.InactiveStudentsActionBtn{background:#1e3a8a;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;display:flex;gap:6px;align-items:center}.InactiveStudentsDropdown{position:absolute;top:40px;right:0;background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;min-width:120px;z-index:10}.InactiveStudentsDropdown button{padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer}.InactiveStudentsDropdown button:hover{background:#f1f1f1}.InactiveStudentsDelete{color:red}.InactiveStudentsPagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.InactiveStudentsActivePage{background:#1e3a8a;color:#fff;padding:6px 12px;border-radius:4px}@media(max-width:768px){.InactiveStudentsHeader{flex-direction:column;align-items:flex-start;gap:10px}.InactiveStudentsTableControls{flex-direction:column;align-items:flex-start}}.AddReferralWrapper{width:100%;padding:24px;background:#f4f6fb;min-height:100vh;box-sizing:border-box;font-family:Inter,sans-serif}.AddReferralHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:12px}.AddReferralTitle{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:#0f2d52}.AddReferralHeaderIcon{font-size:22px}.AddReferralBreadcrumb{display:flex;align-items:center;font-size:14px;gap:6px}.AddReferralBreadcrumbLink{color:#1d4ed8;cursor:pointer;font-weight:500}.AddReferralBreadcrumbSlash{color:#9ca3af}.AddReferralBreadcrumbActive{color:#6b7280}.AddReferralCard{background:#f0d3d3a2;border-radius:14px;box-shadow:0 8px 25px #0f2d5214;overflow:hidden;border:1px solid #e5e7eb}.AddReferralCardHeader{padding:18px 24px;font-weight:600;font-size:16px;color:#0f2d52;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.AddReferralCardBody{padding:24px}.AddReferralCardFooter{padding:18px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;background:#fafafa}.AddReferralFormGrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.AddReferralFormGrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.AddReferralFormGroup{display:flex;flex-direction:column;gap:6px}.AddReferralInput{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;outline:none}.AddReferralInput:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.AddReferralTextarea{resize:none}.AddReferralSaveBtn{padding:8px 18px;background:#0f2d52;color:#fff;border:none;border-radius:6px;cursor:pointer}.AddReferralSaveBtn:hover{background:#163d6b}@media(max-width:1024px){.AddReferralFormGrid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.AddReferralFormGrid3,.AddReferralFormGrid4{grid-template-columns:1fr}}.studentReportPage__wrapper{width:100%;min-height:100vh;background:#184e77;padding:25px;box-sizing:border-box;font-family:Inter,sans-serif}.studentReportPage__container{background:#e9ecef;border-radius:28px;padding:23px;box-shadow:inset 0 0 0 1px #00000005}.studentReportPage__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap}.studentReportPage__title{display:flex;align-items:center;gap:10px}.studentReportPage__title h2{font-size:24px;font-weight:600;color:#1f2937}.studentReportPage__icon{font-size:20px}.studentReportPage__breadcrumb{font-size:14px;color:#1f4e79;display:flex;align-items:center;gap:8px}.studentReportPage__slash{color:#6c757d}.studentReportPage__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studentReportPage__card{display:flex;align-items:center;gap:18px;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:0 4px 12px #0000000f;transition:.25s ease;cursor:pointer}.studentReportPage__card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.studentReportPage__cardIcon img{width:70px;height:70px;object-fit:contain;border-radius:50%}.studentReportPage__cardContent h4{font-size:14px;font-weight:700;color:#0d3b66;letter-spacing:.5px}.studentReportPage__underline{width:40px;height:2px;background:#0d3b66;margin:6px 0}.studentReportPage__cardContent p{font-size:14px;color:#6c757d}@media(max-width:1200px){.studentReportPage__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.studentReportPage__grid{grid-template-columns:1fr}.studentReportPage__wrapper{padding:15px}.studentReportPage__container{padding:20px}}@media(max-width:480px){.studentReportPage__header{flex-direction:column;align-items:flex-start;gap:10px}.studentReportPage__title h2{font-size:20px}.studentReportPage__cardIcon img{width:55px;height:55px}}.Student-Details-Wrapper{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:24px;padding:24px;background:#f3f6fb;min-height:100vh}.Student-Search-Panel{width:85%;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 18px #0000000f;display:flex;flex-direction:column;height:50vh}.Student-Search-Panel h2{font-size:18px;font-weight:600;margin-bottom:15px;color:#1f2937}.Student-Search-Input{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.Student-Search-Input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.Student-Table-Wrapper{margin-top:10px;max-height:450px;overflow-y:auto;overflow-x:auto;border:1px solid #eee;border-radius:8px}.Student-Table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}.Student-Table thead{position:sticky;top:0;background:#f9fafb;z-index:2}.Student-Table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.Student-Table td{border-bottom:1px solid #f1f5f9;color:#374151}.Student-Table-Row{cursor:pointer;transition:background .15s}.Student-Table-Row:hover{background:#f1f5ff}.Student-Table-Row.active{background:#e0edff}.Student-Details-Page{width:85%;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 18px #0000000f;overflow:hidden}.Student-Header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.Student-Details-Title{font-size:22px;font-weight:600;color:#111827}.Student-Photo{width:90px;height:90px;border-radius:12px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.Student-Photo img{width:100%;height:100%;object-fit:cover}.Student-Photo-Placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9ca3af}.Student-Edit-Btn{margin-left:auto;background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px}.Student-Edit-Btn:hover{background:#1d4ed8}.Student-Details-Scroll{max-height:75vh;overflow-y:auto;padding-right:10px}.Student-Details-Section{margin-bottom:22px}.Student-Details-Section h2{font-size:16px;font-weight:600;margin-bottom:12px;color:#1f2937}.Student-Details-Grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.Student-Details-Item{background:#f9fafb;padding:12px;border-radius:8px;border:1px solid #eef2f7}.Student-Details-Label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.Student-Details-Value{font-size:14px;font-weight:500;color:#111827}.Student-Delete-Btn{padding:5px 10px;background:#ef4444;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px}.Student-Delete-Btn:hover{background:#dc2626}@media(max-width:1024px){.Student-Details-Wrapper{flex-direction:column}.Student-Search-Panel{width:100%;position:relative}.Student-Details-Page{width:100%}}@media(max-width:768px){.Student-Details-Wrapper{padding:14px;gap:16px}.Student-Header{flex-direction:column;align-items:flex-start}.Student-Edit-Btn{margin-left:0}.Student-Photo{width:70px;height:70px}.Student-Details-Title{font-size:18px}.Student-Details-Grid{grid-template-columns:1fr}}@media(max-width:480px){.Student-Search-Input{font-size:13px;padding:8px 10px}.Student-Table,.Student-Details-Value{font-size:13px}}.print-area{display:none;width:800px;margin:auto;padding:20px;background:#fff;font-family:Segoe UI,Arial,sans-serif;color:#222;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #0000000d}.pf-header{text-align:center;margin-bottom:20px}.pf-header h2{margin:0;font-size:24px;font-weight:700;background:linear-gradient(90deg,#2563eb,#a346e5,#d9058b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.pf-header p{margin:4px 0;font-size:14px;color:#6b7280}.pf-header h3{margin-top:10px;padding:6px 14px;display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ff9a9e);color:#fff;border-radius:20px;font-size:14px;letter-spacing:.5px}.pf-section{margin-top:25px}.pf-section h3{border-bottom:2px solid #4facfe;padding-bottom:5px;margin-bottom:15px;color:#374151}.pf-field{display:flex;margin:8px 0;align-items:center}.pf-field label{width:180px;font-weight:600;color:#374151}.pf-field span{flex:1;border-bottom:1.5px dashed #4facfe;min-height:20px}.pf-row{display:flex;justify-content:space-between}.pf-row .pf-field{width:48%}.pf-sign{margin-top:60px;display:flex;justify-content:space-between;font-weight:500;color:#374151}.pf-sign span{border-top:2px solid #4facfe;padding-top:5px;width:180px;text-align:center}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{display:block;position:absolute;top:0;left:0;width:100%;padding:30px;background:#fff;box-shadow:none}body{margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.FeeType{padding:25px;background:#f6f8fb;min-height:100vh;overflow-y:auto;font-family:Arial;box-sizing:border-box}.FeeType-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.FeeType-addBtn{background:#1e8e7e;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:14px}.FeeType-toolbar{display:flex;gap:15px;align-items:center;background:#fff;padding:15px;border-radius:10px;margin-bottom:20px;flex-wrap:wrap}.FeeType-search{display:flex;align-items:center;border:1px solid #ddd;padding:8px 10px;border-radius:6px;flex:1;min-width:200px}.FeeType-search input{border:none;outline:none;margin-left:6px;width:100%;font-size:14px}.FeeType-tableWrapper{overflow-x:auto;overflow-y:hidden;background:#fff;border-radius:10px;position:relative;z-index:1;-webkit-overflow-scrolling:touch}.FeeType-tableWrapper::-webkit-scrollbar{height:6px}.FeeType-tableWrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.FeeType-tableWrapper::-webkit-scrollbar-track{background:transparent}.FeeType-table{width:100%;border-collapse:collapse;min-width:750px}.FeeType-table th,.FeeType-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px;text-align:left}.FeeType-status{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.Active{background:#d7f5e6;color:#1a8f5c}.Inactive{background:#ffdada;color:#e11d48}.FeeType-action{position:relative;display:flex;justify-content:center}.FeeType-actionBtn{border:none;background:none;cursor:pointer;font-size:18px;padding:5px}.FeeType-actionMenu{position:absolute;top:35px;right:0;background:#fff;border-radius:14px;box-shadow:0 10px 25px #00000026;padding:8px 0;width:150px;z-index:100;animation:dropdown .2s ease}.FeeType-actionMenu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;border:none;background:none;cursor:pointer;font-size:14px}.FeeType-actionMenu button:hover{background:#f3f4f6}.FeeType-actionMenu .delete{color:#ef4444}.FeeType-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px;flex-wrap:wrap}.FeeType-pageBtn{min-width:36px;height:36px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.FeeType-pageBtn:hover{background:#f3f4f6}.FeeType-pageBtn.active{background:#1e8e7e;color:#fff;border-color:#1e8e7e;box-shadow:0 2px 6px #0000001a}.FeeType-pageBtn:disabled{opacity:.5;cursor:not-allowed}.FeeType-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;padding:15px}.FeeType-modalContent{background:#fff;width:100%;max-width:500px;border-radius:16px;padding:30px;position:relative;animation:scaleIn .35s ease}.FeeType-modalContent input,.FeeType-modalContent select{width:100%;padding:10px;margin-top:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.FeeType-modalBtns{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cancel{border:1px solid #ef4444;background:#fff;color:#ef4444;padding:10px 20px;border-radius:6px;cursor:pointer}.save{background:#1e8e7e;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dropdown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.FeeType{padding:20px}}@media(max-width:768px){.FeeType-header{flex-direction:column;align-items:flex-start}.FeeType-toolbar{flex-direction:column;align-items:stretch}.FeeType-search{width:100%}.FeeType-modalContent{padding:25px}}@media(max-width:480px){.FeeType{padding:15px}.FeeType-table{min-width:750px}.FeeType-table th,.FeeType-table td{font-size:13px;padding:8px}.FeeType-addBtn{width:100%;text-align:center}.FeeType-modalContent{padding:20px}.FeeType-modalBtns{flex-direction:column;gap:10px}.cancel,.save{width:100%}.FeeType-pageBtn{min-width:32px;height:32px;font-size:13px}}.ExamResult{padding:25px;background:radial-gradient(circle at top left,rgba(30,142,126,.08),transparent 22%),radial-gradient(circle at bottom right,rgba(59,130,246,.08),transparent 22%),#f6f8fb;min-height:100vh;overflow-y:auto;font-family:Arial,sans-serif}.ExamResult-header{margin-bottom:20px;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:18px;padding:22px 24px;box-shadow:0 10px 30px #0f172a0f;border:1px solid #e9eef5}.ExamResult-headerText h2{margin:0;font-size:28px;color:#132238;font-weight:700;letter-spacing:.3px}.ExamResult-headerText p{margin:7px 0 0;color:#64748b;font-size:14px;font-weight:500}.ExamResult-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#fffffff2;padding:16px;border-radius:16px;margin-bottom:20px;flex-wrap:wrap;box-shadow:0 10px 25px #0f172a0f;border:1px solid #e9eef5}.ExamResult-search{display:flex;align-items:center;border:1px solid #d9e2ec;padding:11px 14px;border-radius:12px;background:#f8fafc;min-width:260px;flex:1;max-width:420px;transition:all .3s ease}.ExamResult-search:focus-within{border-color:#1e8e7e;background:#fff;box-shadow:0 0 0 4px #1e8e7e14}.ExamResult-searchIcon{font-size:18px;color:#64748b;flex-shrink:0}.ExamResult-search input{border:none;outline:none;margin-left:10px;width:100%;background:transparent;font-size:14px;color:#1e293b}.ExamResult-search input::placeholder{color:#94a3b8}.ExamResult-rows{margin-left:auto}.ExamResult-filters{display:flex;gap:10px;flex-wrap:wrap}.ExamResult-filters select{padding:11px 14px;border-radius:12px;border:1px solid #d9e2ec;background:linear-gradient(180deg,#fff,#f8fafc);font-size:14px;color:#334155;font-weight:500;outline:none;transition:all .3s ease;cursor:pointer;min-width:160px}.ExamResult-filters select:hover,.ExamResult-filters select:focus{border-color:#1e8e7e;box-shadow:0 0 0 4px #1e8e7e14}.ExamResult-tableWrapper{overflow-x:auto;background:#fff;border-radius:18px;box-shadow:0 16px 35px #0f172a12;border:1px solid #e9eef5}.ExamResult-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1100px}.ExamResult-table thead tr{background:linear-gradient(135deg,#1e8e7e,#15786a)}.ExamResult-table th,.ExamResult-table td{padding:16px 14px;border-bottom:1px solid #edf2f7;font-size:14px;text-align:left;vertical-align:middle;white-space:nowrap}.ExamResult-table th{color:#1a1919;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0;z-index:2}.ExamResult-table th:first-child{border-top-left-radius:18px}.ExamResult-table th:last-child{border-top-right-radius:18px}.ExamResult-table tbody tr{transition:all .25s ease;background:#fff}.ExamResult-table tbody tr:hover{background:linear-gradient(90deg,#1e8e7e0d,#3b82f60a)}.ExamResult-table tbody tr:last-child td{border-bottom:none}.ExamResult-table td:nth-child(1),.ExamResult-table th:nth-child(1){min-width:70px;text-align:center}.ExamResult-table td:nth-child(2),.ExamResult-table th:nth-child(2){min-width:140px}.ExamResult-table td:nth-child(3),.ExamResult-table th:nth-child(3){min-width:180px}.ExamResult-table td:nth-child(4),.ExamResult-table th:nth-child(4){min-width:110px;text-align:center}.ExamResult-table td:nth-child(5),.ExamResult-table th:nth-child(5){min-width:120px}.ExamResult-table td:nth-child(6),.ExamResult-table th:nth-child(6){min-width:130px}.ExamResult-table td:nth-child(7),.ExamResult-table th:nth-child(7){min-width:150px;text-align:center}.ExamResult-table td:nth-child(8),.ExamResult-table th:nth-child(8){min-width:120px;text-align:center}.ExamResult-table td:nth-child(9),.ExamResult-table th:nth-child(9){min-width:100px;text-align:center}.ExamResult-table td:nth-child(10),.ExamResult-table th:nth-child(10){min-width:110px;text-align:center}.ExamResult-table td:nth-child(11),.ExamResult-table th:nth-child(11){min-width:90px;text-align:center}.ExamResult-admission{color:#1e8e7e;font-weight:700}.ExamResult-nameCell{font-weight:600;color:#1e293b}.ExamResult-totalCell{font-weight:600;color:#0f172a}.ExamResult-result{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px}.Pass{background:linear-gradient(135deg,#d7f5e6,#c4f1da);color:#1a8f5c}.Fail{background:linear-gradient(135deg,#ffdada,#ffc8c8);color:#e11d48}.ExamResult-action{position:relative;display:flex;align-items:center;justify-content:center}.ExamResult-actionBtn{border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);cursor:pointer;font-size:18px;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#334155;transition:all .25s ease}.ExamResult-actionBtn:hover{background:#1e8e7e;color:#fff;border-color:#1e8e7e;box-shadow:0 10px 20px #1e8e7e33}.ExamResult-dropdown{position:absolute;right:0;top:45px;background:#fff;border-radius:14px;box-shadow:0 14px 30px #00000024;padding:8px 0;width:130px;z-index:999;border:1px solid #eef2f7}.ExamResult-dropdown button{display:flex;align-items:center;gap:8px;padding:11px 15px;border:none;background:none;width:100%;cursor:pointer;position:relative;z-index:1000;font-size:14px;font-weight:600;color:#334155;transition:all .25s ease}.ExamResult-dropdown button:hover{background:#f3f4f6;color:#1e8e7e}.ExamResult-noData{text-align:center;padding:28px!important;color:#94a3b8;font-weight:600;white-space:normal!important}.ExamResult-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:10px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 10px 25px #0f172a0d;border:1px solid #e9eef5}.ExamResult-pagination p{margin:0;color:#64748b;font-size:14px;font-weight:600}.ExamResult-pageGroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ExamResult-pagination button{padding:6px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:8px;min-width:38px;height:38px;font-weight:600;color:#334155;transition:all .25s ease}.ExamResult-pagination button:hover:not(:disabled){border-color:#1e8e7e;color:#1e8e7e;background:#f0fbf8}.ExamResult-pagination button:disabled{opacity:.5;cursor:not-allowed}.ExamResult-pagination .active{background:#1e8e7e;color:#fff;border-color:#1e8e7e;box-shadow:0 8px 18px #1e8e7e38}.ExamResult-dropdown button{display:flex;align-items:center;gap:6px}.ExamResult-dropdown button:hover{background:#f1f5f9}.ExamResult-modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;padding:15px;z-index:999}.ExamResult-modal{background:#fff;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;padding:20px;border-radius:12px;box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease}.ExamResult-modal input{width:100%;margin:8px 0;padding:10px;border-radius:6px;border:1px solid #ddd;font-size:14px}.ExamResult-modal table{width:100%;border-collapse:collapse;margin-top:10px}.ExamResult-modal th,.ExamResult-modal td{padding:8px;border:1px solid #eee;text-align:center;font-size:14px}.ExamResult-modal th{background:#f5f6fa;font-weight:600}.ExamResult-modalActions{display:flex;justify-content:space-between;margin-top:15px;gap:10px}.ExamResult-modalActions button{flex:1;padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.ExamResult-modalActions button:first-child{background:#eee}.ExamResult-modalActions button:last-child{background:#4caf50;color:#fff}.pagination-controls{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pagination-controls button{padding:6px 10px;border:none;background:#f1f1f1;border-radius:6px;cursor:pointer;transition:.2s}.pagination-controls button:hover{background:#ddd}.pagination-controls button.active{background:#667eea;color:#fff}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls button.active{background:#667eea;color:#fff;transform:scale(1.1)}.topper-row{background:linear-gradient(90deg,#f59e0b,#facc15)!important;font-weight:700;color:#fff}.topper-row td{background:#ec40aa!important;border-bottom:2px solid #f59e0b}.ExamResult-resetBtn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:.2s}.ExamResult-resetBtn:hover{background:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ExamResult-modal{padding:15px;border-radius:10px}.ExamResult-modal input{font-size:13px;padding:8px}.ExamResult-modal th,.ExamResult-modal td{font-size:12px;padding:6px}.ExamResult-modalActions{flex-direction:column}.ExamResult-modalActions button{width:100%}}@media(max-width:480px){.ExamResult-modal{max-width:100%;padding:12px}.ExamResult-modal h3{font-size:16px;text-align:center}.ExamResult-modal table{font-size:12px}.ExamResult-modal table{display:block;overflow-x:auto;white-space:nowrap}}.ExamResult-liveResult{margin-top:15px;padding:10px;background:#f8f9fa;border-radius:8px}.ExamResult-liveResult p{margin:5px 0;font-size:14px}@media(max-width:992px){.ExamResult{padding:20px}.ExamResult-table{min-width:1050px}}@media(max-width:768px){.ExamResult-toolbar{flex-direction:column;align-items:flex-start}.ExamResult-search{width:100%;max-width:100%}.ExamResult-filters{width:100%;flex-direction:column}.ExamResult-filters select{width:100%}.ExamResult-rows{margin-left:0}.ExamResult-pagination{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.ExamResult{padding:15px}.ExamResult-header{padding:18px}.ExamResult-headerText h2{font-size:22px}.ExamResult-table{min-width:1000px}}.reports-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:flex-start;padding:20px 10px;z-index:1000;overflow-y:auto}.reports-card{background:#fff;width:210mm;min-height:297mm;padding:12mm;font-family:Segoe UI,sans-serif;overflow-x:hidden;border:2.5px solid #000;position:relative}.reports-card:before{content:"";position:absolute;inset:8px;border:1px solid #000;pointer-events:none}.reports-header{display:flex;justify-content:center;align-items:center;gap:12px;text-align:center;margin-bottom:12px}.reports-logo{width:80px}.reports-title{margin:0;color:#1e3a8a;font-size:20px;font-weight:700}.reports-subtitle{margin:0;font-size:12px;font-weight:600;letter-spacing:1px}.reports-info{display:flex;justify-content:space-between;gap:10px;background:#f9fafb;padding:10px;margin-bottom:12px;border:1px solid #000;font-size:13px}.reports-table{width:100%;border-collapse:collapse;font-size:12px}.reports-table thead tr:first-child th{background:#e5e7eb;font-weight:700;border-bottom:2px solid #000}.reports-table thead tr:nth-child(2) th{background:#f3f4f6}.reports-table th,.reports-table td{border:1px solid #444;padding:7px 6px;text-align:center}.reports-table td:first-child,.reports-table th:first-child{text-align:left;padding-left:10px}.reports-table tbody tr:nth-child(2n){background:#fafafa}.pass{color:green;font-weight:600}.fail{color:red;font-weight:600}.reports-summarys{margin-top:12px;padding:10px;border:1px solid #000;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:600}.reports-summarys p{margin:0;padding:0 12px;position:relative;white-space:nowrap}.reports-summarys p:not(:last-child):after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background:#000}.pass{color:green;font-weight:700}.fail{color:red;font-weight:700}.reports-attendance{margin-top:10px;padding:10px;border:1px solid #000;display:flex;justify-content:space-between;font-size:13px}.reports-remark{margin-top:10px;font-size:13px}.reports-sign{margin-top:50px;display:flex;justify-content:space-between;text-align:center}.line{border-top:1px solid #000;width:130px;margin:auto auto 5px}.reports-buttons{position:fixed;bottom:20px;right:20px;display:flex;gap:10px}.btn{padding:10px 15px;background:#2563eb;color:#fff;border:none;border-radius:6px}.reports-student-photo{width:80px;height:90px;border:2px solid #ccc;border-radius:6px;overflow:hidden}.reports-student-photo img{width:100%;height:100%;object-fit:cover}.reports-grade-scale{margin-top:20px}.reports-grade-table{width:100%;border-collapse:collapse;font-size:13px}.reports-grade-table th,.reports-grade-table td{border:1px solid #999;padding:6px;text-align:center}.reports-grade-table th{background:#f1f1f1}@media(max-width:768px){.reports-card{width:100%;min-height:auto;padding:15px}.reports-header{flex-direction:column}.reports-summary{grid-template-columns:1fr 1fr}.reports-attendance{flex-direction:column;gap:8px}.reports-table-wrapper{overflow-x:auto}.reports-table{min-width:500px}}@media print{@page{size:A4;margin:0}html,body{margin:0;padding:0;background:#fff}.reports-overlay{position:static!important;background:none!important;padding:0!important;width:100%;height:auto}.reports-table{border-collapse:collapse!important;width:100%}.reports-table,.reports-table th,.reports-table td{border:1px solid #000!important}.reports-table thead{display:table-header-group!important}.reports-table tr{page-break-inside:avoid!important}.reports-table th{background:#e5e7eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.reports-table thead tr:first-child th{border-bottom:1px solid #000!important}.reports-table thead tr:nth-child(2) th{border-top:none!important}.reports-table td,.reports-table th{border-left:1px solid #000!important;border-right:1px solid #000!important}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;top:0;left:0;width:210mm;min-height:297mm;padding:12mm;box-sizing:border-box;background:#fff}thead{display:table-header-group!important}tr,th,td{page-break-inside:avoid!important}.reports-buttons{display:none!important}}.reports-header{display:grid;grid-template-columns:80px 1fr 90px;align-items:center}.reports-title-box{text-align:center}@media print{@page{size:A4;margin:10mm}html,body{margin:0;padding:0;background:#fff}.reports-overlay{position:static!important;background:none!important;padding:0!important;height:auto!important}body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;top:0;left:0;width:190mm;min-height:auto;padding:10mm;box-sizing:border-box}.reports-card{box-shadow:none!important;border:2px solid #000}.reports-table{width:100%;border-collapse:collapse!important;font-size:11px}.reports-table th,.reports-table td{border:1px solid #000!important;padding:6px}thead{display:table-header-group!important}tr,td,th{page-break-inside:avoid!important}th{background:#e5e7eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.reports-summarys{display:flex;justify-content:space-between;font-size:12px}.reports-attendance{flex-direction:row;font-size:12px}.reports-sign{margin-top:40px}.reports-buttons{display:none!important}img{max-width:100%!important;height:auto!important}}.reports-table{border:2px solid #000}.reports-table thead th{font-size:13px;letter-spacing:.5px}.reports-table tbody tr:hover{background:#eef2ff;transition:.2s}.full-mark{font-weight:600;color:#555}.mark{font-weight:600;color:#111}.total{font-weight:700;color:#1e3a8a}.grade-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block}.grade-badge.a1{background:#16a34a;color:#fff}.grade-badge.a2{background:#22c55e;color:#fff}.grade-badge.b1{background:#3b82f6;color:#fff}.grade-badge.c{background:#f59e0b;color:#fff}.grade-badge.e{background:#ef4444;color:#fff}.reports-card{box-shadow:0 8px 25px #00000026}.reports-summary{font-weight:600}.reports-summary p{padding:6px;border-right:1px solid #000}.reports-summary p:last-child{border-right:none}.grade-badge.b2{background:#0ea5e9;color:#fff}.grade-badge.c1{background:#eab308;color:#fff}.grade-badge.c2{background:#f97316;color:#fff}.grade-badge.d{background:#a855f7;color:#fff}.reports-grade-scale.small{margin-top:10px;overflow-x:auto}.reports-grade-table.small{width:100%;border-collapse:collapse;font-size:12px;background:#f9fafb}.reports-grade-table.small td{padding:6px 10px;border:1px solid #eee;text-align:center;white-space:nowrap}.reports-grade-table.small td:first-child{font-weight:700;background:#f1f5f9}.reports-grade-table{width:100%;border-collapse:collapse;text-align:center}.reports-grade-table th{background:#f4c542;border:1px solid #000;padding:8px}.reports-grade-table td{border:1px solid #000;padding:8px}@media print{@page{size:A4;margin:10mm}html,body{margin:0;padding:0;background:#fff}.reports-overlay{position:static!important;background:none!important;padding:0!important;height:auto!important}body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;top:0;left:0;width:190mm;min-height:auto;padding:10mm;box-sizing:border-box}.reports-card{box-shadow:none!important;border:2px solid #000}.reports-table{width:100%;border-collapse:collapse!important;font-size:11px}.reports-table th,.reports-table td{border:1px solid #000!important;padding:6px}thead{display:table-header-group!important}tr,td,th{page-break-inside:avoid!important}th{background:#e5e7eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.reports-summary{grid-template-columns:repeat(2,1fr);font-size:12px}.reports-attendance{flex-direction:row;font-size:12px}.reports-sign{margin-top:40px}.reports-buttons{display:none!important}img{max-width:100%!important;height:auto!important}}.paymentRecipt{padding:20px;background:#f5f6fa;font-family:Inter,sans-serif}.paymentRecipt-card{background:#fff;border-radius:12px;margin-bottom:20px;border:1px solid #f3c6cd;box-shadow:0 4px 12px #0000000f;overflow:hidden}.paymentRecipt-header{padding:14px 20px;border-bottom:1px solid #f3c6cd;background:linear-gradient(to right,#fff5f7,#fff)}.paymentRecipt-header h3{font-size:16px;color:#1e2a55;font-weight:600}.paymentRecipt-form{display:flex;gap:16px;padding:20px;align-items:flex-end;flex-wrap:wrap}.paymentRecipt-field{flex:1;min-width:200px}.paymentRecipt-field label{font-size:12px;margin-bottom:6px;display:block;color:#444}.paymentRecipt-field input{width:100%;padding:10px;border-radius:8px;border:1px solid #dcdcdc;outline:none;transition:.2s}.paymentRecipt-field input:focus{border-color:#0b1c4d;box-shadow:0 0 0 2px #0b1c4d1a}.paymentRecipt-search button{background:#0b1c4d;color:#fff;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;transition:.3s}.paymentRecipt-search button:hover{background:#09173c}.paymentRecipt-tableWrapper{overflow-x:auto;width:100%}.paymentRecipt-tableWrapper::-webkit-scrollbar{height:6px}.paymentRecipt-tableWrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.paymentRecipt-table{width:100%;border-collapse:collapse;min-width:1000px}.paymentRecipt-table thead{position:sticky;top:0;z-index:5}.paymentRecipt-table th{background:#fbe9ec;padding:12px;font-size:12px;text-align:left;color:#1e2a55;white-space:nowrap}.paymentRecipt-table td{padding:12px;border-top:1px solid #eee;font-size:13px;white-space:nowrap}.paymentRecipt-table tr:nth-child(2n){background:#fafafa}.paymentRecipt-table tr:hover{background:#f1f5ff}.paid{color:#16a34a;font-weight:600}.paymentRecipt-actions{display:flex;gap:6px}.paymentRecipt-actions button{border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.paymentRecipt-actions .view{background:#0b1c4d;color:#fff}.paymentRecipt-actions .view:hover{background:#09173c}.paymentRecipt-actions .download{background:#e91e63;color:#fff}.paymentRecipt-actions .download:hover{background:#c2185b}.paymentRecipt-pagination{display:flex;justify-content:flex-end;padding:15px;gap:6px;flex-wrap:wrap}.paymentRecipt-pagination button{padding:6px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:6px;transition:.2s}.paymentRecipt-pagination button:hover{background:#f3f4f6}.paymentRecipt-pagination .active{background:#0b1c4d;color:#fff;border-color:#0b1c4d}@media(max-width:1024px){.paymentRecipt{padding:15px}.paymentRecipt-form{gap:12px}.paymentRecipt-field{min-width:160px}}@media(max-width:768px){.paymentRecipt-form{flex-direction:column;align-items:stretch}.paymentRecipt-field,.paymentRecipt-search button{width:100%}.paymentRecipt-pagination{justify-content:center}}@media(max-width:480px){.paymentRecipt-header h3{font-size:14px}.paymentRecipt-table th,.paymentRecipt-table td{font-size:11px;padding:8px}.paymentRecipt-actions button{padding:5px 8px}}.ae-page{background:linear-gradient(135deg,#eef2ff,#f8fafc);padding:30px;font-family:Inter,sans-serif;min-height:100vh}.ae-header{display:flex;justify-content:space-between;align-items:center}.ae-header-left{display:flex;align-items:center;gap:10px}.ae-icon{font-size:22px;color:#4f46e5}.ae-header h2{font-size:26px;color:#1e293b;font-weight:700}.ae-breadcrumb{font-size:13px;color:#94a3b8}.ae-layout{display:flex;gap:25px;margin-top:20px}.ae-card{background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 20px 40px #00000014;flex:1;display:flex;flex-direction:column;width:50%}.ae-card-top{padding:16px 20px;font-weight:600;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:18px 18px 0 0}.ae-form{padding:20px}.ae-scroll{max-height:550px;overflow-y:auto}.ae-scroll::-webkit-scrollbar{width:0}.ae-field{margin-bottom:15px}.ae-field label{font-size:13px;color:#64748b;margin-bottom:5px;display:block}.ae-field input,.ae-field select,.ae-field textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#f9fafb}.ae-field input:focus,.ae-field select:focus,.ae-field textarea:focus{border-color:#6366f1;background:#fff;outline:none}.ae-btn{margin-top:10px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;padding:12px;border-radius:10px;border:none;cursor:pointer}.ae-table-top{display:flex;justify-content:space-between;padding:15px 20px}.ae-table-wrap{overflow-x:auto;overflow-y:auto;max-height:500px}.ae-table{width:max-content;min-width:1400px;border-collapse:collapse}.ae-table thead{background:#f1f5f9;position:sticky;top:0;z-index:10}.ae-table th{padding:14px;font-size:12px;color:#334155;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.ae-table td{padding:14px;font-size:13px;border-bottom:1px solid #f1f5f9;white-space:nowrap}.ae-table tbody tr:nth-child(2n){background:#fafbff}.ae-table tbody tr:hover{background:#f1f5ff}.ae-action{position:relative}.ae-action-btn{background:#4f46e5;color:#fff;padding:6px 10px;border-radius:6px;border:none}.ae-dropdown{position:absolute;right:0;top:35px;background:#fff;border-radius:10px;width:140px;box-shadow:0 12px 25px #00000026;z-index:20}.ae-dropdown div{padding:10px;cursor:pointer}.ae-dropdown .del:hover{background:#fee2e2;color:#dc2626}.ae-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #e2e8f0;background:#fff;border-radius:0 0 18px 18px;flex-wrap:wrap}.ae-pagination span{font-size:13px;font-weight:600;color:#64748b}.ae-pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ae-pagination-controls button{min-width:38px;height:34px;padding:0 12px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;border-radius:8px;font-weight:600;cursor:pointer}.ae-pagination-controls button:hover:not(:disabled){background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.ae-pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.ae-pagination-controls .active{background:#4f46e5;color:#fff;border-color:#4f46e5}@media(max-width:768px){.ae-layout{flex-direction:column}.ae-card{width:100%}}.expense-search{padding:35px;min-height:100vh;font-family:Inter,sans-serif;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.expense-search__header{margin-bottom:25px}.expense-search__header h2{margin:0;font-size:26px;font-weight:700;color:#1e293b}.expense-search__breadcrumb{color:#94a3b8;font-size:13px;margin-top:4px}.expense-search__card{background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 20px 50px #00000014;border:1px solid rgba(255,255,255,.4);overflow:hidden}.expense-search__cardHeader{padding:20px 25px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.expense-search__cardHeader h3{margin:0;font-size:18px;font-weight:600}.expense-search__form{padding:25px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.expense-search__group{display:flex;flex-direction:column}.expense-search__group label{font-size:12px;margin-bottom:6px;color:#64748b;font-weight:500}.expense-search__group input,.expense-search__group select{padding:11px 12px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;background:#f9fafb;transition:all .25s ease}.expense-search__group input:hover,.expense-search__group select:hover{border-color:#c7d2fe}.expense-search__group input:focus,.expense-search__group select:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11f}.expense-search__btnWrap{display:flex;align-items:flex-end}.expense-search__btn{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #4f46e559}.expense-search__btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #4f46e573}@media(max-width:1100px){.expense-search__form{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.expense-search__form{grid-template-columns:repeat(2,1fr)}.expense-search{padding:0}}@media(max-width:500px){.expense-search__form{grid-template-columns:1fr}}.expenseHead-wrapper{padding:20px;background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;font-family:Inter,sans-serif;width:100%;max-width:100%;overflow-x:hidden}.expenseHead-pageTitle{font-size:26px;font-weight:700;margin-bottom:20px;color:#1e293b}.expenseHead-grid{display:grid;grid-template-columns:320px 1fr;gap:20px;width:100%;max-width:100%}.expenseHead-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;overflow:hidden;transition:.3s;width:100%;max-width:100%}.expenseHead-card:hover{transform:translateY(-3px)}.expenseHead-cardHeader{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:14px;font-weight:600}.expenseHead-form{padding:16px;display:flex;flex-direction:column;gap:10px}.expenseHead-form input,.expenseHead-form textarea{padding:10px;border-radius:10px;border:1px solid #e2e8f0;width:100%;font-size:14px}.expenseHead-form input:focus,.expenseHead-form textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.expenseHead-saveBtn{margin-top:10px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer;transition:.3s}.expenseHead-saveBtn:hover{transform:translateY(-2px)}.expenseHead-tableWrap{padding:15px;width:100%;max-width:100%;overflow-x:auto}.expenseHead-table{width:100%;border-collapse:collapse;min-width:500px}.expenseHead-table th{padding:10px;background:#f1f5f9;text-align:left;font-size:14px}.expenseHead-table td{padding:10px;border-bottom:1px solid #eee;font-size:14px}.expenseHead-actionCell{position:relative;text-align:center}.expenseHead-actionBtn{background:#3b5ccc;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer}.expenseHead-actionBtn:hover{background:#2f4bb7}.expenseHead-menu{position:absolute;top:40px;right:0;width:160px;background:#fff;border-radius:10px;box-shadow:0 10px 25px #00000026;z-index:100;animation:fadeIn .2s ease}.expenseHead-menu button{width:100%;padding:10px;border:none;background:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.expenseHead-menu button:hover{background:#f8fafc}.expenseHead-menu .delete{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.expenseHead-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px}.expenseHead-paginationControls{display:flex;flex-wrap:wrap;gap:5px}.expenseHead-paginationControls button{padding:6px 10px;border:none;background:#e2e8f0;border-radius:6px;cursor:pointer;font-size:13px}.expenseHead-paginationControls button:hover{background:#cbd5f5}.expenseHead-paginationControls .active{background:#1e40af;color:#fff}.expenseHead-paginationControls .disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.expenseHead-grid{grid-template-columns:1fr}}@media(max-width:768px){.expenseHead-wrapper{padding:0}.expenseHead-pageTitle{font-size:22px}.expenseHead-cardHeader{font-size:14px}.expenseHead-table th,.expenseHead-table td{padding:8px;font-size:12px}.expenseHead-saveBtn{padding:8px;font-size:14px}}@media(max-width:480px){.expenseHead-pagination{flex-direction:column;align-items:flex-start}.expenseHead-actionBtn{padding:5px 10px;font-size:12px}}.FeeCollection{padding:25px;background:#f6f8fb;font-family:Arial}.FeeCollection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.FeeCollection-collectBtn{background:#1e8e7e;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.FeeCollection-toolbar{display:flex;flex-wrap:wrap;gap:15px;align-items:center;background:#fff;padding:15px;border-radius:10px;margin-bottom:20px}.FeeCollection-selectedStudent{background:#f7f7f7;padding:10px;border-radius:6px;margin-top:6px;font-size:14px}.FeeCollection-search{display:flex;align-items:center;border:1px solid #ddd;padding:8px 10px;border-radius:6px}.FeeCollection-search input{border:none;outline:none;margin-left:5px}.FeeCollection-exportWrapper{position:relative}.FeeCollection-exportDropdown{position:absolute;top:45px;left:0;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;width:150px;padding:10px 0;z-index:50}.FeeCollection-tableWrapper{overflow-x:auto}.FeeCollection-table{width:100%;border-collapse:collapse;background:#fff}.FeeCollection-table th,.FeeCollection-table td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.FeeCollection-status{padding:4px 10px;border-radius:6px;font-size:12px}.Paid{background:#d7f5e6;color:#1a8f5c}.Partial{background:#ffe5c2;color:#ff7b00}.Unpaid{background:#ffdada;color:red}.FeeCollection-actionWrapper{position:relative}.FeeCollection-actionBtn{border:none;background:none;cursor:pointer;font-size:18px}.FeeCollection-actionDropdown{position:absolute;top:30px;padding:15px;right:0;z-index:2;background:#fffdfd;border-radius:10px;box-shadow:0 5px 20px #0000001a;width:150px;display:flex;justify-content:space-around;cursor:pointer}.FeeCollection-actionDropdown button{cursor:pointer;font-weight:700}.FeeCollection-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.FeeCollection-pagination button{padding:6px 12px;border:1px solid #ddd;background:#fff;cursor:pointer}.FeeCollection-pagination .active{background:#1e8e7e;color:#fff}.FeeCollection-modal,.FeeCollection-receiptModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.FeeCollection-modalContent,.FeeCollection-receipt{background:#fff;width:92%;max-width:620px;border-radius:20px;padding:35px 30px;position:relative;animation:scaleIn .35s ease}.FeeCollection-receipt table{width:100%;border-collapse:collapse;margin:25px 0;border-radius:10px;overflow:hidden;table-layout:fixed}.FeeCollection-receipt th{background:#f2e1e4;color:#1e2a4a;font-weight:600;padding:14px;text-align:center;width:33.33%}.FeeCollection-receipt td{padding:16px;text-align:center;border-top:1px solid #eee;width:33.33%}.close{position:absolute;top:15px;right:15px;cursor:pointer}.FeeCollection-formGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.FeeCollection-formGrid textarea{grid-column:span 2}.FeeCollection-formBtns{display:flex;justify-content:center;gap:20px;margin-top:25px}.cancel{border:1px solid red;background:#fff;color:red;padding:10px 20px;border-radius:6px}.save{background:#1e8e7e;color:#fff;border:none;padding:10px 20px;border-radius:6px}.FeeCollection-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f9fafb;padding:12px;border-radius:10px}.FeeCollection-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;min-width:220px}.FeeCollection-search input{border:none;outline:none;font-size:14px;width:100%}.FeeCollection-select{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:14px;cursor:pointer}.FeeCollection-date{padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}.FeeCollection-resetBtn{padding:8px 12px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer}.FeeCollection-resetBtn:hover{background:#dc2626}@media(max-width:768px){.FeeCollection-toolbar{flex-direction:column;align-items:stretch}.FeeCollection-search,.FeeCollection-select,.FeeCollection-date,.FeeCollection-resetBtn{width:100%}}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.FeeCollection-formGrid{grid-template-columns:1fr}.FeeCollection-receiptInfo{flex-direction:column}}@media(max-width:480px){.FeeCollection{padding:15px}.FeeCollection-modalContent,.FeeCollection-receipt{padding:20px}}.receipt-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:flex-start;padding:20px;z-index:1000;overflow-y:auto;overflow-x:hidden}.receipt-card{width:210mm;max-width:100%;min-height:297mm;background:#fff;padding:20px;border-radius:10px;font-family:Segoe UI,sans-serif;position:relative;margin:auto;box-sizing:border-box}.receipt-card .receipt-close{position:absolute;top:15px;right:15px;cursor:pointer}.receipt-card .receipt-header{display:flex;align-items:center;gap:15px}.receipt-logo{width:60px}.receipt-title{margin:0;color:#1e3a8a}.receipt-address{margin:0;font-size:13px}.receipt-card .receipt-top{display:flex;justify-content:space-between;margin:15px 0;font-size:14px}.receipt-card .receipt-student{background:#f3f4f6;padding:10px;border-radius:6px;margin-bottom:15px}.receipt-card .receipt-table{width:100%;border-collapse:collapse;table-layout:fixed}.receipt-card .receipt-table th,.receipt-card .receipt-table td{border:1px solid #000;padding:8px;text-align:center;word-break:break-word}.receipt-card .receipt-table th{background:#e5e7eb}.receipt-total{background:#fef3c7}.receipt-card .receipt-note{margin-top:10px;font-size:13px}.receipt-card .receipt-footer{margin-top:50px;display:flex;justify-content:space-between}.receipt-line{border-top:1px solid #000;width:120px;margin:auto}.receipt-thank{text-align:center;margin-top:20px;font-weight:600}@media(max-width:768px){.receipt-card{width:100%;padding:15px}.receipt-card .receipt-header{flex-direction:column;text-align:center}.receipt-logo{margin-bottom:10px}.receipt-card .receipt-top{flex-direction:column;gap:10px}.receipt-card .receipt-footer{flex-direction:column;gap:20px;align-items:center}}@media print{body{margin:0}.receipt-overlay{position:static;background:none;padding:0}.receipt-card{width:210mm!important;min-height:297mm;padding:15mm;border-radius:0;box-shadow:none}.receipt-close{display:none}.receipt-overlay>div:last-child{display:none}}.search-wrapper{position:relative;width:400px}.search-wrapper input{width:100%;padding:12px;border:1px solid #ccc}.search-dropdown{position:absolute;width:100%;background:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;z-index:10}.search-item:hover{background:#f0f0f0}.pr-main{background:#f5f5f5;padding:20px;font-family:Segoe UI,sans-serif}.pr-actions{display:flex;justify-content:space-between;margin-bottom:15px}.pr-actions button{padding:8px 14px;border:none;background:#4caf50;color:#fff;cursor:pointer;border-radius:5px;font-size:14px}.pr-actions button:hover{background:#388e3c}.pr-page{width:210mm;min-height:297mm;background:#fff;padding:20mm;margin:auto;border:2px solid #ccc;box-sizing:border-box}.pr-header{display:flex;justify-content:center;align-items:center;gap:15px;text-align:center;margin-bottom:10px}.pr-header img{width:60px}.pr-header h2{margin:0;font-size:22px}.pr-header p{margin:0;font-size:14px}.pr-info{display:flex;justify-content:space-between;border:1px solid #000;padding:15px;margin:20px 0;font-size:14px}.pr-info p{margin:4px 0}.pr-table{width:100%;border-collapse:collapse;font-size:14px}.pr-table th,.pr-table td{border:1px solid #000;padding:8px;text-align:center}.pr-table th{background:#4caf50;color:#fff}.bold{font-weight:700}.pr-grade{display:flex;justify-content:space-between;margin-top:10px;background:#eee;padding:10px;font-size:13px}.pr-summary-card{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.pr-summary-item{background:#f9f9f9;border:1px solid #ddd;padding:10px;text-align:center;border-radius:8px}.pr-summary-item span{display:block;font-size:12px;color:#777}.pr-summary-item strong{font-size:16px;color:#222}.pass{color:#2e7d32}.fail{color:#d32f2f}.pr-attendance-card{display:flex;justify-content:space-around;margin-top:15px;background:#f1f8e9;padding:12px;border-radius:8px;border:1px solid #c5e1a5}.pr-attendance-card div{text-align:center}.pr-attendance-card span{display:block;font-size:12px;color:#555}.pr-attendance-card strong{font-size:16px}.pr-remark-box{margin-top:20px;padding:12px;border:1px dashed #999;background:#fafafa;border-radius:6px}.pr-sign{display:flex;justify-content:space-between;margin-top:60px;text-align:center}.pr-sign .line{width:150px;height:1px;background:#000;margin:0 auto 8px}.pr-table th{background:linear-gradient(135deg,#4caf50,#388e3c)}.pr-table td{font-size:13px}.pr-page{box-shadow:0 8px 25px #0000001a;border-radius:6px}.pr-table tr:first-child{background:#e8f5e9;font-weight:700}@page{size:A4;margin:10mm}@media print{body{margin:0;padding:0}.no-print{display:none!important}.pr-main{background:#fff!important;padding:0!important}.pr-page{width:100%!important;min-height:auto!important;border:none!important;margin:0!important;padding:10mm!important;box-shadow:none!important}.pr-header,.pr-info,.pr-table,.pr-summary,.pr-attendance,.pr-sign{page-break-inside:avoid}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}*{overflow:visible!important}}*{box-sizing:border-box}.teacher-shell{width:100%;min-height:100vh;padding:28px;color:#172033;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.12),transparent 28%),radial-gradient(circle at 100% 5%,rgba(14,165,233,.1),transparent 25%),radial-gradient(circle at 50% 100%,rgba(16,185,129,.06),transparent 30%),#f6f8fc;font-size:15px}.teacher-shell button,.teacher-shell input,.teacher-shell select,.teacher-shell textarea{font-family:inherit}.teacher-page-header{width:100%;min-height:145px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden;border:1px solid rgba(99,102,241,.14);border-radius:24px;background:linear-gradient(135deg,#fff,#f7f5ff 45%,#eff8ff);box-shadow:0 12px 40px #4f46e514}.teacher-page-header:before{content:"";width:260px;height:260px;position:absolute;right:3%;top:-160px;border-radius:50%;background:linear-gradient(135deg,#6366f124,#8b5cf60d)}.teacher-page-header:after{content:"";width:140px;height:140px;position:absolute;right:27%;bottom:-95px;border-radius:50%;background:#0ea5e914}.teacher-header-left{min-width:0;display:flex;align-items:center;gap:18px;position:relative;z-index:2}.teacher-header-icon{width:68px;height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:19px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 12px 25px #6366f147;font-size:29px}.teacher-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#8b95a7;font-size:13px;font-weight:650}.teacher-breadcrumb span{color:#cbd5e1}.teacher-title{margin:0;color:#172033;font-size:31px;line-height:1.2;font-weight:850;letter-spacing:-.7px}.teacher-subtitle{margin:7px 0 0;color:#7b8798;font-size:14px;line-height:1.5;font-weight:500}.topAddBtn{min-height:50px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;z-index:3;border:none;border-radius:13px;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 10px 24px #6366f140;transition:transform .25s ease,box-shadow .25s ease}.topAddBtn svg{font-size:19px}.topAddBtn:hover{transform:translateY(-3px);box-shadow:0 16px 32px #6366f152}.topAddBtn:active{transform:translateY(-1px)}.teacher-stats{width:100%;margin:23px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.teacher-stat-card{min-height:118px;padding:20px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;border:none;border-radius:20px;color:#fff;box-shadow:0 12px 30px #0f172a1a;transition:transform .25s ease,box-shadow .25s ease}.teacher-stat-card:nth-child(1){background:linear-gradient(135deg,#6366f1,#8b5cf6)}.teacher-stat-card:nth-child(2){background:linear-gradient(135deg,#10b981,#059669)}.teacher-stat-card:nth-child(3){background:linear-gradient(135deg,#f97316,#ea580c)}.teacher-stat-card:nth-child(4){background:linear-gradient(135deg,#0ea5e9,#2563eb)}.teacher-stat-card:before{content:"";width:170px;height:170px;position:absolute;right:-60px;top:-80px;border-radius:50%;background:#ffffff1f}.teacher-stat-card:after{content:"";width:80px;height:80px;position:absolute;right:35px;bottom:-50px;border-radius:50%;background:#ffffff14}.teacher-stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px #0f172a2b}.teacher-stat-icon{width:57px;height:57px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border:1px solid rgba(255,255,255,.25);border-radius:16px;color:#fff!important;background:#ffffff2b!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:24px}.teacher-stat-icon.purple,.teacher-stat-icon.green,.teacher-stat-icon.orange,.teacher-stat-icon.blue{color:#fff;background:#ffffff2b}.teacher-stat-card span{display:block;margin-bottom:7px;position:relative;z-index:2;color:#ffffffd1;font-size:12px;font-weight:650}.teacher-stat-card strong{display:block;position:relative;z-index:2;color:#fff;font-size:28px;line-height:1;font-weight:850}.teacher-panel{width:100%;overflow:visible;border:1px solid #e5e7eb;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 14px 45px #4f46e512}.teacher-panel-header{padding:25px 28px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;border-radius:22px 22px 0 0;background:linear-gradient(135deg,#fff,#f5f3ff)}.teacher-panel-header:after{content:"";width:130px;height:130px;position:absolute;right:20px;top:-80px;border-radius:50%;background:#6366f114}.teacher-panel-title{position:relative;z-index:2}.teacher-panel-title h2{margin:0;color:#312e81;font-size:22px;line-height:1.3;font-weight:850}.teacher-panel-title p{margin:6px 0 0;color:#7c83a3;font-size:13px}.mobile-add-btn{display:none}.teacher-toolbar{padding:0 28px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0f5;background:#fff}.teacher-tabs{display:flex;align-items:center;gap:6px}.teacher-tab{min-height:43px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;color:#718096;background:transparent;font-size:13px;font-weight:750;cursor:pointer;transition:.2s ease}.teacher-tab svg{font-size:17px}.teacher-tab:hover{color:#6366f1;background:#f4f3ff}.teacher-tab.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 7px 18px #6366f138}.teacher-search-box{width:370px;height:47px;padding:0 13px;display:flex;align-items:center;gap:10px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;transition:.2s ease}.teacher-search-box:focus-within{border-color:#818cf8;box-shadow:0 0 0 4px #6366f117}.teacher-search-box>svg{flex-shrink:0;color:#8b95a7;font-size:18px}.teacher-search-box input{width:100%;min-width:0;height:43px;border:none;outline:none;color:#334155;background:transparent;font-size:13px;font-weight:550}.teacher-search-box input::placeholder{color:#a1aaba}.teacher-search-box button{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;color:#64748b;background:#f1f5f9;cursor:pointer}.teacher-grid{padding:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px;background:linear-gradient(180deg,#fff,#fafbff)}.teacher-card{min-width:0;padding:0;position:relative;overflow:hidden;border:none;border-radius:22px;background:#fff;box-shadow:0 10px 35px #0f172a14;transition:transform .3s ease,box-shadow .3s ease}.teacher-card:nth-child(4n+1){border-bottom:4px solid #6366f1}.teacher-card:nth-child(4n+2){border-bottom:4px solid #0ea5e9}.teacher-card:nth-child(4n+3){border-bottom:4px solid #10b981}.teacher-card:nth-child(4n+4){border-bottom:4px solid #f97316}.teacher-card:before{display:none}.teacher-card:after{content:"";width:170px;height:170px;position:absolute;right:-70px;top:-80px;border-radius:50%;background:#ffffff21;pointer-events:none}.teacher-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px #4f46e526}.teacher-card-top{min-height:84px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;overflow:hidden}.teacher-card:nth-child(4n+1) .teacher-card-top{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.teacher-card:nth-child(4n+2) .teacher-card-top{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.teacher-card:nth-child(4n+3) .teacher-card-top{background:linear-gradient(135deg,#10b981,#16a34a)}.teacher-card:nth-child(4n+4) .teacher-card-top{background:linear-gradient(135deg,#f97316,#ea580c)}.teacher-card-top:before{content:"";width:140px;height:140px;position:absolute;right:-45px;top:-75px;border-radius:50%;background:#ffffff21}.teacher-status{min-height:29px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;position:relative;z-index:3;border:1px solid rgba(255,255,255,.28);border-radius:99px;color:#fff!important;background:#ffffff2e!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:750}.teacher-status span{width:7px;height:7px;border-radius:50%}.teacher-status.active span{background:#bbf7d0;box-shadow:0 0 0 3px #bbf7d02e}.teacher-status.leave span{background:#fed7aa}.teacher-menu-wrap{position:relative;z-index:10}.teacher-menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:9px;color:#fff;background:#ffffff29;font-size:18px;cursor:pointer;transition:.2s ease}.teacher-menu-btn:hover{background:#ffffff47}.teacher-action-menu{width:200px;padding:7px;position:absolute;z-index:100;top:calc(100% + 7px);right:0;border:1px solid #e3e7ee;border-radius:13px;background:#fff;box-shadow:0 20px 50px #0f172a29}.teacher-action-menu button{width:100%;min-height:42px;padding:0 11px;display:flex;align-items:center;gap:9px;border:none;border-radius:8px;color:#475569;background:transparent;text-align:left;font-size:12px;font-weight:650;cursor:pointer;transition:.18s ease}.teacher-action-menu button.danger:hover{background:#fff1f2}.teacher-profile{padding:0 20px 18px;display:flex;align-items:center;flex-direction:column;position:relative;z-index:4;text-align:center;margin-top:-36px}.teacher-avatar{width:94px;height:94px;position:relative;margin:0 0 13px;display:flex;align-items:center;justify-content:center;border:5px solid #ffffff;border-radius:50%;color:#6366f1;background:linear-gradient(135deg,#eef2ff,#ddd6fe);box-shadow:0 10px 28px #0f172a2b}.teacher-card:nth-child(4n+2) .teacher-avatar{color:#0284c7;background:linear-gradient(135deg,#e0f2fe,#dbeafe)}.teacher-card:nth-child(4n+3) .teacher-avatar{color:#15803d;background:linear-gradient(135deg,#dcfce7,#d1fae5)}.teacher-card:nth-child(4n+4) .teacher-avatar{color:#ea580c;background:linear-gradient(135deg,#ffedd5,#fed7aa)}.teacher-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback{font-size:27px;font-weight:850}.avatar-camera{width:28px;height:28px;position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;border:3px solid #ffffff;border-radius:50%;color:#fff;background:#6366f1;font-size:12px}.teacher-card:nth-child(4n+2) .avatar-camera{background:#0ea5e9}.teacher-card:nth-child(4n+3) .avatar-camera{background:#16a34a}.teacher-card:nth-child(4n+4) .avatar-camera{background:#f97316}.teacher-name{width:100%;margin:0;color:#172033;font-size:18px;line-height:1.3;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-role{margin-top:7px;padding:5px 11px;display:inline-flex;align-items:center;gap:5px;border-radius:99px;color:#6366f1;background:#eef2ff;font-size:10px;font-weight:700}.teacher-card:nth-child(4n+2) .teacher-role{color:#0284c7;background:#e0f2fe}.teacher-card:nth-child(4n+3) .teacher-role{color:#15803d;background:#dcfce7}.teacher-card:nth-child(4n+4) .teacher-role{color:#c2410c;background:#ffedd5}.teacher-role svg{font-size:12px}.teacher-info{margin:0 18px;padding:14px;border:1px solid #edf0f5;border-radius:15px;background:#ffffffd1;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 1px #fffc}.teacher-info-row{min-width:0;min-height:43px;padding:5px 7px;display:flex;align-items:center;gap:10px;border-radius:9px;transition:.2s ease}.teacher-info-row:hover{background:#f8fafc}.teacher-info-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#6366f1;background:#eef2ff;font-size:15px}.teacher-info-row:nth-child(2) .teacher-info-icon{color:#0ea5e9;background:#e0f2fe}.teacher-info-row:nth-child(3) .teacher-info-icon{color:#16a34a;background:#dcfce7}.teacher-info-row>div:last-child{min-width:0}.teacher-info-row span{display:block;margin-bottom:3px;color:#94a3b8;font-size:9px;font-weight:700;text-transform:uppercase}.teacher-info-row strong{display:block;max-width:240px;color:#334155;font-size:12px;line-height:1.3;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-permission-section{margin:0 18px;padding:17px 0 20px}.permission-heading{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.permission-heading span{display:flex;align-items:center;gap:7px;color:#64748b;font-size:11px;font-weight:750}.permission-heading span svg{color:#6366f1;font-size:14px}.permission-heading strong{min-width:28px;height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:10px;font-weight:850}.teacher-card:nth-child(4n+2) .permission-heading strong{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.teacher-card:nth-child(4n+3) .permission-heading strong{background:linear-gradient(135deg,#10b981,#16a34a)}.teacher-card:nth-child(4n+4) .permission-heading strong{background:linear-gradient(135deg,#f97316,#ea580c)}.teacher-permissions{display:flex;flex-wrap:wrap;gap:6px}.permission-chip{max-width:100%;padding:6px 9px;border:1px solid #ddd6fe;border-radius:7px;color:#5b21b6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s ease}.permission-chip:hover{transform:translateY(-2px)}.teacher-card:nth-child(4n+2) .permission-chip{color:#0369a1;border-color:#bae6fd;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.teacher-card:nth-child(4n+3) .permission-chip{color:#15803d;border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.teacher-card:nth-child(4n+4) .permission-chip{color:#c2410c;border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.permission-chip.more{color:#64748b!important;border-color:#e2e8f0!important;background:#f8fafc!important}.no-permission{color:#a1aaba;font-size:11px}.teacher-empty{min-height:420px;padding:45px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.teacher-empty-icon{width:78px;height:78px;margin-bottom:17px;display:flex;align-items:center;justify-content:center;border-radius:21px;color:#6366f1;background:linear-gradient(135deg,#eef2ff,#ede9fe);box-shadow:0 10px 25px #6366f11f;font-size:31px}.teacher-empty h3{margin:0 0 7px;color:#334155;font-size:20px;font-weight:850}.teacher-empty p{margin:0;color:#94a3b8;font-size:13px}.teacher-empty button{margin-top:18px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 8px 20px #6366f133}.teacher-modal-overlay{position:fixed;z-index:9999;inset:0;padding:25px;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:#0f172a7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalOverlayIn .2s ease}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.teacher-modal{width:min(960px,100%);max-height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;border-radius:24px;background:linear-gradient(180deg,#fff,#fafbff);box-shadow:0 35px 90px #0f172a40;animation:modalIn .23s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.teacher-modal-header{min-height:92px;padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;overflow:hidden;border-bottom:1px solid #edf0f5;background:linear-gradient(135deg,#f8f7ff,#f0f9ff)}.teacher-modal-header:after{content:"";width:140px;height:140px;position:absolute;right:40px;top:-95px;border-radius:50%;background:#6366f114}.modal-heading{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.modal-heading-icon{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 20px #6366f138;font-size:21px}.modal-heading h2{margin:0;color:#1e293b;font-size:21px;line-height:1.3;font-weight:850}.modal-heading p{margin:5px 0 0;color:#94a3b8;font-size:12px}.modal-close{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;border:none;border-radius:10px;color:#64748b;background:#fff;font-size:18px;cursor:pointer;box-shadow:0 3px 12px #0f172a0f;transition:.2s ease}.modal-close:hover{color:#ef4444;background:#fff1f2;transform:rotate(5deg)}.teacher-modal-body{padding:26px;overflow-y:auto}.teacher-modal-body::-webkit-scrollbar{width:7px}.teacher-modal-body::-webkit-scrollbar-track{background:#f8fafc}.teacher-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(#a5b4fc,#818cf8);border-radius:99px}.teacher-form{display:flex;flex-direction:column;gap:20px}.form-section{padding:21px;border:1px solid #e5e7eb;border-radius:17px;position:relative;background:#fff;box-shadow:0 5px 20px #0f172a09}.form-section:nth-child(1){border-top:3px solid #6366f1}.form-section:nth-child(2){border-top:3px solid #0ea5e9}.form-section:nth-child(3){border-top:3px solid #10b981}.form-section-title{margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.form-section-title h3{margin:0;color:#334155;font-size:16px;line-height:1.3;font-weight:850}.form-section-title p{margin:4px 0 0;color:#94a3b8;font-size:11px}.teacher-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.teacher-field{min-width:0}.teacher-field.full{grid-column:1 / -1}.teacher-field>label{display:block;margin-bottom:7px;color:#475569;font-size:12px;font-weight:750}.teacher-field>label span{color:#ef4444;margin-left:3px}.field-input{min-height:50px;padding:0 13px;display:flex;align-items:center;gap:10px;position:relative;border:1px solid #dce2eb;border-radius:11px;background:#fff;transition:.2s ease}.field-input:hover{border-color:#c7d2fe}.field-input:focus-within{border-color:#818cf8;box-shadow:0 0 0 4px #6366f117}.field-input>svg{flex-shrink:0;color:#8b95a7;font-size:17px}.field-input input,.field-input select{width:100%;min-width:0;height:48px;border:none;outline:none;color:#334155;background:transparent;font-size:13px;font-weight:550}.field-input input::placeholder{color:#a1aaba}.field-input input:disabled{color:#94a3b8;cursor:not-allowed}.field-input select{appearance:none;cursor:pointer}.select-arrow{position:absolute;right:13px;pointer-events:none;color:#64748b!important;font-size:14px!important}.profile-upload{min-height:120px;padding:16px;display:flex;align-items:center;gap:17px;border:2px dashed #c7d2fe;border-radius:15px;background:linear-gradient(135deg,#fafaff,#f8fbff);transition:.2s ease}.profile-upload:hover{border-color:#818cf8;background:linear-gradient(135deg,#f5f3ff,#f0f9ff)}.upload-preview{width:82px;height:82px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid #ffffff;border-radius:50%;color:#6366f1;background:linear-gradient(135deg,#eef2ff,#ddd6fe);box-shadow:0 8px 22px #6366f126;font-size:27px}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-content{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.upload-content input{display:none}.upload-button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:none;border-radius:9px;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 6px 15px #6366f12e}.upload-button:hover{transform:translateY(-2px)}.upload-button svg{font-size:16px}.upload-content>span{color:#94a3b8;font-size:10px}.permission-selected-counter{min-height:31px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;border-radius:99px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:10px;font-weight:800;box-shadow:0 5px 12px #6366f126}.premium-permission-dropdown{width:100%;position:relative}.permission-dropdown-trigger{width:100%;min-height:70px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dce2eb;border-radius:13px;color:#172033;background:#fff;text-align:left;cursor:pointer;transition:.2s ease}.permission-dropdown-trigger:hover{border-color:#a5b4fc;background:#fafaff}.premium-permission-dropdown.is-open .permission-dropdown-trigger{border-color:#6366f1;box-shadow:0 0 0 4px #6366f114}.permission-trigger-left{display:flex;align-items:center;gap:11px}.permission-trigger-icon{width:45px;height:45px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:18px}.permission-trigger-left strong{display:block;color:#334155;font-size:12px;font-weight:800}.permission-trigger-left span{display:block;margin-top:3px;color:#94a3b8;font-size:10px}.permission-dropdown-trigger>svg{flex-shrink:0;color:#64748b;font-size:18px;transition:.2s ease}.premium-permission-dropdown.is-open .permission-dropdown-trigger>svg{transform:rotate(180deg)}.permission-dropdown-menu{width:100%;max-height:520px;position:absolute;z-index:100;left:0;top:calc(100% + 8px);overflow:hidden;border:1px solid #dfe4ec;border-radius:16px;background:#fff;box-shadow:0 25px 65px #0f172a2e;animation:permissionMenuIn .17s ease}@keyframes permissionMenuIn{0%{opacity:0;transform:translateY(-7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.permission-search-row{padding:12px;border-bottom:1px solid #edf0f5;background:linear-gradient(135deg,#fafaff,#f8fbff)}.permission-search{min-height:44px;padding:0 11px;display:flex;align-items:center;gap:9px;border:1px solid #dce2eb;border-radius:10px;background:#fff}.permission-search:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f112}.permission-search>svg{color:#8b95a7;font-size:17px}.permission-search input{width:100%;height:40px;border:none;outline:none;color:#334155;font-size:12px}.permission-search input::placeholder{color:#a1aaba}.permission-search button{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border:none;border-radius:7px;color:#64748b;background:#f1f5f9;cursor:pointer}.permission-actions{min-height:48px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f5}.permission-actions label{display:flex;align-items:center;gap:8px;color:#475569;font-size:11px;font-weight:750;cursor:pointer}.permission-actions input,.permission-item input{position:absolute;opacity:0;pointer-events:none}.permission-actions button{border:none;color:#ef4444;background:transparent;font-size:11px;font-weight:750;cursor:pointer}.custom-check{width:19px;height:19px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid #cbd5e1;border-radius:6px;color:transparent;background:#fff;font-size:11px;transition:.15s ease}.permission-actions input:checked+.custom-check,.permission-item input:checked+.custom-check{color:#fff;border-color:#6366f1;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 10px #6366f12e}.permission-dropdown-content{max-height:400px;padding:10px;overflow-y:auto}.permission-dropdown-content::-webkit-scrollbar{width:6px}.permission-dropdown-content::-webkit-scrollbar-thumb{background:linear-gradient(#a5b4fc,#818cf8);border-radius:99px}.permission-group{margin-bottom:12px}.permission-group-title{min-height:40px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;color:#4338ca;background:linear-gradient(135deg,#f5f3ff,#eef2ff);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.permission-group:nth-child(2n) .permission-group-title{color:#0369a1;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.permission-group-title small{min-width:24px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;color:#6366f1;background:#fff;font-size:9px;font-weight:800}.permission-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px 0}.permission-item{min-width:0;min-height:52px;padding:8px;display:flex;align-items:center;gap:9px;position:relative;border-radius:9px;cursor:pointer;transition:background .18s ease,transform .18s ease}.permission-item:hover{background:#f8faff;transform:translate(2px)}.permission-item.selected{background:linear-gradient(135deg,#f5f3ff,#eef2ff)}.permission-item-content{min-width:0;display:flex;flex-direction:column;gap:3px}.permission-item-content strong{color:#475569;font-size:10px;line-height:1.3;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-item-content small{color:#a1aaba;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-empty{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#94a3b8;font-size:12px}.permission-empty svg{color:#818cf8;font-size:28px}.selected-permissions{max-height:130px;margin-top:10px;padding:10px;display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:10px;background:linear-gradient(135deg,#fafaff,#f8fbff)}.selected-permission-chip{max-width:100%;padding:7px 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid #ddd6fe;border-radius:7px;color:#5b21b6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);font-size:9px;font-weight:700}.teacher-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:3px}.modal-cancel-btn,.modal-save-btn{min-height:47px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:11px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s ease}.modal-cancel-btn{color:#475569;background:#f1f5f9}.modal-cancel-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.modal-save-btn{min-width:155px;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 9px 22px #6366f138}.modal-save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 28px #6366f14d}.modal-save-btn:disabled,.modal-cancel-btn:disabled{opacity:.55;cursor:not-allowed}.save-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@media(max-width:1400px){.teacher-shell{padding:25px}.teacher-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}.teacher-title{font-size:29px}}@media(max-width:1200px){.teacher-shell{padding:22px}.teacher-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-search-box{width:310px}.teacher-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@media(max-width:1000px){.teacher-page-header{padding:23px}.teacher-title{font-size:26px}.teacher-toolbar{align-items:stretch;flex-direction:column}.teacher-tabs{width:100%}.teacher-tab{flex:1}.teacher-search-box{width:100%}}@media(max-width:800px){.teacher-shell{padding:17px}.teacher-page-header{min-height:120px;padding:20px;border-radius:18px}.teacher-header-icon{width:55px;height:55px;border-radius:15px;font-size:23px}.teacher-title{font-size:23px}.teacher-subtitle{font-size:12px}.teacher-grid{padding:20px}.teacher-modal-overlay{padding:18px}.teacher-modal{max-height:calc(100vh - 36px);border-radius:20px}}@media(max-width:650px){.teacher-shell{padding:10px}.teacher-page-header{min-height:100px;padding:16px;border-radius:15px}.teacher-header-left{gap:11px}.teacher-header-icon{width:45px;height:45px;border-radius:11px;font-size:19px}.teacher-breadcrumb{font-size:9px}.teacher-title{font-size:20px}.teacher-subtitle{display:none}.topAddBtn{width:42px;height:42px;min-height:42px;padding:0;border-radius:9px}.topAddBtn span{display:none}.teacher-stats{gap:9px;margin:14px 0}.teacher-stat-card{min-height:82px;padding:12px;gap:9px;border-radius:13px}.teacher-stat-icon{width:40px;height:40px;border-radius:10px;font-size:17px}.teacher-stat-card span{font-size:9px}.teacher-stat-card strong{font-size:19px}.teacher-panel{border-radius:15px}.teacher-panel-header{padding:16px 14px 11px}.teacher-panel-title h2{font-size:17px}.teacher-panel-title p{font-size:10px}.mobile-add-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:9px;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);font-size:17px;cursor:pointer}.teacher-toolbar{padding:0 14px 13px}.teacher-tab{min-height:39px;padding:0 9px;font-size:10px}.teacher-tab svg{font-size:14px}.teacher-grid{padding:13px;grid-template-columns:1fr;gap:14px}.teacher-card{border-radius:17px}.teacher-card-top{min-height:76px}.teacher-avatar{width:88px;height:88px}.teacher-name{font-size:17px}.teacher-modal-overlay{padding:0;align-items:flex-end}.teacher-modal{width:100%;max-height:95vh;border-radius:20px 20px 0 0}.teacher-modal-header{min-height:78px;padding:13px 15px}.modal-heading-icon{width:42px;height:42px;border-radius:11px;font-size:18px}.modal-heading h2{font-size:16px}.modal-heading p{font-size:9px}.teacher-modal-body{padding:14px}.teacher-form{gap:14px}.form-section{padding:14px;border-radius:13px}.teacher-form-grid{grid-template-columns:1fr;gap:12px}.teacher-field.full{grid-column:auto}.permission-group-grid{grid-template-columns:1fr}.permission-dropdown-menu{position:fixed;z-index:10001;left:10px;right:10px;top:50%;width:auto;max-height:78vh;transform:translateY(-50%)}.permission-dropdown-content{max-height:calc(78vh - 110px)}.teacher-modal-actions{flex-direction:column-reverse;width:100%}.modal-cancel-btn,.modal-save-btn{width:100%}}@media(max-width:500px){.teacher-shell{padding:7px}.teacher-page-header{padding:13px}.teacher-header-icon{width:40px;height:40px;font-size:17px}.teacher-title{font-size:18px}.teacher-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.teacher-stat-card{min-height:74px;padding:9px}.teacher-stat-icon{width:35px;height:35px;font-size:14px}.teacher-stat-card strong{font-size:17px}.teacher-tab:nth-child(2){display:none}.teacher-grid{padding:9px;gap:10px}.teacher-card{border-radius:15px}.teacher-info,.teacher-permission-section{margin:0 14px}.teacher-info-row strong{max-width:195px;font-size:11px}.teacher-info-row span{font-size:8px}.teacher-modal{max-height:97vh}.teacher-modal-header{padding:12px 14px}.modal-heading h2{font-size:15px}.modal-heading p{display:none}.teacher-modal-body{padding:11px}.form-section{padding:12px}.form-section-title{align-items:flex-start;flex-direction:column;gap:7px}.permission-selected-counter{align-self:flex-start}.profile-upload{align-items:flex-start;gap:11px}.upload-preview{width:65px;height:65px}}@media(max-width:380px){.teacher-shell{padding:5px}.teacher-page-header{padding:10px}.teacher-header-left{gap:8px}.teacher-header-icon{width:36px;height:36px;border-radius:9px;font-size:15px}.teacher-title{font-size:16px}.teacher-breadcrumb{font-size:8px}.topAddBtn{width:37px;height:37px}.teacher-stats{grid-template-columns:1fr}.teacher-panel-header{padding:13px 11px 9px}.teacher-toolbar{padding:0 11px 11px}.teacher-grid{padding:7px}.teacher-card{border-radius:13px}.teacher-avatar{width:78px;height:78px}.teacher-name{font-size:15px}.teacher-info-row strong{max-width:165px}.teacher-modal-body{padding:8px}.form-section{padding:10px}.field-input{min-height:45px}.field-input input,.field-input select{font-size:11px}}@media(max-width:320px){.teacher-title{font-size:15px}.teacher-card{padding:0}.teacher-avatar{width:70px;height:70px}.teacher-name{font-size:14px}.teacher-info-row strong{max-width:140px}.teacher-modal-body{padding:6px}.form-section{padding:9px}.permission-dropdown-trigger{min-height:62px}.permission-trigger-icon{width:38px;height:38px;font-size:15px}.permission-trigger-left strong{font-size:10px}.permission-trigger-left span{font-size:8px}}@media(hover:none){.teacher-card:hover{transform:none;box-shadow:0 10px 35px #0f172a14}.teacher-stat-card:hover,.topAddBtn:hover,.permission-chip:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.teacher-card,.teacher-card-top{position:relative;overflow:visible!important}.teacher-menu-wrap{position:relative;z-index:9999}.teacher-menu-btn{position:relative;z-index:10000;color:#fff!important}.teacher-action-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:99999;width:210px;padding:7px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 20px 50px #0f172a2e,0 5px 15px #0f172a14}.teacher-action-menu button{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;border:none;border-radius:9px;color:#475569;background:transparent;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer}.teacher-action-menu button:hover{color:#4f46e5;background:#f5f3ff}.teacher-action-menu button.danger{color:#dc2626}.teacher-action-menu button.danger:hover{color:#b91c1c;background:#fff1f2}.teacher-card:has(.teacher-action-menu){z-index:999}.permission-page{width:100%;min-height:100vh;padding:28px;background:radial-gradient(circle at top left,rgba(79,70,229,.08),transparent 30%),#f6f8fc;color:#172033;box-sizing:border-box}.permission-header{width:100%;margin-bottom:22px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#111827,#1e293b 45%,#312e81);box-shadow:0 18px 45px #0f172a26}.permission-header-content{min-height:155px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative}.permission-header-content:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:8%;top:-130px;background:#ffffff0f;pointer-events:none}.permission-title-wrap{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.permission-title-icon{width:64px;height:64px;flex-shrink:0;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:29px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff26,0 12px 30px #0000001f}.permission-breadcrumb{display:flex;align-items:center;gap:9px;color:#cbd5e1;font-size:12px;font-weight:600;margin-bottom:7px}.permission-breadcrumb span{opacity:.5}.permission-title{margin:0;color:#fff;font-size:29px;line-height:1.2;font-weight:800;letter-spacing:-.5px}.permission-subtitle{margin:7px 0 0;color:#cbd5e1;font-size:13px}.permission-header-badge{display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:999px;color:#e0e7ff;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);font-size:12px;font-weight:700;white-space:nowrap;position:relative;z-index:2}.permission-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.permission-stat-card{min-height:90px;padding:17px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8edf5;border-radius:17px;box-shadow:0 8px 25px #0f172a0e;transition:transform .2s ease,box-shadow .2s ease}.permission-stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0f172a17}.permission-stat-icon{width:48px;height:48px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px}.permission-stat-icon.blue{color:#2563eb;background:#eff6ff}.permission-stat-icon.green{color:#16a34a;background:#f0fdf4}.permission-stat-icon.purple{color:#7c3aed;background:#f5f3ff}.permission-stat-icon.orange{color:#ea580c;background:#fff7ed}.permission-stat-content{min-width:0}.permission-stat-content span{display:block;color:#64748b;font-size:11px;font-weight:600;margin-bottom:4px}.permission-stat-content strong{display:block;color:#0f172a;font-size:22px;font-weight:800}.permission-content{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);align-items:start;gap:22px}.card{background:#fff;border:1px solid #e8edf5;border-radius:20px;box-shadow:0 10px 35px #0f172a0e}.form-card{padding:22px;position:sticky;top:20px}.card-header{display:flex;align-items:center;gap:13px;padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #edf1f6}.card-header-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#4f46e5;background:#eef2ff;border-radius:13px;font-size:19px}.card-header h2{margin:0;color:#172033;font-size:17px;font-weight:800}.card-header p{margin:4px 0 0;color:#718096;font-size:12px}.permission-form{display:flex;flex-direction:column;gap:17px}.field-group{width:100%}.field-group>label{display:block;margin-bottom:8px;color:#334155;font-size:12px;font-weight:750}.field-group>label span{color:#ef4444;margin-left:3px}.input-wrapper{min-height:48px;width:100%;padding:0 13px;display:flex;align-items:center;gap:10px;box-sizing:border-box;border:1px solid #dce3ed;border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input-wrapper>svg{flex-shrink:0;color:#64748b;font-size:17px}.input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.input{width:100%;min-width:0;border:none;outline:none;background:transparent;color:#172033;font-size:13px}.input::placeholder{color:#9aa6b6}.permission-dropdown{width:100%;position:relative}.permission-dropdown-trigger{width:100%;min-height:58px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dce3ed;border-radius:13px;background:#fff;color:#172033;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.permission-dropdown-trigger:hover{border-color:#b9c3d2;background:#fbfcfe}.permission-dropdown-trigger.active{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.permission-dropdown-trigger>svg{flex-shrink:0;color:#64748b;transition:transform .2s ease}.permission-dropdown-trigger>svg.rotate{transform:rotate(180deg)}.selected-permission{min-width:0;display:flex;align-items:center;gap:11px}.selected-permission-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#4f46e5;background:#eef2ff}.selected-permission-text{min-width:0;display:flex;flex-direction:column;gap:3px}.selected-permission-text strong{color:#1e293b;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-permission-text span{color:#64748b;font-size:10px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-permission-text .placeholder{color:#94a3b8;font-family:inherit;font-size:13px}.permission-dropdown-menu{position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 8px);overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 25px 60px #0f172a2e;animation:permissionDropdownIn .16s ease}@keyframes permissionDropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{min-height:53px;padding:8px 11px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf1f6;background:#fbfcff}.dropdown-search>svg{flex-shrink:0;color:#64748b}.dropdown-search input{width:100%;min-width:0;border:none;outline:none;background:transparent;color:#172033;font-size:12px}.dropdown-search input::placeholder{color:#9aa6b6}.dropdown-search button{width:27px;height:27px;flex-shrink:0;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#64748b;cursor:pointer}.permission-group-list{max-height:390px;overflow-y:auto;padding:7px}.permission-group-list::-webkit-scrollbar{width:6px}.permission-group-list::-webkit-scrollbar-track{background:transparent}.permission-group-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.permission-group{margin-bottom:5px}.permission-group:last-child{margin-bottom:0}.permission-group-header{min-height:34px;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:#f8fafc}.group-title{display:flex;align-items:center;gap:8px;color:#475569;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.group-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#4f46e5;background:#eef2ff}.group-count{min-width:22px;height:21px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;color:#64748b;background:#e9eef5;font-size:10px;font-weight:800}.permission-group-items{padding:3px 0 4px}.permission-option{width:100%;min-height:49px;padding:7px 9px;display:flex;align-items:center;gap:9px;border:none;border-radius:10px;background:transparent;color:#172033;cursor:pointer;text-align:left;transition:background .15s ease,transform .15s ease}.permission-option:hover:not(:disabled){background:#f5f7ff}.permission-option.selected{background:#eef2ff}.permission-option:disabled{cursor:not-allowed;opacity:.48}.option-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#64748b;background:#f1f5f9}.permission-option.selected .option-icon{color:#fff;background:#4f46e5}.option-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.option-content strong{color:#334155;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-content span{color:#94a3b8;font-size:9px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.created-badge{flex-shrink:0;padding:4px 7px;border-radius:6px;color:#64748b;background:#e2e8f0;font-size:8px;font-weight:800;text-transform:uppercase}.dropdown-empty{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#94a3b8;font-size:12px}.dropdown-empty svg{font-size:25px}.permission-preview{padding:14px;border:1px solid #dbe4ff;border-radius:14px;background:linear-gradient(135deg,#f8faff,#eef2ff)}.preview-title{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#475569;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.preview-group{padding:4px 7px;border-radius:99px;color:#4f46e5;background:#fff;font-size:8px;text-transform:none;letter-spacing:0}.preview-content{display:flex;align-items:center;gap:10px}.preview-icon{width:39px;height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#4f46e5;background:#fff;box-shadow:0 5px 14px #4f46e514}.preview-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.preview-info strong{color:#1e293b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-info span{color:#64748b;font-size:9px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-status{display:flex;align-items:center;gap:4px;color:#16a34a;font-size:9px;font-weight:800}.form-actions{display:flex;gap:9px;margin-top:2px}.button{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:11px;font-size:11px;font-weight:750;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:not-allowed}.primary-button{flex:1;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 9px 20px #4f46e533}.cancel-btn{color:#475569;background:#f1f5f9}.button-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.table-card{min-width:0;overflow:hidden}.table-card-header{padding:21px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.table-title{min-width:0;display:flex;align-items:center;gap:12px}.table-title-icon{width:43px;height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#7c3aed;background:#f5f3ff}.table-title h2{margin:0;color:#172033;font-size:17px;font-weight:800}.table-title p{margin:4px 0 0;color:#718096;font-size:11px}.permission-count{flex-shrink:0;padding:8px 11px;border-radius:9px;color:#4f46e5;background:#eef2ff;font-size:10px;font-weight:800}.permission-toolbar{padding:0 22px 17px}.search-wrapper{width:100%;min-height:45px;max-width:430px;padding:0 12px;display:flex;align-items:center;gap:9px;box-sizing:border-box;border:1px solid #dce3ed;border-radius:11px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.search-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f114}.search-wrapper>svg{flex-shrink:0;color:#64748b}.permission-search{width:100%;min-width:0;border:none;outline:none;background:transparent;color:#172033;font-size:12px}.permission-search::placeholder{color:#94a3b8}.clear-search{width:26px;height:26px;flex-shrink:0;border:none;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#64748b;background:#f1f5f9;cursor:pointer}.table-container{width:100%;overflow-x:auto}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.table{width:100%;min-width:730px;border-collapse:collapse}.table th{padding:12px 16px;color:#64748b;background:#f8fafc;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;text-align:left;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}.table td{padding:13px 16px;border-bottom:1px solid #f0f2f6;color:#334155;font-size:11px;vertical-align:middle}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#fafbff}.row-number{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#64748b;background:#f1f5f9;font-size:9px;font-weight:800}.permission-name-cell{display:flex;align-items:center;gap:10px;min-width:180px}.permission-row-icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#4f46e5;background:#eef2ff}.permission-table-info{min-width:0}.permission-table-info strong{display:block;color:#1e293b;font-size:11px;font-weight:750}.permission-meta{margin-top:3px;display:flex;align-items:center;gap:5px}.permission-meta small{color:#94a3b8;font-size:9px}.code{display:inline-block;max-width:220px;padding:5px 8px;border:1px solid #e2e8f0;border-radius:7px;color:#475569;background:#f8fafc;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{color:#64748b;font-size:10px;white-space:nowrap}.action-column{text-align:right!important}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:6px}.edit-btn,.delete-btn{min-height:31px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;border-radius:8px;font-size:9px;font-weight:750;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.edit-btn:hover,.delete-btn:hover{transform:translateY(-1px)}.edit-btn{color:#2563eb;background:#eff6ff}.delete-btn{color:#dc2626;background:#fef2f2}.permission-loading{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.permission-loading p{margin:0;color:#64748b;font-size:12px}.loading-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin .7s linear infinite}.empty{min-height:280px;padding:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{width:54px;height:54px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:#94a3b8;background:#f1f5f9;font-size:23px}.empty h3{margin:0 0 5px;color:#334155;font-size:15px}.empty p{max-width:320px;margin:0;color:#94a3b8;font-size:11px;line-height:1.6}.empty-button{margin-top:15px;min-height:36px;padding:0 13px;border:none;border-radius:9px;color:#4f46e5;background:#eef2ff;font-size:10px;font-weight:750;cursor:pointer}@media(max-width:1200px){.permission-page{padding:22px}.permission-content{grid-template-columns:330px minmax(0,1fr)}.permission-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.permission-content{grid-template-columns:1fr}.form-card{position:relative;top:auto}.permission-header-content{min-height:auto;padding:25px}.permission-header-badge{display:none}}@media(max-width:700px){.permission-page{padding:14px}.permission-header{border-radius:17px}.permission-header-content{padding:20px}.permission-title-wrap{gap:12px}.permission-title-icon{width:50px;height:50px;border-radius:14px;font-size:22px}.permission-title{font-size:22px}.permission-subtitle{font-size:11px}.permission-breadcrumb{font-size:10px}.permission-stats{grid-template-columns:1fr 1fr;gap:10px}.permission-stat-card{min-height:76px;padding:12px;gap:9px}.permission-stat-icon{width:39px;height:39px;border-radius:11px;font-size:17px}.permission-stat-content strong{font-size:18px}.permission-stat-content span{font-size:9px}.card{border-radius:16px}.form-card,.table-card-header{padding:16px}.permission-toolbar{padding:0 16px 14px}.table{min-width:680px}}@media(max-width:500px){.permission-page{padding:10px}.permission-title-icon{width:44px;height:44px}.permission-title{font-size:19px}.permission-subtitle{display:none}.permission-stats{grid-template-columns:1fr 1fr}.permission-stat-card{padding:10px}.permission-stat-icon{width:35px;height:35px}.permission-stat-content strong{font-size:16px}.card-header{align-items:flex-start}.permission-dropdown-menu{position:fixed;left:10px;right:10px;top:50%;transform:translateY(-50%);max-height:80vh;border-radius:17px;animation:mobileDropdownIn .18s ease}@keyframes mobileDropdownIn{0%{opacity:0;transform:translateY(-47%)}to{opacity:1;transform:translateY(-50%)}}.permission-group-list{max-height:calc(80vh - 55px)}.form-actions{flex-direction:column}.button{width:100%}.table-card-header{align-items:flex-start;flex-direction:column}.permission-count{align-self:flex-start}.search-wrapper{max-width:none}}@media(max-width:360px){.permission-stats{grid-template-columns:1fr}.permission-title-wrap{align-items:flex-start}.permission-title{font-size:18px}.permission-title-icon{width:40px;height:40px;font-size:18px}.selected-permission-icon{width:34px;height:34px}.selected-permission-text strong{font-size:11px}}.attendance-dashboard{width:100%;min-height:100%;padding:24px;background:#f5f7fb;overflow-x:hidden}.attendance-loader{width:100%;min-height:75vh;display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:16px}.attendance-loader .spinner{width:54px;height:54px;border-radius:50%;border:4px solid #dbeafe;border-top:4px solid #2563eb;animation:attendanceSpin .8s linear infinite}@keyframes attendanceSpin{to{transform:rotate(360deg)}}.attendance-loader h3{font-size:17px;color:#64748b;font-weight:600}.attendance-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.attendance-heading h1{font-size:38px;font-weight:800;color:#0f172a;margin:0}.attendance-heading .breadcrumb{margin-top:10px;display:flex;gap:8px;align-items:center;font-size:15px}.attendance-heading .breadcrumb .active{color:#2563eb;font-weight:700}.attendance-heading .breadcrumb span:last-child{color:#94a3b8}.attendance-dashboard .add-btn{border:none;outline:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:14px 24px;border-radius:14px;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;cursor:pointer;transition:.3s ease;box-shadow:0 10px 20px #2563eb38}.attendance-dashboard .add-btn:hover{transform:translateY(-2px)}.attendance-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.attendance-card,.employee-card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 10px 25px #0f172a0d;position:relative}.card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.card-top h2{font-size:26px;font-weight:700;color:#0f172a;margin:0}.attendance-dashboard .download-btn,.attendance-dashboard .menu-btn{background:#fff;border:1px solid #e2e8f0;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}.attendance-dashboard .menu-btn{width:46px;height:46px;padding:0}.chart-area{display:flex;gap:16px;min-height:410px}.chart-labels{width:52px;display:flex;flex-direction:column;justify-content:space-between}.chart-labels span{font-size:14px;color:#94a3b8;font-weight:600}.chart-bars{flex:1;display:flex;justify-content:space-between;align-items:flex-end;gap:14px}.single-bar-col{display:flex;flex-direction:column;align-items:center;gap:12px}.single-bar-col p{margin:0;font-size:14px;color:#64748b;font-weight:600}.bar-stack{width:22px;height:320px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:16px;background:#f1f5f9}.bar{width:100%;animation:attendanceGrow 1s ease forwards}@keyframes attendanceGrow{0%{height:0}}.bar.blue{background:#2563eb}.bar.orange{background:#f97316}.bar.gray{background:#94a3b8}.legend-row{margin-top:24px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.legend-row span{display:flex;align-items:center;gap:8px;color:#334155;font-weight:600;font-size:14px}.legend-row i,.employee-stats .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-row .blue,.employee-stats .blue{background:#2563eb}.legend-row .orange,.employee-stats .orange{background:#f97316}.legend-row .gray{background:#94a3b8}.employee-stats .cyan{background:#06b6d4}.donut-wrap{display:flex;justify-content:center;margin:12px 0 24px}.donut-chart{width:240px;height:240px;border-radius:50%;background:conic-gradient(#2563eb 0% 54%,#f97316 54% 74%,#06b6d4 74% 100%);position:relative;animation:donutShow .9s ease}@keyframes donutShow{0%{transform:scale(.75) rotate(-120deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.donut-chart:after{content:"";position:absolute;inset:30px;background:#fff;border-radius:50%}.donut-center{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-center h3{font-size:36px;color:#0f172a;margin:0}.donut-center p{margin:4px 0 0;color:#64748b;font-size:15px}.pie-zone{position:absolute;inset:0;border-radius:50%;z-index:10}.pie1{clip-path:polygon(50% 50%,100% 0,100% 100%)}.pie2{clip-path:polygon(50% 50%,0 100%,100% 100%)}.pie3{clip-path:polygon(50% 50%,0 0,100% 0)}.employee-stats{display:flex;flex-direction:column;gap:14px}.employee-stats .stat-row{display:flex;align-items:center;gap:10px;color:#334155;font-weight:700;font-size:15px}.employee-dropdown{position:absolute;top:78px;right:24px;background:#fff;border-radius:14px;box-shadow:0 15px 30px #00000014;overflow:hidden;z-index:50;min-width:160px}.employee-dropdown p{padding:14px 18px;margin:0;font-size:14px;font-weight:600;cursor:pointer}.employee-dropdown p:hover{background:#f8fafc}.chart-tooltip{position:fixed;z-index:99999;background:#0f172a;color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;pointer-events:none;white-space:nowrap}@media(max-width:1200px){.attendance-grid{grid-template-columns:1fr}}@media(max-width:992px){.attendance-heading h1{font-size:30px}.chart-area{flex-direction:column}.chart-labels{width:100%;flex-direction:row}}@media(max-width:768px){.attendance-dashboard{padding:18px}.attendance-topbar{flex-direction:column;align-items:stretch}.attendance-dashboard .add-btn{width:100%;justify-content:center}.chart-bars{overflow-x:auto;padding-bottom:10px}.chart-bars::-webkit-scrollbar{height:6px}.chart-bars::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.donut-chart{width:210px;height:210px}.donut-chart:after{inset:26px}}@media(max-width:576px){.attendance-heading h1{font-size:24px}.attendance-card,.employee-card{padding:18px;border-radius:18px}.card-top h2{font-size:20px}.chart-labels{display:none}.bar-stack{height:260px}.donut-chart{width:180px;height:180px}.donut-chart:after{inset:24px}.donut-center h3{font-size:28px}.employee-stats .stat-row{font-size:14px}}.employee-modal-overlay{position:fixed;inset:0;z-index:99999;background:#0000007a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px}.employee-modal{width:100%;max-width:780px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px #0000002e;animation:modalPop .35s ease}@keyframes modalPop{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:18px 24px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-header h2{font-size:26px;font-weight:700;color:#111827;margin:0}.close-btn{width:40px;height:40px;border:none;border-radius:50%;background:#f3f4f6;color:#374151;font-size:20px;cursor:pointer;transition:.3s ease}.close-btn:hover{background:#e5e7eb;transform:rotate(90deg)}.employee-form{padding:20px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.form-group{margin-bottom:6px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #d8e0ea;border-radius:12px;background:#fff;color:#111827;font-size:14px;padding:0 14px;outline:none;transition:.25s ease}.form-group input,.form-group select{height:44px}.form-group textarea{height:80px;padding-top:12px;resize:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.modal-footer{margin-top:12px;text-align:right}.submit-btn{min-width:170px;height:46px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #2563eb38}@media(max-width:1200px){.employee-modal{max-width:740px}}@media(max-width:992px){.employee-modal{max-width:92%}.modal-header h2{font-size:24px}.employee-form{padding:18px 22px}}@media(max-width:768px){.employee-modal-overlay{padding:14px}.employee-modal{max-width:100%;border-radius:16px}.modal-header{padding:16px 20px}.modal-header h2{font-size:22px}.employee-form{padding:18px}.form-grid{grid-template-columns:1fr;gap:12px}.full{grid-column:span 1}.modal-footer{text-align:center}.submit-btn{width:100%}}@media(max-width:576px){.employee-modal-overlay{padding:10px}.employee-modal{border-radius:14px}.modal-header{padding:14px 16px}.modal-header h2{font-size:20px}.close-btn{width:36px;height:36px;font-size:18px}.employee-form{padding:16px}.form-group label{font-size:13px}.form-group input,.form-group select{height:42px;font-size:14px}.form-group textarea{height:75px;font-size:14px}.submit-btn{height:44px;font-size:14px}}@media(max-width:420px){.modal-header h2{font-size:18px}.employee-form{padding:14px}.form-group input,.form-group select{height:40px;padding:0 12px}.form-group textarea{height:70px}.submit-btn{height:42px;font-size:14px}}@media(max-width:360px){.modal-header{padding:12px 14px}.modal-header h2{font-size:17px}.employee-form{padding:12px}.submit-btn{font-size:13px}}.ea-container{min-height:100vh;background-color:#ebf0f6;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.icon-xxs{width:12px;height:12px}.icon-xs{width:16px;height:16px}.icon-sm{width:18px;height:18px}.ea-header-section{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:8px}@media(min-width:640px){.ea-header-section{flex-direction:row;align-items:center}}.ea-title{font-size:20px;font-weight:600;color:#3a4556;margin:0}.ea-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.active-crumb{color:#334155;font-weight:500}.ea-profile-card{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000d;border:1px solid #E2E8F0;display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:24px;transition:all .3s ease}.ea-profile-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}@media(min-width:768px){.ea-profile-card{flex-direction:row;align-items:center;text-align:left}}.ea-avatar-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #F1F5F9;background-color:#e2e8f0;flex-shrink:0}.ea-avatar-img{width:100%;height:100%;object-fit:cover}.ea-profile-details{flexcontent:1;text-align:center}@media(min-width:768px){.ea-profile-details{text-align:left}}.ea-employee-name{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px}.ea-employee-role{font-size:14px;color:#0ea5e9;font-weight:500;margin:0 0 12px}.ea-meta-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;font-size:12px;color:#64748b}@media(min-width:768px){.ea-meta-tags{justify-content:flex-start}}.meta-tag span{padding:2px 6px;border-radius:4px;font-weight:600;margin-right:4px}.lbl-id{background-color:#f0f9ff;color:#0369a1}.lbl-dept{background-color:#ecfdf5;color:#047857}.lbl-join{background-color:#fffbeb;color:#b45309}.ea-stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media(min-width:540px){.ea-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.ea-stats-grid{grid-template-columns:repeat(4,1fr)}}.ea-stat-card{background-color:#fff;padding:20px;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.ea-stat-card:hover{box-shadow:0 6px 14px #00000014;border-color:#cbd5e1}.stat-label{font-size:12px;font-weight:500;color:#94a3b8;margin:0 0 4px}.stat-value{font-size:24px;font-weight:700;color:#1e293b;margin:0;transition:color .2s ease}.ea-stat-card:hover .stat-value{color:#2563eb}.stat-icon-box{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.bg-sky{background-color:#f0f9ff;color:#0ea5e9}.bg-emerald{background-color:#ecfdf5;color:#10b981}.bg-amber{background-color:#fffbeb;color:#f59e0b}.bg-purple{background-color:#faf5ff;color:#a855f7}.ea-stat-card:hover .stat-icon-box{background-color:#2563eb;color:#fff}.ea-content-card{background-color:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #E2E8F0;overflow:hidden}.ea-tabs-nav{display:flex;border-bottom:1px solid #F1F5F9}.tab-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#1e293b}.active-tab{border-bottom-color:#2563eb;color:#2563eb;background-color:#f8fafccc}.ea-tab-content{padding:24px}.table-responsive{width:100%;overflow-x:auto}.ea-table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}.ea-table th{padding-bottom:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #F1F5F9}.ea-table td{padding:16px 10px;font-size:14px;font-weight:500;color:#475569;border-bottom:1px solid #F8FAFC}.ea-table th{padding:0 10px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #F1F5F9}.ea-table tr:hover td{background-color:#f8fafc}.text-muted{color:#94a3b8}.font-semibold{font-weight:600}.text-red{color:#ef4444}.status-badge{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}.badge-present{background-color:#ecfdf5;color:#059669}.badge-leave{background-color:#fff1f2;color:#e11d48}.badge-warning{background-color:#ecfdf5;color:#059669}.ea-table th:last-child,.ea-table td:last-child{width:120px;min-width:120px;text-align:center}.action-buttons{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.btn-action{width:36px;height:36px;min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;background-color:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:9px;color:#2563eb!important;cursor:pointer;opacity:1!important;visibility:visible!important;transition:all .2s ease}.btn-action svg{width:16px!important;height:16px!important;color:#2563eb!important;stroke:#2563eb!important;opacity:1!important;visibility:visible!important;display:block}.btn-action:hover{background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important;transform:translateY(-1px)}.btn-action:hover svg{color:#fff!important;stroke:#fff!important}.btn-action.btn-delete{background-color:#fff1f2!important;border-color:#fecdd3!important;color:#ef4444!important}.btn-action.btn-delete svg{color:#ef4444!important;stroke:#ef4444!important}.btn-action.btn-delete:hover{background-color:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.btn-action.btn-delete:hover svg{color:#fff!important;stroke:#fff!important}.analytics-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}.chart-box-card{border:1px solid #F1F5F9;border-radius:12px;padding:20px;background-color:#fff}.card-sub-header{display:flex;align-items:center;gap:8px;margin-bottom:24px}.indicator-line{width:4px;height:16px;background-color:#7c4dff;border-radius:999px}.card-sub-header h4{margin:0;font-size:14px;font-weight:700;color:#475569}.chart-flex-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}@media(min-width:480px){.chart-flex-container{flex-direction:row}}.chart-wrapper{width:224px;height:224px;position:relative;display:flex;align-items:center;justify-content:center}.chart-tooltip-mock{position:absolute;top:32px;right:48px;background-color:#1e293b;color:#fff;font-size:12px;padding:4px 10px;border-radius:4px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;pointer-events:none}.tooltip-title{font-size:10px;opacity:.7}.tooltip-val{font-weight:700;font-size:14px}.chart-legends{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:500;color:#64748b;align-self:flex-start}@media(min-width:480px){.chart-legends{align-self:center}}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:12px;height:12px;border-radius:4px}.circles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(min-width:400px){.circles-grid{grid-template-columns:repeat(3,1fr)}}.circle-item-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-circle{width:96px;height:96px;border-radius:50%;border:4px solid #F1F5F9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;margin-bottom:8px;background-color:#f8fafc80;box-sizing:border-box}.circle-percent{font-size:14px;font-weight:700;color:#1e293b}.circle-label{font-size:9px;color:#94a3b8;font-weight:500;text-align:center}.circle-total{font-size:11px;color:#94a3b8;font-weight:500;margin:0}.c-purple{border-color:#7c4dff}.c-sky{border-color:#29b6f6}.c-emerald{border-color:#66bb6a}.c-amber{border-color:#ffa726}.c-red{border-color:#ef5350}.c-cyan{border-color:#26c6da}.floating-action-zone{position:fixed;bottom:24px;right:24px;z-index:50}.btn-floating{width:48px;height:48px;background-color:#0ea5e9;color:#fff;border:none;border-radius:16px;box-shadow:0 4px 12px #0ea5e966;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-floating:hover{background-color:#0284c7;transform:scale(1.05)}.leaves-page{width:100%;max-width:100%;padding:24px;background:#f7f9fc;border-radius:18px;box-sizing:border-box;overflow-x:hidden;animation:pageFade .6s ease}@keyframes pageFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.leave-loader{width:100%;min-height:460px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.leave-spinner{width:70px;height:70px;border-radius:50%;border:5px solid #dbeafe;border-top:5px solid #3366ff;border-right:5px solid #16b7ff;animation:spin .9s linear infinite}.leave-loader h3{margin:0;font-size:18px;color:#64748b;font-weight:700}.leave-topbar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:28px}.leave-topbar h1{margin:0;font-size:42px;font-weight:800;color:#0f172a}.leave-topbar p{margin:8px 0 0;font-size:16px;color:#94a3b8}.leave-topbar p span{color:#36f;font-weight:600}.add-leave-btn{height:52px;padding:0 28px;border:none;border-radius:14px;background:linear-gradient(135deg,#4e73ff,#2957f5);color:#fff;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s ease}.add-leave-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4e73ff2e}.leave-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.leave-card{width:100%;min-width:0;background:#fff;border:1px solid #e8eef6;border-radius:18px;padding:24px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:.3s ease}.leave-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #0000000d}.leave-left h2{margin:0;font-size:42px;line-height:1;font-weight:800;color:#0f172a}.leave-left h2 span{font-size:20px;font-weight:500;margin-left:4px}.leave-left p{margin-top:12px;font-size:16px;font-weight:600}.progress-ring{width:96px;height:96px;min-width:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 1.4s ease}.ring-center{width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#111827}.leave-modal-overlay{position:fixed;inset:0;z-index:99999;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px}.leave-modal{width:100%;max-width:640px;max-height:92vh;background:#fff;border-radius:18px;overflow:hidden;animation:modalPop .35s ease}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}.leave-modal-header{padding:22px 26px;border-bottom:1px solid #edf1f7;display:flex;justify-content:space-between;align-items:center}.leave-modal-header h2{margin:0;font-size:30px;color:#0f172a}.leave-close-btn{width:42px;height:42px;border:none;border-radius:12px;background:#f1f5f9;color:#475569;cursor:pointer;font-size:16px}.leave-form{padding:24px 26px;max-height:calc(92vh - 88px);overflow-y:auto}.leave-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.leave-group{margin-bottom:0}.leave-group-full{grid-column:1 / -1}.leave-group label{display:block;margin-bottom:8px;font-size:15px;font-weight:600;color:#64748b}.leave-group input,.leave-group select,.leave-group textarea{width:100%;border:1px solid #dbe2ec;border-radius:12px;padding:0 16px;font-size:15px;outline:none;box-sizing:border-box}.leave-group input,.leave-group select{height:48px}.leave-group textarea{height:92px;padding-top:12px;resize:none}.leave-group input:focus,.leave-group select:focus,.leave-group textarea:focus{border-color:#4e73ff}.leave-group input:disabled,.leave-group select:disabled,.leave-submit-btn:disabled{cursor:not-allowed;opacity:.65}.leave-submit-wrap{display:flex;justify-content:flex-end;margin-top:10px}.leave-submit-btn{min-width:150px;height:46px;border:none;border-radius:12px;background:#18b676;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.3s ease}.leave-submit-btn:hover{background:#109865}@media(max-width:1300px){.leave-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:992px){.leaves-page{padding:20px}.leave-topbar h1{font-size:34px}.leave-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.leave-topbar{flex-direction:column;align-items:flex-start}.add-leave-btn{width:100%;justify-content:center}.leave-grid{grid-template-columns:1fr}.leave-card{padding:20px 18px}.leave-topbar h1{font-size:30px}.leave-topbar p{font-size:15px}.leave-modal{max-width:100%}.leave-modal-header h2{font-size:24px}}@media(max-width:576px){.leaves-page{padding:16px;border-radius:14px}.leave-card{flex-direction:column;align-items:flex-start;gap:18px}.progress-ring{align-self:center}.leave-left h2{font-size:30px}.leave-left h2 span{font-size:16px}.leave-form{padding:18px}.leave-form-grid{grid-template-columns:1fr}.leave-submit-wrap{justify-content:center}.leave-submit-btn{width:100%}}@media(max-width:420px){.leave-topbar h1,.leave-left h2{font-size:24px}.progress-ring{width:80px;height:80px;min-width:80px}.ring-center{width:58px;height:58px;font-size:18px}.add-leave-btn{height:46px;font-size:15px}.leave-loader h3{font-size:16px}.leave-modal-header{padding:18px}.leave-modal-header h2{font-size:20px}}.leave-table-page{width:100%;max-width:100%;padding:24px;box-sizing:border-box;overflow:hidden}.leave-table-card{width:100%;background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:18px;box-sizing:border-box;box-shadow:0 10px 28px #00000008;overflow:hidden}.leave-table-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.leave-table-top h2{margin:0;font-size:30px;font-weight:700;color:#0f172a}.leave-table-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leave-search-box{height:46px;min-width:240px;border:1px solid #dfe6f1;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff}.leave-search-box svg{color:#94a3b8;font-size:14px}.leave-search-box input{width:100%;border:none;outline:none;font-size:15px;background:transparent}.report-btn,.year-select{height:46px;border:1px solid #dfe6f1;background:#fff;border-radius:12px;padding:0 18px;font-size:15px;cursor:pointer;color:#0f172a;transition:.25s}.report-btn:hover,.year-select:hover{border-color:#c8d2e3;transform:translateY(-1px)}.leave-table-wrap{width:100%;overflow-x:auto;border-radius:14px}.leave-table-wrap::-webkit-scrollbar{height:8px}.leave-table-wrap::-webkit-scrollbar-thumb{background:#cfd7e5;border-radius:20px}.leave-table{width:100%;min-width:1180px;border-collapse:collapse}.leave-table thead th{background:#f3f7ff;padding:16px 14px;text-align:left;font-size:15px;font-weight:700;color:#0f172a;white-space:nowrap}.leave-table thead th:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.leave-table thead th:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}.leave-table tbody td{padding:14px;border-bottom:1px solid #edf1f7;font-size:15px;color:#1e293b;vertical-align:middle;white-space:nowrap}.leave-table tbody tr{transition:.2s}.leave-table tbody tr:hover{background:#fafcff}.leave-empty-row{text-align:center;color:#94a3b8;font-weight:600;padding:28px 14px}.user-box{display:flex;align-items:center;gap:12px;min-width:220px}.user-box img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.status-btn{border:none;min-width:108px;height:38px;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer}.status-btn svg{font-size:11px}.dots-btn{width:38px;height:38px;border:1px solid #e4e9f2;background:#fff;border-radius:10px;cursor:pointer;color:#64748b;transition:.2s}.dots-btn:hover{background:#f8fafc}.menu-relative{position:relative}.table-dropdown{position:absolute;top:48px;right:0;min-width:140px;background:#fff;border:1px solid #edf1f7;border-radius:12px;box-shadow:0 15px 35px #00000014;padding:8px 0;z-index:999;animation:dropFade .25s ease}.action-drop{min-width:120px}.table-dropdown p{margin:0;padding:12px 18px;font-size:15px;color:#64748b;cursor:pointer;transition:.2s}.table-dropdown p:hover{background:#f8fafc;color:#2563eb}.table-dropdown p.delete-action{color:#b91c1c}.table-dropdown p.delete-action:hover{background:#fef2f2;color:#991b1b}@keyframes dropFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leave-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}.leave-bottom p{margin:0;color:#94a3b8;font-size:15px}.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination button{min-width:40px;height:40px;border:1px solid #dfe6f1;background:#fff;border-radius:10px;cursor:pointer;color:#36f;font-size:14px;transition:.2s}.pagination button:hover{background:#f4f7ff}.pagination .active-page{background:#36f;color:#fff;border-color:#36f}@media(max-width:992px){.leave-table-page{padding:18px}.leave-table-top{flex-direction:column;align-items:stretch}.leave-table-actions{width:100%;justify-content:space-between}.leave-search-box{flex:1;min-width:220px}.report-btn,.year-select{flex:1}.leave-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.leave-table-page{padding:14px}.leave-table-card{padding:14px;border-radius:14px}.leave-table-top h2{font-size:24px}.leave-table-actions{flex-direction:column;align-items:stretch;width:100%}.leave-search-box,.report-btn,.year-select{width:100%;min-width:100%}.leave-bottom{gap:14px}.pagination{justify-content:flex-start}}@media(max-width:576px){.leave-table-page{padding:10px}.leave-table-card{padding:12px}.leave-table-top h2{font-size:21px}.leave-search-box,.report-btn,.year-select{height:42px;font-size:14px}.pagination button{min-width:34px;height:34px;font-size:13px;border-radius:8px}.leave-bottom p{font-size:13px}}@media(max-width:380px){.leave-table-top h2{font-size:18px}.pagination{gap:6px}.pagination button{min-width:30px;height:30px;font-size:12px}}.payroll-page,.payroll-page *{box-sizing:border-box}.payroll-page{width:100%;padding:22px;background:#f7f8fc;overflow-x:hidden}.payroll-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.payroll-top h1{margin:0;font-size:32px;color:#082b57;font-weight:700}.payroll-top p{margin:8px 0 0;font-size:16px;color:#9aa6c5}.payroll-top p span{color:#3767ea;font-weight:600}.add-payroll-btn{border:none;background:#3767ea;color:#fff;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.3s ease}.add-payroll-btn:hover{background:#2856d7}.payroll-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:stretch}.payroll-card{background:#fff;border:1px solid #e8edf7;border-radius:18px;padding:22px;min-width:0;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px}.card-head h2{margin:0;font-size:22px;color:#082b57;font-weight:700}.dropdown-wrap{position:relative;width:110px}.select-box{width:100%;height:42px;min-height:30px;border:1px solid #dfe6f3;border-radius:10px;padding:0 34px 0 14px;background:#fff;font-size:15px;color:#082b57;outline:none;appearance:none;cursor:pointer}.dropdown-wrap svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#7180a8;pointer-events:none}.chart-wrap{width:100%;height:390px;padding-bottom:12px}.legend-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px}.legend-row span{display:flex;align-items:center;gap:7px;font-size:14px;color:#082b57}.legend-row i{width:12px;height:12px;border-radius:50%}.orange{background:#ff8300}.blue{background:#3767ea}.cyan{background:#08aef3}.payroll-tooltip{background:#fff;border:1px solid #e6edf8;border-radius:12px;padding:12px;box-shadow:0 10px 20px #00000014}.payroll-tooltip h4{margin:0 0 8px;font-size:14px}.payroll-tooltip p{margin:4px 0;font-size:13px;color:#7080a4}.company-body{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center}.donut-wrap{position:relative;width:100%;height:260px}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-center h3{margin:0;font-size:42px;color:#082b57}.donut-center p{margin:5px 0 0;font-size:16px;color:#98a4c1}.pay-list{display:flex;flex-direction:column;gap:14px}.pay-item{display:flex;align-items:center;gap:10px}.pay-item .dot{width:13px;height:13px;border-radius:50%}.pay-item b{min-width:55px;font-size:17px;color:#082b57}.pay-item p{margin:0;font-size:17px;color:#8e99b8}.bottom-strip{margin-top:18px;padding-top:18px;border-top:1px solid #edf1f8;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.bottom-strip p{margin:0;font-size:14px;color:#8c97b6;line-height:1.5}.download-btn{border:none;background:#3767ea;color:#fff;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px;cursor:pointer}.download-btn:hover{background:#2856d7}@media(max-width:1200px){.payroll-grid,.company-body{grid-template-columns:1fr}}@media(max-width:768px){.payroll-page{padding:16px}.payroll-top,.card-head{flex-direction:column;align-items:stretch}.dropdown-wrap{width:100%}.add-payroll-btn,.download-btn{width:100%;justify-content:center}.chart-wrap{height:320px}.bottom-strip{flex-direction:column;align-items:stretch}}@media(max-width:480px){.payroll-top h1{font-size:26px}.card-head h2{font-size:20px}.payroll-card{padding:16px}.chart-wrap{height:280px}.pay-item b,.pay-item p{font-size:15px}.donut-center h3{font-size:34px}}.add-payroll-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.add-payroll-modal{width:100%;max-width:620px;max-height:84vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 15px 40px #00000026;animation:addPayrollFade .3s ease}@keyframes addPayrollFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.add-payroll-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.add-payroll-title{font-size:20px;font-weight:700;color:#111827;margin:0}.add-payroll-close-btn{width:36px;height:36px;border:none;border-radius:8px;background:#f3f4f6;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-payroll-close-btn:hover{background:#e5e7eb}.add-payroll-body{flex:1;overflow-y:auto;padding:18px 20px}.add-payroll-form{display:flex;flex-direction:column;gap:14px}.add-payroll-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.add-payroll-group{display:flex;flex-direction:column}.add-payroll-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.add-payroll-input,.add-payroll-select{width:100%;height:44px;padding:0 14px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;background:#fff;transition:.25s ease}.add-payroll-input:focus,.add-payroll-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.add-payroll-input[readonly]{background:#f9fafb}.add-payroll-netpay{font-weight:700;color:#16a34a;background:#f0fdf4!important;border-color:#86efac}.add-payroll-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.add-payroll-breakdown-col{border:1px solid #d8dce6;border-radius:10px;padding:12px;background:#f9fafb}.add-payroll-breakdown-col h4{margin:0 0 8px;font-size:14px;color:#111827}.add-payroll-breakdown-col p{margin:0;padding:7px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px dashed #d8dce6;font-size:13px;color:#4b5563}.add-payroll-breakdown-col p:last-child{border-bottom:none}.add-payroll-breakdown-col b{color:#111827;white-space:nowrap}.add-payroll-breakdown-col.earnings .total-row b{color:#15803d}.add-payroll-breakdown-col.deductions .total-row b{color:#b91c1c}.add-payroll-breakdown-col .net-row{margin-top:4px;padding-top:10px;border-top:1px solid #cbd5e1;font-weight:700}.add-payroll-breakdown-col .net-row b{color:#0f4c81}.add-payroll-submit-btn{width:100%;height:48px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:4px;transition:.25s}.add-payroll-submit-btn:hover{background:#1d4ed8}@media(max-width:768px){.add-payroll-modal{max-width:100%}.add-payroll-grid-2,.add-payroll-breakdown{grid-template-columns:1fr}}@media(max-width:480px){.add-payroll-overlay{padding:10px}.add-payroll-header{padding:14px 16px}.add-payroll-body{padding:16px}.add-payroll-title{font-size:18px}.add-payroll-input,.add-payroll-select{height:42px;font-size:13px}.add-payroll-submit-btn{height:44px}}.add-payroll-textarea{width:100%;min-height:120px;resize:vertical;padding:14px;border:1px solid #d8dce6;border-radius:10px;font-size:15px;font-family:inherit;outline:none;transition:.3s;background:#fff}.add-payroll-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.add-payroll-netpay{background:#eef7ff;color:#0f4c81;font-size:20px;font-weight:700;text-align:center;letter-spacing:.5px}:root{--primary-blue: #1e40af;--secondary-blue: #3b82f6;--light-blue-bg: #f0f4f8;--dark-slate: #1e293b;--border-color: #cbd5e1;--white: #ffffff;--hover-blue: #1d4ed8;--shadow-sm: 0 2px 8px rgba(30, 64, 175, .08);--shadow-lg: 0 10px 25px rgba(30, 64, 175, .15)}.payroll-list-wrapper{background:var(--white);padding:24px;border-radius:12px;box-shadow:var(--shadow-sm);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--dark-slate)}.payroll-list-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.payroll-list-top h2{margin:0;font-size:22px;font-weight:600;color:var(--dark-slate)}.top-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box{position:relative;width:260px}.search-box input{width:100%;box-sizing:border-box;padding:10px 14px 10px 38px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;background-color:var(--white);color:var(--dark-slate);transition:border-color .2s,box-shadow .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px}.search-box input:focus{border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82f626}.year-dropdown{display:flex;align-items:center;background:var(--white);border:1px solid var(--border-color);padding:0 12px;height:38px;box-sizing:border-box;border-radius:8px;position:relative;min-width:120px}.year-dropdown select{width:100%;height:100%;border:none;outline:none;background:transparent;padding-right:24px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--dark-slate)}.year-dropdown:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #64748b;pointer-events:none}.download-report-btn{background:var(--primary-blue);color:var(--white);border:none;height:38px;padding:0 18px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease}.download-report-btn:hover{background:var(--hover-blue)}.payroll-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.payroll-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.payroll-table th{background:var(--light-blue-bg);color:var(--primary-blue);padding:14px 16px;font-weight:600;border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);white-space:nowrap}.payroll-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);vertical-align:middle;white-space:nowrap}.payroll-table th:last-child,.payroll-table td:last-child{border-right:none}.payroll-table tbody tr:hover{background-color:#3b82f608}.user-info{display:flex;align-items:center;gap:12px}.user-info img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--secondary-blue)}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status-badge.completed{background-color:#dcfce7;color:#15803d}.status-badge.pending{background-color:#fef9c3;color:#a16207}.status-badge.reject{background-color:#fee2e2;color:#b91c1c}.action-cell{position:relative}.action-btn{background:transparent;border:none;cursor:pointer;color:var(--dark-slate);padding:4px}.action-menu{position:absolute;right:16px;top:40px;background:var(--white);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-sm);z-index:10;display:flex;flex-direction:column;min-width:100px}.action-menu button{background:transparent;border:none;padding:8px 12px;text-align:left;cursor:pointer;font-size:13px}.action-menu button:hover{background:var(--light-blue-bg);color:var(--primary-blue)}.process-action-cell{display:flex;align-items:center;gap:8px}.loopback-icon{color:#64748b}.btn-view-payslip,.btn-proceed-pay{border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer;color:var(--white);transition:opacity .2s}.btn-view-payslip{background-color:#7c3aed}.btn-proceed-pay{background-color:#9333ea}.btn-view-payslip:hover,.btn-proceed-pay:hover{opacity:.9}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;display:flex;justify-content:center;align-items:center;z-index:999}.payslip-modal-container{background:var(--white);width:850px;max-width:96vw;max-height:96vh;border-radius:8px;border:3px solid var(--primary-blue);overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg)}.payslip-header-bar{background:var(--primary-blue);color:var(--white);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.payslip-header-actions{display:flex;align-items:center;gap:16px}.print-btn{background:#fff3;border:1px solid var(--white);color:var(--white);padding:4px 10px;border-radius:4px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px}.close-modal-icon{cursor:pointer;color:var(--white)}.payslip-body-content{padding:24px;width:100%;min-width:0;overflow-x:hidden}.payslip-corporate-branding{text-align:center;margin-bottom:20px}.brand-logo-section{display:flex;justify-content:center;align-items:center;gap:16px}.brand-avatar-box{background:var(--primary-blue);color:var(--white);font-weight:900;font-size:24px;padding:12px;border-radius:8px}.brand-logo-section h3{margin:0;color:var(--primary-blue);font-size:22px}.brand-logo-section p{margin:2px 0 0;font-size:13px;color:#64748b}.payslip-period-banner{background:#e2e8f0;padding:10px 16px;border-radius:4px;display:flex;justify-content:space-between;font-weight:600;color:var(--dark-slate);margin-bottom:16px}.payslip-date-stamp{font-weight:500;font-size:13px}.payslip-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid var(--border-color);padding:16px;border-radius:6px;margin-bottom:16px}.details-col p{margin:6px 0;font-size:14px}.payslip-days-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-color);margin-bottom:16px;border-radius:4px;overflow:hidden}.summary-box{padding:10px;font-size:13px;text-align:center;border-right:1px solid var(--border-color);background:#f8fafc}.summary-box:last-child{border-right:none}.payslip-financial-table{width:100%;max-width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin-bottom:20px}.payslip-financial-table col{width:25%}.payslip-financial-table th{background:#e2e8f0;color:var(--dark-slate);border:1px solid var(--border-color);padding:9px 8px;white-space:normal;overflow-wrap:anywhere;text-align:center}.payslip-financial-table td{border:1px solid var(--border-color);padding:9px 8px;white-space:normal;overflow-wrap:anywhere;text-align:center}.financial-totals-row{background:#f1f5f9}.estimated-pay-row{background:#eef7ff;color:#0f4c81}.payslip-net-footer{border:1px solid var(--border-color);padding:16px;border-radius:4px;background:#f8fafc}.payslip-net-footer p{margin:4px 0;font-size:16px}.currency-word-representation{font-size:13px!important;color:#64748b;font-style:italic}.computer-generated-tag{display:block;margin-top:12px;font-size:11px;color:#94a3b8;text-align:center;border-top:1px dashed var(--border-color);padding-top:8px}.payment-modal-container{background:var(--white);width:700px;max-width:95%;border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden}.payment-modal-header{background:var(--primary-blue);color:var(--white);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.payment-modal-header h3{margin:0;font-size:18px;font-weight:600}.payment-modal-form{padding:24px}.form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group-item{display:flex;flex-direction:column;gap:6px}.form-group-item label{font-size:14px;font-weight:500;color:#475569}.form-group-item input,.form-group-item select,.form-group-item textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--white);outline:none;color:var(--dark-slate)}.form-group-item select:focus,.form-group-item textarea:focus{border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82f626}.disabled-input{background-color:#e2e8f0!important;color:#475569!important;cursor:not-allowed;font-weight:500}.full-width-date,.full-width-textarea{grid-column:span 2}.payment-form-footer-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--light-blue-bg);padding-top:16px}.btn-cancel-payment{background:#f1f5f9;color:#475569;border:1px solid var(--border-color);padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.btn-submit-payment{background:var(--primary-blue);color:var(--white);border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.btn-submit-payment:hover{background:var(--hover-blue)}.loading-text{color:var(--primary-blue);text-align:center;padding:40px}.payroll-list-error{margin-bottom:14px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:600}.btn-submit-payment:disabled{cursor:not-allowed;opacity:.7}.month-dropdown{position:relative}.month-dropdown select{width:150px;height:40px;border:1px solid #ddd;border-radius:8px;padding:0 35px 0 10px;appearance:none;cursor:pointer}.month-dropdown svg{position:absolute;right:10px;top:12px;pointer-events:none}.payroll-table th:first-child,.payroll-table td:first-child{width:60px;text-align:center}.payroll-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}.selected-info{margin-bottom:12px;font-weight:600;color:#1d4ed8}.pay-selected-btn{height:40px;padding:0 18px;border:none;border-radius:8px;background:#16a34a;color:#fff;font-weight:600;cursor:pointer;transition:.3s}.pay-selected-btn:hover{background:#15803d}@media screen and (max-width:1200px){.payroll-list-top{flex-direction:row;align-items:center}.top-actions{gap:12px}.search-box{width:220px}.download-report-btn{min-width:140px;padding:0 14px}.year-dropdown{min-width:110px}}@media screen and (max-width:768px){.payroll-list-wrapper{padding:16px}.payroll-list-top{flex-direction:column;align-items:flex-start;gap:14px}.top-actions{width:100%;justify-content:flex-start}.year-dropdown{flex:unset;min-width:100px}.payroll-table th,.payroll-table td{padding:10px 12px}}@media screen and (max-width:480px){.top-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%}.search-box,.download-report-btn,.year-dropdown{width:100%;box-sizing:border-box}.payroll-list-top h2{font-size:18px}.form-grid-layout{grid-template-columns:1fr}.full-width-date,.full-width-textarea{grid-column:span 1}}.brand-avatar-box{width:100px;height:100px;border-radius:12px;background:#f5f7fb;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e5e7eb;flex-shrink:0}.school-logo{width:75px;height:75px;object-fit:contain}.WalletPage{--wallet-primary: #2563eb;--wallet-primary-dark: #1d4ed8;--wallet-primary-soft: #eff6ff;--wallet-success: #059669;--wallet-success-soft: #ecfdf5;--wallet-danger: #dc2626;--wallet-danger-soft: #fef2f2;--wallet-purple: #7c3aed;--wallet-purple-soft: #f5f3ff;--wallet-text: #0f172a;--wallet-text-soft: #475569;--wallet-muted: #94a3b8;--wallet-border: rgba(226, 232, 240, .85);--wallet-radius: 20px;min-height:100%;width:100%;padding:26px;box-sizing:border-box;color:var(--wallet-text);overflow-x:hidden;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 5% 0%,rgba(37,99,235,.09),transparent 26%),radial-gradient(circle at 95% 8%,rgba(124,58,237,.08),transparent 25%),radial-gradient(circle at 50% 100%,rgba(14,165,233,.04),transparent 30%),#f6f8fc}.WalletPage *,.WalletPage *:before,.WalletPage *:after{box-sizing:border-box}.WalletPage button,.WalletPage input,.WalletPage select{font-family:inherit}.WalletPage button{-webkit-tap-highlight-color:transparent}.WalletPage ::selection{background:#bfdbfe;color:#1e3a8a}.WalletHero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:210px;padding:34px 38px;border-radius:28px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#020617,#0f172a 25%,#172554 58%,#1d4ed8);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px #0f172a38,inset 0 1px #ffffff1f;isolation:isolate}.WalletHero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to right,black,transparent 85%);mask-image:linear-gradient(to right,black,transparent 85%);pointer-events:none}.WalletHero:after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.35),rgba(59,130,246,.08) 45%,transparent 70%);filter:blur(2px);pointer-events:none;z-index:-1}.WalletHero>div,.WalletHero button{position:relative;z-index:3}.WalletHero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;border-radius:999px;color:#bfdbfe;background:#ffffff13;border:1px solid rgba(147,197,253,.2);box-shadow:inset 0 1px #ffffff14;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.WalletHero__eyebrow:before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 4px #60a5fa1a,0 0 18px #60a5fae6}.WalletHero h1{margin:0;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.02;font-weight:900;letter-spacing:-.045em}.WalletHero p{max-width:610px;margin:13px 0 0;color:#ffffffa8;font-size:14px;line-height:1.7;font-weight:500}.WalletHero__refresh{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 18px;border-radius:13px;color:#fff;background:#ffffff17;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff1a;font-size:12px;font-weight:850;cursor:pointer;transition:all .25s ease}.WalletHero__refresh:hover{transform:translateY(-3px);background:#ffffff29;border-color:#ffffff47;box-shadow:0 15px 30px #0000002e,inset 0 1px #ffffff26}.WalletHero__refresh:active{transform:translateY(0)}.WalletHero__refresh:disabled{opacity:.55;cursor:wait}.WalletHero__refresh svg{font-size:16px}.WalletHero__refresh--loading{animation:walletPremiumSpin .8s linear infinite}@keyframes walletPremiumSpin{to{transform:rotate(360deg)}}.WalletStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.WalletStat{position:relative;min-width:0;padding:22px;overflow:hidden;border-radius:21px;background:#ffffffc7;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px #0f172a0b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.WalletStat:before{content:"";position:absolute;width:160px;height:160px;right:-90px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%);pointer-events:none}.WalletStat:hover{transform:translateY(-5px);border-color:#93c5fdb3;box-shadow:0 22px 45px #0f172a18}.WalletStat--balance{color:#fff;background:linear-gradient(135deg,#111827,#172554 48%,#2563eb);border:1px solid rgba(96,165,250,.22);box-shadow:0 18px 40px #1e40af2e}.WalletStat--balance:before{width:230px;height:230px;right:-90px;bottom:-130px;background:radial-gradient(circle,rgba(96,165,250,.3),transparent 68%)}.WalletStat__icon{position:relative;display:grid;place-items:center;width:47px;height:47px;margin-bottom:17px;border-radius:14px;color:#2563eb;background:linear-gradient(145deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;box-shadow:0 7px 18px #2563eb1a;font-size:19px;z-index:2}.WalletStat--balance .WalletStat__icon{color:#fff;background:#ffffff1f;border-color:#ffffff26;box-shadow:inset 0 1px #ffffff1f}.WalletStat__icon--credit{color:#047857;background:linear-gradient(145deg,#d1fae5,#ecfdf5);border-color:#a7f3d0}.WalletStat__icon--debit{color:#dc2626;background:linear-gradient(145deg,#fee2e2,#fff1f2);border-color:#fecaca}.WalletStat__icon--neutral{color:#7c3aed;background:linear-gradient(145deg,#ede9fe,#f5f3ff);border-color:#ddd6fe}.WalletStat span{position:relative;display:block;color:#64748b;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;z-index:2}.WalletStat--balance span{color:#ffffffa6}.WalletStat strong{position:relative;display:block;margin-top:8px;color:#0f172a;font-size:clamp(23px,2vw,31px);line-height:1.08;font-weight:900;letter-spacing:-.035em;overflow-wrap:anywhere;z-index:2}.WalletStat--balance strong{color:#fff}.WalletStat small{position:relative;display:block;margin-top:10px;color:#94a3b8;font-size:10px;line-height:1.45;font-weight:700;z-index:2}.WalletStat--balance small{color:#ffffff80}.WalletFilters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;padding:12px;border-radius:19px;background:#ffffffbf;border:1px solid rgba(226,232,240,.95);box-shadow:0 12px 32px #0f172a0b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.WalletSearch{flex:1 1 320px;min-width:240px;height:43px;display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:12px;background:#f8fafce6;border:1px solid #e2e8f0;color:#94a3b8;transition:all .22s ease}.WalletSearch:focus-within{color:#2563eb;background:#fff;border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb14,0 8px 20px #0f172a0a}.WalletSearch svg{flex-shrink:0;font-size:16px}.WalletSearch input{width:100%;min-width:0;border:none;outline:none;background:transparent;color:#0f172a;font-size:12px;font-weight:600}.WalletSearch input::placeholder{color:#a1adbd}.WalletDate{flex:1 1 145px;min-width:140px;height:43px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:#f8fafce6;border:1px solid #e2e8f0;color:#94a3b8;transition:all .22s ease}.WalletDate:focus-within{background:#fff;border-color:#93c5fd;color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.WalletDate svg{flex-shrink:0;font-size:15px}.WalletDate input{width:100%;min-width:0;border:none;outline:none;background:transparent;color:#334155;font-size:11px;font-weight:700}.WalletFilters select{flex:1 1 125px;min-width:115px;height:43px;padding:0 12px;border-radius:12px;border:1px solid #e2e8f0;outline:none;background:#f8fafce6;color:#334155;font-size:11px;font-weight:750;cursor:pointer;transition:all .22s ease}.WalletFilters select:hover{border-color:#cbd5e1;background:#fff}.WalletFilters select:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb14}.WalletAmountInput{flex:1 1 115px;min-width:105px;height:43px;padding:0 12px;border-radius:12px;border:1px solid #e2e8f0;outline:none;background:#f8fafce6;color:#0f172a;font-size:11px;font-weight:700;transition:all .22s ease}.WalletAmountInput:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb14}.WalletAmountInput::placeholder{color:#a1adbd}.WalletFilterBtn{height:43px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #2563eb38;font-size:11px;font-weight:850;cursor:pointer;transition:all .22s ease}.WalletFilterBtn:hover{transform:translateY(-2px);box-shadow:0 13px 27px #2563eb4d}.WalletFilterBtn:active{transform:translateY(0)}.WalletResetBtn{height:43px;padding:0 15px;border-radius:12px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;font-size:11px;font-weight:800;cursor:pointer;transition:all .22s ease}.WalletResetBtn:hover{color:#0f172a;background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a0f}.WalletActiveFilters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px}.WalletActiveFilters span,.WalletActiveFilters strong{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.WalletActiveFilters span{color:#475569;background:#e2e8f0}.WalletActiveFilters strong{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.WalletContent{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.75fr);gap:18px;margin-top:18px;align-items:start;min-width:0}.WalletPanel{min-width:0;overflow:hidden;border-radius:21px;background:#ffffffdb;border:1px solid rgba(226,232,240,.9);box-shadow:0 13px 38px #0f172a0e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:box-shadow .25s ease,border-color .25s ease}.WalletPanel:hover{border-color:#cbd5e1f2;box-shadow:0 20px 48px #0f172a13}.WalletPanel__head{display:flex;align-items:center;justify-content:space-between;padding:20px 21px;background:linear-gradient(180deg,#fffffffa,#f8fafccc);border-bottom:1px solid #edf2f7}.WalletPanel__head h2{margin:0;color:#0f172a;font-size:16px;font-weight:900;letter-spacing:-.025em}.WalletPanel__head p{margin:5px 0 0;color:#94a3b8;font-size:10px;font-weight:750}.WalletTableWrap{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.WalletTableWrap::-webkit-scrollbar{height:6px}.WalletTableWrap::-webkit-scrollbar-track{background:#f8fafc}.WalletTableWrap::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:999px}.WalletTable{width:100%;min-width:960px;border-collapse:separate;border-spacing:0}.WalletTable th,.WalletTable td{padding:14px 15px;text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f7;font-size:12px}.WalletTable th{position:sticky;top:0;z-index:5;background:#f8fafc;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.WalletTable tbody tr{position:relative;transition:background .2s ease}.WalletTable tbody tr:hover{background:linear-gradient(90deg,#f8fbff,#fff)}.WalletTable tbody tr:last-child td{border-bottom:none}.WalletPill{display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:25px;padding:0 10px;border-radius:999px;font-size:9px;font-weight:900;text-transform:capitalize;letter-spacing:.025em}.WalletPill.credit{color:#047857;background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:1px solid #a7f3d0}.WalletPill.debit{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fff1f2);border:1px solid #fecaca}.WalletSource{color:#334155;font-weight:800;white-space:nowrap}.WalletDescription{max-width:280px;color:#475569;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.WalletAmount{font-weight:900;white-space:nowrap}.WalletAmount--credit{color:#059669}.WalletAmount--debit{color:#dc2626}.WalletViewBtn{width:35px;height:35px;display:inline-grid;place-items:center;border-radius:11px;color:#2563eb;background:#f8fbff;border:1px solid #dbeafe;cursor:pointer;transition:all .22s ease}.WalletViewBtn:hover{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 18px #2563eb38}.WalletMonths{display:flex;flex-direction:column;gap:11px;max-height:610px;padding:15px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.WalletMonths::-webkit-scrollbar{width:5px}.WalletMonths::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.WalletMonth{position:relative;padding:15px;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #edf2f7;overflow:hidden;transition:all .25s ease}.WalletMonth:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#2563eb,#7c3aed);opacity:0;transition:opacity .2s ease}.WalletMonth:hover{transform:translate(3px);border-color:#dbeafe;box-shadow:0 10px 25px #0f172a12}.WalletMonth:hover:before{opacity:1}.WalletMonth__top,.WalletMonth__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.WalletMonth__top strong{color:#1e293b;font-size:12px;font-weight:900}.WalletMonth__top span{color:#2563eb;font-size:11px;font-weight:900}.WalletBars{position:relative;height:9px;margin:13px 0;border-radius:999px;overflow:hidden;background:#e2e8f0}.WalletBars span{position:absolute;left:0;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.WalletBars__credit{top:0;bottom:0;background:linear-gradient(90deg,#059669,#34d399);box-shadow:0 0 10px #10b98140;z-index:1}.WalletBars__debit{top:5px;height:4px;background:linear-gradient(90deg,#dc2626,#fb7185);z-index:2}.WalletMonth__meta{color:#64748b;font-size:9px;font-weight:750}.WalletPagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;border-top:1px solid #edf2f7;background:#fbfdff}.WalletPagination button{min-width:68px;height:36px;padding:0 13px;border:none;border-radius:10px;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);font-size:10px;font-weight:850;cursor:pointer;transition:all .2s ease}.WalletPagination button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #2563eb33}.WalletPagination button:disabled{color:#94a3b8;background:#e2e8f0;cursor:not-allowed}.WalletPagination span{color:#475569;font-size:10px;font-weight:850}.WalletEmpty{padding:45px 20px!important;text-align:center;color:#94a3b8;font-size:12px;font-weight:800}.WalletEmpty--card{padding:40px!important}.WalletModalOverlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px;background:#020617ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:walletOverlayIn .2s ease}@keyframes walletOverlayIn{0%{opacity:0}to{opacity:1}}.WalletModal{width:min(680px,100%);max-height:calc(100vh - 36px);overflow:hidden;border-radius:24px;background:#fffffff7;border:1px solid rgba(255,255,255,.8);box-shadow:0 40px 120px #00000059;animation:walletModalIn .28s cubic-bezier(.22,1,.36,1)}@keyframes walletModalIn{0%{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.WalletModal__head{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;background:linear-gradient(135deg,#0f172a,#172554);color:#fff}.WalletModal__head h2{margin:0;color:#fff;font-size:17px;font-weight:900;letter-spacing:-.02em}.WalletModal__head button{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#ffffffbf;background:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .2s ease}.WalletModal__head button:hover{color:#fff;background:#ef444440;border-color:#f8717159;transform:rotate(5deg)}.WalletDetail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;max-height:calc(100vh - 120px);overflow-y:auto}.WalletDetail div{padding:15px;border-radius:14px;background:linear-gradient(145deg,#f8fafc,#fff);border:1px solid #edf2f7;transition:all .2s ease}.WalletDetail div:hover{border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0d}.WalletDetail__full{grid-column:1 / -1}.WalletDetail span{display:block;color:#94a3b8;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.WalletDetail strong{display:block;margin-top:7px;color:#0f172a;font-size:12px;line-height:1.55;font-weight:800;overflow-wrap:anywhere}@media(max-width:1200px){.WalletPage{padding:20px}.WalletStats{grid-template-columns:repeat(2,minmax(0,1fr))}.WalletContent{grid-template-columns:1fr}}@media(max-width:992px){.WalletHero{min-height:190px;padding:28px}.WalletFilters{gap:8px}.WalletSearch{flex:1 1 100%}.WalletDate,.WalletFilters select,.WalletAmountInput{flex:1 1 calc(33.333% - 8px)}}@media(max-width:768px){.WalletPage{padding:12px}.WalletHero{min-height:auto;flex-direction:column;align-items:stretch;padding:23px;border-radius:20px}.WalletHero h1{font-size:29px}.WalletHero p{font-size:12px}.WalletHero__refresh{width:100%}.WalletStats{grid-template-columns:1fr;gap:11px}.WalletStat{padding:18px;border-radius:17px}.WalletStat strong{font-size:25px}.WalletFilters{padding:10px;border-radius:16px}.WalletSearch,.WalletDate,.WalletFilters select,.WalletAmountInput,.WalletFilterBtn,.WalletResetBtn{flex:1 1 100%;width:100%;min-width:0}.WalletContent{margin-top:14px;gap:14px}.WalletPanel{border-radius:17px}.WalletPanel__head{padding:16px}.WalletTable{min-width:900px}.WalletMonths{max-height:none;padding:11px}.WalletDetail{grid-template-columns:1fr;padding:14px}.WalletDetail__full{grid-column:auto}}@media(max-width:480px){.WalletPage{padding:8px}.WalletHero{padding:19px;border-radius:17px}.WalletHero__eyebrow{font-size:9px}.WalletHero h1{font-size:25px}.WalletHero p{margin-top:9px;font-size:11px}.WalletStat{padding:16px;border-radius:15px}.WalletStat__icon{width:43px;height:43px;margin-bottom:13px}.WalletStat strong{font-size:23px}.WalletFilters{border-radius:14px}.WalletPanel{border-radius:15px}.WalletPanel__head{padding:14px}.WalletPanel__head h2{font-size:14px}.WalletMonth{padding:13px}.WalletPagination{gap:7px;padding:12px}.WalletPagination button{min-width:60px;height:34px;font-size:9px}.WalletPagination span{font-size:9px}.WalletModalOverlay{padding:9px}.WalletModal{max-height:calc(100vh - 18px);border-radius:18px}.WalletModal__head{padding:15px}.WalletModal__head h2{font-size:15px}}@media(max-width:360px){.WalletPage{padding:6px}.WalletHero{padding:16px}.WalletHero h1{font-size:22px}.WalletStat{padding:14px}.WalletStat strong{font-size:21px}.WalletFilters{padding:8px}}@media(prefers-reduced-motion:reduce){.WalletPage *,.WalletPage *:before,.WalletPage *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.collectMoney{padding:20px;background:#f4f6fb;font-family:Poppins,sans-serif}.collectMoney__top{display:flex;justify-content:flex-end;margin-bottom:15px}.collectMoney__collectBtn{background:#4f8a7b;color:#fff;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;transition:.3s}.collectMoney__collectBtn:hover{opacity:.9}.collectMoney__filters{display:flex;flex-wrap:wrap;gap:10px;background:#fff;padding:15px;border-radius:12px;align-items:center}.collectMoney__filters input,.collectMoney__filters select{padding:10px;border-radius:8px;border:1px solid #ddd;min-width:140px}.apply{background:#4a6cf7;color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}.reset{background:#eee;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}.collectMoney__grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-top:20px}.collectMoney__right{display:flex;flex-direction:column;gap:15px}.collectMoney__card{background:#fff;padding:15px;border-radius:12px}.tableWrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;padding:12px;background:#f1e4e8;font-size:13px;white-space:nowrap}td{padding:12px;border-bottom:1px solid #eee;white-space:nowrap}tr:hover{background:#fafafa}.subText{font-size:12px;color:gray;margin-bottom:10px}.badge{padding:5px 10px;border-radius:20px;font-size:12px}.debit{background:#fbe4e4;color:#e53935}.viewBtn{border:none;background:#eef3ff;padding:6px;border-radius:6px;cursor:pointer;transition:.2s}.viewBtn:hover{background:#dfe8ff}.reportBox{background:#f7f9fc;padding:12px;border-radius:10px}.reportHeader{display:flex;justify-content:space-between;font-weight:600;margin-bottom:5px}.amountBlue{color:#4a6cf7}.progressBar{height:4px;background:#eee;margin:8px 0;border-radius:5px}.bar{width:100%;height:100%;background:red;border-radius:5px}.reportFooter{display:flex;justify-content:space-between;font-size:12px}.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:15px;flex-wrap:wrap}.pagination button{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.pagination button.active{background:#4a6cf7;color:#fff;border-color:#4a6cf7}.pagination button:hover:not(:disabled){background:#f0f4ff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.collectMoney__modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.collectMoney__popup{width:500px;max-width:95%;background:#fff;padding:20px;border-radius:12px}.collectForm{width:650px;max-width:95%;background:#fff;padding:20px;border-radius:16px}.modalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modalHeader button{border:none;background:#eee;padding:5px 10px;border-radius:6px;cursor:pointer}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detailGrid div{background:#f3f5f9;padding:10px;border-radius:8px}.detailGrid span{font-size:11px;color:gray;display:block;margin-bottom:4px}.full{grid-column:span 2}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formGrid input,.formGrid select,.formGrid textarea{padding:12px;border-radius:8px;border:1px solid #ddd;font-size:14px}.formGrid textarea{grid-column:span 2;min-height:80px}.formActions{display:flex;justify-content:center;gap:15px;margin-top:20px}.cancelBtn{padding:10px 20px;border:1px solid red;color:red;background:transparent;border-radius:8px;cursor:pointer}.saveBtn{padding:10px 20px;background:#4f8a7b;color:#fff;border:none;border-radius:8px;cursor:pointer}@media(max-width:1024px){.collectMoney__grid{grid-template-columns:1fr}}@media(max-width:768px){.collectMoney__filters{flex-direction:column;align-items:stretch}.collectMoney__filters input,.collectMoney__filters select{width:100%}.pagination{justify-content:center}.detailGrid,.formGrid{grid-template-columns:1fr}.formGrid textarea{grid-column:span 1}}@media(max-width:480px){.collectMoney{padding:10px}th,td{padding:8px;font-size:12px}.collectMoney__popup,.collectForm{padding:15px}}.formGroup{display:flex;flex-direction:column;gap:6px}.formGroup label{font-size:13px;font-weight:600;color:#444}.fullWidth{grid-column:span 2}.formGrid textarea{min-height:90px;resize:none}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{outline:none;border-color:#4f8a7b;box-shadow:0 0 0 3px #4f8a7b26}.saveBtn:hover{opacity:.9}.cancelBtn:hover{background:#fff5f5}@media(max-width:768px){.fullWidth{grid-column:span 1}}.attendanceReport{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.studentattendanceReport__cardBox{background:#fff;border-radius:14px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014}.studentattendanceReport__title{font-size:18px;font-weight:600;margin-bottom:15px;color:#2d2d5f}.studentattendanceReport__form{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.studentattendanceReport__field label{font-size:13px;margin-bottom:5px;display:block}.studentattendanceReport__field select{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.studentattendanceReport__actions{margin-top:15px;display:flex;justify-content:flex-end;gap:10px}.studentattendanceReport__btn{padding:10px 16px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.studentattendanceReport__btn.primary{background:#3f51b5;color:#fff}.studentattendanceReport__btn.secondary{background:#5c6bc0;color:#fff}.studentattendanceReport__tableWrapper{overflow-x:auto}.studentattendanceReport__table{width:100%;border-collapse:collapse;min-width:1200px}.studentattendanceReport__table th{background:#e7d3d8;padding:10px;font-size:13px;text-align:center}.studentattendanceReport__table td{padding:10px;text-align:center;border:1px solid #ddd}.studentattendanceReport__table tbody tr:nth-child(2n){background:#f2f2f8}.studentattendanceReport__totalRow{background:#ddd!important;font-weight:600}.studentattendanceReport__pagination{display:flex;justify-content:space-between;margin-top:15px;align-items:center}.studentattendanceReport__pagination button{padding:6px 12px;margin-left:5px;border:none;background:#eee;cursor:pointer}.studentattendanceReport__pagination button.active{background:#3f51b5;color:#fff}@media(max-width:1024px){.studentattendanceReport__form{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.studentattendanceReport__form{grid-template-columns:1fr}.studentattendanceReport__actions{flex-direction:column}}.classWiseReport{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.classWiseReport__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.classWiseReport__title{font-size:18px;font-weight:600;margin-bottom:15px;color:#2d2d5f}.classWiseReport__form{display:flex;gap:20px}.classWiseReport__field{flex:1}.classWiseReport__field label{display:block;margin-bottom:5px}.classWiseReport__field input{width:400px;padding:10px;border-radius:6px;border:1px solid #ccc}.classWiseReport__actions{margin-top:15px;display:flex;justify-content:flex-end}.classWiseReport__btn{background:#1e2a78;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}.classWiseReport__tableWrapper{overflow-x:auto}.classWiseReport__table{width:100%;border-collapse:collapse;min-width:900px}.classWiseReport__table th{background:#e7d3d8;padding:10px;font-size:13px}.classWiseReport__table td{padding:10px;text-align:center;border:1px solid #ddd}.classWiseReport__table tbody tr:nth-child(2n){background:#f2f2f8}.classWiseReport__total{background:#ddd;font-weight:600}.classWiseReport__pagination{display:flex;justify-content:space-between;margin-top:15px;align-items:center}.classWiseReport__pagination button{padding:6px 12px;margin-left:5px;border:none;background:#eee}.classWiseReport__pagination button.active{background:#3f51b5;color:#fff}@media(max-width:768px){.classWiseReport__form{flex-direction:column}}.attendanceByDate{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.attendanceByDate__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.attendanceByDate__title{font-size:18px;font-weight:600;margin-bottom:15px}.attendanceByDate__form{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.attendanceByDate__field label{display:block;margin-bottom:5px}.attendanceByDate__field select,.attendanceByDate__field input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.attendanceByDate__actions{margin-top:15px;display:flex;justify-content:flex-end}.attendanceByDate__btn{background:#1e2a78;color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer}.attendanceByDate__toolbar{display:flex;justify-content:space-between;margin-bottom:10px}.attendanceByDate__left button{margin-right:5px;padding:6px 10px}.attendanceByDate__dropdown{background:#1e2a78;color:#fff}.attendanceByDate__tableWrapper{overflow-x:auto}.attendanceByDate__table{width:100%;border-collapse:collapse;min-width:900px}.attendanceByDate__table th{background:#e7d3d8;padding:10px}.attendanceByDate__table td{padding:10px;border:1px solid #ddd;text-align:center}.attendanceByDate__table tbody tr:nth-child(2n){background:#f2f2f8}.attendanceByDate__pagination{display:flex;justify-content:space-between;margin-top:15px}.attendanceByDate__pagination button{padding:6px 12px;margin-left:5px}.attendanceByDate__pagination button.active{background:#3f51b5;color:#fff}@media(max-width:768px){.attendanceByDate__form{grid-template-columns:1fr}.attendanceByDate__toolbar{flex-direction:column;gap:10px}}.absentStudent{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.absentStudent__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.absentStudent__title{font-size:18px;font-weight:600}.absentStudent__titleRow{display:flex;justify-content:space-between;align-items:center}.absentStudent__note{color:red;font-size:13px}.absentStudent__form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:15px}.absentStudent__field select{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.absentStudent__actions{margin-top:15px;display:flex;justify-content:flex-end}.absentStudent__btn{background:#1e2a78;color:#fff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer}.absentStudent__toolbar{display:flex;justify-content:space-between;margin:15px 0}.absentStudent__dropdown{background:#1e2a78;color:#fff}.absentStudent__right{display:flex;gap:10px}.absentStudent__tableWrapper{overflow-x:auto}.absentStudent__table{width:100%;border-collapse:collapse;min-width:900px}.absentStudent__table th{background:#e7d3d8;padding:10px}.absentStudent__table td{padding:10px;border:1px solid #ddd;text-align:center}.absentStudent__table tbody tr:nth-child(2n){background:#f2f2f8}.absentStudent__pagination{display:flex;justify-content:space-between;margin-top:15px}.absentStudent__pagination button{padding:6px 12px;margin-left:5px}.absentStudent__pagination .active{background:#3f51b5;color:#fff}@media(max-width:768px){.absentStudent__form{grid-template-columns:1fr}.absentStudent__titleRow{flex-direction:column;align-items:flex-start;gap:10px}.absentStudent__toolbar{flex-direction:column;gap:10px}}.unmarkedAttendance{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.unmarkedAttendance__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.unmarkedAttendance__title{font-size:18px;font-weight:600;margin-bottom:15px}.unmarkedAttendance__form{display:flex;gap:20px}.unmarkedAttendance__field input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.unmarkedAttendance__actions{margin-top:15px;display:flex;justify-content:flex-end}.unmarkedAttendance__btn{background:#1e2a78;color:#fff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer}.unmarkedAttendance__toolbar{display:flex;justify-content:space-between;margin:15px 0}.unmarkedAttendance__dropdown{background:#1e2a78;color:#fff}.unmarkedAttendance__right{display:flex;gap:10px}.unmarkedAttendance__tableWrapper{overflow-x:auto}.unmarkedAttendance__table{width:100%;border-collapse:collapse;min-width:600px}.unmarkedAttendance__table th{background:#e7d3d8;padding:12px;text-align:left}.unmarkedAttendance__table td{padding:12px;border:1px solid #ddd}.unmarkedAttendance__table tbody tr:nth-child(2n){background:#f2f2f8}.unmarkedAttendance__pagination{display:flex;justify-content:space-between;margin-top:15px}.unmarkedAttendance__pagination button{padding:6px 12px;margin-left:5px}.unmarkedAttendance__pagination .active{background:#1e2a78;color:#fff}@media(max-width:768px){.unmarkedAttendance__form{flex-direction:column}.unmarkedAttendance__toolbar{flex-direction:column;gap:10px}}.customAttendanceReport{padding:20px;background:#f4f5fb;font-family:Poppins}.customAttendanceReport__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.customAttendanceReport__title{font-size:18px;font-weight:600;margin-bottom:15px}.customAttendanceReport__form{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.customAttendanceReport__field select,.customAttendanceReport__field input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.customAttendanceReport__note{color:red;margin-top:10px}.customAttendanceReport__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.export,.search{background:#1e2a78;color:#fff;padding:8px 14px;border-radius:6px;border:none}.customAttendanceReport__toolbar{display:flex;justify-content:space-between;margin-bottom:10px}.customAttendanceReport__right{display:flex;gap:10px}.customAttendanceReport__tableWrapper{overflow-x:auto}.customAttendanceReport__table{width:100%;border-collapse:collapse;min-width:1200px}.customAttendanceReport__table th{background:#e7d3d8;padding:10px}.customAttendanceReport__table td{padding:10px;border:1px solid #ddd;text-align:center}.customAttendanceReport__table tbody tr:nth-child(2n){background:#f2f2f8}.customAttendanceReport__total{background:#ddd;font-weight:600}.customAttendanceReport__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:10px}.customAttendanceReport__paginationInfo{font-size:14px;color:#555}.customAttendanceReport__paginationControls{display:flex;gap:6px}.paginationBtn{min-width:36px;height:36px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer}.paginationBtn.active{background:#1e2a78;color:#fff}.paginationBtn:disabled{background:#f5f5f5;color:#aaa}@media(max-width:768px){.customAttendanceReport__form{grid-template-columns:1fr}.customAttendanceReport__toolbar{flex-direction:column;gap:10px}.customAttendanceReport__pagination{flex-direction:column;align-items:flex-start}}.ticket-page *{margin:0;padding:0;box-sizing:border-box}.ticket-page{width:100%;min-height:100vh;padding:22px;background:linear-gradient(180deg,#f4f7ff,#eef2ff);font-family:Inter,sans-serif}.ticket-topbar{width:100%;padding:18px 24px;border-radius:26px;background:#ffffffbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 10px 40px #6366f114,0 4px 18px #0000000a;border:1px solid rgba(255,255,255,.7)}.ticket-search-box{width:48%;height:60px;background:#fff;border-radius:60px;display:flex;align-items:center;padding:0 22px;gap:14px;border:1px solid #e5e7eb;transition:.3s}.ticket-search-box:focus-within{border-color:#65f;box-shadow:0 0 0 4px #6655ff1f}.ticket-search-icon{color:#7b7b7b;font-size:18px}.ticket-search-box input{width:100%;border:none;outline:none;background:transparent;font-size:15px;color:#111827}.ticket-search-box input::placeholder{color:#9ca3af}.ticket-top-right{display:flex;align-items:center;gap:18px}.ticket-count{font-size:18px;font-weight:700;color:#22a35a;background:#edfdf3;padding:10px 18px;border-radius:14px}.ticket-add-btn{width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(135deg,#6756ff,#4f46e5);color:#fff;font-size:22px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 24px #6756ff4d;transition:.3s}.ticket-add-btn:hover{transform:translateY(-3px) rotate(90deg)}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:22px}.ticket-card{border-radius:28px;overflow:hidden;display:flex;flex-direction:column;min-height:290px;position:relative;transition:.35s;border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px #0000000f,0 2px 10px #0000000a}.ticket-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001a,0 8px 20px #0000000f}.ticket-card-top{width:100%;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.ticket-date{font-size:13px;font-weight:700;color:#111827;background:#ffffffb3;padding:9px 14px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ticket-status{padding:9px 16px;border-radius:14px;font-size:13px;font-weight:700;text-transform:capitalize}.ticket-status-solved{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;box-shadow:0 8px 18px #10b98140}.ticket-status-pending{background:linear-gradient(135deg,#ffcf77,#ff9f43);color:#5f3700;box-shadow:0 8px 18px #ff9f4338}.ticket-content{flex:1;padding:4px 22px 20px;overflow-y:auto}.ticket-content h3{font-size:20px;margin-bottom:14px;line-height:1.5;color:#111827;word-break:break-word}.ticket-content p{font-size:15px;color:#374151;margin-bottom:18px;line-height:1.7;word-break:break-word}.ticket-content h3 span,.ticket-content p span{font-weight:800}.ticket-chat-list{display:flex;flex-direction:column;gap:12px}.ticket-chat-item{width:100%;background:#ffffffbf;padding:14px 16px;border-radius:16px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ticket-chat-item svg{color:#0ea5e9;font-size:18px;min-width:18px}.ticket-chat-item span{font-size:14px;color:#111827;line-height:1.5;word-break:break-word}.ticket-footer{width:100%;padding:16px 18px;display:flex;justify-content:flex-end;gap:14px;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ticket-icon-btn{width:48px;height:48px;border:none;border-radius:14px;background:#fff;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;transition:.3s;color:#4f46e5;box-shadow:0 6px 18px #00000014}.ticket-icon-btn:hover{transform:translateY(-3px);background:#4f46e5;color:#fff}.ticket-icon-btn:last-child{color:#0891b2}.ticket-icon-btn:last-child:hover{background:#0891b2;color:#fff}.ticket-modal-overlay{position:fixed;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:99999;padding:20px}.ticket-modal,.ticket-chat-modal{width:100%;max-width:850px;background:#fff;border-radius:32px;overflow:hidden;animation:ticketPopup .35s ease;box-shadow:0 30px 80px #0003,0 10px 30px #00000014}.ticket-chat-modal{max-width:700px}@keyframes ticketPopup{0%{opacity:0;transform:scale(.82) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ticket-modal-header{padding:24px 30px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}.ticket-modal-header h2{font-size:28px;font-weight:800;color:#111827;letter-spacing:.5px}.ticket-close-btn{width:60px;height:60px;border:none;border-radius:50%;background:#fff0f0;color:#ef4444;font-size:24px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center}.ticket-close-btn:hover{transform:rotate(90deg);background:#ef4444;color:#fff}.ticket-modal-body{padding:30px}.ticket-modal-body input,.ticket-modal-body textarea{width:100%;border:1px solid #dbe2ea;background:#f9fbff;border-radius:18px;padding:18px 20px;margin-bottom:22px;font-size:16px;font-family:Inter,sans-serif;outline:none;transition:.3s}.ticket-modal-body input:focus,.ticket-modal-body textarea:focus{border-color:#65f;background:#fff;box-shadow:0 0 0 4px #6655ff1f}.ticket-modal-body textarea{resize:none;min-height:150px}.ticket-modal-body input::placeholder,.ticket-modal-body textarea::placeholder{color:#9ca3af}.ticket-upload-btn{border:none;background:linear-gradient(135deg,#ff5c5c,#ef4444);color:#fff;height:56px;padding:0 24px;border-radius:16px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.3s;box-shadow:0 10px 24px #ef444438}.ticket-upload-btn svg{font-size:20px}.ticket-upload-btn:hover{transform:translateY(-2px)}.ticket-modal-footer{width:100%;margin-top:36px;display:flex;justify-content:flex-end;align-items:center;gap:16px}.ticket-cancel-btn{min-width:120px;height:54px;border:none;border-radius:14px;background:#f3f4f6;color:#111827;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.ticket-cancel-btn:hover{background:#e5e7eb}.ticket-submit-btn{min-width:160px;height:54px;border:none;border-radius:14px;background:linear-gradient(135deg,#65f,#4f46e5);color:#fff;font-size:17px;font-weight:800;cursor:pointer;transition:.3s;box-shadow:0 10px 24px #4f46e540}.ticket-submit-btn:hover{transform:translateY(-2px)}.ticket-content::-webkit-scrollbar{width:6px}.ticket-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:20px}.ticket-preview-scroll{width:100%;max-height:260px;overflow-y:auto;border-radius:20px;margin-bottom:22px;padding-right:6px}.ticket-preview-scroll::-webkit-scrollbar{width:6px}.ticket-preview-scroll::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:20px}.ticket-preview-image{width:100%;border-radius:22px;overflow:hidden;background:#f4f7ff;border:1px solid #e5e7eb}.ticket-preview-image img{width:100%;height:auto;display:block;object-fit:cover}.ticket-card-image{width:400px;height:300px;margin:0 auto;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px #00000014}.ticket-image-modal{width:100%;max-width:850px;background:#fff;padding:24px;border-radius:28px;position:relative;animation:ticketPopup .35s ease}.ticket-image-modal img{width:100%;max-height:80vh;object-fit:contain;border-radius:20px;display:block}.ticket-image-close{position:absolute;top:18px;right:18px;width:54px;height:54px;border:none;border-radius:50%;background:#fff0f0;color:#ef4444;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;z-index:5}.ticket-image-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.ticket-status-progress{background:#fff3cd;color:#856404}@media(max-width:768px){.ticket-card-image{height:180px}.ticket-image-modal{padding:14px;border-radius:22px}.ticket-image-close{width:46px;height:46px;font-size:18px}}.ticket-card-image{width:min(400px,100%);height:300px;margin:0 auto;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px #00000014}.ticket-card-image img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.ticket-card-image{width:100%;height:250px}}@media(max-width:480px){.ticket-card-image{height:220px}}@media(max-width:992px){.ticket-search-box{width:100%}.ticket-topbar{flex-direction:column;gap:18px;align-items:stretch}.ticket-top-right{justify-content:space-between}}@media(max-width:768px){.ticket-page{padding:14px}.ticket-grid{grid-template-columns:1fr}.ticket-card{min-height:auto}.ticket-content h3{font-size:18px}.ticket-content p{font-size:14px}.ticket-modal,.ticket-chat-modal{border-radius:24px}.ticket-modal-header{padding:18px 20px}.ticket-modal-header h2{font-size:22px}.ticket-modal-body{padding:20px}.ticket-close-btn{width:48px;height:48px;font-size:18px}.ticket-modal-footer{flex-direction:column}.ticket-cancel-btn,.ticket-submit-btn{width:100%}}@media(max-width:480px){.ticket-search-box{height:52px;padding:0 16px}.ticket-add-btn{width:52px;height:52px}.ticket-count{font-size:15px;padding:8px 14px}.ticket-card-top{flex-direction:column;align-items:flex-start;gap:10px}.ticket-footer{justify-content:center}.ticket-icon-btn{width:44px;height:44px}}.transport-vehicle-page{width:100%;min-height:100vh;padding:20px;background:#f4f7ff;font-family:Poppins,sans-serif}.transport-vehicle-card{width:100%;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 10px 35px #00000014}.transport-vehicle-topbar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eef2ff;flex-wrap:wrap}.transport-vehicle-search-box{flex:1;min-width:250px;max-width:600px;height:54px;background:#fff;border-radius:50px;display:flex;align-items:center;padding:0 18px;gap:12px}.transport-vehicle-search-box input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#111827}.transport-vehicle-search-icon{color:#6b7280;font-size:17px}.transport-vehicle-top-actions{display:flex;align-items:center;gap:12px}.transport-vehicle-filter-wrapper{position:relative}.transport-vehicle-filter-btn{width:48px;height:48px;border:none;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:.3s;box-shadow:0 4px 10px #0000000d}.transport-vehicle-filter-btn:hover{background:#4f46e5;color:#fff}.transport-vehicle-filter-dropdown{position:absolute;top:60px;right:0;width:240px;background:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;z-index:100;box-shadow:0 10px 30px #0000001f}.transport-vehicle-filter-dropdown label{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.transport-vehicle-add-btn{width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#5b4bff,#4338ca);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;box-shadow:0 8px 20px #5b4bff40}.transport-vehicle-add-btn:hover{transform:rotate(90deg) scale(1.05)}.transport-vehicle-table{width:100%;min-width:950px;border-collapse:collapse}.transport-vehicle-table th{padding:20px 16px;text-align:left;font-size:14px;font-weight:700;color:#111827;border-bottom:1px solid #e5e7eb}.transport-vehicle-table td{padding:18px 16px;border-bottom:1px solid #eef1f6;font-size:14px;color:#374151}.transport-vehicle-table tbody tr:hover{background:#f8faff}.transport-vehicle-edit-link{border:none;background:transparent;color:#4f46e5;font-weight:600;cursor:pointer}.transport-vehicle-action-group{display:flex;align-items:center;gap:10px}.transport-vehicle-edit-btn,.transport-vehicle-delete-btn{width:38px;height:38px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:15px}.transport-vehicle-edit-btn{background:#eef2ff;color:#4f46e5}.transport-vehicle-edit-btn:hover{background:#4f46e5;color:#fff}.transport-vehicle-delete-btn{background:#fff1f2;color:#ef4444}.transport-vehicle-delete-btn:hover{background:#ef4444;color:#fff}.transport-vehicle-pagination{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}.transport-vehicle-pagination-left,.transport-vehicle-pagination-right{display:flex;align-items:center;gap:12px}.transport-vehicle-pagination select{width:85px;height:42px;border-radius:12px;border:1px solid #d1d5db;padding:0 10px;outline:none}.transport-vehicle-pagination button{width:38px;height:38px;border:none;border-radius:10px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.transport-vehicle-pagination button:hover{background:#4f46e5;color:#fff}.transport-vehicle-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:14px;z-index:999;overflow-y:auto}.transport-vehicle-modal{width:100%;max-width:620px;background:#fff;border-radius:24px;overflow:hidden;animation:popup .3s ease}.transport-vehicle-modal-header{padding:18px 22px;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;align-items:center}.transport-vehicle-heading-box h2{font-size:22px;font-weight:700;margin-bottom:4px;color:#111827}.transport-vehicle-heading-box p{font-size:13px;color:#6b7280}.transport-vehicle-close-btn{width:42px;height:42px;border:none;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:.3s}.transport-vehicle-close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.transport-vehicle-modal-body{padding:22px}.transport-vehicle-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.transport-input-group{display:flex;flex-direction:column;gap:6px}.transport-input-group label{font-size:13px;font-weight:600;color:#374151}.transport-input-group input,.transport-input-group select{width:100%;height:48px;border:1px solid #d1d5db;border-radius:14px;padding:0 14px;outline:none;font-size:14px;transition:.3s;background:#fff}.transport-input-group input:focus,.transport-input-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.transport-vehicle-date-field{width:100%;height:48px;border:1px solid #d1d5db;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;transition:.3s}.transport-vehicle-date-field:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.transport-vehicle-date-field input{width:100%;border:none!important;outline:none;padding:0!important;background:transparent;height:auto!important;font-size:14px}.transport-vehicle-date-field svg{font-size:18px;color:#4f46e5;flex-shrink:0;cursor:pointer}.transport-vehicle-modal-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.transport-vehicle-cancel-btn,.transport-vehicle-submit-btn{min-width:130px;height:46px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.transport-vehicle-cancel-btn{background:#f3f4f6;color:#374151}.transport-vehicle-cancel-btn:hover{background:#e5e7eb}.transport-vehicle-submit-btn{background:linear-gradient(135deg,#5b4bff,#4338ca);color:#fff}.transport-vehicle-submit-btn:hover{transform:translateY(-2px)}.transport-no-data{text-align:center;padding:35px!important;color:#6b7280;font-weight:600}.transport-vehicle-table-wrapper::-webkit-scrollbar{height:6px}.transport-vehicle-table-wrapper::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:20px}@media(max-width:768px){.transport-vehicle-page{padding:12px}.transport-vehicle-topbar{flex-direction:column;align-items:stretch}.transport-vehicle-search-box{max-width:100%}.transport-vehicle-top-actions{justify-content:flex-end}.transport-vehicle-form-grid{grid-template-columns:1fr}.transport-vehicle-modal{max-width:100%}.transport-vehicle-modal-footer{flex-direction:column}.transport-vehicle-cancel-btn,.transport-vehicle-submit-btn{width:100%}.transport-vehicle-pagination{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.transport-vehicle-search-box{height:50px}.transport-vehicle-add-btn,.transport-vehicle-filter-btn{width:46px;height:46px}.transport-vehicle-table{min-width:800px}.transport-vehicle-modal-header,.transport-vehicle-modal-body{padding:16px}}.transport-route-page{width:100%;min-height:100vh;padding:18px;background:#f4f7ff;font-family:Poppins,sans-serif;overflow:hidden}.transport-route-container{width:100%}.transport-route-card{width:100%;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #00000012}.transport-route-topbar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#eef2ff;flex-wrap:wrap}.transport-route-search-box{flex:1;max-width:520px;height:52px;background:#fff;border-radius:50px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid #ececec}.transport-route-search-icon{font-size:18px;color:#6b7280}.transport-route-search-box input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:500}.transport-route-top-actions{display:flex;align-items:center;gap:14px;position:relative}.transport-route-filter-wrapper{position:relative}.transport-route-filter-btn{width:50px;height:50px;border:none;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:.3s;box-shadow:0 4px 12px #0000000f}.transport-route-filter-btn:hover{background:#4f46e5;color:#fff}.transport-route-filter-dropdown{position:absolute;top:64px;right:0;width:240px;background:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:16px;z-index:99;box-shadow:0 12px 30px #0000001f}.transport-route-filter-dropdown label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:#111827}.transport-route-filter-dropdown input{width:18px;height:18px;accent-color:#4f46e5}.transport-route-add-btn{width:56px;height:56px;border:none;border-radius:50%;background:linear-gradient(135deg,#5b4bff,#4338ca);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer;transition:.3s;box-shadow:0 8px 20px #5b4bff59}.transport-route-add-btn:hover{transform:scale(1.06)}.transport-route-table-wrapper{width:100%;overflow-x:auto}.transport-route-table{width:100%;min-width:650px;border-collapse:collapse}.transport-route-table th{padding:18px;font-size:14px;font-weight:700;text-align:left;color:#111827;border-bottom:1px solid #ececec;background:#fff;white-space:nowrap}.transport-route-table td{padding:16px 18px;font-size:14px;font-weight:500;color:#374151;border-bottom:1px solid #f1f1f1;white-space:nowrap}.transport-route-table tbody tr{transition:.3s}.transport-route-table tbody tr:hover{background:#f8f9ff}.transport-route-name-btn{border:none;background:none;font-size:14px;font-weight:600;color:#111827;cursor:pointer;transition:.3s}.transport-route-name-btn:hover{color:#4f46e5}.transport-route-action-group{display:flex;align-items:center;gap:10px}.transport-route-edit-btn{height:38px;padding:0 14px;border:none;border-radius:10px;background:#eef2ff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:#4f46e5;cursor:pointer;transition:.3s}.transport-route-edit-btn:hover{background:#4f46e5;color:#fff}.transport-route-delete-btn{height:38px;padding:0 14px;border:none;border-radius:10px;background:#fff1f2;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:#ef4444;cursor:pointer;transition:.3s}.transport-route-delete-btn:hover{background:#ef4444;color:#fff}.transport-route-pagination{padding:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.transport-route-pagination-left,.transport-route-pagination-right{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.transport-route-pagination select{width:90px;height:42px;border-radius:12px;border:1px solid #d1d5db;padding:0 12px;font-size:14px;background:#fff;outline:none}.transport-route-pagination-right button{width:38px;height:38px;border:none;border-radius:10px;background:#eef2ff;color:#4f46e5;cursor:pointer;transition:.3s}.transport-route-pagination-right button:hover{background:#4f46e5;color:#fff}.transport-route-pagination-right button:disabled{opacity:.4;cursor:not-allowed}.transport-route-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}.transport-route-modal{width:100%;max-width:560px;background:#fff;border-radius:24px;overflow:hidden;animation:popup .3s ease;box-shadow:0 20px 40px #00000026}.transport-route-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececec}.transport-route-modal-header h2{font-size:24px;font-weight:700;color:#111827}.transport-route-close-btn{width:52px;height:52px;border:none;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:.3s}.transport-route-close-btn:hover{background:#ef4444;color:#fff}.transport-route-modal-body{padding:24px}.transport-route-input-group{display:flex;flex-direction:column;gap:10px}.transport-route-input-group label{font-size:14px;font-weight:600;color:#ef4444}.transport-route-input-group input{width:100%;height:56px;border:2px solid #ef4444;border-radius:16px;padding:0 16px;font-size:15px;font-weight:500;outline:none;transition:.3s}.transport-route-input-group input:focus{box-shadow:0 0 0 4px #ef444414}.transport-route-modal-footer{margin-top:28px;display:flex;align-items:center;justify-content:flex-end;gap:14px}.transport-route-cancel-btn,.transport-route-submit-btn{min-width:120px;height:48px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.transport-route-cancel-btn{background:#f3f4f6;color:#111827}.transport-route-cancel-btn:hover{background:#e5e7eb}.transport-route-submit-btn{background:linear-gradient(135deg,#5b4bff,#4338ca);color:#fff;box-shadow:0 8px 20px #5b4bff4d}.transport-route-submit-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.transport-route-page{padding:12px}.transport-route-topbar{flex-direction:column;align-items:stretch}.transport-route-search-box{max-width:100%}.transport-route-pagination{flex-direction:column;align-items:flex-start}.transport-route-modal{max-width:100%}.transport-route-modal-footer{flex-direction:column}.transport-route-cancel-btn,.transport-route-submit-btn{width:100%}.transport-route-action-group{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.transport-route-page{padding:8px}.transport-route-search-box{height:48px;padding:0 14px}.transport-route-table th,.transport-route-table td{padding:14px;font-size:13px}.transport-route-filter-dropdown{width:220px}.transport-route-modal-header h2{font-size:20px}}.transport-destination-page{width:100%;min-height:100vh;padding:18px;background:#f4f7ff;font-family:Poppins,sans-serif;overflow:hidden}.transport-destination-container{width:100%}.transport-destination-card{width:100%;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #00000012}.transport-destination-topbar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#eef2ff;flex-wrap:wrap}.transport-destination-search-box{flex:1;max-width:520px;height:52px;background:#fff;border-radius:50px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid #ececec}.transport-destination-search-icon{font-size:18px;color:#6b7280}.transport-destination-search-box input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:500}.transport-destination-top-actions{display:flex;align-items:center;gap:14px;position:relative}.transport-destination-filter-wrapper{position:relative}.transport-destination-filter-btn{width:50px;height:50px;border:none;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:.3s}.transport-destination-filter-btn:hover{background:#4f46e5;color:#fff}.transport-destination-filter-dropdown{position:absolute;top:64px;right:0;width:270px;background:#fff;border-radius:18px;padding:18px;display:flex;flex-wrap:wrap;gap:16px;z-index:99;box-shadow:0 12px 30px #0000001f}.transport-destination-filter-dropdown label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}.transport-destination-filter-dropdown input{width:18px;height:18px;accent-color:#4f46e5}.transport-destination-add-btn{width:58px;height:58px;border:none;border-radius:50%;background:linear-gradient(135deg,#5b4bff,#4338ca);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer;transition:.3s;box-shadow:0 8px 22px #5b4bff59}.transport-destination-add-btn:hover{transform:scale(1.06)}.transport-destination-table-wrapper{width:100%;overflow-x:auto}.transport-destination-table{width:100%;min-width:800px;border-collapse:collapse}.transport-destination-table th{padding:18px;font-size:15px;font-weight:700;text-align:left;border-bottom:1px solid #ececec;white-space:nowrap}.transport-destination-table td{padding:18px;font-size:14px;font-weight:500;border-bottom:1px solid #f1f1f1;white-space:nowrap}.transport-destination-table tbody tr:hover{background:#f8f9ff}.transport-destination-name-btn{border:none;background:none;font-size:14px;font-weight:600;color:#111827;cursor:pointer;transition:.3s}.transport-destination-name-btn:hover{color:#4f46e5}.transport-destination-action-group{display:flex;align-items:center;gap:10px}.transport-destination-edit-btn,.transport-destination-delete-btn{height:38px;padding:0 14px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer;transition:.3s}.transport-destination-edit-btn{background:#eef2ff;color:#4f46e5}.transport-destination-edit-btn:hover{background:#4f46e5;color:#fff}.transport-destination-delete-btn{background:#fff1f2;color:#ef4444}.transport-destination-delete-btn:hover{background:#ef4444;color:#fff}.transport-destination-pagination{padding:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.transport-destination-pagination-left,.transport-destination-pagination-right{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.transport-destination-pagination select{width:90px;height:42px;border-radius:12px;border:1px solid #d1d5db;padding:0 12px;background:#fff;outline:none}.transport-destination-pagination-right button{width:38px;height:38px;border:none;border-radius:10px;background:#eef2ff;color:#4f46e5;cursor:pointer}.transport-destination-pagination-right button:disabled{opacity:.4;cursor:not-allowed}.transport-destination-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}.transport-destination-modal{width:100%;max-width:950px;background:#fff;border-radius:26px;overflow:hidden;animation:popup .3s ease}.transport-destination-modal-header{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececec}.transport-destination-modal-header h2{font-size:28px;font-weight:700}.transport-destination-close-btn{width:56px;height:56px;border:none;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:.3s}.transport-destination-close-btn:hover{background:#ef4444;color:#fff}.transport-destination-modal-body{padding:28px}.transport-destination-form-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.transport-destination-input-full{grid-column:span 1}.transport-destination-input-group{width:100%;display:flex;flex-direction:column;gap:10px}.transport-destination-input-group label{font-size:14px;font-weight:600;color:#4f46e5;padding-left:4px}.transport-destination-input-group input{width:100%;height:62px;border:1.5px solid #d1d5db;border-radius:18px;padding:0 18px;font-size:15px;font-weight:500;background:#fff;outline:none;transition:.3s}.transport-destination-input-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.transport-destination-input-group input::placeholder{color:#9ca3af}.transport-destination-modal-footer{margin-top:28px;display:flex;align-items:center;justify-content:flex-end;gap:16px}.transport-destination-cancel-btn,.transport-destination-submit-btn{min-width:130px;height:50px;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.transport-destination-cancel-btn{background:#f3f4f6}.transport-destination-submit-btn{background:linear-gradient(135deg,#5b4bff,#4338ca);color:#fff}.transport-destination-submit-btn:hover{transform:translateY(-2px)}@media(max-width:992px){.transport-destination-form-grid{grid-template-columns:1fr;gap:18px}.transport-destination-input-full{grid-column:span 1}}@media(max-width:768px){.transport-destination-page{padding:12px}.transport-destination-topbar{flex-direction:column;align-items:stretch}.transport-destination-search-box{max-width:100%}.transport-destination-pagination{flex-direction:column;align-items:flex-start}.transport-destination-modal{max-width:100%}.transport-destination-modal-footer{flex-direction:column}.transport-destination-cancel-btn,.transport-destination-submit-btn{width:100%}.transport-destination-action-group{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.transport-destination-page{padding:8px}.transport-destination-search-box{height:48px;padding:0 14px}.transport-destination-table th,.transport-destination-table td{padding:14px;font-size:13px}.transport-destination-filter-dropdown{width:240px}.transport-destination-modal-header h2{font-size:22px}}.assignRoutes{width:100%;min-height:100vh;padding:20px;background:#f4f7ff;font-family:Poppins,sans-serif}.assignRoutes__topbar{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;box-shadow:0 8px 25px #0000000d}.assignRoutes__searchBox{flex:1;max-width:450px;height:52px;background:#f5f7ff;border-radius:50px;display:flex;align-items:center;gap:10px;padding:0 18px;border:2px solid transparent;transition:.3s}.assignRoutes__searchBox:hover{border-color:#5b4ff5}.assignRoutes__searchBox svg{color:#6b7280}.assignRoutes__searchBox input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px}.assignRoutes__topActions{display:flex;align-items:center;gap:12px}.assignRoutes__filterWrapper{position:relative}.assignRoutes__filterBtn{width:48px;height:48px;border:none;border-radius:14px;background:#eef2ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__filterBtn:hover{background:#5b4ff5;color:#fff}.assignRoutes__filterDropdown{position:absolute;top:60px;right:0;width:220px;background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 30px #0000001f;z-index:100}.assignRoutes__filterDropdown label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.assignRoutes__addBtn{width:52px;height:52px;border:none;border-radius:50%;background:linear-gradient(135deg,#6a5cff,#4834d4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__addBtn:hover{transform:rotate(90deg)}.assignRoutes__tableWrapper{width:100%;background:#fff;border-radius:0 0 20px 20px;overflow-x:auto;box-shadow:0 8px 25px #0000000d}.assignRoutes__table{width:100%;min-width:650px;border-collapse:collapse}.assignRoutes__table th{padding:18px 20px;text-align:left;font-size:14px;font-weight:700;border-bottom:1px solid #edf0f7}.assignRoutes__table td{padding:18px 20px;border-bottom:1px solid #edf0f7;font-size:14px}.assignRoutes__table tbody tr:hover{background:#f8f9ff}.assignRoutes__routeName{font-weight:600;color:#374151}.assignRoutes__destinationNames{max-width:360px;color:#4b5563;line-height:1.5;overflow-wrap:anywhere}.assignRoutes__actionGroup{display:flex;align-items:center;gap:10px}.assignRoutes__editBtn,.assignRoutes__deleteBtn{width:38px;height:38px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__editBtn{background:#eef2ff;color:#5b4ff5}.assignRoutes__editBtn:hover{background:#5b4ff5;color:#fff}.assignRoutes__deleteBtn{background:#fff1f1;color:#ef4444}.assignRoutes__deleteBtn:hover{background:#ef4444;color:#fff}.assignRoutes__noData{text-align:center;padding:30px!important;font-weight:600;color:#6b7280}.assignRoutes__pagination{width:100%;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.assignRoutes__paginationLeft,.assignRoutes__paginationRight{display:flex;align-items:center;gap:14px}.assignRoutes__paginationLeft span,.assignRoutes__paginationRight p{font-size:14px;font-weight:600;color:#374151}.assignRoutes__pagination select{width:80px;height:42px;border-radius:12px;border:1px solid #d1d5db;padding:0 10px;outline:none}.assignRoutes__pagination button{width:40px;height:40px;border:none;border-radius:10px;background:#eef2ff;color:#5b4ff5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__pagination button:hover{background:#5b4ff5;color:#fff}.assignRoutes__pagination button:disabled{opacity:.5;cursor:not-allowed}.assignRoutes__popupOverlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:999}.assignRoutes__popup{width:100%;max-width:960px;max-height:94vh;background:#fff;border-radius:14px;overflow:hidden;animation:popupAnim .3s ease;display:flex;flex-direction:column}@keyframes popupAnim{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.assignRoutes__popupHeader{padding:26px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f7}.assignRoutes__popupHeader h2{font-size:24px;margin-bottom:0;color:#111827;text-transform:uppercase}.assignRoutes__popupHeader p{display:none}.assignRoutes__closeBtn{width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__closeBtn:hover{background:#f3f4f6;color:#111827}.assignRoutes__popupBody{padding:54px 30px 18px;overflow-y:auto;flex:1}.assignRoutes__formGroup label{display:block;margin-bottom:-8px;margin-left:14px;width:fit-content;padding:0 6px;background:#fff;position:relative;z-index:1;font-size:13px;font-weight:500;color:#5b4ff5}.assignRoutes__selectWrapper{width:100%;height:60px;border:2px solid #5b4ff5;border-radius:10px;background:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.assignRoutes__selectWrapper select{width:100%;height:100%;border:none;outline:none;background:transparent;appearance:none;font-size:18px;font-weight:400;color:#2f3137}.assignRoutes__selectWrapper svg{color:#5b4ff5}.assignRoutes__destinations{margin-top:30px}.assignRoutes__destinations h3{margin:0 0 6px;color:#6b7280;font-size:20px;font-weight:400}.assignRoutes__destinationList{display:flex;flex-direction:column}.assignRoutes__destinationItem{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#2f3137;font-size:18px;cursor:pointer}.assignRoutes__destinationLeft{display:flex;align-items:center;gap:18px;min-width:0}.assignRoutes__destinationLeft input{width:22px;height:22px;accent-color:#ef4444;cursor:pointer;flex:0 0 auto}.assignRoutes__destinationLeft span{overflow-wrap:anywhere}.assignRoutes__destinationPrice{color:#666b73;flex:0 0 auto}.assignRoutes__noDestinations{padding:18px 0;color:#6b7280;font-size:16px}.assignRoutes__popupFooter{padding:14px 10px 10px;border-top:none;display:flex;justify-content:flex-end;gap:12px}.assignRoutes__cancelBtn,.assignRoutes__submitBtn{min-width:120px;height:45px;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer}.assignRoutes__cancelBtn{background:transparent;color:#111827}.assignRoutes__submitBtn{background:#5548ee;color:#fff}@media(max-width:768px){.assignRoutes{padding:14px}.assignRoutes__topbar{flex-direction:column;align-items:stretch}.assignRoutes__topActions{justify-content:flex-end}.assignRoutes__pagination{flex-direction:column;align-items:flex-start}.assignRoutes__popup{max-width:100%}.assignRoutes__popupBody{padding:32px 18px 16px}.assignRoutes__popupHeader{padding:20px 18px}.assignRoutes__destinationItem{font-size:16px}.assignRoutes__popupFooter{flex-direction:column}.assignRoutes__cancelBtn,.assignRoutes__submitBtn{width:100%}}.transportVehicleRoute{width:100%;min-height:100vh;background:#f4f7fc;padding:24px;font-family:Poppins,sans-serif;box-sizing:border-box}.transportVehicleRoute-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;position:relative}.transportVehicleRoute-search{flex:1;max-width:520px;height:58px;background:#fff;border-radius:18px;padding:0 18px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 20px #0000000d}.transportVehicleRoute-search svg{font-size:22px;color:#777}.transportVehicleRoute-search input{width:100%;border:none;outline:none;background:transparent;font-size:15px}.transportVehicleRoute-headerRight{display:flex;align-items:center;gap:12px;position:relative}.transportVehicleRoute-filterBtn,.transportVehicleRoute-addBtn{width:54px;height:54px;border:none;border-radius:18px;background:linear-gradient(135deg,#6b5cff,#574bff);color:#fff;font-size:22px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s;box-shadow:0 12px 24px #5a4ff338}.transportVehicleRoute-filterBtn:hover,.transportVehicleRoute-addBtn:hover{transform:translateY(-3px)}.transportVehicleRoute-filterDropdown{position:absolute;top:72px;right:0;width:240px;background:#fff;border-radius:20px;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;box-shadow:0 15px 40px #0000001f;z-index:999}.transportVehicleRoute-filterDropdown label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.transportVehicleRoute-filterDropdown input{accent-color:#5a4ff3}.transportVehicleRoute-tableWrapper{background:#fff;border-radius:24px;overflow-x:auto;box-shadow:0 10px 35px #0000000d}.transportVehicleRoute-table{width:100%;border-collapse:collapse;min-width:950px}.transportVehicleRoute-table thead{background:#fafafa}.transportVehicleRoute-table th{padding:22px 18px;text-align:left;font-size:14px;font-weight:700;color:#222;border-bottom:1px solid #eee}.transportVehicleRoute-table td{padding:20px 18px;border-bottom:1px solid #f1f1f1;font-size:14px;color:#444;vertical-align:middle}.transportVehicleRoute-table tbody tr:hover{background:#fafbff}.actionCenter{text-align:center!important}.transportVehicleRoute-typeBadge,.transportVehicleRoute-dropdownBadge,.transportVehicleRoute-selectedBadge{padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.transportVehicleRoute-typeBadge{cursor:pointer}.busBadge{background:#e8f7ee;color:#18a957}.vanBadge{background:#eef1ff;color:#574bff}.transportVehicleRoute-routeTags{display:flex;flex-wrap:wrap;gap:8px}.transportVehicleRoute-routeTag{padding:7px 14px;border-radius:30px;background:#f2f3ff;color:#574bff;font-size:12px;font-weight:600}.transportVehicleRoute-actionBtns{display:flex;align-items:center;justify-content:center;gap:10px}.transportVehicleRoute-editBtn,.transportVehicleRoute-deleteBtn{width:42px;height:42px;border:none;border-radius:12px;cursor:pointer;font-size:18px;transition:.25s;display:flex;justify-content:center;align-items:center}.transportVehicleRoute-editBtn{background:#eef1ff;color:#574bff}.transportVehicleRoute-deleteBtn{background:#fff0f0;color:#ff3b3b}.transportVehicleRoute-editBtn:hover,.transportVehicleRoute-deleteBtn:hover{transform:translateY(-2px)}.transportVehicleRoute-modalOverlay{position:fixed;inset:0;background:#11182785;display:flex;justify-content:center;align-items:center;padding:24px;z-index:9999}.transportVehicleRoute-modal{width:100%;max-width:860px;max-height:min(92vh,860px);background:#fff;border-radius:18px;overflow:hidden;animation:popup .3s ease;box-shadow:0 28px 80px #0f172a4d;position:relative;display:flex;flex-direction:column}@keyframes popup{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.transportVehicleRoute-modalHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #eef0f6;flex:0 0 auto}.transportVehicleRoute-modalHeader h2{font-size:22px;color:#222;margin:0;letter-spacing:0}.transportVehicleRoute-modalHeader button{width:40px;height:40px;border-radius:10px;border:none;background:#f5f6fb;color:#574bff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.transportVehicleRoute-modalBody{padding:24px 28px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;background:#fbfcff}.transportVehicleRoute-dropdownBox{position:relative;margin-bottom:18px;z-index:1}.transportVehicleRoute-dropdownBox label{display:block;margin-bottom:10px;font-size:15px;font-weight:600;color:#555}.transportVehicleRoute-dropdownSelected{min-height:56px;border:1px solid #d8dcf0;border-radius:12px;padding:0 18px;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.3s;position:relative}.transportVehicleRoute-dropdownSelected:hover{border-color:#7b72ff;box-shadow:0 8px 20px #5a4ff31a}.transportVehicleRoute-dropdownActive{border-color:#574bff;box-shadow:0 0 0 4px #574bff1a}.transportVehicleRoute-arrow{transition:.3s;font-size:22px;flex-shrink:0}.transportVehicleRoute-arrowRotate{transform:rotate(180deg)}.transportVehicleRoute-dropdownMenu{position:static;width:100%;margin-top:10px;background:#fff;border-radius:14px;border:1px solid #e3e6f3;box-shadow:0 14px 34px #0f172a1f;max-height:280px;overflow-y:auto;z-index:2;padding:10px;animation:dropdownShow .25s ease}.transportVehicleRoute-dropdownMenu::-webkit-scrollbar{width:6px}.transportVehicleRoute-dropdownMenu::-webkit-scrollbar-thumb{background:#d4d1ff;border-radius:10px}.transportVehicleRoute-dropdownItem{border-radius:12px;padding:14px;cursor:pointer;transition:.25s;margin-bottom:8px;border:1px solid transparent;background:#fff}.transportVehicleRoute-dropdownItem:last-child{margin-bottom:0}.transportVehicleRoute-dropdownItem:hover{background:#f7f6ff;border-color:#ded9ff}.transportVehicleRoute-dropdownSelectedItem{background:#f1efff;border-color:#cfc7ff}.transportVehicleRoute-dropdownTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.transportVehicleRoute-dropdownTop h4{font-size:16px;color:#222;margin:0}.transportVehicleRoute-dropdownBottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.transportVehicleRoute-dropdownBottom p{font-size:13px;color:#666;margin:0}.transportVehicleRoute-selectedCard{margin-top:20px;background:#fff;border-radius:14px;padding:20px;border:1px solid #e6e8f5;box-shadow:0 10px 26px #0f172a0f}.transportVehicleRoute-selectedTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.transportVehicleRoute-selectedTop h3{font-size:24px;color:#222;margin:0}.transportVehicleRoute-selectedInfo{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.transportVehicleRoute-selectedInfo div{background:#f8f9ff;padding:16px;border-radius:12px}.transportVehicleRoute-selectedInfo strong{display:block;margin-bottom:8px;color:#666;font-size:14px}.transportVehicleRoute-selectedInfo p{font-size:18px;font-weight:600;color:#222;margin:0}.transportVehicleRoute-routes{margin-top:22px}.transportVehicleRoute-routes h3{font-size:20px;margin:0 0 14px;color:#222}.transportVehicleRoute-routesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.transportVehicleRoute-routeItem{border:1px solid #e3e6f0;border-radius:12px;padding:13px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.25s;background:#fff}.transportVehicleRoute-routeItem:hover{border-color:#574bff;background:#fbfaff}.transportVehicleRoute-routeActive{background:#f4f2ff;border-color:#574bff}.transportVehicleRoute-routeItem input{width:18px;height:18px;accent-color:#574bff}.transportVehicleRoute-routeItem span{font-size:14px;font-weight:500}.transportVehicleRoute-noData{grid-column:1 / -1;padding:16px;color:#777;font-size:14px}.transportVehicleRoute-modalFooter{display:flex;justify-content:flex-end;gap:14px;padding:18px 28px;border-top:1px solid #eef0f6;background:#fff;flex:0 0 auto}.transportVehicleRoute-cancelBtn,.transportVehicleRoute-saveBtn{min-width:120px;height:46px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.transportVehicleRoute-cancelBtn{background:#f1f3f8;color:#333}.transportVehicleRoute-saveBtn{background:linear-gradient(135deg,#6b5cff,#574bff);color:#fff;box-shadow:0 10px 20px #5a4ff340}.transportVehicleRoute-saveBtn:hover{background:#4d42e8}@keyframes dropdownShow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.transportVehicleRoute{padding:14px}.transportVehicleRoute-header{flex-direction:column;align-items:stretch}.transportVehicleRoute-search{max-width:100%}.transportVehicleRoute-modal{max-width:100%;max-height:94vh;border-radius:16px}.transportVehicleRoute-routesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.transportVehicleRoute-selectedInfo{grid-template-columns:1fr}.transportVehicleRoute-dropdownBottom{flex-direction:column;gap:8px}.transportVehicleRoute-filterDropdown{width:100%;grid-template-columns:1fr 1fr}.transportVehicleRoute-modalHeader,.transportVehicleRoute-modalBody,.transportVehicleRoute-modalFooter{padding-left:18px;padding-right:18px}}@media(max-width:480px){.transportVehicleRoute-search{height:52px}.transportVehicleRoute-filterBtn,.transportVehicleRoute-addBtn{width:46px;height:46px;border-radius:14px}.transportVehicleRoute-modalHeader h2{font-size:20px}.transportVehicleRoute-modalBody,.transportVehicleRoute-modalFooter,.transportVehicleRoute-modalHeader{padding:16px}.transportVehicleRoute-selectedTop{flex-direction:column;align-items:flex-start;gap:12px}.transportVehicleRoute-dropdownSelected{min-height:54px}.transportVehicleRoute-dropdownMenu{max-height:230px}.transportVehicleRoute-routesGrid{grid-template-columns:1fr}.transportVehicleRoute-modalFooter{flex-direction:column}.transportVehicleRoute-cancelBtn,.transportVehicleRoute-saveBtn{width:100%}.transportVehicleRoute-filterDropdown{grid-template-columns:1fr}}.promotion-page-container{padding:24px;background-color:#f8fafc;min-height:100vh;box-sizing:border-box}.promotion-main-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px}.promotion-topbar-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.promotion-page-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 4px}.promotion-page-subtitle{font-size:.875rem;color:#64748b;margin:0}.promotion-topbar-actions{display:flex;align-items:center;gap:12px}.promotion-search-box{position:relative;display:flex;align-items:center}.promotion-search-icon{position:absolute;left:12px;color:#94a3b8;font-size:.875rem}.promotion-search-input{padding:8px 12px 8px 36px;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;outline:none;transition:border-color .2s;width:220px}.promotion-search-input:focus{border-color:#2563eb}.promotion-add-button{background-color:#2563eb;color:#fff;border:none;border-radius:6px;padding:10px 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.promotion-add-button:hover{background-color:#1d4ed8}.promotion-table-wrapper{width:100%;overflow-x:auto}.promotion-table{width:100%;border-collapse:collapse;text-align:left}.promotion-table-head{background-color:#f1f5f9}.promotion-table-heading{padding:12px 16px;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.promotion-table-body-row{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.promotion-table-body-row:hover{background-color:#f8fafc}.promotion-table-data{padding:14px 16px;font-size:.875rem;color:#334155}.promotion-empty-state{text-align:center;padding:24px;color:#94a3b8;font-size:.875rem}.promotion-pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:16px}.mini-pagination{padding:8px 12px;margin-top:0;background-color:#f8fafc;border-top:1px solid #e2e8f0}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid #cbd5e1;background-color:#fff;color:#475569;border-radius:4px;font-size:.8125rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.pagination-btn.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.promotion-modal-overlay{position:fixed;inset:0;background-color:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.promotion-modal-container{background:#fff;border-radius:12px;width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.promotion-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.promotion-modal-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 4px}.promotion-modal-subtitle{font-size:.8125rem;color:#64748b;margin:0}.promotion-close-button{background:none;border:none;color:#94a3b8;font-size:1.25rem;cursor:pointer}.promotion-close-button:hover{color:#475569}.promotion-form-section{padding:16px 24px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.promotion-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.promotion-form-group{display:flex;flex-direction:column;gap:6px}.promotion-form-label{font-size:.75rem;font-weight:600;color:#475569}.promotion-form-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;background-color:#fff;outline:none}.promotion-form-select:focus{border-color:#2563eb}.promotion-student-search-row{padding:16px 24px 8px;display:flex;justify-content:space-between;align-items:center}.promotion-student-search-box{flex-grow:1;max-width:320px}.promotion-selected-count{font-size:.875rem;font-weight:600;color:#2563eb;background-color:#eff6ff;padding:4px 12px;border-radius:12px}.promotion-transfer-main-section{padding:12px 24px 20px;display:flex;gap:16px;align-items:stretch;overflow-y:auto;flex:1}.promotion-student-table-box{flex:1;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.promotion-student-table-header{background-color:#f1f5f9;padding:10px 16px;font-size:.875rem;font-weight:600;color:#334155;border-bottom:1px solid #e2e8f0}.promotion-student-table-wrapper{flex:1;overflow-x:auto}.promotion-student-table{width:100%;border-collapse:collapse;text-align:left}.promotion-student-table-head{background-color:#fff}.promotion-student-table-heading{padding:8px 12px;font-size:.75rem;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0;white-space:nowrap}.promotion-student-table-body-row{border-bottom:1px solid #f1f5f9}.promotion-student-table-body-row:hover{background-color:#f8fafc}.promotion-student-table-data{padding:10px 12px;font-size:.8125rem;color:#334155;white-space:nowrap}.center-align{text-align:center}.promotion-checkbox{cursor:pointer;accent-color:#2563eb}.promotion-status-success{background-color:#dcfce7;color:#166534;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px}.promotion-transfer-button-section{display:flex;flex-direction:column;justify-content:center;gap:12px}.promotion-transfer-button{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;cursor:pointer;color:#475569;transition:all .2s;display:flex;align-items:center;justify-content:center}.promotion-transfer-button:hover:not(:disabled){background-color:#2563eb;color:#fff;border-color:#2563eb}.promotion-transfer-button:disabled{opacity:.4;cursor:not-allowed}.promotion-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.promotion-cancel-button{padding:8px 16px;border:1px solid #cbd5e1;background-color:#fff;color:#475569;border-radius:6px;font-size:.875rem;cursor:pointer}.promotion-cancel-button:hover{background-color:#f1f5f9}.promotion-save-button{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.promotion-save-button:hover:not(:disabled){background-color:#1d4ed8}.promotion-save-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.promotion-transfer-main-section{flex-direction:column}.promotion-transfer-button-section{flex-direction:row;justify-content:center}}.student-portfolio-container{width:100%;min-height:100vh;padding:24px;background:#f1f5f9;box-sizing:border-box;font-family:Poppins,sans-serif}.student-portfolio-header-section{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px;flex-wrap:wrap}.student-portfolio-title-wrapper{display:flex;align-items:center}.student-portfolio-main-title{font-size:30px;font-weight:800;color:#0f172a;margin:0}.student-portfolio-search-wrapper{width:320px}.student-portfolio-search-input{width:100%;height:52px;border:1px solid #cbd5e1;border-radius:16px;padding:0 18px;outline:none;font-size:14px;background:#fff;color:#0f172a;transition:.3s;box-sizing:border-box}.student-portfolio-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.student-portfolio-search-input::placeholder{color:#94a3b8}.student-portfolio-top-grid-section{width:100%;display:grid;grid-template-columns:1.2fr .8fr 1.4fr;gap:22px;margin-bottom:24px;align-items:start}.student-portfolio-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 10px 35px #0f172a0f;transition:.3s ease}.student-portfolio-card:hover{transform:translateY(-3px)}.student-portfolio-card-header{width:100%;padding:16px 22px;color:#fff;font-size:16px;font-weight:700;box-sizing:border-box}.student-portfolio-card-header-blue{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.student-portfolio-card-header-orange{background:linear-gradient(135deg,#ea580c,#fb923c)}.student-portfolio-card-header-yellow{background:linear-gradient(135deg,#ca8a04,#facc15)}.student-portfolio-card-header-pink{background:linear-gradient(135deg,#c026d3,#ec4899)}.student-portfolio-student-info-section{padding:24px;display:flex;align-items:center;gap:18px}.student-portfolio-student-image-wrapper{flex-shrink:0}.student-portfolio-student-image{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #dbeafe}.student-portfolio-student-details{flex:1}.student-portfolio-student-name{margin:0;font-size:22px;font-weight:700;color:#0f172a}.student-portfolio-student-class{margin-top:6px;margin-bottom:14px;color:#475569;font-size:14px}.student-portfolio-student-badge-wrapper{display:flex;gap:10px;flex-wrap:wrap}.student-portfolio-student-badge{padding:8px 14px;background:#dbeafe;color:#1d4ed8;border-radius:30px;font-size:13px;font-weight:600}.student-portfolio-result-section{padding:34px 24px;display:flex;align-items:center;justify-content:center}.student-portfolio-result-button{border:none;background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;padding:14px 28px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 10px 20px #f973164d}.student-portfolio-result-button:hover{transform:translateY(-2px)}.student-portfolio-transport-hostel-wrapper{width:100%;display:flex;gap:18px}.student-portfolio-transport-card,.student-portfolio-hostel-card-main{flex:1}.student-portfolio-transport-info-section,.student-portfolio-hostel-info-section{padding:18px;display:flex;flex-direction:column;gap:12px}.student-portfolio-transport-item,.student-portfolio-hostel-info-item{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0}.student-portfolio-info-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:15px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.student-portfolio-info-item span{color:#475569;font-size:14px;font-weight:700}.student-portfolio-info-item strong{min-width:0;color:#0f172a;font-size:14px;font-weight:700;overflow-wrap:anywhere;text-align:right}.student-portfolio-transport-label,.student-portfolio-hostel-label{font-size:14px;font-weight:700;color:#475569}.student-portfolio-transport-value,.student-portfolio-hostel-value{font-size:15px;font-weight:700;color:#0f172a}.student-portfolio-section-container{width:100%;background:#fff;border-radius:24px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 10px 30px #0f172a0d;margin-bottom:24px}.student-portfolio-section-header{width:100%;padding:18px 22px;background:linear-gradient(135deg,#0f172a,#2563eb);box-sizing:border-box}.student-portfolio-section-title{margin:0;color:#fff;font-size:18px;font-weight:700}.student-portfolio-horizontal-scroll-wrapper{display:flex;gap:18px;overflow-x:auto;padding:24px;scroll-behavior:smooth}.student-portfolio-horizontal-scroll-wrapper::-webkit-scrollbar{height:8px}.student-portfolio-horizontal-scroll-wrapper::-webkit-scrollbar-track{background:#dbeafe;border-radius:20px}.student-portfolio-horizontal-scroll-wrapper::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}.student-portfolio-profile-card{min-width:290px;background:#f8fafc;border:1px solid #dbeafe;border-radius:22px;padding:20px;display:flex;align-items:center;gap:16px;flex-shrink:0;transition:.3s ease}.student-portfolio-profile-card:hover{transform:translateY(-3px);background:#fff}.student-portfolio-profile-image-wrapper{flex-shrink:0}.student-portfolio-profile-image{width:74px;height:74px;border-radius:50%;object-fit:cover;border:4px solid #dbeafe}.student-portfolio-profile-details{flex:1}.student-portfolio-profile-details h4{margin:0;color:#0f172a;font-size:17px;font-weight:700}.student-portfolio-profile-details p{margin:6px 0;color:#64748b;font-size:14px}.student-portfolio-profile-details span,.student-portfolio-profile-details small{display:block;color:#2563eb;font-size:13px;font-weight:600}.student-portfolio-profile-details small{margin-top:4px;color:#64748b}.student-portfolio-profile-name{margin:0;font-size:17px;color:#0f172a;font-weight:700}.student-portfolio-profile-role{margin:6px 0;color:#64748b;font-size:14px}.student-portfolio-profile-contact{color:#2563eb;font-size:13px;font-weight:600}.student-portfolio-progress-grid-section{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:24px}.student-portfolio-progress-card{background:#fff;border-radius:22px;padding:24px;border:1px solid #dbeafe;box-shadow:0 10px 30px #0f172a0d}.student-portfolio-progress-top-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.student-portfolio-progress-title{color:#334155;font-size:15px;font-weight:700}.student-portfolio-progress-value{color:#2563eb;font-size:18px}.student-portfolio-progress-bar-wrapper{width:100%;height:12px;border-radius:20px;background:#e2e8f0;overflow:hidden}.student-portfolio-progress-bar-fill{height:100%;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:20px}.student-portfolio-progress-note{margin:12px 0 0;color:#64748b;font-size:13px;font-weight:600}.student-portfolio-fees-layout-section{width:100%;display:grid;grid-template-columns:1.3fr .7fr;gap:22px;margin-bottom:24px}.student-portfolio-fees-card,.student-portfolio-fees-reminder-card{background:#fff;border-radius:22px;border:1px solid #dbeafe;box-shadow:0 10px 30px #0f172a0d}.student-portfolio-fees-card-header{padding:20px 22px;background:linear-gradient(135deg,#0f172a,#2563eb);display:flex;align-items:center;justify-content:space-between;color:#fff;flex-wrap:wrap;gap:10px}.student-portfolio-fees-title{margin:0;font-size:18px}.student-portfolio-fees-status{font-size:14px;font-weight:600}.student-portfolio-fees-paid{color:#4ade80;margin:0 6px}.student-portfolio-fees-due{color:#f87171;margin-left:6px}.student-portfolio-fees-chart-area{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;color:#64748b;font-size:16px;box-sizing:border-box}.student-portfolio-fees-reminder-card{padding:24px}.student-portfolio-fees-reminder-title{margin:0;color:#0f172a;font-size:20px}.student-portfolio-fee-meter{width:100%;height:18px;display:flex;overflow:hidden;border-radius:999px;background:#e2e8f0}.student-portfolio-fee-meter span{background:#22c55e}.student-portfolio-fee-meter b{background:#ef4444}.student-portfolio-fee-summary-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.student-portfolio-reminder-text{margin:14px 0 0;color:#475569;font-size:14px;line-height:1.6}.student-portfolio-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px}.student-portfolio-table-section{width:100%;background:#fff;border-radius:22px;border:1px solid #dbeafe;overflow:hidden;margin-bottom:24px;box-shadow:0 10px 30px #0f172a0d}.student-portfolio-table-header,.student-portfolio-table-main-header{width:100%;padding:18px 22px;background:linear-gradient(135deg,#0f172a,#2563eb);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.student-portfolio-table-title{margin:0;color:#fff;font-size:18px;font-weight:700}.student-portfolio-view-all-button{border:none;background:#fff;color:#2563eb;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer}.student-portfolio-table-responsive{width:100%;overflow-x:auto;background:#fff}.student-portfolio-main-table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:auto}.student-portfolio-main-table-head{background:#fff}.student-portfolio-main-table-row{height:62px}.student-portfolio-main-table-heading{padding:18px 20px;background:#fff;color:#0f172a;font-size:14px;font-weight:700;text-align:center;white-space:nowrap;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;min-width:140px}.student-portfolio-main-table-heading:first-child{min-width:100px}.student-portfolio-main-table-heading:last-child{border-right:none}.student-portfolio-main-table tbody{background:#fff}.student-portfolio-main-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0}.student-portfolio-main-table tbody td{padding:16px 18px;background:#fff;color:#0f172a;font-size:14px;text-align:center;white-space:nowrap}.student-portfolio-empty-cell{color:#64748b!important;font-weight:600;text-align:center!important}.student-portfolio-table-responsive::-webkit-scrollbar{height:10px}.student-portfolio-table-responsive::-webkit-scrollbar-track{background:#dbeafe;border-radius:20px}.student-portfolio-table-responsive::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}.student-portfolio-search-wrapper{position:relative}.search-dropdown{position:absolute;top:45px;left:0;width:100%;background:#fff;border:1px solid #ddd;border-radius:8px;z-index:999;max-height:250px;overflow-y:auto}.search-item{padding:10px;cursor:pointer}.search-item:hover{background:#f2f2f2}@media(max-width:1200px){.student-portfolio-top-grid-section{grid-template-columns:1fr}.student-portfolio-transport-hostel-wrapper{flex-direction:column}.student-portfolio-fees-layout-section,.student-portfolio-detail-grid,.student-portfolio-fee-summary-grid{grid-template-columns:1fr}}@media(max-width:768px){.student-portfolio-container{padding:14px}.student-portfolio-header-section{flex-direction:column;align-items:stretch}.student-portfolio-search-wrapper{width:100%}.student-portfolio-main-title{font-size:24px}.student-portfolio-section-title,.student-portfolio-table-title{font-size:16px}.student-portfolio-progress-grid-section{grid-template-columns:1fr}.student-portfolio-transport-hostel-wrapper{flex-direction:column}.student-portfolio-profile-card{min-width:260px}.student-portfolio-student-info-section{flex-direction:column;text-align:center}.student-portfolio-student-badge-wrapper{justify-content:center}.student-portfolio-main-table{min-width:1000px}.student-portfolio-main-table-heading{font-size:13px;padding:16px}.student-portfolio-info-item{align-items:flex-start;flex-direction:column}.student-portfolio-info-item strong{text-align:left}}.studentGatepass{width:100%;min-height:100vh;background:#f3f4f8;padding:24px;box-sizing:border-box}.studentGatepass__card{width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000014}.studentGatepass__header{background:#e8e9ef;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.studentGatepass__searchBox{width:500px;max-width:100%;height:46px;background:#fff;border-radius:40px;display:flex;align-items:center;gap:12px;padding:0 18px}.studentGatepass__searchBox svg{color:#555;font-size:16px}.studentGatepass__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:14px}.studentGatepass__addBtn{width:50px;height:50px;border:none;cursor:pointer;border-radius:50%;background:#645cff;color:#fff;font-size:20px;box-shadow:0 5px 18px #645cff66;padding-left:14px}.studentGatepass__tableWrapper{overflow-x:auto}.studentGatepass__table{width:100%;min-width:1200px;border-collapse:collapse}.studentGatepass__tableRow{cursor:pointer;transition:.3s}.studentGatepass__tableRow:hover{background:#f7f8ff}.studentGatepass__table thead th{text-align:left;padding:22px;font-size:15px;font-weight:700;color:#000}.studentGatepass__table tbody td{padding:18px 22px;border-top:1px solid #ececec;vertical-align:middle;font-size:15px}.studentGatepass__table tbody tr:hover{background:#f8f9ff}.studentGatepass__avatar{width:60px;height:60px;object-fit:contain}.studentGatepass__actions{display:flex;align-items:center;gap:14px}.studentGatepass__deleteBtn,.studentGatepass__printBtn{border:none;background:transparent;cursor:pointer;font-size:22px}.studentGatepass__deleteBtn{color:#ff2626}.studentGatepass__swalPopup{border-radius:20px!important;padding:20px!important}.studentGatepass__swalConfirm{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-radius:10px!important;padding:10px 24px!important;font-weight:600!important}.studentGatepass__swalCancel{background:#e5e7eb!important;color:#111827!important;border-radius:10px!important;padding:10px 24px!important;font-weight:600!important}.studentGatepass__printBtn{color:#6258ff}.studentGatepass__pagination{display:flex;align-items:center;justify-content:flex-end;gap:30px;padding:20px}.studentGatepass__pageSize{display:flex;align-items:center;gap:10px}.studentGatepass__pageSize select{height:40px;width:80px;border-radius:10px;border:1px solid #ccc;padding:0 10px}.studentGatepass__pageBtns{display:flex;gap:10px}.studentGatepass__pageBtns button{border:none;background:transparent;cursor:pointer;font-size:18px}.studentGatepass__mobileCards{display:none}.studentGatepass__mobileCard{background:#fff;margin:15px;border-radius:14px;padding:16px;box-shadow:0 2px 12px #00000014}.studentGatepass__mobileTop{display:flex;gap:14px;align-items:center}.studentGatepass__mobileAvatar{width:60px;height:60px}.studentGatepass__mobileBody{margin-top:15px}.studentGatepass__mobileBody div{margin-bottom:12px}.studentGatepass__mobileBody span{font-size:12px;color:#777}.studentGatepass__mobileBody p{margin-top:4px;font-weight:500}.studentGatepass__mobileActions{display:flex;justify-content:flex-end;gap:15px}@media(max-width:1024px){.studentGatepass{padding:15px}.studentGatepass__pagination{gap:15px}}@media(max-width:768px){.studentGatepass__tableWrapper{display:none}.studentGatepass__mobileCards{display:block}.studentGatepass__header{flex-direction:column;gap:15px;align-items:stretch}.studentGatepass__searchBox{width:100%}.studentGatepass__addBtn{align-self:flex-end}.studentGatepass__pagination{flex-direction:column;gap:12px}}@media(max-width:480px){.studentGatepass{padding:10px}.studentGatepass__mobileCard{margin:10px;padding:14px}.studentGatepass__mobileAvatar{width:50px;height:50px}.studentGatepass__mobileTop h4{font-size:15px}.studentGatepass__mobileTop p{font-size:13px}}.studentGatepass__modalOverlay{position:absolute;inset:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studentGatepass__modal{position:fixed;inset:0;z-index:9999}.studentGatepass__modalOverlay{position:absolute;inset:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.studentGatepass__modalContainer{transition:transform .3s ease,opacity .3s ease}.studentGatepass__modalOpening .studentGatepass__modalOverlay{animation:studentGatepassFadeIn .3s ease forwards}.studentGatepass__modalOpening .studentGatepass__modalContainer{animation:studentGatepassZoomIn .3s ease forwards}.studentGatepass__modalClosing .studentGatepass__modalOverlay{animation:studentGatepassFadeOut .3s ease forwards}.studentGatepass__modalClosing .studentGatepass__modalContainer{animation:studentGatepassZoomOut .3s ease forwards}@keyframes studentGatepassFadeIn{0%{opacity:0}to{opacity:1}}@keyframes studentGatepassFadeOut{0%{opacity:1}to{opacity:0}}@keyframes studentGatepassZoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes studentGatepassZoomOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}.studentGatepass__modalContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:72%;max-width:1050px;min-width:850px;max-height:88vh;background:#fff;border-radius:24px;overflow-y:auto;border:1px solid #eceeff;box-shadow:0 25px 80px #5b5cf626,0 8px 30px #00000014;z-index:10000}.studentGatepass__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:26px 32px;background:linear-gradient(135deg,#fafaff,#f4f5ff);border-bottom:1px solid #eceeff}.studentGatepass__modalHeader h2{font-size:28px;font-weight:700;color:#2f3542;letter-spacing:.3px}.studentGatepass__modalClose{width:46px;height:46px;border:none;border-radius:14px;background:#f3f5ff;color:#5b5cf6;transition:.3s}.studentGatepass__modalClose:hover{background:#5b5cf6;color:#fff}.studentGatepass__modalClose{width:45px;height:45px;border:none;border-radius:50%;cursor:pointer;background:#f7f7f7;display:flex;align-items:center;justify-content:center;font-size:18px}.studentGatepass__modalBody{padding:30px}.studentGatepass__modalTop{display:grid;grid-template-columns:1fr 260px;gap:25px}.studentGatepass__modalSearch{display:flex;align-items:center;gap:10px;height:55px;width:100%;border:1px solid #e6e8ff;border-radius:14px;padding:0 16px}.studentGatepass__modalSearch svg{flex-shrink:0;font-size:18px;color:#5b5cf6}.studentGatepass__modalSearch input{flex:1;border:none;outline:none;background:transparent}.studentGatepass__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.studentGatepass__field{display:flex;flex-direction:column}.studentGatepass__field label{font-size:14px;margin-bottom:8px;color:#666}.studentGatepass__field input{height:52px;border:1px solid #d7d7d7;border-radius:10px;padding:0 15px;outline:none}.studentGatepass__field input,.studentGatepass__field select,.studentGatepass__field textarea{height:56px;border:1px solid #e7e9f7;border-radius:16px;background:#fbfcff;padding:0 16px;transition:.3s}.studentGatepass__field input:focus,.studentGatepass__field select:focus,.studentGatepass__field textarea:focus{outline:none;border-color:#5b5cf6;box-shadow:0 0 0 4px #5b5cf61f}.studentGatepass__field label{font-weight:600;color:#5d6477;margin-bottom:8px}.studentGatepass__photoSection{display:flex;flex-direction:column;align-items:center}.studentGatepass__photoSection img{width:150px;height:150px;object-fit:cover;border-radius:24px;background:#f7f8ff;border:4px solid #eef0ff;padding:12px}.studentGatepass__photoSection button{margin-top:16px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;border:none;border-radius:14px;padding:12px 24px;font-weight:600;box-shadow:0 12px 25px #5b5cf640}.studentGatepass__studentCard{margin-top:28px;background:#fff;border:1px solid #eceeff;border-radius:20px;overflow:hidden}.studentGatepass__studentHeader{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 24px;cursor:pointer}.studentGatepass__studentHeader span{font-size:18px;font-weight:600}.studentGatepass__studentHeader svg{font-size:18px;flex-shrink:0}.studentGatepass__studentContent{padding:20px}.studentGatepass__tabs{display:flex;justify-content:center;gap:40px;margin-bottom:28px}.studentGatepass__tabs button{border:none;background:transparent;font-size:15px;font-weight:600;padding:12px 20px;border-radius:12px;color:#6d7487;transition:.3s}.studentGatepass__tabs .active{background:#eef0ff;color:#5b5cf6}.studentGatepass__familyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.studentGatepass__familyCard{background:#fafbff;border:1px solid #eceeff;border-radius:18px;min-height:180px;transition:.3s}.studentGatepass__familyCard:hover{transform:translateY(-4px);box-shadow:0 15px 30px #5b5cf614}.studentGatepass__familyCard img{width:70px}.studentGatepass__address{margin-top:20px}.studentGatepass__tabs{display:flex;justify-content:center;gap:40px;margin-bottom:25px}.studentGatepass__tabs button{background:transparent;border:none;font-size:16px;font-weight:600;color:#666;cursor:pointer;padding:12px 20px;border-bottom:2px solid transparent;transition:.3s}.studentGatepass__tabs button.active{color:#5b5cf6;border-bottom:2px solid #5b5cf6}.studentGatepass__guardianCard{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #e7ebff;border-radius:16px;background:#fff;overflow:hidden}.studentGatepass__guardianDetails{flex:1}.studentGatepass__guardianImage{width:130px;min-width:130px;display:flex;justify-content:center;align-items:center}.studentGatepass__guardianImage img{width:110px;height:110px;object-fit:contain;border-radius:12px}.studentGatepass__photoUploadWrapper{display:flex;flex-direction:column;align-items:center;gap:14px}.studentGatepass__uploadedPhoto{width:150px;height:150px;object-fit:cover;border-radius:18px;border:3px solid #eef0ff;background:#fff;box-shadow:0 10px 30px #5b5cf614}.studentGatepass__uploadBtn{background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.studentGatepass__uploadBtn:hover{transform:translateY(-2px)}.studentGatepass__hiddenFileInput{display:none}.studentGatepass__modalFooter{padding:25px 30px;border-top:1px solid #ececec;display:flex;justify-content:flex-end;align-items:center;gap:18px}.studentGatepass__modalFooter select{width:180px;height:50px;border-radius:10px}.studentGatepass__cancelBtn{height:50px;padding:0 24px;border-radius:14px;border:1px solid #dfe3ff;background:#fff;font-weight:600}.studentGatepass__saveBtn{height:50px;padding:0 36px;border:none;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;font-weight:600;box-shadow:0 12px 25px #5b5cf640}.studentSearchList{position:absolute;width:100%;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:250px;overflow-y:auto;z-index:999;margin-top:5px}.studentSearchItem{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.studentSearchItem:hover{background:#f5f5f5}@media(max-width:1200px){.studentGatepass__modalContainer{width:85%;min-width:unset}}@media(max-width:992px){.studentGatepass__modalContainer{width:92%}.studentGatepass__modalTop{grid-template-columns:1fr}.studentGatepass__photoSection{order:-1}}@media(max-width:768px){.studentGatepass__modalContainer{width:96%;max-height:92vh;border-radius:14px}.studentGatepass__modalBody{padding:20px}.studentGatepass__formGrid,.studentGatepass__familyGrid{grid-template-columns:1fr}.studentGatepass__tabs{gap:20px;flex-wrap:wrap}.studentGatepass__modalFooter{flex-wrap:wrap;justify-content:center}.studentGatepass__modalFooter select,.studentGatepass__saveBtn,.studentGatepass__cancelBtn{width:100%}}@media(max-width:480px){.studentGatepass__modalHeader{padding:18px}.studentGatepass__modalHeader h2{font-size:18px}.studentGatepass__photoSection img{width:110px}.studentGatepass__field input{height:48px}}@media(max-width:768px){.studentGatepass__guardianCard{flex-direction:column;text-align:center;gap:15px}.studentGatepass__guardianImage{width:100%}.studentGatepass__guardianImage img{width:90px;height:90px}}.studentGatepassPrint{min-height:100vh;background:#f4f7ff;padding:30px}.studentGatepassPrint__topbar{max-width:1100px;margin:0 auto 25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.studentGatepassPrint__backBtn,.studentGatepassPrint__downloadBtn{border:none;outline:none;height:50px;padding:0 24px;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:all .3s ease}.studentGatepassPrint__backBtn{background:#fff;color:#222;box-shadow:0 4px 12px #00000014}.studentGatepassPrint__downloadBtn{color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}.studentGatepassPrint__downloadBtn:hover,.studentGatepassPrint__backBtn:hover{transform:translateY(-2px)}.studentGatepassPrint__document{width:794px;min-height:1123px;margin:auto;background:#fff;border-radius:24px;padding:35px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001f}.studentGatepassPrint__document:before{content:"LEARNING STEP SCHOOL";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:70px;font-weight:800;color:#5b5cf60d;white-space:nowrap;pointer-events:none}.studentGatepassPrint__header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:3px solid #5b5cf6}.studentGatepassPrint__logo{width:100px;height:100px;flex-shrink:0}.studentGatepassPrint__logo img{width:100%;height:100%;object-fit:contain}.studentGatepassPrint__school{flex:1;text-align:center}.studentGatepassPrint__school h1{margin:0;color:#5b5cf6;font-size:34px;font-weight:800}.studentGatepassPrint__school h3{margin:6px 0;color:#333;font-size:18px}.studentGatepassPrint__school p{margin:3px 0;color:#666;font-size:14px}.studentGatepassPrint__heading{text-align:center;margin:25px 0;font-size:28px;font-weight:700;color:#5b5cf6;text-transform:uppercase}.studentGatepassPrint__date{text-align:right;font-size:15px;font-weight:600;margin-bottom:25px}.studentGatepassPrint__content{display:flex;gap:25px}.studentGatepassPrint__detailsCard{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.studentGatepassPrint__field{background:#fafbff;border:1px solid #e8ebff;border-radius:14px;padding:14px 16px}.studentGatepassPrint__field label{display:block;margin-bottom:6px;color:#667085;font-size:13px}.studentGatepassPrint__field span{color:#111827;font-size:15px;font-weight:600;word-break:break-word}.studentGatepassPrint__full{grid-column:span 2}.studentGatepassPrint__photoCard{width:190px;background:#fafbff;border:1px solid #e8ebff;border-radius:18px;padding:15px;flex-shrink:0}.studentGatepassPrint__photoTitle{text-align:center;margin-bottom:12px;font-weight:600;color:#5b5cf6}.studentGatepassPrint__photoCard img{width:100%;height:220px;object-fit:cover;border-radius:12px}.studentGatepassPrint__note{margin-top:35px;padding:18px;border-radius:14px;background:#f8f9ff;border:1px solid #e8ebff;color:#555;line-height:1.7}.studentGatepassPrint__signatureArea{margin-top:100px;display:flex;justify-content:space-between;align-items:center;gap:20px}.studentGatepassPrint__signatureBox{text-align:center;min-width:180px}.studentGatepassPrint__signatureLine{border-top:2px solid #5b5cf6;margin-bottom:10px}@media(max-width:1024px){.studentGatepassPrint{padding:20px}.studentGatepassPrint__document{width:100%;min-height:auto}}@media(max-width:768px){.studentGatepassPrint__topbar{flex-direction:column}.studentGatepassPrint__backBtn,.studentGatepassPrint__downloadBtn{width:100%;justify-content:center}.studentGatepassPrint__document{padding:20px;border-radius:18px}.studentGatepassPrint__header{flex-direction:column;text-align:center}.studentGatepassPrint__logo{width:80px;height:80px}.studentGatepassPrint__school h1{font-size:26px}.studentGatepassPrint__school h3{font-size:16px}.studentGatepassPrint__content{flex-direction:column}.studentGatepassPrint__photoCard{width:100%}.studentGatepassPrint__detailsCard{grid-template-columns:1fr}.studentGatepassPrint__full{grid-column:span 1}.studentGatepassPrint__signatureArea{flex-direction:column;gap:50px}}@media(max-width:480px){.studentGatepassPrint{padding:10px}.studentGatepassPrint__document{padding:15px;border-radius:14px}.studentGatepassPrint__heading,.studentGatepassPrint__school h1{font-size:22px}.studentGatepassPrint__school h3{font-size:14px}.studentGatepassPrint__school p{font-size:12px}.studentGatepassPrint__field{padding:12px}.studentGatepassPrint__field span{font-size:14px}.studentGatepassPrint__photoCard img{height:180px}.studentGatepassPrint__document:before{font-size:40px}}.visitorEnquiry{width:100%;padding:24px;background:#f5f7ff;min-height:100vh}.visitorEnquiry__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #5b5cf614}.visitorEnquiry__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.visitorEnquiry__searchBox{flex:1;display:flex;align-items:center;gap:10px;height:54px;border:1px solid #e4e8ff;border-radius:14px;padding:0 16px;background:#fafbff}.visitorEnquiry__searchBox svg{color:#5b5cf6}.visitorEnquiry__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:15px}.visitorEnquiry__addBtn{width:54px;height:54px;border:none;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;font-size:18px;cursor:pointer;transition:.3s;padding-left:15px}.visitorEnquiry__addBtn:hover{transform:translateY(-2px)}.visitorEnquiry__tableWrapper{width:100%;overflow-x:auto}.visitorEnquiry__table{width:100%;border-collapse:collapse}.visitorEnquiry__table thead{background:#f7f8ff}.visitorEnquiry__table th{padding:16px;text-align:left;color:#475569;font-size:13px;font-weight:700;white-space:nowrap}.visitorEnquiry__table td{padding:16px;border-top:1px solid #eef1ff}.visitorEnquiry__tableRow{cursor:pointer;transition:.25s}.visitorEnquiry__tableRow:hover{background:#fafbff}.visitorEnquiry__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e5e7ff}.visitorEnquiry__actions{display:flex;gap:10px}.visitorEnquiry__deleteBtn,.visitorEnquiry__printBtn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.visitorEnquiry__deleteBtn{background:#fee2e2;color:#ef4444}.visitorEnquiry__printBtn{background:#ede9fe;color:#5b5cf6}.visitorEnquiry__mobileCards{display:none}.visitorEnquiry__mobileCard{background:#fff;border:1px solid #edf0ff;border-radius:18px;padding:16px;margin-bottom:15px;cursor:pointer}.visitorEnquiry__mobileTop{display:flex;align-items:center;gap:12px}.visitorEnquiry__mobileAvatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.visitorEnquiry__mobileTop h4{margin:0}.visitorEnquiry__mobileTop p{margin-top:4px;color:#64748b}.visitorEnquiry__mobileBody{margin-top:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.visitorEnquiry__mobileBody span{font-size:12px;color:#64748b}.visitorEnquiry__mobileBody p{margin-top:4px;font-weight:600}.visitorEnquiry__pagination{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.visitorEnquiry__pageSize{display:flex;align-items:center;gap:12px}.visitorEnquiry__pageSize select{height:40px;border:1px solid #dbe2ff;border-radius:10px;padding:0 12px}.visitorEnquiry__pageInfo{color:#64748b}.visitorEnquiry__pageBtns{display:flex;gap:10px}.visitorEnquiry__pageBtns button{width:40px;height:40px;border:none;border-radius:10px;background:#f3f4ff;color:#5b5cf6;cursor:pointer;padding-left:10px}@media(max-width:992px){.visitorEnquiry{padding:15px}.visitorEnquiry__card{padding:18px}}@media(max-width:768px){.visitorEnquiry__tableWrapper{display:none}.visitorEnquiry__mobileCards{display:block}.visitorEnquiry__pagination{flex-direction:column;align-items:stretch}.visitorEnquiry__pageSize,.visitorEnquiry__pageBtns{justify-content:center}}@media(max-width:480px){.visitorEnquiry__header{flex-direction:column}.visitorEnquiry__searchBox{width:100%}.visitorEnquiry__addBtn{width:100%;border-radius:14px}.visitorEnquiry__mobileBody{grid-template-columns:1fr}}.visitorEnquiry__modal{position:fixed;inset:0;z-index:9999}.visitorEnquiry__modalOverlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.visitorEnquiry__modalOpening .visitorEnquiry__modalContainer{animation:visitorModalOpen .3s ease forwards}.visitorEnquiry__modalClosing .visitorEnquiry__modalContainer{animation:visitorModalClose .3s ease forwards}@keyframes visitorModalOpen{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes visitorModalClose{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-45%) scale(.96)}}.visitorEnquiry__modalContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:72%;max-width:1050px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000026;z-index:10000}.visitorEnquiry__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #ececec}.visitorEnquiry__modalHeader h2{margin:0;color:#5b5cf6;font-size:22px;font-weight:700}.visitorEnquiry__modalClose{width:44px;height:44px;border:none;border-radius:50%;background:#f4f6ff;color:#5b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.visitorEnquiry__modalClose:hover{background:#5b5cf6;color:#fff}.visitorEnquiry__modalBody{padding:28px}.visitorEnquiry__modalTop{display:flex;gap:24px}.visitorEnquiry__modalLeft{flex:1}.visitorEnquiry__photoSection{width:260px;flex-shrink:0}.visitorEnquiry__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.visitorEnquiry__field{display:flex;flex-direction:column}.visitorEnquiry__field label{margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.visitorEnquiry__field input,.visitorEnquiry__field select,.visitorEnquiry__field textarea{border:1px solid #dbe2ff;border-radius:12px;padding:14px;outline:none;font-size:14px;background:#fafbff;transition:.3s}.visitorEnquiry__field input:focus,.visitorEnquiry__field select:focus,.visitorEnquiry__field textarea:focus{border-color:#5b5cf6;background:#fff}.visitorEnquiry__fieldFull{grid-column:span 2}.visitorEnquiry__photoSection{display:flex;justify-content:center}.visitorEnquiry__photoUploadWrapper{width:100%;text-align:center}.visitorEnquiry__uploadedPhoto{width:180px;height:180px;object-fit:cover;border-radius:18px;border:3px solid #e8ebff;background:#f7f8ff}.visitorEnquiry__uploadBtn{display:inline-flex;margin-top:15px;padding:12px 22px;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff);margin-left:-80px}.visitorEnquiry__studentCard{margin-top:30px;border:1px solid #eceff8;border-radius:18px;overflow:hidden}.visitorEnquiry__studentHeader{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fafbff;font-weight:700;color:#5b5cf6}.visitorEnquiry__studentContent{padding:25px}.visitorEnquiry__radioGroup{display:flex;gap:25px;margin-bottom:25px}.visitorEnquiry__radioGroup label{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.visitorEnquiry__infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visitorEnquiry__modalFooter{padding:22px 30px;border-top:1px solid #ececec;display:flex;justify-content:flex-end;gap:15px}.visitorEnquiry__cancelBtn{border:none;padding:12px 24px;border-radius:12px;cursor:pointer;background:#f1f5f9;font-weight:600}.visitorEnquiry__saveBtn{border:none;padding:12px 28px;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}@media(max-width:1024px){.visitorEnquiry__modalContainer{width:92%}.visitorEnquiry__modalTop{display:flex;flex-direction:column}.visitorEnquiry__photoSection{order:-1;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:25px}.visitorEnquiry__photoUploadWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.visitorEnquiry__uploadedPhoto{width:180px;height:180px}.visitorEnquiry__uploadBtn{width:180px;margin:0}.visitorEnquiry__modalLeft{width:100%}.visitorEnquiry__formGrid,.visitorEnquiry__infoGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.visitorEnquiry__modalContainer{width:96%;max-height:95vh}.visitorEnquiry__modalBody{padding:18px}.visitorEnquiry__formGrid{grid-template-columns:1fr}.visitorEnquiry__fieldFull{grid-column:span 1}.visitorEnquiry__radioGroup{flex-direction:column;gap:12px}.visitorEnquiry__infoGrid{grid-template-columns:1fr}.visitorEnquiry__modalFooter{flex-direction:column}.visitorEnquiry__saveBtn,.visitorEnquiry__cancelBtn{width:100%}}@media(max-width:480px){.visitorEnquiry__modalHeader{padding:18px}.visitorEnquiry__modalHeader h2{font-size:18px}.visitorEnquiry__uploadedPhoto{width:140px;height:140px}}.visitorEnquiryPDF{min-height:100vh;background:#f5f7ff;padding:40px 20px}.visitorEnquiryPDF__topbar{max-width:900px;margin:auto auto 20px;display:flex;justify-content:space-between}.visitorEnquiryPDF__backBtn,.visitorEnquiryPDF__downloadBtn{border:none;padding:12px 22px;border-radius:12px;cursor:pointer;color:#fff;display:flex;gap:8px;align-items:center;background:linear-gradient(135deg,#5b5cf6,#8b4dff)}.visitorEnquiryPDF__paper{width:100%;max-width:900px;margin:auto;background:#fff;border:2px solid #333;padding:20px;box-shadow:0 10px 30px #00000026}.visitorEnquiryPDF__header{display:flex;gap:20px;align-items:center;border-bottom:2px solid #000;padding-bottom:10px}.visitorEnquiryPDF__logo{width:90px}.visitorEnquiryPDF__school{flex:1;text-align:center}.visitorEnquiryPDF__school h1{color:#5b5cf6;margin:0;font-size:38px}.visitorEnquiryPDF__school h3{margin:6px 0}.visitorEnquiryPDF__school p{margin:2px}.visitorEnquiryPDF__titleRow{margin-top:15px;display:flex;justify-content:space-between;align-items:center}.visitorEnquiryPDF__titleRow h2{text-decoration:underline}.visitorEnquiryPDF__content{margin-top:20px;display:flex;justify-content:space-between;gap:25px}.visitorEnquiryPDF__left{flex:1}.visitorEnquiryPDF__field{display:flex;gap:10px;border-bottom:1px dashed #000;padding:10px 0}.visitorEnquiryPDF__photo img{width:120px;height:120px;object-fit:cover}.visitorEnquiryPDF__footer{margin-top:80px;display:flex;justify-content:space-between}.visitorEnquiryPDF__signLine{width:150px;border-top:1px solid #000;margin-bottom:5px}.visitorEnquiryPDF__noData{padding:100px;text-align:center}@media(max-width:768px){.visitorEnquiryPDF__header{flex-direction:column;text-align:center}.visitorEnquiryPDF__content{flex-direction:column;align-items:center}.visitorEnquiryPDF__titleRow{flex-direction:column;gap:10px}.visitorEnquiryPDF__school h1{font-size:28px}}@media(max-width:480px){.visitorEnquiryPDF{padding:15px}.visitorEnquiryPDF__topbar{flex-direction:column;gap:12px}.visitorEnquiryPDF__backBtn,.visitorEnquiryPDF__downloadBtn{width:100%;justify-content:center}.visitorEnquiryPDF__school h1{font-size:22px}.visitorEnquiryPDF__footer{flex-direction:column;gap:40px}}.student-popup-container{width:100%;min-height:100vh;background:#f5f7fb;padding:20px;box-sizing:border-box;font-family:Poppins,sans-serif}.spf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.spf-search-box{width:500px;max-width:100%;height:52px;background:#fff;border-radius:40px;display:flex;align-items:center;padding:0 18px;box-shadow:0 4px 15px #00000014}.spf-search-box svg{font-size:18px;color:#666}.spf-search-box input{flex:1;border:none;outline:none;padding-left:12px;font-size:15px;background:transparent}.spf-add-btn{width:60px;height:60px;border:none;border-radius:50%;background:#4f46e5;color:#fff;cursor:pointer;font-size:22px;box-shadow:0 10px 25px #4f46e559;transition:.3s;padding-left:17px}.spf-add-btn:hover{transform:translateY(-3px)}.spf-table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #00000014}.spf-table{width:100%;border-collapse:collapse}.spf-table thead{background:#f8f9fd}.spf-table th{padding:22px;text-align:left;font-size:16px;font-weight:700;color:#1e293b;border-bottom:1px solid #e5e7eb}.spf-table td{padding:22px;border-bottom:1px solid #ececec;font-size:15px}.spf-table tr:hover{background:#fafafa}.spf-table-img{width:190px;height:100px;object-fit:cover;border-radius:12px}.spf-action-btns{display:flex;gap:10px}.spf-edit-btn{width:42px;height:42px;border:none;border-radius:10px;background:#4f46e5;color:#fff;cursor:pointer;transition:.3s;padding-left:14px}.spf-edit-btn:hover{transform:scale(1.08)}.spf-delete-btn{width:42px;height:42px;border:none;border-radius:10px;background:#ef4444;color:#fff;cursor:pointer;transition:.3s;padding-left:14px}.spf-delete-btn:hover{transform:scale(1.08)}.spf-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999;padding:15px}.spf-modal{width:850px;max-width:100%;background:#fff;border-radius:20px;overflow:hidden;animation:popup .25s ease}@keyframes popup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid #ececec}.spf-modal-header h2{margin:0;font-size:28px;color:#111827}.spf-modal-header button{width:50px;height:50px;border:none;background:#f1f5f9;border-radius:50%;cursor:pointer;font-size:18px}.spf-modal-body{display:flex;gap:20px;padding:25px}.spf-left{width:50%}.spf-right{width:50%;display:flex;flex-direction:column;gap:15px}.spf-preview{width:100%;height:220px;border-radius:15px;overflow:hidden;background:#eef2ff}.spf-preview img{width:100%;height:100%;object-fit:cover}.spf-placeholder{height:100%;display:flex;justify-content:center;align-items:center;color:#64748b;font-size:16px}.spf-browse{margin-top:12px;width:100%;height:52px;background:#ef4444;border-radius:10px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:600;font-size:16px}.spf-input{width:100%}.spf-input input{width:100%;height:56px;border:1px solid #d1d5db;border-radius:12px;outline:none;padding:0 16px;font-size:15px;box-sizing:border-box}.spf-input input:focus{border-color:#4f46e5}.spf-description{padding:0 25px 20px}.spf-description textarea{width:100%;height:120px;border-radius:12px;border:1px solid #d1d5db;resize:none;outline:none;padding:15px;font-size:15px;box-sizing:border-box}.spf-description textarea:focus{border-color:#4f46e5}.spf-footer{display:flex;justify-content:flex-end;gap:15px;padding:20px 25px 25px}.spf-cancel{min-width:120px;height:48px;border-radius:10px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:15px;font-weight:600}.spf-save{min-width:140px;height:48px;border-radius:10px;border:none;background:#4f46e5;color:#fff;cursor:pointer;font-size:15px;font-weight:600}@media(max-width:992px){.spf-modal-body{flex-direction:column}.spf-left,.spf-right{width:100%}.spf-preview{height:250px}}@media(max-width:768px){.student-popup-container{padding:12px}.spf-header{flex-direction:column;gap:15px}.spf-search-box{width:100%}.spf-add-btn{width:55px;height:55px}.spf-table{min-width:700px}.spf-table-card{overflow-x:auto}.spf-modal{border-radius:15px}.spf-modal-header h2{font-size:22px}.spf-preview{height:220px}.spf-footer{flex-direction:column}.spf-save,.spf-cancel{width:100%}}@media(max-width:480px){.spf-modal-header,.spf-modal-body{padding:15px}.spf-description{padding:0 15px 15px}.spf-footer{padding:15px}.spf-preview{height:180px}.spf-input input{height:50px}.spf-description textarea{height:100px}}.staffgatepass{width:100%;min-height:100vh;padding:20px;background:#f5f7fb;box-sizing:border-box;font-family:Poppins,sans-serif}.staffgatepass__topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.staffgatepass__search{width:350px;height:45px;background:#fff;border:1px solid #dbe2ea;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 15px}.staffgatepass__search svg{color:#7b8794}.staffgatepass__search input{border:none;outline:none;width:100%;font-size:14px;background:transparent}.staffgatepass__addbtn{width:45px;height:45px;border:none;border-radius:12px;background:#2563eb;color:#fff;cursor:pointer;font-size:16px;transition:.3s;padding-left:14px}.staffgatepass__addbtn:hover{transform:scale(1.05)}.staffgatepass__tablewrapper{width:100%;background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 3px 12px #0000000f}.staffgatepass__table{width:100%;border-collapse:collapse}.staffgatepass__table thead{background:#2563eb}.staffgatepass__table th{color:#fff;font-size:13px;font-weight:600;padding:15px;text-align:center}.staffgatepass__table td{padding:14px;text-align:center;border-bottom:1px solid #eef2f7;font-size:14px}.staffgatepass__table tbody tr:hover{background:#f8fafc}.staffgatepass__photo{width:45px;height:45px;border-radius:50%}.staffgatepass__actions{display:flex;justify-content:center;gap:8px}.staffgatepass__edit,.staffgatepass__delete,.staffgatepass__print{border:none;border-radius:8px;cursor:pointer;color:#fff;padding:8px 12px;font-size:13px}.staffgatepass__edit{background:#0ea5e9}.staffgatepass__delete{background:#ef4444}.staffgatepass__print{background:#22c55e}.staffgatepass__pagination{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.staffgatepass__pageleft{display:flex;align-items:center;gap:10px;font-size:14px}.staffgatepass__pageleft select{border:1px solid #dbe2ea;border-radius:8px;height:35px;padding:0 10px}.staffgatepass__pageright{display:flex;align-items:center;gap:12px}.staffgatepass__pageright button{width:35px;height:35px;border:none;background:#2563eb;color:#fff;border-radius:8px;cursor:pointer}.staffgatepass__overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.staffgatepass__modal{width:700px;max-width:95%;background:#fff;border-radius:20px;overflow:hidden;animation:popup .25s ease}@keyframes popup{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.staffgatepass__modal-header{background:#2563eb;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.staffgatepass__modal-title{margin:0;font-size:20px;font-weight:600}.staffgatepass__modal-close{border:none;background:transparent;color:#fff;cursor:pointer;font-size:20px}.staffgatepass__modal-body{padding:25px}.staffgatepass__staff-search-section{position:relative;height:48px;border:1px solid #dbe2ea;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 15px;margin-bottom:20px}.staffgatepass__staff-search-wrap{position:relative}.staffgatepass__staff-search-input{width:100%;border:none;outline:none;background:transparent}.staffgatepass__suggestions{position:absolute;left:0;right:0;top:54px;z-index:20;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #0f172a24}.staffgatepass__suggestion{width:100%;border:none;background:#fff;display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;text-align:left}.staffgatepass__suggestion:hover{background:#f8fafc}.staffgatepass__suggestion img{width:38px;height:38px;border-radius:50%;object-fit:cover}.staffgatepass__suggestion span{display:flex;flex-direction:column;gap:3px}.staffgatepass__suggestion strong{color:#111827;font-size:14px}.staffgatepass__suggestion small{color:#64748b;font-size:12px}.staffgatepass__staff-profile-card{display:flex;align-items:center;gap:20px;background:#f8fafc;border-radius:14px;padding:15px;margin-bottom:20px}.staffgatepass__staff-avatar{width:85px;height:85px;border-radius:50%;object-fit:cover}.staffgatepass__staff-information{display:flex;flex-direction:column;gap:8px}.staffgatepass__staff-information p{margin:0;font-size:14px}.staffgatepass__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.staffgatepass__field-group{display:flex;flex-direction:column}.staffgatepass__field-group--full{grid-column:1 / -1}.staffgatepass__field-label{margin-bottom:8px;font-size:14px;font-weight:600}.staffgatepass__field-input{height:45px;border:1px solid #dbe2ea;border-radius:10px;padding:0 12px;outline:none}.staffgatepass__remark-section{margin-top:20px}.staffgatepass__remark-input{width:100%;border:1px solid #dbe2ea;border-radius:10px;padding:12px;resize:none;margin-top:8px;outline:none}.staffgatepass__footer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.staffgatepass__print-dropdown{height:42px;padding:0 18px;border-radius:10px;background:#eef2f7;display:flex;align-items:center;gap:8px;cursor:pointer}.staffgatepass__cancel-button,.staffgatepass__save-button{border:none;height:42px;padding:0 22px;border-radius:10px;cursor:pointer;color:#fff;font-weight:500}.staffgatepass__cancel-button{background:#ef4444}.staffgatepass__save-button{background:#2563eb}@media(max-width:768px){.staffgatepass__topbar{flex-direction:column;gap:15px}.staffgatepass__search{width:100%}.staffgatepass__form-grid{grid-template-columns:1fr}.staffgatepass__footer-actions{flex-direction:column}.staffgatepass__print-dropdown,.staffgatepass__cancel-button,.staffgatepass__save-button{width:100%;justify-content:center}.staffgatepass__staff-profile-card{flex-direction:column;text-align:center}.staffgatepass__pagination{flex-direction:column;gap:15px}}.staffgatepass__print-wrapper{position:relative}.staffgatepass__print-menu{position:absolute;bottom:50px;left:0;width:150px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #00000026;z-index:100}.staffgatepass__print-menu button{width:100%;border:none;background:#fff;padding:12px;cursor:pointer;text-align:left}.staffgatepass__print-menu button:hover{background:#f3f4f6}.staffgatepass__table thead tr{background:#2563eb}.staffgatepass__table th{background:#2563eb;color:#fff;font-size:15px;font-weight:600;text-transform:uppercase;padding:18px 16px;border:none}.staffgatepass__table thead th:first-child{border-top-left-radius:12px}.staffgatepass__table thead th:last-child{border-top-right-radius:12px}.staffGatePassPDF{min-height:100vh;padding:30px;background:linear-gradient(135deg,#f4f7ff,#eef2ff)}.staffGatePassPDF__topbarSection{max-width:1100px;margin:0 auto 25px}.staffGatePassPDF__topbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.staffGatePassPDF__backBtn,.staffGatePassPDF__downloadBtn{border:none;outline:none;height:52px;padding:0 24px;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:all .3s ease}.staffGatePassPDF__backBtn{background:#fff;color:#1e293b;box-shadow:0 4px 14px #00000014}.staffGatePassPDF__downloadBtn{color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 12px 30px #5b5cf640}.staffGatePassPDF__backBtn:hover,.staffGatePassPDF__downloadBtn:hover{transform:translateY(-2px)}.staffGatePassPDF__document{width:794px;min-height:1123px;margin:auto;background:#fff;border-radius:26px;padding:35px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001f}.staffGatePassPDF__document:before{content:"LEARNING STEP SCHOOL";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:70px;font-weight:800;color:#5b5cf60d;white-space:nowrap;pointer-events:none}.staffGatePassPDF__headerSection{margin-bottom:25px}.staffGatePassPDF__header{display:flex;align-items:center;gap:20px;border-bottom:4px solid #5b5cf6;padding-bottom:20px}.staffGatePassPDF__logoSection{width:100px;height:100px;flex-shrink:0}.staffGatePassPDF__logoImage{width:100%;height:100%;object-fit:contain}.staffGatePassPDF__schoolSection{flex:1;text-align:center}.staffGatePassPDF__schoolTitle{margin:0;font-size:34px;font-weight:800;color:#5b5cf6}.staffGatePassPDF__schoolSubtitle{margin:6px 0;color:#1f2937;font-size:18px;font-weight:600}.staffGatePassPDF__schoolText{margin:3px 0;font-size:14px;color:#64748b}.staffGatePassPDF__titleSection{margin-bottom:20px}.staffGatePassPDF__heading{text-align:center;font-size:30px;font-weight:800;color:#5b5cf6;letter-spacing:1px}.staffGatePassPDF__dateSection{margin-bottom:25px}.staffGatePassPDF__date{text-align:right;font-size:15px;font-weight:600;color:#334155}.staffGatePassPDF__content{display:flex;gap:24px}.staffGatePassPDF__detailsSection{flex:1}.staffGatePassPDF__detailsCard{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.staffGatePassPDF__field{background:#fafbff;border:1px solid #e7ebff;border-radius:16px;padding:14px 16px}.staffGatePassPDF__field--full{grid-column:span 2}.staffGatePassPDF__fieldLabel{display:block;margin-bottom:6px;font-size:13px;color:#64748b}.staffGatePassPDF__fieldValue{font-size:15px;font-weight:600;color:#111827;word-break:break-word}.staffGatePassPDF__photoSection{width:190px;flex-shrink:0}.staffGatePassPDF__photoCard{background:#fafbff;border:1px solid #e7ebff;border-radius:18px;padding:15px}.staffGatePassPDF__photoTitle{text-align:center;margin-bottom:12px;font-weight:700;color:#5b5cf6}.staffGatePassPDF__photoImage{width:100%;height:220px;object-fit:cover;border-radius:12px}.staffGatePassPDF__noteSection{margin-top:35px}.staffGatePassPDF__note{background:#f8f9ff;border:1px solid #e7ebff;border-radius:16px;padding:18px;color:#475569;line-height:1.8}.staffGatePassPDF__signatureSection{margin-top:110px}.staffGatePassPDF__signatureArea{display:flex;justify-content:space-between;align-items:center;gap:20px}.staffGatePassPDF__signatureBox{min-width:220px;text-align:center}.staffGatePassPDF__signatureLine{border-top:2px solid #5b5cf6;margin-bottom:10px}.staffGatePassPDF__signatureText{font-size:14px;font-weight:600;color:#334155}.staffGatePassPDF__nodata{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#64748b}@media(max-width:1024px){.staffGatePassPDF{padding:20px}.staffGatePassPDF__document{width:100%;min-height:auto}}@media(max-width:768px){.staffGatePassPDF__topbar{flex-direction:column}.staffGatePassPDF__backBtn,.staffGatePassPDF__downloadBtn{width:100%;justify-content:center}.staffGatePassPDF__document{padding:20px;border-radius:18px}.staffGatePassPDF__header{flex-direction:column;text-align:center}.staffGatePassPDF__logoSection{width:80px;height:80px}.staffGatePassPDF__schoolTitle{font-size:26px}.staffGatePassPDF__schoolSubtitle{font-size:15px}.staffGatePassPDF__content{flex-direction:column}.staffGatePassPDF__photoSection{width:100%}.staffGatePassPDF__detailsCard{grid-template-columns:1fr}.staffGatePassPDF__field--full{grid-column:span 1}.staffGatePassPDF__signatureArea{flex-direction:column;gap:50px}}@media(max-width:480px){.staffGatePassPDF{padding:10px}.staffGatePassPDF__document{padding:15px}.staffGatePassPDF__heading{font-size:24px}.staffGatePassPDF__schoolTitle{font-size:22px}.staffGatePassPDF__schoolSubtitle{font-size:14px}.staffGatePassPDF__schoolText{font-size:12px}.staffGatePassPDF__photoImage{height:180px}.staffGatePassPDF__document:before{font-size:40px}}.PreAdmission{width:100%;min-height:100vh;padding:24px;background:#f5f7ff}.PreAdmission__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #5b5cf614}.PreAdmission__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.PreAdmission__searchBox{flex:1;height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #e4e8ff;border-radius:14px;background:#fafbff}.PreAdmission__searchBox svg{color:#5b5cf6;font-size:18px}.PreAdmission__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:15px}.PreAdmission__addBtn{width:54px;height:54px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;font-size:20px;transition:.3s;padding-left:16px}.PreAdmission__addBtn:hover{transform:translateY(-2px)}.PreAdmission__modalOpening .PreAdmission__modalContainer{animation:preAdmissionOpen .3s ease forwards}.PreAdmission__modalClosing .PreAdmission__modalContainer{animation:preAdmissionClose .3s ease forwards}@keyframes preAdmissionOpen{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes preAdmissionClose{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-45%) scale(.95)}}.PreAdmission__tableWrapper{width:100%;overflow-x:auto}.PreAdmission__table{width:100%;border-collapse:collapse}.PreAdmission__table thead{background:#f7f8ff}.PreAdmission__table th{padding:18px;text-align:left;font-size:13px;font-weight:700;color:#475569;white-space:nowrap}.PreAdmission__table td{padding:18px;border-top:1px solid #eef1ff}.PreAdmission__tableRow{cursor:pointer;transition:.25s}.PreAdmission__tableRow:hover{background:#fafbff}.PreAdmission__avatar{width:50px;height:50px;object-fit:cover;border-radius:50%;border:2px solid #e5e7ff}.PreAdmission__actions{display:flex;gap:10px}.PreAdmission__deleteBtn,.PreAdmission__printBtn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.PreAdmission__deleteBtn{background:#fee2e2;color:#ef4444}.PreAdmission__printBtn{background:#ede9fe;color:#5b5cf6}.PreAdmission__mobileCards{display:none}.PreAdmission__mobileCard{background:#fff;border:1px solid #edf0ff;border-radius:18px;padding:16px;margin-bottom:15px;cursor:pointer}.PreAdmission__mobileTop{display:flex;align-items:center;gap:12px}.PreAdmission__mobileAvatar{width:65px;height:65px;border-radius:50%;object-fit:cover}.PreAdmission__mobileTop h4{margin:0;font-size:16px}.PreAdmission__mobileTop p{margin-top:5px;color:#64748b;font-size:14px}.PreAdmission__modalHeader h2{margin:0;color:#5b5cf6;font-size:22px;font-weight:700}.PreAdmission__closeBtn{width:46px;height:46px;border:none;border-radius:50%;cursor:pointer;background:#f3f4ff;color:#5b5cf6;font-size:28px}.PreAdmission__modalBody{padding:28px;display:grid;grid-template-columns:220px 1fr;gap:30px}.PreAdmission__photoSection{display:flex;flex-direction:column;align-items:center;gap:15px}.PreAdmission__photo{width:180px;height:180px;object-fit:cover;border-radius:20px;border:2px solid #e6e9ff}.PreAdmission__field input,.PreAdmission__field select,.PreAdmission__field textarea{border:1px solid #dbe2ff;border-radius:12px;padding:14px;font-size:14px;outline:none;background:#fafbff}.PreAdmission__saveBtn{border:none;padding:12px 28px;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff)}@media(max-width:992px){.PreAdmission{padding:16px}.PreAdmission__modalContainer{width:92%}.PreAdmission__modalBody{grid-template-columns:1fr}.PreAdmission__photoSection{order:-1}.PreAdmission__formGrid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.PreAdmission__tableWrapper{display:none}.PreAdmission__mobileCards{display:block}.PreAdmission__modalContainer{width:96%;max-height:95vh}.PreAdmission__modalBody{padding:18px}.PreAdmission__formGrid{grid-template-columns:1fr}.PreAdmission__fieldFull{grid-column:span 1}.PreAdmission__modalFooter{flex-direction:column}.PreAdmission__saveBtn,.PreAdmission__cancelBtn{width:100%}.PreAdmission__photo{width:140px;height:140px}.PreAdmission__uploadBtn{width:140px}}@media(max-width:480px){.PreAdmission__header{flex-direction:column}.PreAdmission__searchBox,.PreAdmission__addBtn{width:100%}.PreAdmission__modalHeader{padding:18px}.PreAdmission__modalHeader h2{font-size:18px}}.swal2-popup{border-radius:18px!important}.PreAdmission__modal{position:fixed;inset:0;z-index:9999}.PreAdmission__overlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.PreAdmission__modalContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;max-width:1100px;max-height:90vh;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:24px;box-shadow:0 25px 70px #0000002e;z-index:10000}.PreAdmission__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #ececec}.PreAdmission__modalHeader h2{margin:0;color:#5b5cf6;font-size:24px;font-weight:700}.PreAdmission__closeBtn{width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;background:#f3f4ff;color:#5b5cf6;font-size:28px;transition:.3s}.PreAdmission__closeBtn:hover{background:#5b5cf6;color:#fff}.PreAdmission__modalBody{padding:28px;display:grid;grid-template-columns:220px 1fr;gap:28px}.PreAdmission__photoSection{display:flex;flex-direction:column;align-items:center;gap:16px}.PreAdmission__photo{width:180px;height:180px;object-fit:cover;border-radius:20px;border:3px solid #e8ebff;background:#f7f8ff}.PreAdmission__uploadBtn{width:180px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff)}.PreAdmission__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.PreAdmission__field{display:flex;flex-direction:column}.PreAdmission__field label{margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.PreAdmission__field input,.PreAdmission__field select,.PreAdmission__field textarea{width:100%;border:1px solid #dbe2ff;border-radius:12px;padding:14px;outline:none;font-size:14px;background:#fafbff;transition:.3s}.PreAdmission__field input:focus,.PreAdmission__field select:focus,.PreAdmission__field textarea:focus{border-color:#5b5cf6;background:#fff}.PreAdmission__field textarea{resize:vertical}.PreAdmission__fieldFull{grid-column:span 2}.PreAdmission__modalFooter{padding:22px 30px;border-top:1px solid #ececec;display:flex;justify-content:flex-end;gap:15px}.PreAdmission__cancelBtn{border:none;padding:12px 24px;border-radius:12px;cursor:pointer;background:#f1f5f9;font-weight:600}.PreAdmission__saveBtn{border:none;padding:12px 30px;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}@media(max-width:992px){.PreAdmission__modalContainer{width:92%}.PreAdmission__modalBody{grid-template-columns:1fr}.PreAdmission__photoSection{order:-1}.PreAdmission__formGrid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.PreAdmission__modalContainer{width:96%;max-height:95vh}.PreAdmission__modalBody{padding:18px}.PreAdmission__photoSection{order:-1}.PreAdmission__formGrid{grid-template-columns:1fr}.PreAdmission__fieldFull{grid-column:span 1}.PreAdmission__modalFooter{flex-direction:column}.PreAdmission__saveBtn,.PreAdmission__cancelBtn{width:100%}.PreAdmission__photo{width:140px;height:140px}.PreAdmission__uploadBtn{width:140px}}@media(max-width:480px){.PreAdmission__modalHeader{padding:18px}.PreAdmission__modalHeader h2{font-size:18px}.PreAdmission__photo{width:120px;height:120px}.PreAdmission__uploadBtn{width:120px;height:40px;font-size:13px}}.PreAdmission__pagination{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.PreAdmission__pageSize{display:flex;align-items:center;gap:12px}.PreAdmission__pageSize select{height:40px;border:1px solid #dbe2ff;border-radius:10px;padding:0 12px}.PreAdmission__pageInfo{color:#64748b;font-weight:500}.PreAdmission__pageBtns{display:flex;gap:10px}.PreAdmission__pageBtns button{width:40px;height:40px;border:none;border-radius:10px;background:#f3f4ff;color:#5b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center}.PreAdmission__pageBtns button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.PreAdmission__pagination{flex-direction:column;align-items:stretch}.PreAdmission__pageSize,.PreAdmission__pageBtns{justify-content:center}}.PreAdmissionPDF{min-height:100vh;background:#eef2ff;padding:20px}.PreAdmissionPDF__topBar{max-width:1100px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.PreAdmissionPDF__backBtn,.PreAdmissionPDF__downloadBtn{border:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:14px;color:#fff;font-size:15px;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640;transition:.3s}.PreAdmissionPDF__backBtn:hover,.PreAdmissionPDF__downloadBtn:hover{transform:translateY(-2px)}.PreAdmissionPDF__page{width:100%;max-width:1100px;margin:auto;background:#fff;border:2px solid #2f2f2f;padding:24px;box-sizing:border-box}.PreAdmissionPDF__header{display:flex;align-items:center;gap:25px}.PreAdmissionPDF__logoWrap{flex-shrink:0}.PreAdmissionPDF__logo{width:120px;height:auto;object-fit:contain}.PreAdmissionPDF__schoolInfo{flex:1;text-align:center}.PreAdmissionPDF__schoolInfo h1{margin:0;color:#5b5cf6;font-size:54px;font-weight:300;letter-spacing:1px}.PreAdmissionPDF__schoolInfo p{margin:6px 0;font-size:17px;color:#222}.PreAdmissionPDF__divider{height:2px;background:#222;margin:20px 0}.PreAdmissionPDF__titleRow{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:30px;min-height:50px}.PreAdmissionPDF__title{margin:0;font-size:34px;font-weight:600;text-decoration:underline;text-align:center;color:#111}.PreAdmissionPDF__date{position:absolute;right:0;font-size:22px;font-weight:600;color:#111}.PreAdmissionPDF__titleRow h2{margin:0;font-size:34px;color:#111;text-decoration:underline}.PreAdmissionPDF__titleRow span{font-size:22px;font-weight:600}.PreAdmissionPDF__content{display:flex;justify-content:space-between;gap:30px}.PreAdmissionPDF__details{flex:1}.PreAdmissionPDF__photoBox{width:170px;flex-shrink:0}.PreAdmissionPDF__photoBox img{width:100%;height:190px;object-fit:cover;border:2px solid #dbe2ff}.PreAdmissionPDF__row{margin-bottom:15px;display:flex;align-items:center;gap:12px;border-bottom:1px dashed #333;padding-bottom:8px}.PreAdmissionPDF__row span{font-weight:700;min-width:170px}.PreAdmissionPDF__row p{margin:0}.PreAdmissionPDF__doubleRow{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:15px}.PreAdmissionPDF__doubleRow div{display:flex;gap:10px;border-bottom:1px dashed #333;padding-bottom:8px}.PreAdmissionPDF__doubleRow span{font-weight:700}.PreAdmissionPDF__doubleRow p{margin:0}.PreAdmissionPDF__footer{margin-top:80px;display:flex;justify-content:space-between}.PreAdmissionPDF__signLine{width:180px;border-top:2px solid #111;margin-bottom:8px}.PreAdmissionPDF__footer span{font-weight:600}@media(max-width:1200px){.PreAdmissionPDF__schoolInfo h1{font-size:42px}.PreAdmissionPDF__titleRow h2{font-size:28px}}@media(max-width:992px){.PreAdmissionPDF{padding:15px}.PreAdmissionPDF__page{padding:18px}.PreAdmissionPDF__schoolInfo h1{font-size:34px}.PreAdmissionPDF__content{flex-direction:column}.PreAdmissionPDF__photoBox{width:180px;margin:auto}.PreAdmissionPDF__titleRow h2{font-size:24px}}@media(max-width:768px){.PreAdmissionPDF__topBar{flex-direction:column}.PreAdmissionPDF__backBtn,.PreAdmissionPDF__downloadBtn{width:100%;justify-content:center}.PreAdmissionPDF__header{flex-direction:column;text-align:center}.PreAdmissionPDF__logo{width:90px}.PreAdmissionPDF__schoolInfo h1{font-size:26px}.PreAdmissionPDF__schoolInfo p{font-size:14px}.PreAdmissionPDF__titleRow{flex-direction:column;gap:10px;text-align:center}.PreAdmissionPDF__titleRow h2{font-size:22px}.PreAdmissionPDF__titleRow span{font-size:16px}.PreAdmissionPDF__doubleRow{grid-template-columns:1fr;gap:12px}.PreAdmissionPDF__row{flex-direction:column;align-items:flex-start}.PreAdmissionPDF__row span{min-width:auto}.PreAdmissionPDF__footer{margin-top:50px}}@media(max-width:480px){.PreAdmissionPDF__page{padding:12px}.PreAdmissionPDF__schoolInfo h1{font-size:20px}.PreAdmissionPDF__schoolInfo p{font-size:12px}.PreAdmissionPDF__titleRow h2{font-size:18px}.PreAdmissionPDF__photoBox{width:130px}.PreAdmissionPDF__photoBox img{height:150px}.PreAdmissionPDF__row,.PreAdmissionPDF__doubleRow div{font-size:13px}.PreAdmissionPDF__footer{flex-direction:column;gap:30px}}@media(max-width:768px){.PreAdmissionPDF__titleRow{flex-direction:column;gap:10px}.PreAdmissionPDF__date{position:static;font-size:16px}.PreAdmissionPDF__title{font-size:24px}}.StaffVisitMeeting{width:100%;min-height:100vh;padding:24px;background:#f5f7ff}.StaffVisitMeeting__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #5b5cf614}.StaffVisitMeeting__header{display:flex;align-items:center;gap:14px;margin-bottom:25px}.StaffVisitMeeting__searchBox{flex:1;display:flex;align-items:center;gap:12px;height:54px;border:1px solid #e5e7ff;border-radius:14px;padding:0 18px;background:#fafbff}.StaffVisitMeeting__searchBox svg{color:#5b5cf6}.StaffVisitMeeting__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:15px}.StaffVisitMeeting__filterWrapper{position:relative}.StaffVisitMeeting__filterBtn,.StaffVisitMeeting__addBtn{width:54px;height:54px;border:none;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:.3s}.StaffVisitMeeting__filterBtn:hover,.StaffVisitMeeting__addBtn:hover{transform:translateY(-2px)}.StaffVisitMeeting__columnMenu{position:absolute;top:65px;right:0;width:220px;background:#fff;border-radius:14px;box-shadow:0 15px 40px #0000001f;padding:15px;z-index:100}.StaffVisitMeeting__columnMenu label{display:flex;gap:10px;margin-bottom:12px;cursor:pointer}.StaffVisitMeeting__tableWrapper{overflow-x:auto}.StaffVisitMeeting__table{width:100%;border-collapse:collapse}.StaffVisitMeeting__table thead{background:#f7f8ff}.StaffVisitMeeting__table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#475569}.StaffVisitMeeting__table td{padding:16px;border-top:1px solid #edf1ff}.StaffVisitMeeting__tableRow{cursor:pointer;transition:.3s}.StaffVisitMeeting__tableRow:hover{background:#fafbff}.StaffVisitMeeting__deleteBtn{width:40px;height:40px;border:none;border-radius:10px;background:#fee2e2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center}.StaffVisitMeeting__mobileCards{display:none}.StaffVisitMeeting__mobileCard{background:#fff;border:1px solid #edf1ff;border-radius:18px;padding:16px;margin-bottom:15px}.StaffVisitMeeting__mobileRow{margin-bottom:12px}.StaffVisitMeeting__mobileRow span{color:#64748b;font-size:13px}.StaffVisitMeeting__mobileRow p{margin-top:4px;font-weight:600}.StaffVisitMeeting__pagination{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.StaffVisitMeeting__pageSize{display:flex;align-items:center;gap:10px}.StaffVisitMeeting__pageSize select{height:40px;border:1px solid #dbe2ff;border-radius:10px;padding:0 10px}.StaffVisitMeeting__pageInfo{color:#64748b}.StaffVisitMeeting__pageBtns{display:flex;gap:10px}.StaffVisitMeeting__pageBtns button{width:40px;height:40px;border:none;border-radius:10px;background:#f3f4ff;color:#5b5cf6;cursor:pointer;padding-left:10px}.StaffVisitMeeting__pageBtns button:disabled{opacity:.4;cursor:not-allowed}.StaffVisitMeeting__modal{position:fixed;inset:0;z-index:9999}.StaffVisitMeeting__overlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.StaffVisitMeeting__modalContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:850px;background:#fff;border-radius:24px;overflow:hidden;animation:StaffVisitMeetingModal .3s ease}@keyframes StaffVisitMeetingModal{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.StaffVisitMeeting__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #eceff8}.StaffVisitMeeting__modalHeader h2{margin:0;color:#5b5cf6;font-size:24px}.StaffVisitMeeting__closeBtn{width:42px;height:42px;border:none;border-radius:50%;background:#f3f4ff;color:#5b5cf6;cursor:pointer;font-size:22px}.StaffVisitMeeting__modalBody{padding:28px}.StaffVisitMeeting__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.StaffVisitMeeting__field{display:flex;flex-direction:column}.StaffVisitMeeting__field label{margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.StaffVisitMeeting__field input,.StaffVisitMeeting__field select,.StaffVisitMeeting__field textarea{border:1px solid #dbe2ff;border-radius:12px;padding:14px;background:#fafbff;outline:none}.StaffVisitMeeting__field textarea{resize:none}.StaffVisitMeeting__fieldFull{grid-column:span 2}.StaffVisitMeeting__modalFooter{display:flex;justify-content:flex-end;gap:14px;padding:20px 28px;border-top:1px solid #eceff8}.StaffVisitMeeting__cancelBtn{border:none;padding:12px 24px;border-radius:12px;cursor:pointer;background:#f1f5f9}.StaffVisitMeeting__saveBtn{border:none;padding:12px 28px;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}@media(max-width:992px){.StaffVisitMeeting{padding:16px}.StaffVisitMeeting__formGrid{grid-template-columns:1fr}.StaffVisitMeeting__fieldFull{grid-column:span 1}}@media(max-width:768px){.StaffVisitMeeting__tableWrapper{display:none}.StaffVisitMeeting__mobileCards{display:block}.StaffVisitMeeting__header{flex-wrap:wrap}.StaffVisitMeeting__searchBox{width:100%}.StaffVisitMeeting__pagination{flex-direction:column}.StaffVisitMeeting__modalContainer{width:95%;max-height:90vh;overflow-y:auto}.StaffVisitMeeting__modalFooter{flex-direction:column}.StaffVisitMeeting__saveBtn,.StaffVisitMeeting__cancelBtn{width:100%}}@media(max-width:480px){.StaffVisitMeeting__card{padding:16px}.StaffVisitMeeting__modalHeader h2{font-size:18px}.StaffVisitMeeting__searchBox{height:48px}.StaffVisitMeeting__addBtn,.StaffVisitMeeting__filterBtn{width:48px;height:48px}}.AdminComplaint{width:100%;min-height:100vh;padding:24px;background:#f5f7ff}.AdminComplaint__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #5b5cf614}.AdminComplaint__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.AdminComplaint__searchBox{flex:1;height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:14px;border:1px solid #e5e7ff;background:#fafbff}.AdminComplaint__searchBox svg{color:#5b5cf6}.AdminComplaint__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:15px}.AdminComplaint__addBtn{width:54px;height:54px;border:none;border-radius:14px;cursor:pointer;color:#fff;font-size:18px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);transition:.3s;padding-left:16px}.AdminComplaint__addBtn:hover{transform:translateY(-2px)}.AdminComplaint__tableWrapper{width:100%;overflow-x:auto}.AdminComplaint__table{width:100%;border-collapse:collapse}.AdminComplaint__table thead{background:#f7f8ff}.AdminComplaint__table th{padding:16px;text-align:left;font-size:13px;color:#475569;font-weight:700;white-space:nowrap}.AdminComplaint__table td{padding:16px;border-top:1px solid #eef1ff}.AdminComplaint__tableRow{cursor:pointer;transition:.25s}.AdminComplaint__tableRow:hover{background:#fafbff}.AdminComplaint__deleteBtn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;background:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center}.AdminComplaint__mobileCards{display:none}.AdminComplaint__mobileCard{background:#fff;border:1px solid #edf0ff;border-radius:18px;padding:16px;margin-bottom:15px;cursor:pointer}.AdminComplaint__mobileRow{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.AdminComplaint__mobileRow span{font-size:13px;color:#64748b;font-weight:600}.AdminComplaint__mobileRow p{margin:0;text-align:right;font-weight:600;color:#1e293b}.AdminComplaint__pagination{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.AdminComplaint__pageSize{display:flex;align-items:center;gap:12px}.AdminComplaint__pageSize select{height:40px;padding:0 12px;border-radius:10px;border:1px solid #dbe2ff}.AdminComplaint__pageInfo{color:#64748b}.AdminComplaint__pageBtns{display:flex;gap:10px}.AdminComplaint__pageBtns button{width:40px;height:40px;border:none;cursor:pointer;border-radius:10px;background:#f3f4ff;color:#5b5cf6;padding-left:10px}.AdminComplaint__modal{position:fixed;inset:0;z-index:9999}.AdminComplaint__overlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.AdminComplaint__modalContainer{position:fixed;top:50%;left:50%;width:70%;max-width:900px;max-height:90vh;overflow-y:auto;transform:translate(-50%,-50%);background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000026;z-index:10000}.AdminComplaint__smallModal{position:fixed;top:50%;left:50%;width:500px;max-width:95%;transform:translate(-50%,-50%);background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000026;z-index:10000}.AdminComplaint__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #eceff8}.AdminComplaint__modalHeader h2{margin:0;font-size:22px;font-weight:700;color:#5b5cf6}.AdminComplaint__closeBtn{width:42px;height:42px;border:none;border-radius:50%;background:#f4f6ff;color:#5b5cf6;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.AdminComplaint__closeBtn:hover{background:#5b5cf6;color:#fff}.AdminComplaint__modalBody{padding:28px}.AdminComplaint__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.AdminComplaint__field{display:flex;flex-direction:column}.AdminComplaint__field label{margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.AdminComplaint__field input,.AdminComplaint__field select,.AdminComplaint__field textarea{width:100%;border:1px solid #dbe2ff;border-radius:12px;padding:14px;outline:none;font-size:14px;background:#fafbff;transition:.3s}.AdminComplaint__field input:focus,.AdminComplaint__field select:focus,.AdminComplaint__field textarea:focus{border-color:#5b5cf6;background:#fff}.AdminComplaint__field textarea{resize:vertical;min-height:120px}.AdminComplaint__fieldFull{grid-column:span 2}.AdminComplaint__radioGroup{display:flex;gap:30px;margin-bottom:24px}.AdminComplaint__radioGroup label{display:flex;align-items:center;gap:8px;font-weight:600;color:#334155;cursor:pointer}.AdminComplaint__radioGroup input[type=radio]{accent-color:#5b5cf6}.AdminComplaint__typeWrapper{display:flex;gap:10px}.AdminComplaint__typeWrapper select{flex:1}.AdminComplaint__typeAddBtn{width:48px;min-width:48px;height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.AdminComplaint__typeModalContainer{position:fixed;top:50%;left:50%;width:900px;max-width:95%;max-height:90vh;overflow-y:auto;transform:translate(-50%,-50%);background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000026;z-index:10000}.AdminComplaint__typeHeader{display:flex;justify-content:flex-end;padding:20px 24px}.AdminComplaint__modalFooter{padding:22px 28px;border-top:1px solid #eceff8;display:flex;justify-content:flex-end;gap:14px}.AdminComplaint__cancelBtn{border:none;padding:12px 24px;border-radius:12px;background:#f1f5f9;color:#334155;font-weight:600;cursor:pointer}.AdminComplaint__saveBtn{border:none;padding:12px 28px;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}.swal2-popup{border-radius:20px!important}.swal2-confirm,.swal2-cancel{border-radius:10px!important}@media(max-width:992px){.AdminComplaint{padding:16px}.AdminComplaint__card{padding:18px}.AdminComplaint__modalContainer{width:92%}.AdminComplaint__formGrid{grid-template-columns:1fr}.AdminComplaint__fieldFull{grid-column:span 1}}@media(max-width:768px){.AdminComplaint__tableWrapper{display:none}.AdminComplaint__mobileCards{display:block}.AdminComplaint__header{flex-direction:column}.AdminComplaint__searchBox{width:100%}.AdminComplaint__addBtn{width:100%;border-radius:14px}.AdminComplaint__pagination{flex-direction:column;align-items:stretch}.AdminComplaint__pageSize,.AdminComplaint__pageBtns{justify-content:center}.AdminComplaint__modalContainer,.AdminComplaint__typeModalContainer,.AdminComplaint__smallModal{width:96%;max-height:95vh}.AdminComplaint__modalBody{padding:18px}.AdminComplaint__radioGroup{flex-direction:column;gap:12px}.AdminComplaint__modalFooter{flex-direction:column}.AdminComplaint__saveBtn,.AdminComplaint__cancelBtn{width:100%}}@media(max-width:480px){.AdminComplaint__modalHeader{padding:18px}.AdminComplaint__modalHeader h2{font-size:18px}.AdminComplaint__mobileCard{padding:14px}}.StaffComplaint{width:100%;min-height:100vh;padding:24px;background:#f6f8ff}.StaffComplaint__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 12px 40px #5b5cf614}.StaffComplaint__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.StaffComplaint__searchBox{flex:1;height:54px;border:1px solid #e5e7ff;border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fafbff}.StaffComplaint__searchBox svg{color:#5b5cf6}.StaffComplaint__searchInput{flex:1;border:none;outline:none;background:transparent}.StaffComplaint__headerBtns{display:flex;gap:12px}.StaffComplaint__typeBtn,.StaffComplaint__addBtn{border:none;cursor:pointer;border-radius:14px;font-weight:600}.StaffComplaint__typeBtn{height:54px;padding:0 18px;background:#eef2ff;color:#5b5cf6}.StaffComplaint__addBtn{width:54px;height:54px;color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6);padding-left:16px}.StaffComplaint__list{display:flex;flex-direction:column;gap:18px}.StaffComplaint__complaintCard{position:relative;padding:22px;border-radius:20px;background:#fff;border:1px solid #edf0ff;cursor:pointer;transition:.3s}.StaffComplaint__complaintCard:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5b5cf614}.StaffComplaint__details{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.StaffComplaint__detailRow{display:flex;flex-direction:column;gap:4px}.StaffComplaint__detailRow span{color:#64748b;font-size:13px}.StaffComplaint__detailRow p{margin:0;font-weight:600;color:#1e293b}.StaffComplaint__status{position:absolute;right:20px;top:20px;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700}.StaffComplaint__statusPending{background:#fff7ed;color:#ea580c}.StaffComplaint__statusResolved{background:#dcfce7;color:#15803d}.StaffComplaint__statusRejected{background:#fee2e2;color:#dc2626}.StaffComplaint__deleteBtn{margin-top:18px;width:42px;height:42px;border:none;border-radius:12px;background:#fee2e2;color:#ef4444;cursor:pointer;padding-left:13px}.StaffComplaint__pagination{margin-top:24px;display:flex;justify-content:space-between;align-items:center}.StaffComplaint__pageSize{display:flex;align-items:center;gap:10px}.StaffComplaint__pageSize select{height:40px;border-radius:10px;border:1px solid #dbe2ff;padding:0 10px}.StaffComplaint__pageInfo{color:#64748b}.StaffComplaint__pageBtns{display:flex;gap:10px}.StaffComplaint__pageBtns button{width:40px;height:40px;border:none;cursor:pointer;border-radius:10px;background:#eef2ff;color:#5b5cf6;padding-left:10px}.StaffComplaint__modal{position:fixed;inset:0;z-index:9999}.StaffComplaint__overlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:StaffComplaintFade .25s ease}@keyframes StaffComplaintFade{0%{opacity:0}to{opacity:1}}.StaffComplaint__modalContainer{position:fixed;top:50%;left:50%;width:92%;max-width:760px;max-height:92vh;overflow-y:auto;background:#fff;border-radius:24px;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0000002e;animation:StaffComplaintModal .25s ease}@keyframes StaffComplaintModal{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.StaffComplaint__smallModal{position:fixed;top:50%;left:50%;width:92%;max-width:520px;background:#fff;border-radius:24px;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0000002e;animation:StaffComplaintModal .25s ease}.StaffComplaint__typeModal{position:fixed;top:50%;left:50%;width:92%;max-width:700px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:24px;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0000002e;animation:StaffComplaintModal .25s ease}.StaffComplaint__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #edf0ff}.StaffComplaint__modalHeader h2{margin:0;font-size:22px;font-weight:700;color:#5b5cf6}.StaffComplaint__closeBtn{width:42px;height:42px;border:none;border-radius:50%;cursor:pointer;font-size:18px;background:#eef2ff;color:#5b5cf6;padding-left:10px}.StaffComplaint__modalBody{padding:24px}.StaffComplaint__field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.StaffComplaint__field label{font-size:14px;font-weight:600;color:#334155}.StaffComplaint__field input,.StaffComplaint__field textarea,.StaffComplaint__field select{width:100%;border:1px solid #dbe2ff;border-radius:14px;padding:14px;font-size:14px;outline:none;background:#fafbff;transition:.25s}.StaffComplaint__field input:focus,.StaffComplaint__field textarea:focus,.StaffComplaint__field select:focus{border-color:#5b5cf6;background:#fff}.StaffComplaint__field textarea{resize:vertical;min-height:120px}.StaffComplaint__selectWrapper{display:flex;gap:10px}.StaffComplaint__selectWrapper select{flex:1}.StaffComplaint__typeAddBtn{width:50px;min-width:50px;border:none;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6);padding-left:15px}.StaffComplaint__checkbox{display:flex;align-items:center;gap:10px;margin-bottom:20px}.StaffComplaint__checkbox input{width:18px;height:18px}.StaffComplaint__statusBox{display:flex;gap:24px;flex-wrap:wrap}.StaffComplaint__statusBox label{display:flex;align-items:center;gap:8px;font-weight:600;color:#334155}.StaffComplaint__modalFooter{display:flex;justify-content:flex-end;gap:12px;padding:22px 26px;border-top:1px solid #edf0ff}.StaffComplaint__cancelBtn,.StaffComplaint__saveBtn{border:none;cursor:pointer;padding:12px 24px;border-radius:12px;font-weight:600}.StaffComplaint__cancelBtn{background:#f1f5f9}.StaffComplaint__saveBtn{color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6)}.StaffComplaint__typeBody{padding:24px}.StaffComplaint__newTypeBtn{border:none;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;margin-bottom:18px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6)}.StaffComplaint__typeRow{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #edf0ff;border-radius:14px;margin-bottom:12px}.StaffComplaint__typeRow h4{margin:0}.StaffComplaint__typeRow p{margin-top:4px;color:#64748b}.StaffComplaint__typeActions{display:flex;gap:10px}.StaffComplaint__typeActions button{border:none;padding:10px 14px;border-radius:10px;cursor:pointer}.StaffComplaint__typeActions button:first-child{background:#eef2ff;color:#5b5cf6}.StaffComplaint__typeActions button:last-child{background:#fee2e2;color:#ef4444}@media(max-width:992px){.StaffComplaint{padding:16px}.StaffComplaint__details{grid-template-columns:1fr}}@media(max-width:768px){.StaffComplaint__header{flex-direction:column}.StaffComplaint__headerBtns{width:100%}.StaffComplaint__typeBtn{flex:1}.StaffComplaint__addBtn{width:54px}.StaffComplaint__pagination{flex-direction:column;gap:14px}.StaffComplaint__modalFooter{flex-direction:column}.StaffComplaint__cancelBtn,.StaffComplaint__saveBtn{width:100%}.StaffComplaint__statusBox{flex-direction:column;gap:12px}.StaffComplaint__typeRow{flex-direction:column;align-items:flex-start;gap:14px}.StaffComplaint__typeActions{width:100%}.StaffComplaint__typeActions button{flex:1}}@media(max-width:480px){.StaffComplaint__modalHeader h2{font-size:18px}.StaffComplaint__modalBody,.StaffComplaint__typeBody{padding:18px}}.shopInformation{width:100%;min-height:100vh;padding:24px;background:#f4f7fc;font-family:Poppins,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.shopInformation__card{width:100%;max-width:1200px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 25px #00000014;overflow:hidden;box-sizing:border-box}.shopInformation__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.shopInformation__search{flex:1;max-width:350px;height:48px;border:1px solid #d8e0ef;border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 15px;gap:10px}.shopInformation__search svg{color:#6c757d;font-size:15px}.shopInformation__search input{width:100%;border:none;outline:none;background:transparent;font-size:14px}.shopInformation__addButton{width:50px;height:50px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-size:18px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center;flex-shrink:0}.shopInformation__addButton:hover{background:#1d4ed8;transform:translateY(-2px)}.shopInformation__tableWrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:5px;border-radius:12px}.shopInformation__table{width:100%;border-collapse:collapse;min-width:700px}.shopInformation__table thead{background:#eff4fb}.shopInformation__table th{padding:15px;text-align:left;font-size:13px;font-weight:600;color:#344054;border-bottom:1px solid #e5e7eb;white-space:nowrap}.shopInformation__table td{padding:15px;font-size:14px;color:#444;border-bottom:1px solid #edf1f7;white-space:nowrap}.shopInformation__table tbody tr:hover{background:#f8fbff}.shopInformation__actionBox{display:flex;align-items:center;justify-content:flex-start;gap:10px}.shopInformation__editBtn,.shopInformation__deleteBtn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;color:#fff;transition:.3s;display:flex;justify-content:center;align-items:center}.shopInformation__editBtn{background:#0ea5e9}.shopInformation__editBtn:hover{background:#0284c7}.shopInformation__deleteBtn{background:#ef4444}.shopInformation__deleteBtn:hover{background:#dc2626}.shopInformation__pagination{margin-top:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.shopInformation__paginationLeft{display:flex;align-items:center;gap:10px;color:#555;font-size:14px}.shopInformation__paginationLeft select{height:40px;padding:0 12px;border:1px solid #d6dbe8;border-radius:8px;outline:none}.shopInformation__paginationRight{font-size:14px;color:#667085}.shopInformation__popupOverlay{position:fixed;inset:0;background:#0f172a99;display:flex;justify-content:center;align-items:center;padding:20px;z-index:999}.shopInformation__popup{width:100%;max-width:950px;background:#fff;border-radius:22px;overflow:hidden;animation:shopInformationPopup .3s ease;box-sizing:border-box}@keyframes shopInformationPopup{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.shopInformation__popupHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;background:#2563eb;color:#fff}.shopInformation__popupHeader h2{font-size:20px;font-weight:600;margin:0}.shopInformation__closeBtn{width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer;font-size:16px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.shopInformation__closeBtn:hover{background:#ffffff40}.shopInformation__formGrid{padding:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;justify-content:center}.shopInformation__formGroup{display:flex;flex-direction:column;gap:8px}.shopInformation__formGroup label{font-size:14px;font-weight:500;color:#344054;text-align:left}.shopInformation__formGroup input,.shopInformation__formGroup select{width:100%;height:48px;border:1px solid #d9dfeb;border-radius:12px;padding:0 15px;outline:none;font-size:14px;background:#fff;box-sizing:border-box}.shopInformation__formGroup input:focus,.shopInformation__formGroup select:focus{border-color:#2563eb}.shopInformation__select{position:relative;width:100%}.shopInformation__select select{appearance:none;cursor:pointer}.shopInformation__select svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:#667085}.shopInformation__popupFooter{display:flex;justify-content:flex-end;gap:12px;padding:25px 30px;border-top:1px solid #edf1f7}.shopInformation__cancelBtn,.shopInformation__saveBtn{min-width:120px;height:46px;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:.3s;display:flex;justify-content:center;align-items:center}.shopInformation__cancelBtn{background:#f1f5f9;color:#475569}.shopInformation__cancelBtn:hover{background:#e2e8f0}.shopInformation__saveBtn{background:#2563eb;color:#fff}.shopInformation__saveBtn:hover{background:#1d4ed8}.shopInformation__tableWrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.shopInformation__table{width:100%;min-width:800px;border-collapse:collapse}.shopInformation__tableWrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.shopInformation__table{min-width:750px}@media(max-width:992px){.shopInformation,.shopInformation__card{padding:18px}.shopInformation__formGrid{grid-template-columns:1fr}.shopInformation__popup{width:95%;max-height:90vh;overflow-y:auto}}@media(max-width:768px){.shopInformation{padding:12px}.shopInformation__card{padding:15px;border-radius:15px}.shopInformation__header{flex-direction:column;align-items:stretch;gap:12px}.shopInformation__search{width:100%;max-width:100%}.shopInformation__addButton{width:100%;height:46px;border-radius:10px}.shopInformation__tableWrapper{overflow-x:auto}.shopInformation__table{min-width:750px}.shopInformation__pagination{flex-direction:column;align-items:center;gap:12px;text-align:center}.shopInformation__paginationLeft{flex-wrap:wrap;justify-content:center}.shopInformation__popupOverlay{padding:10px;align-items:flex-start;overflow-y:auto}.shopInformation__popup{width:100%;max-width:100%;border-radius:15px;margin-top:20px}.shopInformation__popupHeader{padding:16px}.shopInformation__popupHeader h2{font-size:18px}.shopInformation__formGrid{padding:16px;grid-template-columns:1fr;gap:15px}.shopInformation__popupFooter{padding:16px;flex-direction:column;gap:10px}.shopInformation__cancelBtn,.shopInformation__saveBtn{width:100%}}@media(max-width:480px){.shopInformation{padding:10px}.shopInformation__card{padding:12px}.shopInformation__table{min-width:700px}.shopInformation__popupHeader h2{font-size:16px}.shopInformation__formGroup input,.shopInformation__formGroup select{height:44px;font-size:13px}}.spm_container{padding:20px;background:#f5f7fb;min-height:100vh;font-family:Segoe UI,sans-serif}.spm_header{display:flex;justify-content:space-between;align-items:center;background:#2563eb;padding:15px 20px;border-radius:12px;margin-bottom:20px;gap:15px}.spm_searchBox{position:relative;width:350px;max-width:100%}.spm_searchIcon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#64748b;font-size:14px}.spm_searchInput{width:100%;height:42px;border:none;border-radius:8px;padding:0 15px 0 40px;font-size:14px;background:#fff;transition:.3s}.spm_searchInput:focus{outline:none;box-shadow:0 0 0 3px #ffffff40}.spm_addButton{width:42px;height:42px;border:none;border-radius:8px;background:#fff;color:#2563eb;cursor:pointer;font-size:18px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.spm_addButton:hover{transform:scale(1.05)}.spm_tableWrapper{background:#fff;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 4px 15px #0000000f}.spm_table{width:100%;min-width:900px;border-collapse:collapse}.spm_table thead,.spm_table thead tr{background:#2563eb!important}.spm_table thead th{background:#2563eb!important;color:#fff!important;padding:16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;border:none;white-space:nowrap}.spm_table td{padding:14px;font-size:14px;color:#374151;text-align:center;border-bottom:1px solid #edf0f5}.spm_tableRow{transition:.3s}.spm_tableRow:hover{background:#f8faff}.spm_actionCell{display:flex;justify-content:center;align-items:center;gap:10px}.spm_editButton{width:38px;height:38px;border:none;border-radius:8px;background:#f59e0b;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.spm_editButton:hover{background:#d97706}.spm_deleteButton{width:38px;height:38px;border:none;border-radius:8px;background:#ef4444;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.spm_deleteButton:hover{background:#dc2626}.spm_modalOverlay{position:fixed;inset:0;background:#0f172a8c;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.spm_modal{width:100%;max-width:950px;background:#fff;border-radius:14px;overflow:hidden;max-height:95vh;display:flex;flex-direction:column;animation:spmPopup .3s ease}@keyframes spmPopup{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.spm_modalHeader{background:#2563eb;color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.spm_modalTitle{margin:0;font-size:18px;font-weight:600}.spm_closeButton{width:36px;height:36px;border:none;border-radius:8px;background:#fff3;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.spm_closeButton:hover{background:#ffffff59}.spm_formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:25px;overflow-y:auto}.spm_formGroup{display:flex;flex-direction:column}.spm_input,.spm_textarea{width:100%;border:1px solid #d8dce6;border-radius:8px;padding:12px 14px;font-size:14px;background:#fff;transition:.3s}.spm_input:focus,.spm_textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.spm_textarea{min-height:100px;resize:vertical}.spm_textareaWrapper{grid-column:span 3}.spm_modalFooter{display:flex;justify-content:flex-end;gap:12px;padding:18px 25px;border-top:1px solid #edf0f5;background:#fafbfc}.spm_cancelButton,.spm_saveButton{border:none;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.spm_cancelButton{background:#e5e7eb;color:#374151}.spm_cancelButton:hover{background:#d1d5db}.spm_saveButton{background:#2563eb;color:#fff}.spm_saveButton:hover{background:#1d4ed8}.spm_tableWrapper::-webkit-scrollbar,.spm_formGrid::-webkit-scrollbar{width:8px;height:8px}.spm_tableWrapper::-webkit-scrollbar-thumb,.spm_formGrid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.spm_tableWrapper::-webkit-scrollbar-track,.spm_formGrid::-webkit-scrollbar-track{background:#f1f5f9}@media(max-width:992px){.spm_formGrid{grid-template-columns:repeat(2,1fr)}.spm_textareaWrapper{grid-column:span 2}}@media(max-width:768px){.spm_header{flex-direction:column;align-items:stretch}.spm_searchBox,.spm_addButton{width:100%}.spm_formGrid{grid-template-columns:1fr}.spm_textareaWrapper{grid-column:span 1}.spm_modal{max-height:100vh;border-radius:0}.spm_modalFooter{flex-direction:column}.spm_cancelButton,.spm_saveButton{width:100%}}.cm_container{min-height:100vh;background:#f4f6fb;padding:16px}.cm_topbar{position:relative;display:flex;justify-content:space-between;align-items:center;background:#d8dbe2;padding:14px 20px;border-radius:12px 12px 0 0}.cm_search_wrapper{width:45%;position:relative}.cm_search_icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:18px;color:#555}.cm_search_input{width:100%;height:42px;border:none;border-radius:30px;padding-left:50px;font-size:14px;outline:none}.cm_topbar_actions{display:flex;align-items:center;gap:16px}.cm_filter_btn{width:42px;height:42px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer}.cm_add_btn{width:54px;height:54px;border:none;border-radius:50%;background:#4f46e5;color:#fff;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #4f46e540}.cm_filter_popup{position:absolute;top:75px;right:70px;width:260px;background:#fff;padding:18px;border-radius:12px;box-shadow:0 12px 30px #0000001f;z-index:100}.cm_filter_popup label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:16px}.cm_filter_popup input[type=checkbox]{width:18px;height:18px}.cm_table_wrapper{background:#fff;border-radius:0 0 12px 12px;overflow:hidden}.cm_table{width:100%;border-collapse:collapse}.cm_table th{text-align:left;padding:18px 20px;font-size:16px;font-weight:600;color:#222}.cm_table td{padding:18px 20px;border-top:1px solid #ececec;font-size:15px}.cm_table tbody tr:hover{background:#fafbff}.cm_action_group{display:flex;gap:10px}.cm_edit_btn,.cm_delete_btn{width:38px;height:38px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cm_edit_btn{background:#4f46e5;color:#fff}.cm_delete_btn{background:#ef4444;color:#fff}.cm_edit_btn svg,.cm_delete_btn svg{font-size:18px}.cm_pagination{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:18px 20px}.cm_page_size{font-size:14px}.cm_page_size select{margin-left:8px;width:85px;height:38px;border:1px solid #ddd;border-radius:8px;padding:0 8px}.cm_page_buttons{display:flex;gap:6px}.cm_page_buttons button{width:34px;height:34px;border:none;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cm_modal_overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.cm_modal{width:820px;max-width:95%;background:#fff;border-radius:16px;overflow:hidden}.cm_modal_header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #ececec}.cm_modal_header h2{font-size:20px;font-weight:600}.cm_close_btn{width:60px;height:60px;border:none;border-radius:50%;background:#fdecec;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer}.cm_close_btn svg{font-size:28px}.cm_form_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.cm_form_grid input,.cm_form_grid select{height:56px;border:1px solid #d8d8d8;border-radius:12px;padding:0 16px;font-size:16px;outline:none}.cm_form_grid input:focus,.cm_form_grid select:focus{border-color:#4f46e5}.cm_modal_footer{display:flex;justify-content:flex-end;gap:16px;padding:20px 24px}.cm_cancel{border:none;background:transparent;font-size:18px;cursor:pointer}.cm_submit{width:130px;height:50px;border:none;border-radius:10px;background:#4f46e5;color:#fff;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.cm_topbar{flex-direction:column;gap:15px}.cm_search_wrapper{width:100%}.cm_form_grid{grid-template-columns:1fr}.cm_table{min-width:800px}.cm_table_wrapper{overflow-x:auto}.cm_pagination{flex-wrap:wrap;justify-content:center}.cm_filter_popup{width:240px;right:10px}.cm_modal{width:95%}.cm_close_btn{width:50px;height:50px}}.itemsMasterPage{width:100%;padding:24px;background:#f4f6f9;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;color:#334155;box-sizing:border-box}.itemsMasterPage *,.itemsMasterPage *:before,.itemsMasterPage *:after{box-sizing:border-box}.itemsMasterHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 4px 20px -2px #94a3b814,0 2px 6px -1px #94a3b80a;margin-bottom:20px;border:1px solid #eef2f6}.itemsMasterSearchBox{flex:1;max-width:380px;display:flex;align-items:center;gap:10px;background:#f8fafc;padding:9px 14px;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1)}.itemsMasterSearchBox:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.itemsMasterSearchBox .searchIcon{color:#94a3b8;font-size:13px}.itemsMasterSearchBox input{border:none;outline:none;background:none;width:100%;font-size:13.5px;color:#0f172a;font-weight:500}.itemsMasterSearchBox input::placeholder{color:#94a3b8}.actionButtonGroup{display:flex;align-items:center;gap:10px;position:relative}.itemsMasterFilterBtn,.itemsMasterAddBtn{height:38px;border:none;cursor:pointer;border-radius:8px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.itemsMasterFilterBtn{background:#fff;color:#475569;border:1px solid #cbd5e1}.itemsMasterFilterBtn:hover,.itemsMasterFilterBtn.active{background:#f8fafc;color:#6366f1;border-color:#6366f1}.itemsMasterAddBtn{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;box-shadow:0 4px 12px #4f46e526}.itemsMasterAddBtn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e540;filter:brightness(1.05)}.itemsMasterAddBtn:active{transform:translateY(0)}.itemsMasterFilterDropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #0f172a1a,0 8px 16px -6px #0f172a0d;z-index:110;overflow:hidden;transform-origin:top right;animation:dropdownGrow .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownGrow{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdownHeader{padding:12px 16px;background:#f8fafc;font-size:11.5px;font-weight:700;color:#475569;border-bottom:1px solid #edf2f7;text-transform:uppercase;letter-spacing:.75px}.dropdownGrid{max-height:280px;overflow-y:auto;padding:8px}.dropdownItem{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:#475569;font-weight:500;transition:all .15s ease}.dropdownItem:hover{background:#f1f5f9;color:#0f172a}.dropdownItem input[type=checkbox]{appearance:none;width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;outline:none;background:#fff;cursor:pointer;display:grid;place-content:center;transition:all .15s ease}.dropdownItem input[type=checkbox]:before{content:"";width:8px;height:8px;transform:scale(0);transition:.12s transform ease-in-out;background-color:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.dropdownItem input[type=checkbox]:checked{background:#6366f1;border-color:#6366f1}.dropdownItem input[type=checkbox]:checked:before{transform:scale(1)}.itemsMasterTableWrapper{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid #eef2f6;box-shadow:0 4px 24px #94a3b80d}.itemsMasterTable{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left}.itemsMasterTable th{background:#f8fafc;color:#475569;font-weight:600;padding:12px 16px;border-bottom:2px solid #edf2f7;white-space:nowrap}.itemsMasterTable td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#475569;white-space:nowrap;transition:background .1s ease}.itemsMasterTable tr:last-child td{border-bottom:none}.itemsMasterTable tr:hover td{background:#fafbfd}.snoCell{color:#94a3b8;font-weight:600}.badgeCategory{background:#eff6ff;color:#1e40af;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600}.codeMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;color:#64748b;background:#f8fafc;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0}.qtyHighlight{font-weight:600;color:#0f172a;background:#f1f5f9;padding:2px 8px;border-radius:4px}.fw-semibold{font-weight:600}.fw-medium{font-weight:500}.textDark{color:#0f172a!important}.textMuted{color:#94a3b8;font-size:12.5px}.textCenter{text-align:center}.itemsMasterActionCell{display:flex;justify-content:center;gap:8px}.itemsMasterEditBtn,.itemsMasterDeleteBtn{border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.itemsMasterEditBtn{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.itemsMasterEditBtn:hover{background:#16a34a;color:#fff;border-color:#16a34a}.itemsMasterDeleteBtn{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.itemsMasterDeleteBtn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.noDataRow{padding:48px!important;text-align:center}.emptyStateContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.emptyStateTitle{font-size:15px;font-weight:600;color:#475569;margin:0 0 4px}.emptyStateSub{font-size:13px;color:#94a3b8;margin:0}.itemsMasterModalOverlay{position:fixed;inset:0;background:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.itemsMasterModal{width:90%;max-width:580px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #0f172a26;overflow:hidden;border:1px solid #edf2f7;animation:modalPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.itemsMasterModalHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 24px;border-bottom:1px solid #edf2f7;background:#fff}.itemsMasterModalHeader h3{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 2px}.modalSubtitle{font-size:12.5px;color:#64748b;margin:0}.itemsMasterCloseBtn{width:26px;height:26px;border:none;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.itemsMasterCloseBtn:hover{background:#e2e8f0;color:#0f172a}.itemsMasterFormGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px;padding:24px;background:#fff}.inputGroup{display:flex;flex-direction:column;gap:5px}.inputGroup.spanFull{grid-column:span 2}.inputGroup label{font-size:12px;font-weight:600;color:#475569}.itemsMasterFormGrid input{height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13.5px;outline:none;color:#0f172a;font-weight:500;background:#fff;transition:all .15s ease}.itemsMasterFormGrid input::placeholder{color:#b4befe;font-weight:400;opacity:.6}.itemsMasterFormGrid input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.itemsMasterModalFooter{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #edf2f7;background:#f8fafc}.itemsMasterCancelBtn{background:#fff;border:1px solid #cbd5e1;font-size:13px;font-weight:600;color:#475569;padding:8px 18px;border-radius:8px;cursor:pointer;transition:all .15s ease}.itemsMasterCancelBtn:hover{background:#f1f5f9;color:#0f172a}.itemsMasterSaveBtn{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border:none;padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #4f46e526;transition:all .15s ease}.itemsMasterSaveBtn:hover{filter:brightness(1.05);box-shadow:0 4px 12px #4f46e540}@media(max-width:768px){.itemsMasterHeader{flex-direction:column;align-items:stretch}.itemsMasterSearchBox{max-width:100%}.btnText{display:none}.itemsMasterFormGrid{grid-template-columns:1fr;gap:14px;padding:16px}.inputGroup.spanFull{grid-column:span 1}.itemsMasterFilterDropdown{position:fixed;inset:auto 20px 20px;width:auto;z-index:1001}}.report{padding:20px;background:#f4f4f4;min-height:100vh;font-family:Outfit,sans-serif}.report__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.report__top h2{font-size:32px;font-weight:600}.report__icons{display:flex;gap:20px;align-items:center}.report__icons svg{font-size:24px}.report__icons button{border:none;background:transparent;cursor:pointer}.report__card{background:#eceef1;border-radius:8px;padding:25px}.report__filters{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap}.report__field{width:365px;position:relative}.report__field label{position:absolute;top:-10px;left:15px;background:#eceef1;padding:0 5px;color:#666;font-size:14px}.report__select,.report__date{height:54px;border:2px solid #5448f5;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer}.report__date input{width:100%;border:none;outline:none;background:transparent}.report__date svg{color:#5448f5}.report__dropdown{position:absolute;top:65px;left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001f;z-index:100;overflow:hidden}.report__dropdown div{padding:18px 25px;cursor:pointer;font-size:18px}.report__dropdown div:hover{background:#ece9ff;color:#5448f5}.report__search{width:120px;height:54px;border:none;border-radius:10px;background:#5448f5;color:#fff;font-size:18px;font-weight:600;cursor:pointer;margin-left:auto}.report__table-wrapper{margin-top:25px;overflow-x:auto}.report__table{width:100%;border-collapse:collapse;min-width:1200px}.report__table th{background:#cfcfcf;padding:14px;font-weight:700;border:1px solid #b7b7b7}.report__table td{padding:14px;border:1px solid #ddd;background:#fff}@media(max-width:991px){.report__field{width:100%}.report__search{width:100%;margin-left:0}.report__top{flex-direction:column;gap:15px}}@media(max-width:768px){.report{padding:15px}.report__top h2{font-size:24px}}css *{margin:0;padding:0;box-sizing:border-box}.complain{min-height:100vh;background:#f3f4f8;padding:20px;font-family:Poppins,sans-serif}.complain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:15px}.complain-title-section{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.complain-title-section h2{font-size:30px;font-weight:600}.complain-breadcrumb{display:flex;align-items:center;gap:10px;color:#74778b;font-size:15px}.complain-actions{display:flex;gap:24px;font-size:28px}.complain-excel{color:green;cursor:pointer}.complain-print{color:#7a00ff;cursor:pointer}.complain-pdf{color:#ff4500;cursor:pointer}.complain-card{background:#ececf3;border-radius:16px;padding:24px}.complain-filter-area{display:flex;gap:15px;align-items:flex-start;margin-bottom:25px;flex-wrap:wrap}.complain-dropdown-wrapper{position:relative}.complain-dropdown{width:270px;height:60px;border:1px solid #999;border-radius:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 18px;cursor:pointer;transition:.3s}.complain-dropdown.active{border:2px solid #7b00ff}.complain-dropdown label{position:absolute;top:-10px;left:15px;background:#ececf3;padding:0 6px;font-size:13px;color:#7b00ff}.complain-dropdown span{font-size:20px}.complain-dropdown-menu{position:absolute;top:75px;width:290px;max-height:300px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;z-index:999}.complain-option{padding:18px 24px;cursor:pointer;transition:.3s}.complain-option:hover{background:#f3f3f3}.complain-search-btn{height:60px;min-width:130px;border:none;border-radius:12px;background:linear-gradient(135deg,#8b00ff,#5a00ff);color:#fff;font-size:20px;font-weight:600;cursor:pointer;transition:.3s}.complain-search-btn:hover{transform:translateY(-3px)}.complain-table-wrapper{margin-top:20px}.complain-table-scroll{overflow-x:auto;overflow-y:auto;max-height:550px;border:1px solid #ddd}.complain-table{width:100%;min-width:1000px;border-collapse:collapse}.complain-table th{background:#ababab;padding:16px;border:1px solid #888}.complain-table td{padding:14px;border:1px solid #b8b8b8;text-align:center}.complain-table tbody tr{transition:.3s}.complain-table tbody tr:hover{background:#f5f0ff}.complain-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px}.complain-pagination button{width:42px;height:42px;border:none;border-radius:50%;background:#7b00ff;color:#fff;cursor:pointer}.complain-pagination button:disabled{opacity:.4;cursor:not-allowed}@media print{.complain-actions,.complain-search-btn,.complain-pagination{display:none}.complain{background:#fff}}@media(max-width:768px){.complain{padding:12px}.complain-header{flex-direction:column;align-items:flex-start}.complain-title-section h2{font-size:22px}.complain-breadcrumb{font-size:13px;flex-wrap:wrap}.complain-dropdown,.complain-dropdown-wrapper,.complain-dropdown-menu,.complain-search-btn{width:100%}.complain-filter-area{flex-direction:column}.complain-actions{width:100%;justify-content:flex-end}.complain-table-scroll{max-height:400px}}.preAdmissionReportContainer{padding:20px}.preAdmissionReportPageHeader h2{font-size:32px;margin-bottom:20px}.preAdmissionReportTableCard{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014}.preAdmissionReportTableTop{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#eef0f6}.preAdmissionReportSearchBox{width:500px;max-width:100%;height:48px;background:#fff;border-radius:30px;display:flex;align-items:center;padding:0 20px;gap:10px}.preAdmissionReportSearchBox input{border:none;outline:none;width:100%;font-size:15px}.preAdmissionReportAddBtn{width:55px;height:55px;border:none;border-radius:50%;background:#7b12ff;color:#fff;font-size:22px;cursor:pointer;transition:.3s}.preAdmissionReportAddBtn:hover{transform:scale(1.1) rotate(90deg)}.preAdmissionReportTableWrapper{overflow:auto}.preAdmissionReportTableWrapper table{width:100%;min-width:1200px;border-collapse:collapse}.preAdmissionReportTableWrapper th{padding:18px;text-align:left;background:#fff;font-weight:600}.preAdmissionReportTableWrapper td{padding:18px;border-top:1px solid #eee}.preAdmissionReportStudentImg{width:55px;height:55px;object-fit:cover}.preAdmissionReportFeedbackBtn{background:none;border:none;font-size:20px;margin-left:15px;color:#f6a400;cursor:pointer}.preAdmissionReportIcon{border:none;background:none;font-size:22px;cursor:pointer;margin-right:15px;transition:.3s}.preAdmissionReportDelete{color:red}.preAdmissionReportPrint{color:#7b12ff}.preAdmissionReportIcon:hover{transform:scale(1.2)}.preAdmissionReportPagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:20px}.preAdmissionReportPagination select{width:100px;height:45px;border-radius:12px;border:2px solid #7b12ff;outline:none;padding:10px}.preAdmissionReportModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:.4s;z-index:999}.preAdmissionReportModal.preAdmissionReportShow{opacity:1;visibility:visible}.preAdmissionReportModalContent{background:#fff;border-radius:20px;width:95%;transform:translateY(-50px);transition:.4s;position:relative}.preAdmissionReportModal.preAdmissionReportShow .preAdmissionReportModalContent{transform:translateY(0)}.preAdmissionReportLarge{max-width:1100px;max-height:90vh;overflow-y:auto;padding:25px}.preAdmissionReportFeedbackModal{max-width:1000px;padding:25px}.preAdmissionReportCloseBtn{position:absolute;right:20px;top:20px;width:55px;height:55px;border:none;border-radius:50%;background:#f8e8e5;font-size:22px;cursor:pointer}.preAdmissionReportFormWrapper{display:flex;gap:25px;margin-top:20px}.preAdmissionReportUploadSection{width:170px;text-align:center}.preAdmissionReportUploadSection img{width:120px}.preAdmissionReportUploadBtn{width:100%;height:45px;background:#ff4500;color:#fff;border:none;border-radius:10px;cursor:pointer}.preAdmissionReportFormGrid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.preAdmissionReportFormGrid input,.preAdmissionReportFormGrid select{height:55px;padding:0 15px;border:1px solid #ccc;border-radius:10px;outline:none}.preAdmissionReportSubmitArea{display:flex;justify-content:flex-end;margin-top:25px}.preAdmissionReportSaveBtn{background:linear-gradient(45deg,#7b12ff,#a400ff);color:#fff;border:none;padding:12px 40px;border-radius:10px;font-size:18px;cursor:pointer;transition:.3s}.preAdmissionReportSaveBtn:hover{transform:translateY(-3px)}.preAdmissionReportFeedbackRow{display:grid;grid-template-columns:250px 1fr 150px;gap:15px;margin-top:40px}.preAdmissionReportFeedbackRow input{height:60px;padding:0 15px;border:1px solid #ccc;border-radius:10px}@media(max-width:768px){.preAdmissionReportFormWrapper{flex-direction:column}.preAdmissionReportFormGrid,.preAdmissionReportFeedbackRow{grid-template-columns:1fr}.preAdmissionReportTableTop{flex-direction:column;gap:15px}.preAdmissionReportSearchBox{width:100%}.preAdmissionReportPageHeader h2{font-size:24px}.preAdmissionReportLarge{padding:15px}.preAdmissionReportAddBtn{position:fixed;bottom:20px;right:20px;z-index:1000}}.staff{width:100%;min-height:100vh;background:#f5f5f5;padding:24px;font-family:Outfit,sans-serif}.staff__topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.staff__topbar h2{font-size:30px;font-weight:600;color:#222}.staff__floating-btn{width:54px;height:54px;border:none;border-radius:50%;background:#4f46e5;color:#fff;cursor:pointer;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #4f46e559;transition:.3s}.staff__floating-btn:hover{transform:translateY(-2px)}.staff__card{width:100%;background:#ececec;border-radius:12px;padding:12px;min-height:650px}.staff__tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d5d5d5}.staff__tab{height:50px;border:none;background:transparent;cursor:pointer;font-size:21px;font-weight:500;color:#444;position:relative;transition:.3s}.staff__tab--active{color:#4f46e5}.staff__tab--active:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#4f46e5}.staff__complaints{padding-top:14px}.staff__complaint-card{position:relative;background:#fff;border-radius:6px;padding:18px 20px;margin-bottom:14px;min-height:115px;box-shadow:0 2px 8px #00000014}.staff__complaint-card p{font-size:15px;color:#333;line-height:1.55}.staff__status{position:absolute;top:-8px;left:0;background:#f4b400;color:#000;padding:4px 12px;border-radius:0 0 8px;font-size:13px;font-weight:500}.staff__status--green{background:#0db14b;color:#fff}.staff__complaint-by{position:absolute;right:12px;top:12px;background:#5b544f;color:#fff;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}.staff__empty{padding:120px 20px;text-align:center;color:#666;font-size:20px}.staff__overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;animation:staffFade .3s ease}.staff__overlay--second{z-index:1200}.staff__overlay--third{z-index:1400}@keyframes staffFade{0%{opacity:0}to{opacity:1}}.staff__modal,.staff__type-modal,.staff__add-type-modal{background:#fff;border-radius:16px;animation:staffScale .35s ease}@keyframes staffScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.staff__modal{width:96%;max-width:980px;overflow:hidden}.staff__modal-header{height:82px;border-bottom:1px solid #ececec;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.staff__modal-header h3{font-size:34px;font-weight:600;color:#333}.staff__modal-header button{width:58px;height:58px;border:none;border-radius:50%;background:#efefef;cursor:pointer;font-size:28px;color:#555}.staff__modal-body{padding:26px}.staff__search{height:56px;border:1px solid #c8c8c8;border-radius:10px;display:flex;align-items:center;padding:0 16px;margin-bottom:22px}.staff__search svg{font-size:22px;color:#666}.staff__search input{flex:1;border:none;outline:none;margin-left:12px;font-size:16px;font-family:Outfit}.staff__dropdown-row{display:flex;align-items:center;gap:14px;margin-bottom:24px}.staff__dropdown-row select{flex:1;height:56px;border:1px solid #c8c8c8;border-radius:10px;padding:0 16px;font-size:16px;font-family:Outfit}.staff__mini-plus{width:46px;height:46px;border:none;border-radius:50%;background:#4f46e5;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 8px 20px #4f46e559}.staff__modal textarea{width:100%;height:150px;border:1px solid #c8c8c8;border-radius:10px;resize:vertical;padding:14px;font-family:Outfit;font-size:16px}.staff__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.staff__actions button{min-width:110px;height:44px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-family:Outfit}.staff__primary{background:#4f46e5;color:#fff}.staff__type-modal{width:95%;max-width:1100px;padding:24px}.staff__table-header{display:flex;justify-content:space-between;align-items:center;background:#eef0f5;padding:16px;border-radius:12px 12px 0 0}.staff__table-search{width:450px;height:46px;background:#fff;border-radius:30px;display:flex;align-items:center;padding:0 16px}.staff__table-search svg{font-size:20px}.staff__table-search input{flex:1;border:none;outline:none;margin-left:10px;font-family:Outfit}.staff__table-actions{display:flex;align-items:center;gap:12px}.staff__table-actions button{border:none;background:transparent;cursor:pointer;font-size:24px}.staff__plus-btn{border-radius:50%;background:#4f46e5!important;color:#fff;box-shadow:0 8px 20px #4f46e559}.staff__column-dropdown{position:absolute;right:90px;top:110px;background:#fff;padding:16px;border-radius:10px;box-shadow:0 10px 24px #0000001f;display:flex;flex-wrap:wrap;gap:12px;width:320px;z-index:20}.staff__column-dropdown label{display:flex;align-items:center;gap:8px;width:calc(50% - 8px);font-size:15px}.staff__column-dropdown input{width:18px;height:18px}.staff__table{width:100%;border-collapse:collapse;background:#fff}.staff__table th{text-align:left;padding:18px;border:1px solid #ececec;font-size:16px;font-weight:600}.staff__table td{padding:18px;border:1px solid #ececec;font-size:15px}.staff__table tbody tr:hover{background:#fafafa}.staff__table td svg{color:red;cursor:pointer;font-size:22px}.staff__pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding-top:20px}.staff__pagination button{min-width:90px;height:38px;border:none;border-radius:8px;background:#4f46e5;color:#fff;cursor:pointer;font-family:Outfit}.staff__pagination button:disabled{opacity:.4;cursor:not-allowed}.staff__pagination span{font-weight:500}.staff__add-type-modal{width:95%;max-width:980px;overflow:hidden}.staff__radio-row{display:flex;gap:30px;padding:30px}.staff__radio-row label{display:flex;align-items:center;gap:10px;font-size:18px}.staff__radio-row input{width:20px;height:20px}.staff__input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 30px}.staff__input-grid input{height:56px;border:1px solid #c8c8c8;border-radius:10px;padding:0 16px;font-size:16px;font-family:Outfit;outline:none}@media(max-width:991px){.staff__topbar h2{font-size:24px}.staff__tab{font-size:16px}.staff__table-search{width:100%}.staff__table-header{flex-direction:column;gap:14px}.staff__input-grid{grid-template-columns:1fr}.staff__column-dropdown{width:280px;right:20px}}@media(max-width:768px){.staff{padding:14px}.staff__dropdown-row{flex-direction:column;align-items:stretch}.staff__mini-plus{align-self:flex-end}.staff__actions{flex-direction:column}.staff__actions button{width:100%}.staff__modal-header h3{font-size:22px}.staff__table{min-width:700px}.staff__type-modal{overflow-x:auto}}@media(max-width:480px){.staff__tabs{grid-template-columns:1fr}.staff__tab{height:46px}.staff__radio-row{flex-direction:column;gap:12px}.staff__floating-btn{width:48px;height:48px}.staff__column-dropdown{width:95%;right:2.5%}}.Uab{background:#f2f2f2;min-height:100vh;padding:20px}.UabHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.UabBreadcrumb{display:flex;gap:10px;color:gray;margin-top:8px}.UabHeaderIcons{display:flex;gap:25px;font-size:24px;align-items:center}.UabIconButton{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;font-size:24px;cursor:pointer}.UabIconButton:disabled{cursor:not-allowed;opacity:.45}.UabGridIcon{color:green;cursor:pointer}.UabPrintIcon{color:#4f46e5;cursor:pointer}.UabPdfIcon{color:red;cursor:pointer}.UabFilterCard{background:#fff;border-radius:18px;padding:18px}.UabFilterGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.UabSelectBox{display:flex;flex-direction:column}.UabSelectBox label{margin-bottom:6px;color:gray}.UabSelectBox select{height:60px;border:1px solid #ccc;border-radius:12px;padding:0 15px;font-size:16px}.UabSearchBtn{height:60px;margin-top:24px;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:18px;cursor:pointer}.UabError{margin-top:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-weight:600}.UabTableWrapper{margin-top:20px;height:520px;overflow-y:auto}.UabTable{width:100%;border-collapse:collapse}.UabTable th{background:#b8b8b8;padding:15px;border:1px solid #999}.UabTable td{padding:12px;border:1px solid #cfcfcf;text-align:center}.UabEmptyCell{color:#6b7280;font-weight:600}.UabModalOverlay{position:fixed;inset:0;background:#00000073;z-index:999}.UabModal{display:flex;height:100vh;background:#fff}.UabPreview{flex:2;overflow-y:auto;padding:25px}.UabSchoolLogo{width:120px}.UabPreview h1{color:#8b0000}.UabPreviewTable{width:100%;margin-top:20px;border-collapse:collapse}.UabPreviewTable th,.UabPreviewTable td{border:1px solid #ccc;padding:8px}.UabPrintPanel{width:380px;border-left:1px solid #ddd;padding:30px}.UabPrintOption{margin-bottom:25px}.UabPrintOption label{display:block;margin-bottom:8px}.UabPrintOption select{width:100%;height:50px;border-radius:10px;border:1px solid #ccc}.UabPrintButtons{margin-top:40px;display:flex;gap:15px}.UabSaveBtn{flex:1;height:50px;border:none;border-radius:25px;background:#2563eb;color:#fff;cursor:pointer}.UabSaveBtn:disabled{cursor:not-allowed;opacity:.55}.UabCancelBtn{flex:1;height:50px;border:1px solid #2563eb;border-radius:25px;background:#fff;color:#2563eb;cursor:pointer}@media(max-width:1200px){.UabFilterGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.UabHeader{flex-direction:column;gap:15px;align-items:flex-start}.UabFilterGrid{grid-template-columns:1fr}.UabModal{flex-direction:column}.UabPrintPanel{width:100%}}.calender{width:100%;padding:20px;background:#f5f7fb;min-height:100vh}.calender__card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0f172a14;border:1px solid #e5e7eb}.calender__toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.calender__title{font-size:22px;font-weight:700;color:#111827}.calender__nav,.calender__views{display:flex;gap:10px}.calender__btn,.calender__tab{border:1px solid #d1d5db;background:#fff;color:#374151;padding:8px 14px;border-radius:8px;cursor:pointer;transition:.3s}.calender__tab--on{background:#2563eb;color:#fff;border-color:#2563eb}.calender__monthHead{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc}.calender__monthHCell{padding:14px;text-align:center;font-weight:600;border-bottom:1px solid #e5e7eb;color:#475569}.calender__monthGrid{display:grid;grid-template-columns:repeat(7,1fr)}.calender__mCell{min-height:150px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:8px;background:#fff;position:relative}.calender__mCell--dim{background:#f8fafc}.calender__mCell--sat{background:#fcfcfd}.calender__mDate{font-size:14px;font-weight:700;color:#111827;margin-bottom:8px}.calendar-note{width:100%;min-height:70px;border:1px solid #dbe2ea;border-radius:8px;resize:none;padding:8px;font-size:13px;outline:none;background:#fff;color:#111827}.calendar-note:focus{border-color:#2563eb}.calender__mEvents{margin-top:8px}.calender__mEvent{padding:4px 8px;border-radius:6px;color:#fff;font-size:12px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calender__mEvent--black{background:#374151}.calender__mEvent--magenta{background:#d946ef}.calender__mEvent--blue{background:#2563eb}.calender__weekWrapper{overflow:auto}.calender__weekHeader{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid #e5e7eb;background:#f8fafc}.calender__weekDayHeader{text-align:center;padding:12px;border-left:1px solid #e5e7eb}.calender__dayName{font-weight:700;color:#111827}.calender__dayDate{font-size:13px;color:#6b7280}.calender__weekGrid{display:grid;position:relative}.calender__timeColumn{background:#fafafa}.calender__allDayLabel,.calender__timeLabel{height:40px;border-bottom:1px solid #e5e7eb;padding:10px;font-size:12px;color:#64748b}.calender__dayColumn{position:relative;border-left:1px solid #e5e7eb;background:#fff}.calender__allDayRow{height:40px;border-bottom:1px solid #e5e7eb}.calender__slot{height:40px;border-bottom:1px solid #edf2f7}.slot-input{width:100%;height:100%;border:none;padding:6px 8px;font-size:12px;background:transparent;color:#111827;outline:none}.slot-input:focus{background:#eff6ff}.calender__block{position:absolute;left:4px;right:4px;border-radius:8px;padding:8px;color:#fff;font-size:12px;font-weight:600;overflow:hidden;z-index:5}.calender__block--black{background:#374151}.calender__block--blue{background:#2563eb}.calender__block--magenta{background:#d946ef}.calender__weekWrapper::-webkit-scrollbar{width:8px;height:8px}.calender__weekWrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.calender__weekWrapper::-webkit-scrollbar-track{background:#f8fafc}@media(max-width:768px){.calender{padding:10px}.calender__toolbar{flex-direction:column;gap:12px}.calender__title{font-size:18px}.calender__mCell{min-height:120px}.calendar-note{min-height:50px}}.calender__tab{border:1px solid #d1d5db;background:#fff;color:#374151;padding:8px 14px;border-radius:8px;cursor:pointer;transition:none}.calender__tab:hover{background:#fff;color:#374151;border-color:#d1d5db}.calender__tab--on,.calender__tab--on:hover{background:#2563eb;color:#fff;border-color:#2563eb}.transport-vehicle-container{width:100%;padding:20px;background:#f4f5f8;min-height:100vh;box-sizing:border-box}.transport-vehicle-card{background:#e9eaee;border-radius:10px;padding:20px}.transport-vehicle-filter-row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.transport-vehicle-field{min-width:280px;flex:1}.transport-vehicle-field label{display:block;margin-bottom:8px;font-size:14px;color:#666}.transport-vehicle-field select{width:100%;height:55px;border:1px solid #9d9d9d;border-radius:10px;background:transparent;padding:0 15px;font-size:18px;outline:none;cursor:pointer}.transport-vehicle-search-btn{height:46px;min-width:100px;border:none;border-radius:5px;background:#4b42d4;color:#fff;font-size:16px;cursor:pointer;padding:0 20px}.transport-vehicle-search-btn:hover{opacity:.9}.transport-vehicle-search-btn:disabled{cursor:not-allowed;opacity:.6}.transport-vehicle-notification{margin-top:20px;padding:18px 25px;border-radius:8px;background:#eceef2;border:1px solid #fff;font-size:20px;color:#222}.transport-vehicle-error{margin-top:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-weight:600}.transport-vehicle-table-wrapper{width:100%;overflow-x:auto}.transport-vehicle-table{width:100%;min-width:1200px;border-collapse:collapse}.transport-vehicle-table thead th{background:#a8a8a8;color:#111827;border:1px solid #8e8e8e;padding:18px 10px;font-size:15px;font-weight:600;text-align:center}.transport-vehicle-table tbody td{border:1px solid #b5b5b5;padding:18px 10px;text-align:center;background:#f7f7f7;font-size:14px}.transport-vehicle-table tbody tr:hover td{background:#efefef}.transport-vehicle-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.transport-vehicle-table tbody td.transport-vehicle-empty{color:#6b7280;font-weight:600}@media(max-width:992px){.transport-vehicle-filter-row{flex-direction:column;align-items:stretch}.transport-vehicle-field,.transport-vehicle-search-btn{width:100%}}@media(max-width:768px){.transport-vehicle-container{padding:10px}.transport-vehicle-card{padding:15px}.transport-vehicle-field select{font-size:16px}.transport-vehicle-notification{font-size:16px;padding:15px}.transport-vehicle-search-btn{width:100%}}@media(max-width:480px){.transport-vehicle-table{min-width:1000px}.transport-vehicle-field{min-width:100%}}.transport-students{width:100%;padding:15px;box-sizing:border-box}.transport-card{width:100%;background:#f2f3f7;border-radius:10px;padding:18px;box-shadow:0 2px 8px #00000014}.filter-section{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.left-filters{display:flex;gap:18px;flex-wrap:wrap}.input-group{display:flex;flex-direction:column}.input-group label{font-size:14px;color:#666;margin-bottom:6px}.input-group select,.input-group input{width:210px;height:55px;border:1px solid #bfc3cc;border-radius:10px;padding:0 15px;font-size:16px;background:#fff;outline:none}.date-wrapper{position:relative}.calendar-icon{position:absolute;right:15px;top:18px;color:#4f46e5;font-size:20px}.right-actions{display:flex;align-items:center;gap:15px;position:relative;margin-top:24px}.search-btn{background:#4f46e5;color:#fff;border:none;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:16px}.search-btn:disabled{cursor:not-allowed;opacity:.6}.column-btn{border:none;background:transparent;color:#4f46e5;font-size:28px;cursor:pointer}.column-popup{position:absolute;top:60px;right:0;width:340px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 20px #0003;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;z-index:999}.column-item{display:flex;align-items:center;gap:10px}.column-item input{width:18px;height:18px;accent-color:#4f46e5}.transport-error{margin-bottom:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-weight:600}.table-container{width:100%;height:420px;overflow:auto;background:#fff;border:1px solid #d6d6d6;border-radius:8px}table{width:100%;min-width:1100px;border-collapse:collapse}thead{position:sticky;top:0;z-index:10}thead tr{background:#b8b8b8}thead th{padding:14px;border:1px solid #9f9f9f;text-align:center;font-weight:700}tbody td{padding:14px;border:1px solid #d4d4d4;text-align:center}tbody tr:nth-child(2n){background:#fafafa}tbody tr:hover{background:#f4f4ff}.empty-row{color:#6b7280;font-weight:600}.date-wrapper{position:relative;width:210px}.date-input{width:100%;height:55px;border:1px solid #bfc3cc;border-radius:10px;padding:0 45px 0 15px;font-size:16px;background:#fff;outline:none}.calendar-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#4f46e5;font-size:20px;pointer-events:none}.date-input::-webkit-calendar-picker-indicator{position:absolute;right:0;width:100%;height:100%;cursor:pointer;opacity:0}@media(max-width:768px){.filter-section{flex-direction:column}.left-filters{width:100%;flex-direction:column}.input-group,.input-group select,.input-group input{width:100%}.right-actions{justify-content:flex-end}.column-popup{width:260px;grid-template-columns:1fr}}.WelcomeSection{width:100%;padding:20px;background:#f4f8ff}.WelcomeSection_Main{display:flex;gap:20px;align-items:flex-start}.WelcomeSection{width:100%;padding:12px;background:#f4f8ff}.WelcomeSection_TopRow{display:grid;grid-template-columns:430px 1fr;gap:12px}.WelcomeSection_BottomRow{display:grid;grid-template-columns:430px 1fr 1fr;gap:12px;margin-top:12px}.WelcomeSection_CardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.WelcomeSection_Left{width:500px;flex-shrink:0}.WelcomeSection_WelcomeCard{height:185px;border-radius:18px;padding:18px;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);position:relative;overflow:hidden;margin-bottom:20px;box-shadow:0 20px 40px #2563eb40}.WelcomeSection_WelcomeCard:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffffff14;top:-70px;right:-70px}.WelcomeSection_WelcomeCard:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff0d;left:-60px;bottom:-60px}.WelcomeSection_Content{position:relative;z-index:2}.WelcomeSection_Content h1{color:#fff;font-size:62px;line-height:1;font-weight:800;margin-bottom:15px}.WelcomeSection_Content p{color:#fffffff2;font-size:18px;line-height:1.7;max-width:260px}.WelcomeSection_RefreshBtn{margin-top:28px;height:48px;width:220px;border:none;border-radius:12px;background:#fff;color:#2563eb;font-weight:700;font-size:15px;cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:center;transition:.3s}.WelcomeSection_RefreshBtn:hover{transform:translateY(-3px)}.WelcomeSection_Content span{display:block;margin-top:12px;color:#fff;font-size:14px}.WelcomeSection_Clock{position:absolute;top:20px;right:20px;color:#fff;text-align:center;z-index:2}.WelcomeSection_Clock p{font-size:15px;font-weight:700}.WelcomeSection_Illustration{position:absolute;right:10px;bottom:0;z-index:2}.WelcomeSection_Illustration img{width:120px;animation:floatImage 4s ease-in-out infinite}@keyframes floatImage{50%{transform:translateY(-10px)}}.WelcomeSection_BirthdayCard{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #dbe7ff;box-shadow:0 8px 20px #2563eb14;height:100%}.WelcomeSection_BirthdayHeader{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fbff,#fff);border-bottom:1px solid #edf2ff}.WelcomeSection_Tabs{display:flex;align-items:center;gap:12px}.WelcomeSection_Tabs span{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#334155;padding:5px 10px;border-radius:20px;background:#f1f5ff}.WelcomeSection_Tabs svg{font-size:12px}.WelcomeSection_BirthdayHeader button{border:none;height:30px;padding:0 12px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px;cursor:pointer;transition:.3s}.WelcomeSection_BirthdayHeader button:hover{transform:translateY(-2px)}.WelcomeSection_BirthdayBody{padding:10px;display:flex;flex-direction:column;gap:10px}.WelcomeSection_PersonCard{background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #e4ecff;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:.3s;position:relative;overflow:hidden}.WelcomeSection_PersonCard:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;right:-20px;bottom:-20px;background:#2563eb0d}.WelcomeSection_PersonCard:hover{transform:translateY(-3px);box-shadow:0 10px 20px #2563eb1f}.WelcomeSection_PersonCard img{width:46px;height:46px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 10px #0000001f}.WelcomeSection_PersonCard h4{font-size:13px;font-weight:700;color:#0f172a;margin:0}.WelcomeSection_PersonCard p{margin-top:2px;font-size:11px;color:#64748b}.WelcomeSection_PersonCard button{margin-left:auto;height:30px;padding:0 10px;border:none;border-radius:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:.3s}.WelcomeSection_PersonCard button:hover{transform:scale(1.05)}.WelcomeSection_Right{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.WelcomeSection_StatCard{height:86px;min-height:86px;border-radius:16px;padding:10px 12px;gap:10px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #d8e8ff;display:flex;align-items:center;gap:18px;position:relative;overflow:hidden;transition:.35s;box-shadow:0 8px 24px #0000000d,0 2px 8px #0000000a}.WelcomeSection_StatCard:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2563eb26,0 8px 20px #2563eb1a}.WelcomeSection_Badge{position:absolute;top:10px;right:12px;background:#22c55e;color:#fff;padding:5px 14px;border-radius:30px;font-size:12px;font-weight:700}.WelcomeSection_Icon{border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;animation:iconFloat 3s infinite ease-in-out;width:48px;height:48px;min-width:48px;font-size:20px}@keyframes iconFloat{50%{transform:translateY(-4px)}}.WelcomeSection_Info h3{font-size:18px;margin-bottom:2px;line-height:1;color:#0f172a;font-weight:800}.WelcomeSection_Info p{color:#64748b;font-size:11px;margin-top:3px;font-weight:500}.WelcomeSection_Circle{position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%)}.WelcomeSection_red{color:#ff5a5f;border:3px solid #ff5a5f;box-shadow:0 0 0 10px #ff5a5f1a}.WelcomeSection_purple{color:#b16eff;border:3px solid #b16eff;box-shadow:0 0 0 10px #b16eff1a}.WelcomeSection_blue{color:#4f7dff;border:3px solid #4f7dff;box-shadow:0 0 0 10px #4f7dff1a}.WelcomeSection_cyan{color:#2ac7ff;border:3px solid #2ac7ff;box-shadow:0 0 0 10px #2ac7ff1a}.WelcomeSection_teal{color:#20c7b7;border:3px solid #20c7b7;box-shadow:0 0 0 10px #20c7b71a}.WelcomeSection_green{color:#7cc957;border:3px solid #7cc957;box-shadow:0 0 0 10px #7cc9571a}.WelcomeSection_orange{color:#f6a623;border:3px solid #f6a623;box-shadow:0 0 0 10px #f6a6231a}.WelcomeSection_pink{color:#ff6ea8;border:3px solid #ff6ea8;box-shadow:0 0 0 10px #ff6ea81a}@media(max-width:1400px){.WelcomeSection_TopRow{grid-template-columns:380px 1fr}.WelcomeSection_BottomRow{grid-template-columns:380px 1fr 1fr}.WelcomeSection_Content h1{font-size:48px}.WelcomeSection_Illustration img{width:100px}}@media(max-width:1200px){.WelcomeSection_TopRow,.WelcomeSection_BottomRow{grid-template-columns:1fr}.WelcomeSection_CardsGrid{grid-template-columns:repeat(3,1fr)}.WelcomeSection_WelcomeCard{height:220px}}@media(max-width:992px){.WelcomeSection{padding:10px}.WelcomeSection_CardsGrid{grid-template-columns:repeat(2,1fr)}.WelcomeSection_BirthdayBody{grid-template-columns:1fr}.WelcomeSection_WelcomeCard{height:auto;min-height:220px}.WelcomeSection_Content h1{font-size:38px}.WelcomeSection_Content p{font-size:14px}.WelcomeSection_RefreshBtn{width:160px;height:38px;font-size:13px}}@media(max-width:768px){.WelcomeSection{padding:8px}.WelcomeSection_CardsGrid{grid-template-columns:1fr}.WelcomeSection_BottomRow{gap:10px}.WelcomeSection_BirthdayHeader{flex-direction:column;align-items:flex-start;height:auto;padding:10px;gap:10px}.WelcomeSection_Tabs{flex-wrap:wrap;gap:8px}.WelcomeSection_Tabs span{font-size:11px;padding:4px 8px}.WelcomeSection_BirthdayHeader button{width:100%;justify-content:center}.WelcomeSection_PersonCard{flex-wrap:wrap}.WelcomeSection_PersonCard button{width:100%;margin-left:0;margin-top:6px}.WelcomeSection_WelcomeCard{min-height:200px;padding:15px}.WelcomeSection_Content h1{font-size:32px}.WelcomeSection_Content p{font-size:13px;max-width:180px}.WelcomeSection_Illustration{right:5px}.WelcomeSection_Illustration img{width:110px}.WelcomeSection_Clock{top:10px;right:10px}}@media(max-width:576px){.WelcomeSection{padding:6px}.WelcomeSection_WelcomeCard{min-height:180px;border-radius:14px}.WelcomeSection_Content h1{font-size:26px}.WelcomeSection_Content p{font-size:12px;max-width:150px}.WelcomeSection_RefreshBtn{width:140px;height:34px;font-size:11px}.WelcomeSection_Content span{font-size:11px}.WelcomeSection_Illustration img{width:90px}.WelcomeSection_StatCard{height:75px;min-height:75px;padding:8px}.WelcomeSection_Icon{width:40px;height:40px;min-width:40px;font-size:16px}.WelcomeSection_Info h3{font-size:15px}.WelcomeSection_Info p{font-size:10px}.WelcomeSection_Badge{font-size:8px;padding:2px 6px}.WelcomeSection_PersonCard img{width:38px;height:38px}.WelcomeSection_PersonCard h4{font-size:11px}.WelcomeSection_PersonCard p{font-size:10px}.WelcomeSection_PersonCard button{height:28px;font-size:10px}}@media(max-width:380px){.WelcomeSection_Content h1{font-size:22px}.WelcomeSection_Illustration{display:none}.WelcomeSection_RefreshBtn{width:120px;font-size:10px}.WelcomeSection_StatCard{height:70px}.WelcomeSection_Icon{width:35px;height:35px;min-width:35px;font-size:14px}.WelcomeSection_Info h3{font-size:13px}}.EarningModeMain{width:100%;display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:stretch}.EarningModeMain_Card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 8px 20px #2563eb14,0 2px 6px #00000008;height:43vh;min-height:340px;display:flex;flex-direction:column;transition:all .3s ease}.EarningModeMain_Card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #2563eb1f,0 6px 15px #0000000d}.EarningModeMain_Header{padding:18px 22px;border-bottom:1px solid #e8f0ff;flex-shrink:0}.EarningModeMain_Header h2{font-size:26px;font-weight:700;color:#0f172a;line-height:1.2;margin-bottom:4px}.EarningModeMain_Header p{font-size:14px;color:#64748b}.EarningModeMain_DonutWrap{flex:1;padding:16px;min-height:0;display:flex;align-items:center;justify-content:center}.EarningModeMain_BarCard{display:flex;flex-direction:column}.EarningModeMain_BarWrap{flex:1;padding:16px;min-height:0}@media(max-width:1400px){.EarningModeMain{grid-template-columns:360px 1fr}.EarningModeMain_Card{height:42vh}.EarningModeMain_Header h2{font-size:24px}}@media(max-width:1200px){.EarningModeMain{grid-template-columns:1fr}.EarningModeMain_Card{height:45vh}.EarningModeMain_Header h2{font-size:22px}}@media(max-width:992px){.EarningModeMain{gap:15px}.EarningModeMain_Card{height:42vh;min-height:300px}.EarningModeMain_Header{padding:16px 18px}.EarningModeMain_Header h2{font-size:20px}.EarningModeMain_Header p{font-size:13px}.EarningModeMain_DonutWrap,.EarningModeMain_BarWrap{padding:12px}}@media(max-width:768px){.EarningModeMain{gap:12px}.EarningModeMain_Card{height:40vh;min-height:280px;border-radius:18px}.EarningModeMain_Header{padding:14px 16px}.EarningModeMain_Header h2{font-size:18px}.EarningModeMain_Header p{font-size:12px}.EarningModeMain_DonutWrap,.EarningModeMain_BarWrap{padding:10px}}@media(max-width:576px){.EarningModeMain{gap:10px}.EarningModeMain_Card{height:38vh;min-height:250px;border-radius:16px}.EarningModeMain_Header{padding:12px 14px}.EarningModeMain_Header h2{font-size:16px}.EarningModeMain_Header p{font-size:11px}.EarningModeMain_DonutWrap,.EarningModeMain_BarWrap{padding:8px}}@media(max-width:380px){.EarningModeMain_Card{height:35vh;min-height:220px}.EarningModeMain_Header h2{font-size:15px}.EarningModeMain_Header p{font-size:10px}}.FeeCollection{width:100%}.FeeCollection_Card{background:#fff;border-radius:24px;border:1px solid #dbeafe;overflow:hidden;box-shadow:0 8px 20px #2563eb14;height:45vh;min-height:420px;display:flex;flex-direction:column}.FeeCollection_Header{padding:18px 24px;border-bottom:1px solid #e5efff}.FeeCollection_Header h2{font-size:24px;color:#0f172a;font-weight:700}.FeeCollection_Header p{margin-top:4px;color:#64748b;font-size:14px}.FeeCollection_GraphWrap{flex:1;padding:20px;min-height:0}@media(max-width:1200px){.FeeCollection_Card{height:50vh}}@media(max-width:768px){.FeeCollection_Card{height:45vh;min-height:350px}.FeeCollection_Header{padding:15px}.FeeCollection_Header h2{font-size:20px}.FeeCollection_GraphWrap{padding:10px}}@media(max-width:480px){.FeeCollection_Card{height:40vh;min-height:300px}.FeeCollection_Header h2{font-size:18px}}.StudentBalance{width:100%;display:grid;grid-template-columns:2fr 1fr;gap:20px}.StudentBalance_Card{background:#fff;border-radius:24px;border:1px solid #dbeafe;overflow:hidden;height:45vh;min-height:380px;display:flex;flex-direction:column;box-shadow:0 8px 24px #2563eb14}.StudentBalance_Header{padding:18px 24px;border-bottom:1px solid #e5efff;display:flex;justify-content:space-between;align-items:center}.StudentBalance_Header h2{font-size:24px;font-weight:700;color:#0f172a}.StudentBalance_Header p{margin-top:3px;color:#64748b;font-size:14px}.StudentBalance_Badge{background:#22c55e;color:#fff;padding:6px 14px;border-radius:30px;font-size:12px;font-weight:700}.StudentBalance_BarWrap,.StudentBalance_DonutWrap{flex:1;padding:20px;min-height:0}@media(max-width:1200px){.StudentBalance{grid-template-columns:1fr}.StudentBalance_Card{height:48vh}}@media(max-width:768px){.StudentBalance_Card{height:42vh;min-height:320px}.StudentBalance_Header{padding:15px;flex-wrap:wrap;gap:10px}.StudentBalance_Header h2{font-size:20px}.StudentBalance_BarWrap,.StudentBalance_DonutWrap{padding:10px}}@media(max-width:480px){.StudentBalance_Card{height:40vh;min-height:280px}.StudentBalance_Header h2{font-size:18px}.StudentBalance_Badge{font-size:10px;padding:5px 10px}}.StaffPayrollMain{width:100%;margin-top:15px}.StaffPayrollMain_Card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 8px 25px #2563eb14;height:48vh;min-height:420px;display:flex;flex-direction:column}.StaffPayrollMain_Header{padding:20px 24px;border-bottom:1px solid #e5efff}.StaffPayrollMain_Header h2{font-size:28px;font-weight:700;color:#0f172a}.StaffPayrollMain_GraphWrap{flex:1;padding:20px;min-height:0}@media(max-width:1400px){.StaffPayrollMain_Card{height:50vh}.StaffPayrollMain_Header h2{font-size:24px}}@media(max-width:992px){.StaffPayrollMain_Card{height:48vh;min-height:350px}.StaffPayrollMain_Header{padding:16px}.StaffPayrollMain_Header h2{font-size:22px}.StaffPayrollMain_GraphWrap{padding:12px}}@media(max-width:768px){.StaffPayrollMain_Card{height:45vh;min-height:320px;border-radius:18px}.StaffPayrollMain_Header h2{font-size:18px;line-height:1.4}}@media(max-width:480px){.StaffPayrollMain_Card{height:42vh;min-height:280px}.StaffPayrollMain_Header{padding:14px}.StaffPayrollMain_Header h2{font-size:16px}.StaffPayrollMain_GraphWrap{padding:8px}}.MainCallender{width:100%;height:65vh;min-height:650px;padding:15px;background:#f4f8ff;display:flex;justify-content:center}.MainCallender__card{width:100%;height:100%;background:#fff;border-radius:18px;border:1px solid #dbeafe;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #2563eb14}.MainCallender__toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 16px;background:#f9fbff;border-bottom:1px solid #e5e9f2}.MainCallender__nav{display:inline-flex;align-items:center}.MainCallender__btn{border:0;cursor:pointer;font-weight:900;color:#fff;background:#1e3a8a;height:36px;padding:0 14px}.MainCallender__btn--split{width:40px;padding:0;font-size:22px}.MainCallender__btn--split:first-child{border-radius:7px 0 0 7px}.MainCallender__btn--split:nth-child(2){border-radius:0}.MainCallender__btn--today{background:#0ea5e9;border-radius:0 7px 7px 0}.MainCallender__title{font-size:22px;font-weight:800;color:#1e293b;text-align:center}.MainCallender__views{display:inline-flex;justify-content:flex-end}.MainCallender__tab{border:0;cursor:pointer;height:36px;padding:0 14px;font-weight:800;font-size:14px;color:#fff;background:#1e3a8a;border-left:1px solid rgba(255,255,255,.2)}.MainCallender__tab:first-child{border-radius:7px 0 0 7px;border-left:0}.MainCallender__tab:last-child{border-radius:0 7px 7px 0}.MainCallender__tab--on{background:#0ea5e9}.MainCallender__body{flex:1;overflow:auto;padding:12px}.MainCallender__monthHead{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #e2e8f0;border-bottom:0}.MainCallender__monthHCell{padding:10px 12px;text-align:center;font-weight:800;font-size:14px;color:#1e293b;border-right:1px solid #e2e8f0}.MainCallender__monthHCell:last-child{border-right:0}.MainCallender__monthGrid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #e2e8f0}.MainCallender__mCell{position:relative;min-height:92px;padding:10px;border-right:1px solid #e2e8f0;border-top:1px solid #e2e8f0;background:#fff}.MainCallender__mCell:nth-child(7n){border-right:0}.MainCallender__mCell--dim .MainCallender__mDate{opacity:.35}.MainCallender__mCell--sat{background:#faf6e6}.MainCallender__mDate{position:absolute;top:8px;right:10px;font-weight:900;font-size:16px;color:#1e293b}.MainCallender__mEvents{margin-top:28px;display:grid;gap:8px}.MainCallender__mEvent{height:32px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff}.MainCallender__mEvent--black{background:#111}.MainCallender__mEvent--magenta{background:#c13aa8}.MainCallender__weekWrapper{border:1px solid #e2e8f0;border-radius:10px;overflow:auto}.MainCallender__weekHeader{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#fff}.MainCallender__timeColumnHeader{background:#fff;border-right:1px solid #e2e8f0;min-height:50px}.MainCallender__weekDayHeader{text-align:center;padding:8px 0;border-right:1px solid #e2e8f0}.MainCallender__weekDayHeader:last-child{border-right:0}.MainCallender__dayName{font-weight:800;font-size:14px;color:#1e293b}.MainCallender__dayDate{font-size:13px;color:#64748b}.MainCallender__weekGrid{display:grid}.MainCallender__timeColumn{border-right:1px solid #e2e8f0;background:#fff}.MainCallender__allDayLabel{height:40px;display:flex;align-items:center;padding-left:12px;font-weight:800;font-size:13px;border-bottom:1px solid #e2e8f0}.MainCallender__timeLabel{height:40px;display:flex;align-items:center;padding-left:12px;font-weight:700;font-size:12px;color:#475569;border-bottom:1px solid #f1f5f9}.MainCallender__dayColumn{position:relative;background:#fff;border-right:1px solid #e2e8f0}.MainCallender__dayColumn:last-child{border-right:0}.MainCallender__dayColumn--sat{background:#faf6e6}.MainCallender__allDayRow{height:40px;border-bottom:1px solid #e2e8f0}.MainCallender__slot{height:40px;border-bottom:1px solid #f1f5f9}.MainCallender__block{position:absolute;left:8px;right:8px;border-radius:8px;font-weight:800;color:#fff;padding:8px 10px;font-size:12px;box-shadow:0 10px 18px #0f172a2e;animation:cal-pop .22s ease both}@keyframes cal-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.MainCallender__block--black{background:#111}.MainCallender__block--blue{background:#1e3a8a}@media(max-width:1200px){.MainCallender{height:60vh}.MainCallender__toolbar{grid-template-columns:1fr}.MainCallender__views{justify-content:center}}@media(max-width:768px){.MainCallender{height:65vh;min-height:550px}.MainCallender__title{font-size:18px}.MainCallender__weekHeader{grid-template-columns:60px repeat(7,180px)}}@media(max-width:480px){.MainCallender{height:70vh;min-height:500px;padding:8px}.MainCallender__title{font-size:16px}}:root{--fg-brand-accent: #6366f1;--fg-brand-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--fg-brand-hover: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);--fg-brand-glow: rgba(99, 102, 241, .15);--fg-modify-gradient: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);--fg-modify-hover: linear-gradient(135deg, #0284c7 0%, #1d4ed8 100%);--fg-danger-accent: #f43f5e;--fg-danger-bg: rgba(244, 63, 94, .06);--fg-danger-border: rgba(244, 63, 94, .15);--fg-canvas: #fafbfe;--fg-surface: #ffffff;--fg-border-light: #f3f4f6;--fg-border-mid: #e5e7eb;--fg-text-main: #1f2937;--fg-text-muted: #6b7280;--fg-shadow-premium: 0 20px 40px -15px rgba(0, 0, 0, .03), 0 1px 3px 0 rgba(0, 0, 0, .01);--fg-shadow-modal: 0 25px 60px -10px rgba(15, 23, 42, .12), 0 0 0 1px rgba(0, 0, 0, .02);--fg-radius: 20px;--fg-radius-inner: 12px}.fg-container{font-family:Plus Jakarta Sans,sans-serif;padding:3.5rem 3rem;background-color:var(--fg-canvas);min-height:100vh;color:var(--fg-text-main);box-sizing:border-box;letter-spacing:-.01em}.fg-container *{box-sizing:border-box}.fg-card{background:var(--fg-surface);border-radius:var(--fg-radius);box-shadow:var(--fg-shadow-premium);border:1px solid var(--fg-border-mid);overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1)}.fg-top-bar{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background-color:#fff;border-bottom:1px solid var(--fg-border-light);gap:2rem}.fg-search-box-wrapper{position:relative;flex:1;max-width:440px}.fg-search-inline-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--fg-text-muted);font-size:1rem;pointer-events:none;opacity:.7;transition:color .2s ease}.fg-search-input{width:100%;padding:.85rem 1rem .85rem 3rem;font-size:.95rem;font-weight:500;border:1px solid var(--fg-border-mid);border-radius:var(--fg-radius-inner);background-color:#f9fafb;outline:none;font-family:inherit;color:var(--fg-text-main);transition:all .25s cubic-bezier(.16,1,.3,1)}.fg-search-input:focus{background-color:#fff;border-color:var(--fg-brand-accent);box-shadow:0 0 0 4px var(--fg-brand-glow)}.fg-search-box-wrapper:focus-within .fg-search-inline-icon{color:var(--fg-brand-accent)}.fg-btn-add{display:inline-flex;align-items:center;gap:.75rem;background:var(--fg-brand-gradient);color:#fff;border:none;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:var(--fg-radius-inner);font-family:inherit;cursor:pointer;box-shadow:0 4px 16px #4f46e52e;transition:all .25s cubic-bezier(.16,1,.3,1)}.fg-btn-add:hover{background:var(--fg-brand-hover);transform:translateY(-1px);box-shadow:0 6px 24px #4f46e547}.fg-btn-add:active{transform:translateY(0)}.fg-add-icon{font-size:.85rem}.fg-table-wrapper{width:100%;overflow-x:auto}.fg-table{width:100%;border-collapse:collapse;text-align:left}.fg-table th{background-color:#fafbfc;color:var(--fg-text-muted);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;padding:1.5rem 2.5rem;border-bottom:2px solid var(--fg-border-light);-webkit-user-select:none;user-select:none}.fg-th-content{display:inline-flex;align-items:center;gap:.6rem}.fg-sortable-th{cursor:pointer;transition:color .2s ease}.fg-sortable-th:hover{color:var(--fg-brand-accent)}.fg-sort-wrapper{display:inline-flex;align-items:center}.fg-sort-icon{font-size:1.1rem;color:#d1d5db;transition:all .2s ease}.fg-sort-icon.active{color:var(--fg-brand-accent)}.fg-sort-icon.shift-down{transform:translateY(1px)}.fg-table td{padding:1.5rem 2.5rem;border-bottom:1px solid var(--fg-border-light);font-size:.98rem;color:#374151;font-weight:500}.fg-row-interactive{transition:background-color .2s ease,transform .2s ease}.fg-row-interactive:hover{background-color:#fafaff}.fg-row-interactive:last-of-type td{border-bottom:none}.fg-serial-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#f3f4f6;border-radius:8px;font-size:.85rem;font-weight:700;color:#4b5563}.fg-name-cell-wrapper{display:flex;align-items:center;gap:.75rem}.fg-indicator-dot{width:6px;height:6px;border-radius:50%;background-color:var(--fg-brand-accent);opacity:.6}.fg-text-bold{font-weight:600;color:var(--fg-text-main)}.fg-badge-priority{display:inline-block;padding:.45rem .9rem;border-radius:30px;font-size:.8rem;font-weight:700;letter-spacing:.02em}.fg-badge-priority.prio-high{background-color:#d1fae5;color:#065f46}.fg-badge-priority.prio-med{background-color:#fef3c7;color:#92400e}.fg-badge-priority.prio-low{background-color:#f3f4f6;color:#374151}.fg-action-btn-group{display:flex;gap:.6rem;justify-content:flex-end}.fg-action-icon-btn{border:1px solid var(--fg-border-mid);background-color:#fff;padding:.65rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--fg-text-muted);transition:all .2s cubic-bezier(.16,1,.3,1)}.fg-action-icon-btn.edit-btn:hover{color:var(--fg-brand-accent);border-color:#c7d2fe;background-color:#f5f3ff;transform:scale(1.05)}.fg-action-icon-btn.delete-btn:hover{color:var(--fg-danger-accent);border-color:var(--fg-danger-border);background-color:var(--fg-danger-bg);transform:scale(1.05)}.fg-table-empty{padding:6rem 0!important}.fg-empty-state-view{text-align:center;color:var(--fg-text-muted)}.fg-empty-illustration{font-size:2.5rem;color:#cbd5e1;margin-bottom:.5rem}.fg-empty-state-view p{margin:0;font-size:.95rem;font-weight:500}.fg-pagination{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2.5rem;background-color:#fff;border-top:1px solid var(--fg-border-light)}.fg-pagination-info{font-size:.92rem;color:var(--fg-text-muted);font-weight:500}.fg-highlight-text{font-weight:700;color:var(--fg-text-main)}.fg-pagination-btns{display:flex;gap:.6rem}.fg-page-btn{background:#fff;border:1px solid var(--fg-border-mid);padding:.6rem 1.35rem;font-size:.88rem;font-weight:600;border-radius:var(--fg-radius-inner);cursor:pointer;font-family:inherit;color:#4b5563;transition:all .2s ease}.fg-page-btn:hover:not(:disabled){border-color:#bfa6ff;background-color:#fafaff;color:var(--fg-brand-accent)}.fg-page-btn:disabled{opacity:.4;cursor:not-allowed}.fg-modal-overlay{position:fixed;inset:0;background-color:#0f172a4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .25s ease-out forwards}.fg-modal-card{background:#fff;border-radius:var(--fg-radius);width:94%;max-width:480px;box-shadow:var(--fg-shadow-modal);overflow:hidden;animation:modalSlideUp .35rem cubic-bezier(.34,1.56,.64,1) forwards}.fg-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2.25rem;border-bottom:1px solid var(--fg-border-light)}.fg-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--fg-text-main);letter-spacing:-.02em}.fg-modal-close{background:none;border:none;color:var(--fg-text-muted);cursor:pointer;font-size:1.1rem;display:flex;padding:.5rem;border-radius:50%;transition:all .2s ease}.fg-modal-close:hover{background-color:#f3f4f6;color:var(--fg-text-main)}.fg-modal-body{padding:2.25rem;display:flex;flex-direction:column;gap:1.75rem}.fg-form-group{display:flex;flex-direction:column;gap:.6rem}.fg-form-group label{font-size:.88rem;font-weight:700;color:#374151}.fg-required{color:var(--fg-danger-accent)}.fg-form-group input{padding:.85rem 1.15rem;font-size:.98rem;font-weight:500;border:1px solid var(--fg-border-mid);border-radius:var(--fg-radius-inner);outline:none;font-family:inherit;width:100%;color:var(--fg-text-main);background-color:#f9fafb;transition:all .25s cubic-bezier(.16,1,.3,1)}.fg-form-group input:focus{background-color:#fff;border-color:var(--fg-brand-accent);box-shadow:0 0 0 4px var(--fg-brand-glow)}.fg-modal-footer{display:flex;justify-content:flex-end;gap:.85rem;padding:1.5rem 2.25rem;border-top:1px solid var(--fg-border-light);background-color:#fbfbfc}.fg-btn-cancel{background:#fff;border:1px solid var(--fg-border-mid);color:#4b5563;padding:.8rem 1.75rem;font-size:.92rem;font-weight:600;border-radius:var(--fg-radius-inner);font-family:inherit;cursor:pointer;transition:all .2s ease}.fg-btn-cancel:hover{background-color:#f3f4f6;color:var(--fg-text-main)}.fg-btn-save{background:var(--fg-brand-gradient);border:none;color:#fff;padding:.8rem 1.75rem;font-size:.92rem;font-weight:600;border-radius:var(--fg-radius-inner);font-family:inherit;cursor:pointer;box-shadow:0 4px 14px #4f46e533;transition:all .2s ease}.fg-btn-save:hover{background:var(--fg-brand-hover);box-shadow:0 6px 20px #4f46e54d}.fg-btn-save.action-modify{background:var(--fg-modify-gradient);box-shadow:0 4px 14px #0ea5e933}.fg-btn-save.action-modify:hover{background:var(--fg-modify-hover);box-shadow:0 6px 20px #0ea5e94d}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.fg-container{padding:2rem 1.5rem}.fg-top-bar{flex-direction:column;align-items:stretch;padding:1.75rem;gap:1.25rem}.fg-search-box-wrapper{max-width:100%}.fg-table th,.fg-table td{padding:1.25rem 1.5rem}.fg-pagination{flex-direction:column;gap:1.5rem;text-align:center;padding:1.75rem}.fg-action-btn-group{justify-content:flex-start}}:root{--fh-bg-canvas: #f8fafc;--fh-bg-surface: #ffffff;--fh-primary: #4f46e5;--fh-primary-hover: #4338ca;--fh-primary-light: #eeebff;--fh-text-main: #1e293b;--fh-text-muted: #64748b;--fh-border-light: #e2e8f0;--fh-danger: #ef4444;--fh-danger-hover: #dc2626;--fh-radius-lg: 16px;--fh-radius-md: 10px;--fh-shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.02);--fh-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--fh-shadow-lg: 0 20px 25px -5px rgba(79, 70, 229, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.fh-main-container{padding:32px;background-color:var(--fh-bg-canvas);min-height:100vh;color:var(--fh-text-main);font-family:Plus Jakarta Sans,sans-serif}.fh-toolbar-panel{display:flex;justify-content:space-between;align-items:center;background:var(--fh-bg-surface);padding:16px 24px;border-radius:var(--fh-radius-lg);margin-bottom:24px;position:relative;box-shadow:var(--fh-shadow-sm);border:1px solid var(--fh-border-light)}.fh-search-control-wrapper{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:10px 18px;border-radius:var(--fh-radius-md);width:360px;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.fh-search-control-wrapper:focus-within{background:var(--fh-bg-surface);border-color:var(--fh-primary);box-shadow:0 0 0 3px #4f46e526}.fh-search-icon{color:var(--fh-text-muted);font-size:16px}.fh-search-input{border:none;background:none;outline:none;width:100%;font-size:14px;color:var(--fh-text-main);font-weight:500}.fh-action-controls-group{display:flex;gap:12px}.fh-btn-filter-toggle{width:44px;height:44px;border:1px solid var(--fh-border-light);cursor:pointer;border-radius:var(--fh-radius-md);font-size:15px;background:var(--fh-bg-surface);color:var(--fh-text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fh-btn-filter-toggle:hover{color:var(--fh-primary);border-color:var(--fh-primary);background:var(--fh-primary-light)}.fh-btn-filter-toggle.fh-btn-active{background:var(--fh-primary);color:#fff;border-color:var(--fh-primary)}.fh-btn-primary-add{display:flex;align-items:center;gap:8px;padding:0 20px;height:44px;border:none;cursor:pointer;border-radius:var(--fh-radius-md);font-size:14px;font-weight:600;background:var(--fh-primary);color:#fff;box-shadow:var(--fh-shadow-lg);transition:background-color .2s ease}.fh-btn-primary-add:hover{background:var(--fh-primary-hover)}.fh-column-popover-dropdown{position:absolute;top:76px;right:24px;background:var(--fh-bg-surface);padding:20px;border-radius:var(--fh-radius-md);box-shadow:var(--fh-shadow-md);border:1px solid var(--fh-border-light);width:280px;z-index:100}.fh-popover-title{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--fh-text-muted);margin-bottom:12px;font-weight:700}.fh-popover-checkbox-grid{display:flex;flex-direction:column;gap:10px}.fh-popover-checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--fh-text-main);cursor:pointer}.fh-popover-native-checkbox{accent-color:var(--fh-primary);width:16px;height:16px}.fh-table-container-card{background:var(--fh-bg-surface);border-radius:var(--fh-radius-lg);overflow-x:auto;box-shadow:var(--fh-shadow-sm);border:1px solid var(--fh-border-light)}.fh-data-table{width:100%;border-collapse:collapse;text-align:left}.fh-table-head-cell{background:#fafafa;padding:16px 24px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.75px;color:var(--fh-text-muted);border-bottom:1px solid var(--fh-border-light)}.fh-table-head-cell-actions{text-align:right}.fh-table-row-body{transition:background-color .15s ease}.fh-table-row-body:hover{background-color:#f8fafc}.fh-table-body-cell{padding:18px 24px;font-size:14px;font-weight:500;color:var(--fh-text-main);border-bottom:1px solid var(--fh-border-light);white-space:nowrap}.fh-cell-bold{font-weight:700;color:var(--fh-text-muted)}.fh-cell-group-badge span{background-color:#e0e7ff;color:#4338ca;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.fh-cell-primary-highlight{font-weight:600;color:var(--fh-text-main)}.fh-badge-light{background-color:#f1f5f9;color:var(--fh-text-muted);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.fh-cell-actions-container{display:flex;justify-content:flex-end;gap:8px}.fh-btn-action-edit,.fh-btn-action-delete{border:none;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease}.fh-btn-action-edit{background:#eff6ff;color:#2563eb}.fh-btn-action-edit:hover{background:#2563eb;color:#fff}.fh-btn-action-delete{background:#fef2f2;color:var(--fh-danger)}.fh-btn-action-delete:hover{background:var(--fh-danger);color:#fff}.fh-table-empty-fallback-cell{padding:64px 0;text-align:center;background:var(--fh-bg-surface)}.fh-empty-state-text{color:var(--fh-text-muted);font-size:15px;font-weight:500}.fh-pagination-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--fh-bg-surface);margin-top:16px;border-radius:var(--fh-radius-lg);box-shadow:var(--fh-shadow-sm);border:1px solid var(--fh-border-light)}.fh-pagination-summary-text{font-size:14px;color:var(--fh-text-muted)}.fh-text-dark{color:var(--fh-text-main);font-weight:600}.fh-pagination-actions-nav{display:flex;align-items:center;gap:16px}.fh-btn-nav-arrow{width:36px;height:36px;border:1px solid var(--fh-border-light);background:var(--fh-bg-surface);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fh-text-main);transition:all .15s ease}.fh-btn-nav-arrow:hover:not(:disabled){border-color:var(--fh-primary);color:var(--fh-primary)}.fh-btn-nav-arrow:disabled{opacity:.4;cursor:not-allowed}.fh-pagination-indicator{font-size:14px;font-weight:600;color:var(--fh-text-main)}.fh-modal-overlay-backdrop{position:fixed;inset:0;background:#0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.fh-modal-window-card{width:100%;max-width:760px;background:var(--fh-bg-surface);border-radius:20px;box-shadow:0 25px 50px -12px #00000026;border:1px solid var(--fh-border-light);overflow:hidden;display:flex;flex-direction:column;max-height:90vh;animation:fhModalAnim .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fhModalAnim{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.fh-modal-header-section{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--fh-border-light)}.fh-modal-subtitle{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--fh-primary);letter-spacing:1px;display:block;margin-bottom:4px}.fh-modal-main-title{font-size:20px;font-weight:700;color:var(--fh-text-main)}.fh-btn-modal-close-trigger{border:none;background:#f1f5f9;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--fh-text-muted);cursor:pointer;transition:all .2s ease}.fh-btn-modal-close-trigger:hover{background:#e2e8f0;color:var(--fh-text-main)}.fh-modal-scrollable-body{padding:28px;overflow-y:auto}.fh-modal-form-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px;padding-top:8px}.fh-input-group-container{display:flex;flex-direction:column;position:relative}.fh-field-static-label{font-size:12px;font-weight:600;color:var(--fh-primary);margin-bottom:6px}.fh-input-floating{position:relative}.fh-modal-form-input{height:52px;padding:0 16px;border:1.5px solid var(--fh-border-light);border-radius:var(--fh-radius-md);font-size:14px;font-weight:500;color:var(--fh-text-main);outline:none;background-color:transparent;transition:all .2s ease;width:100%;box-sizing:border-box}.fh-input-floating .fh-field-label-text{position:absolute;left:14px;top:50%;transform:translateY(-50%);background-color:var(--fh-bg-surface);padding:0 6px;color:var(--fh-text-muted);font-size:14px;pointer-events:none;transition:all .2s ease}.fh-modal-form-input:focus{border-color:var(--fh-primary);box-shadow:0 0 0 4px #4f46e51a}.fh-modal-form-input:focus+.fh-field-label-text,.fh-modal-form-input:not(:placeholder-shown)+.fh-field-label-text{top:0;font-size:12px;color:var(--fh-primary);font-weight:600}.fh-modal-form-select{height:52px;padding:0 16px;border:1.5px solid var(--fh-border-light);border-radius:var(--fh-radius-md);font-size:14px;font-weight:500;color:var(--fh-text-main);outline:none;background-color:var(--fh-bg-surface);transition:all .15s ease}.fh-custom-select-wrapper{position:relative;display:flex;flex-direction:column}.fh-custom-select-label{position:absolute;left:14px;top:0;transform:translateY(-50%);background-color:var(--fh-bg-surface);padding:0 6px;font-size:12px;font-weight:600;color:var(--fh-text-muted);z-index:2;transition:color .2s ease}.fh-required-star{color:var(--fh-danger)}.fh-custom-select-trigger{height:52px;padding:0 16px;border:1.5px solid var(--fh-border-light);border-radius:var(--fh-radius-md);font-size:15px;font-weight:500;color:var(--fh-text-main);background-color:var(--fh-bg-surface);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.fh-custom-select-wrapper.is-open .fh-custom-select-trigger{border-color:var(--fh-primary);box-shadow:0 0 0 4px #4f46e51a}.fh-custom-select-wrapper.is-open .fh-custom-select-label{color:var(--fh-primary)}.fh-select-arrow-icon{color:var(--fh-primary);font-size:14px;transition:transform .2s ease}.fh-custom-select-wrapper.is-open .fh-select-arrow-icon{transform:rotate(180deg)}.fh-custom-select-dropdown-menu{position:absolute;top:58px;left:0;right:0;background-color:var(--fh-bg-surface);border-radius:var(--fh-radius-md);box-shadow:var(--fh-shadow-md);border:1px solid var(--fh-border-light);z-index:100;max-height:240px;overflow-y:auto;padding:6px}.fh-custom-select-item{padding:12px 14px;font-size:15px;font-weight:500;color:var(--fh-text-main);border-radius:8px;cursor:pointer;transition:background-color .15s ease}.fh-custom-select-item:hover{background-color:#f1f5f9}.fh-custom-select-item.is-selected{background-color:#f1f5f9;font-weight:600}.fh-modal-segment-radio-row{display:grid;grid-template-columns:repeat(2,1fr);margin-top:28px;gap:24px;border-top:1px solid var(--fh-border-light);padding-top:24px}.fh-radio-group-header-label{font-size:12px;font-weight:700;color:var(--fh-text-muted);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.fh-radio-options-flex-row{display:flex;gap:24px}.fh-radio-item-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--fh-text-main);cursor:pointer;position:relative}.fh-radio-native-input{position:absolute;opacity:0;width:0;height:0}.fh-radio-custom-facade{width:20px;height:20px;border:2px solid var(--fh-border-light);border-radius:50%;display:inline-block;position:relative;transition:all .15s ease}.fh-radio-native-input:checked+.fh-radio-custom-facade{border-color:var(--fh-primary);background:var(--fh-primary)}.fh-radio-native-input:checked+.fh-radio-custom-facade:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.fh-modal-footer-action-bar{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--fh-border-light);background:#f8fafc}.fh-btn-secondary-cancel{background:var(--fh-bg-surface);border:1px solid var(--fh-border-light);color:var(--fh-text-muted);padding:0 24px;height:44px;border-radius:var(--fh-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.fh-btn-secondary-cancel:hover{background:#f1f5f9;color:var(--fh-text-main)}.fh-btn-primary-save{background:var(--fh-primary);color:#fff;border:none;padding:0 28px;height:44px;border-radius:var(--fh-radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .15s ease}.fh-btn-primary-save:hover{background:var(--fh-primary-hover)}@media(max-width:768px){.fh-modal-form-fields-grid,.fh-modal-segment-radio-row{grid-template-columns:1fr}.fh-toolbar-panel{flex-direction:column;align-items:stretch;gap:16px}.fh-search-control-wrapper{width:100%}}:root{--fs-font-stack: "Plus Jakarta Sans", -apple-system, sans-serif;--fs-color-primary: #4f46e5;--fs-color-primary-hover: #3730a3;--fs-color-primary-light: #eeebff;--fs-color-secondary-modify: #0ea5e9;--fs-color-secondary-modify-hover: #0369a1;--fs-bg-main: #f8fafc;--fs-surface-card: #ffffff;--fs-text-heading: #0f172a;--fs-text-body: #334155;--fs-text-disabled: #94a3b8;--fs-border-color: #cbd5e1;--fs-danger: #ef4444;--fs-danger-hover: #dc2626;--fs-danger-bg: #fee2e2;--fs-success-pill-bg: #e0f2fe;--fs-success-pill-text: #0369a1}.fs-premium-layout{font-family:var(--fs-font-stack);background-color:var(--fs-bg-main);padding:32px;border-radius:16px;max-width:1550px;margin:24px auto;box-shadow:0 10px 25px -5px #0f172a0a;-webkit-font-smoothing:antialiased}.fs-top-control-panel{display:flex;justify-content:space-between;align-items:center;margin-top:8px;margin-bottom:28px;gap:20px}.fs-search-box-container{position:relative;flex:1;max-width:480px}.fs-search-glass-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--fs-text-disabled);font-size:18px}.fs-global-search-input{width:100%;font-family:var(--fs-font-stack);padding:14px 18px 14px 48px;border:2px solid transparent;border-radius:50px;background-color:#e2e8f0;font-size:15px;font-weight:600;color:var(--fs-text-heading);transition:all .25s cubic-bezier(.4,0,.2,1)}.fs-global-search-input:focus{outline:none;background-color:var(--fs-surface-card);border-color:var(--fs-color-primary);box-shadow:0 0 0 4px #4f46e51f}.fs-btn-trigger-add{background-color:var(--fs-color-primary);color:var(--fs-surface-card);border:none;width:48px;height:48px;border-radius:50%;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #4f46e559;margin-right:4px;transition:all .2s ease}.fs-btn-trigger-add span{display:flex;align-items:center;justify-content:center;line-height:1}.fs-dashboard-card-wrap{background:var(--fs-surface-card);border-radius:14px;border:1px solid rgba(203,213,225,.7);box-shadow:0 4px 6px -1px #00000005;overflow-x:auto}.fs-dashboard-core-table{width:100%;border-collapse:collapse;text-align:left}.fs-dashboard-core-table th{background-color:#f1f5f9;color:var(--fs-text-heading);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.75px;padding:18px 24px;border-bottom:2px solid #cbd5e1}.fs-dashboard-interactive-row{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.fs-dashboard-interactive-row:hover{background-color:#f8fafc}.fs-dashboard-interactive-row td{padding:18px 24px;font-size:15px;color:var(--fs-text-body);vertical-align:middle}.fs-text-bold-heavy{font-weight:700;color:var(--fs-text-heading)}.fs-text-brand-emphasis{font-weight:800;font-size:16px;color:var(--fs-color-primary)}.fs-text-dark-primary{font-weight:600;color:var(--fs-text-heading)}.fs-pill-badge{padding:6px 14px;border-radius:30px;font-size:13px;font-weight:700;display:inline-block}.pill-muted{background-color:#f1f5f9;color:#64748b}.pill-vibrant{background-color:var(--fs-success-pill-bg);color:var(--fs-success-pill-text)}.fs-row-action-cluster{display:flex;gap:12px;justify-content:center}.fs-action-btn-modify,.fs-action-btn-remove{font-family:var(--fs-font-stack);border:1px solid transparent;background:none;cursor:pointer;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;transition:all .2s ease}.fs-action-btn-modify{color:#0284c7;background-color:#f0f9ff}.fs-action-btn-modify:hover{background-color:#e0f2fe;border-color:#bae6fd}.fs-action-btn-remove{color:var(--fs-danger);background-color:var(--fs-danger-bg)}.fs-action-btn-remove:hover{background-color:#fee2e2;border-color:#fca5a5}.fs-premium-pagination-footer{display:flex;justify-content:flex-end;align-items:center;gap:40px;padding:24px 12px;border-top:1px solid #e2e8f0;margin-top:12px}.fs-pagination-size-selector{display:flex;align-items:center;gap:12px}.fs-pagination-label-large{font-size:14px;font-weight:700;color:var(--fs-text-heading)}.fs-select-pagination-field{font-family:var(--fs-font-stack);padding:8px 14px;font-size:14px;font-weight:700;border:2px solid var(--fs-border-color);border-radius:8px;background-color:var(--fs-surface-card);color:var(--fs-text-heading);cursor:pointer;outline:none}.fs-select-pagination-field:focus{border-color:var(--fs-color-primary)}.fs-pagination-navigator-block{display:flex;align-items:center;gap:24px}.fs-pagination-counter-display{font-size:14px;font-weight:700;color:var(--fs-text-heading);letter-spacing:.25px}.fs-pagination-control-arrows{display:flex;gap:8px}.fs-nav-arrow-button-disabled{background-color:#f1f5f9;border:1px solid #e2e8f0;color:var(--fs-text-disabled);border-radius:8px;width:36px;height:36px;font-size:20px;font-weight:600;cursor:not-allowed;display:flex;align-items:center;justify-content:center;opacity:.6}.fs-glass-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.fs-modal-surface-container{background:var(--fs-surface-card);border-radius:20px;box-shadow:0 25px 60px -15px #0000004d;display:flex;flex-direction:column;max-height:92vh;width:100%;overflow:hidden}.size-xl{max-width:1250px}.fs-modal-primary-heading-bar{padding:24px 32px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#fafafa}.fs-modal-primary-heading-bar h2{margin:0;font-size:18px;font-weight:800;color:var(--fs-text-heading);letter-spacing:.5px}.status-modify-accent{border-top:5px solid var(--fs-color-secondary-modify)}.fs-modal-dismiss-cross{background:none;border:none;font-size:22px;color:#64748b;cursor:pointer;font-weight:600;transition:color .15s ease}.fs-modal-dismiss-cross:hover{color:var(--fs-text-heading)}.fs-modal-scrollable-payload{padding:32px;overflow-y:auto;flex:1}.fs-popform-dropdowns-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:32px}.fs-form-group-block{display:flex;flex-direction:column}.fs-input-top-label{font-size:13px;font-weight:800;color:var(--fs-color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.fs-interactive-form-select,.fs-multiselect-custom-box{width:100%;box-sizing:border-box;font-family:var(--fs-font-stack);padding:14px 16px;border:2px solid #6366f1;border-radius:10px;font-size:15px;font-weight:700;background-color:var(--fs-surface-card);color:var(--fs-text-heading);outline:none;cursor:pointer;min-height:52px;display:flex;justify-content:space-between;align-items:center}.fs-interactive-form-select:focus{box-shadow:0 0 0 4px #6366f133}.fs-label-header-action-row{display:flex;justify-content:space-between;align-items:center}.fs-inline-action-link-btn{background:none;border:none;font-family:var(--fs-font-stack);font-size:13px;color:var(--fs-color-primary);font-weight:800;cursor:pointer}.relative-anchor{position:relative}.fs-multiselect-popover-panel{position:absolute;top:80px;left:0;right:0;background:var(--fs-surface-card);border:1px solid var(--fs-border-color);border-radius:10px;box-shadow:0 12px 30px #0f172a26;z-index:500;max-height:240px;overflow-y:auto;padding:10px}.fs-popover-checkbox-row-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.fs-popover-checkbox-row-item:hover{background-color:#f1f5f9}.fs-premium-styled-checkbox{width:18px;height:18px;accent-color:var(--fs-color-primary);cursor:pointer}.fs-checkbox-label-text{font-size:14px;font-weight:700;color:var(--fs-text-heading)}.fs-matrix-spreadsheet-wrapper{margin-top:24px;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000003}.fs-spreadsheet-horizontal-scroll{overflow-x:auto;max-height:440px}.fs-spreadsheet-matrix-table{width:100%;border-collapse:collapse;font-size:14px}.fs-spreadsheet-matrix-table th{background-color:#94a3b8;color:var(--fs-surface-card);padding:14px 16px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border:1px solid #cbd5e1;position:sticky;top:0;z-index:10}.fs-center-header{text-align:center!important}.fs-spreadsheet-matrix-table th:first-child,.fs-spreadsheet-matrix-table th:nth-child(2){text-align:left}.fs-spreadsheet-body-row td{padding:10px 16px;border:1px solid #e2e8f0;vertical-align:middle}.fs-matrix-cell-title-primary{font-weight:700;color:#1e293b;width:240px}.text-modify-dark{color:#0f172a!important;font-size:15px}.fs-matrix-cell-type-badge{width:120px}.fs-type-tag-label{display:inline-block;padding:4px 8px;background-color:#f1f5f9;border-radius:6px;font-size:12px;font-weight:700;color:#64748b}.border-accent-tag{border:1px solid #cbd5e1;background-color:#fff}.fs-matrix-numeric-field-input{width:80px;padding:10px;border:1px solid var(--fs-border-color);border-radius:6px;text-align:center;font-family:var(--fs-font-stack);font-weight:700;font-size:14px;color:var(--fs-text-heading);transition:border-color .15s ease}.fs-matrix-numeric-field-input:focus{outline:none;border-color:var(--fs-color-primary);background-color:#fefefe}.state-modify-highlight{border-color:#bae6fd}.state-modify-highlight:focus{border-color:var(--fs-color-secondary-modify)}.fs-matrix-cell-row-accumulated-total{font-weight:800;text-align:center;background-color:#f8fafc;color:var(--fs-text-heading);width:100px;font-size:15px}.text-modify-heavy-bold{color:var(--fs-color-secondary-modify-hover)!important}.fs-matrix-grand-summary-footer-row td{background-color:#cbd5e1;font-weight:800;color:#0f172a;padding:16px;font-size:15px}.fs-grand-total-title-label{text-transform:uppercase;letter-spacing:.5px}.fs-column-calculated-sum-cell{text-align:center}.fs-grand-final-highlight-badge-cell,.fs-final-grand-total-badge-active{text-align:center;font-size:17px;font-weight:900}.variant-modify-active-total{color:#fff!important;background-color:#0284c7!important}.fs-matrix-placeholder-notice{padding:40px;text-align:center;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:15px}.fs-popform-action-footer-panel{padding:20px 32px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:16px;background-color:#f8fafc}.fs-btn-premium-secondary-cancel{background:none;font-family:var(--fs-font-stack);border:2px solid #cbd5e1;padding:12px 28px;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;color:#475569;transition:all .2s ease}.fs-btn-premium-secondary-cancel:hover{background-color:#e2e8f0;color:var(--fs-text-heading)}.fs-btn-premium-primary-submit{background-color:var(--fs-color-primary);color:var(--fs-surface-card);font-family:var(--fs-font-stack);border:none;padding:12px 32px;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;box-shadow:0 4px 14px #4f46e540;transition:background-color .15s ease}.fs-btn-premium-primary-submit:hover{background-color:var(--fs-color-primary-hover)}.fs-btn-premium-modify-save{background-color:var(--fs-color-secondary-modify);color:var(--fs-surface-card);font-family:var(--fs-font-stack);border:none;padding:12px 32px;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;box-shadow:0 4px 14px #0ea5e940;transition:background-color .15s ease}.fs-btn-premium-modify-save:hover{background-color:var(--fs-color-secondary-modify-hover)}.fs-premium-alert-banner-info{background-color:#f0f9ff;border-left:5px solid var(--fs-color-secondary-modify);padding:16px;border-radius:6px;margin-bottom:24px;font-size:15px;color:#0369a1;font-weight:500}.fs-truncated-text-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.animate-scale-up{animation:popScale .25s cubic-bezier(.34,1.56,.64,1)}@keyframes popScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:992px){.fs-top-control-panel{flex-direction:column;align-items:stretch;margin-top:0}.fs-search-box-container{max-width:100%}.fs-btn-trigger-add{width:100%;height:44px;border-radius:10px;display:flex;justify-content:center;align-items:center;margin-right:0}.fs-premium-pagination-footer{flex-direction:column;gap:20px;align-items:center}}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-light: #e0e7ff;--danger-color: #ef4444;--danger-hover: #dc2626;--bg-main: #f1f5f9;--bg-card: #ffffff;--bg-accent: #fef3c7;--text-main: #0f172a;--text-muted: #64748b;--border-color: #cbd5e1;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px -1px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .12)}.fee-dashboard-container{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);padding:24px;min-height:100vh;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;overflow-x:hidden}.fee-dashboard-container *{box-sizing:border-box;margin:0;padding:0}.fee-dashboard-container img,.fee-dashboard-container svg{max-width:100%}.fee-header-section{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-card);padding:16px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;flex-wrap:wrap}.search-wrapper{position:relative;flex:1 1 280px;min-width:0;max-width:680px}.search-icon-wrapper{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;border:1.5px solid #e2e8f0;border-radius:30px;font-size:14px;outline:none;background-color:#f8fafc;transition:all .2s ease}.search-input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #4f46e51f}.search-results-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:100%;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:1000;max-height:400px;overflow-y:auto}.search-result-item{display:flex;padding:18px;border-bottom:1px solid #f1f5f9;cursor:pointer;gap:18px;transition:background .2s}.search-result-item:hover{background-color:#f8fafc}.avatar-placeholder,.profile-avatar-box{width:85px;height:95px;background-color:#f8fafc;border:1.5px dashed var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:10px}.avatar-svg-logo{width:100%;height:100%;object-fit:contain}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;min-width:0;flex:1}.result-col{min-width:0}.result-details p{font-size:13px;line-height:1.6;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-details p strong{color:var(--text-main);display:inline-block;width:70px}.search-no-results{padding:24px 18px;text-align:center;color:var(--text-muted);font-size:13px}.btn-ac-open{background-color:var(--primary-color);color:#fff;border:none;padding:12px 26px;border-radius:24px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 2px 4px #4f46e533;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-ac-open:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.fee-content-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin-bottom:24px;align-items:start}.student-profile-card{background-color:#fffbeb;border-radius:var(--radius-lg);padding:24px;border:1px solid #fef3c7;box-shadow:var(--shadow-sm);min-width:0}.profile-inner{display:flex;gap:24px;min-width:0}.profile-avatar-box{background-color:#fff;border:1.5px solid #fde68a}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;min-width:0}.info-group{min-width:0}.info-group p{font-size:13px;line-height:1.8;color:#334155;word-break:break-word}.info-group p strong{color:var(--text-main);display:inline-block;width:95px;vertical-align:top}.status-inactive,.status-active{background-color:#fee2e2;color:var(--danger-color);padding:2px 8px;border-radius:4px;font-weight:600;font-size:11px;display:inline-block}.status-active{background-color:#dcfce7;color:#15803d}.fee-configuration-panel{background-color:var(--bg-card);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;min-width:0}.config-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.floating-input-group{display:flex;flex-direction:column;min-width:0}.floating-input-group.full-width-input{grid-column:1 / -1}.floating-input-group label{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.floating-input-group select,.floating-input-group input,.floating-input-group textarea{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);font-size:14px;color:var(--text-main);outline:none;background-color:#f8fafc;transition:all .2s;font-family:inherit}.floating-input-group select:focus,.floating-input-group input:focus,.floating-input-group textarea:focus{border-color:var(--primary-color);background-color:#fff}.floating-input-group textarea{resize:vertical;min-height:80px}.checkbox-container{display:flex;align-items:center;position:relative;padding-left:28px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;font-weight:600;white-space:nowrap}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;left:0;height:20px;width:20px;background-color:#fff;border:2px solid var(--border-color);border-radius:var(--radius-sm)}.checkbox-container:hover input~.checkmark{border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label-main{margin-left:4px}.bottom-interactive-split{display:grid;grid-template-columns:1fr 2.3fr;gap:24px;align-items:start}.months-picker-card{background:#f8fafc;padding:20px;border-radius:var(--radius-lg);border:1px solid #e2e8f0;min-width:0}.months-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;gap:10px;flex-wrap:wrap}.months-card-header h3{font-size:14px;color:var(--text-main);font-weight:700}.months-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.month-item-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.month-item-box input{display:none}.month-item-box .custom-box{width:16px;height:16px;border:2px solid var(--border-color);border-radius:4px;flex-shrink:0}.month-item-box.active{border-color:var(--primary-color);background-color:var(--primary-light)}.month-item-box.active .custom-box{background-color:var(--primary-color);border-color:var(--primary-color);position:relative}.month-item-box.active .custom-box:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.month-name{font-size:12px;font-weight:600;color:var(--text-main)}.head-wise-summary-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;padding:24px;min-width:0}.head-wise-collapsible-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}.left-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.left-toggle h3{font-size:15px;font-weight:700}.arrow-indicator{font-size:10px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.arrow-indicator.open{transform:rotate(180deg)}.btn-show-receipts{background-color:#fee2e2;color:var(--danger-color);border:none;padding:8px 16px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-show-receipts:hover{background-color:var(--danger-color);color:#fff}.head-wise-table-wrapper{margin-bottom:24px;border:1px solid #e2e8f0;border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.premium-fee-table{width:100%;border-collapse:collapse}.premium-fee-table th{background-color:#f1f5f9;color:#475569;font-weight:700;font-size:12px;padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.premium-fee-table td{padding:14px 16px;font-size:13.5px;color:var(--text-main);border-bottom:1px solid #f1f5f9}.premium-fee-table .col-check{width:50px}.head-title-cell{white-space:nowrap}.row-multiplier-tag{color:var(--text-muted);font-weight:600;font-size:12px;margin-left:6px}.table-input-currency-wrapper{display:flex;align-items:center;gap:4px}.currency-symbol{color:var(--text-muted);font-size:13px;font-weight:600}.table-inline-input{width:100px;max-width:100%;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;font-weight:600;outline:none;color:var(--text-main)}.table-inline-input:focus{border-color:var(--primary-color)}.payable-value-cell{font-weight:700;color:var(--text-main);white-space:nowrap}.disabled-head-row{opacity:.5;background-color:#f8fafc}.total-row-highlight{background-color:#f8fafc;border-top:2px solid #e2e8f0}.table-checkbox-container{position:relative;display:inline-block;width:18px;height:18px;cursor:pointer}.table-checkbox-container input{opacity:0;width:0;height:0;position:absolute}.table-checkmark-box{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1.5px solid var(--border-color);border-radius:4px}.table-checkbox-container input:checked~.table-checkmark-box{background-color:var(--primary-color);border-color:var(--primary-color)}.table-checkmark-box:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.table-checkbox-container input:checked~.table-checkmark-box:after{display:block}.calculation-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.summary-field-box{display:flex;flex-direction:column;min-width:0}.summary-field-box label{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.summary-field-box input{padding:12px 14px;border:1.5px solid #cbd5e1;border-radius:var(--radius-md);font-size:14px;font-weight:700;background-color:#f1f5f9;color:var(--text-main);outline:none;width:100%;min-width:0}.summary-field-box input:not([readonly]){background-color:#fff}.mandatory-box input{border-color:#fed7aa;background-color:#fff7ed!important;color:#c2410c}.has-due{color:var(--danger-color)!important}.zero-due{color:#15803d!important}.summary-footer-actions{display:flex;gap:16px;align-items:center}.receipt-remark-input{flex:1;min-width:0;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);outline:none;font-size:14px}.btn-save-main{background-color:#10b981;color:#fff;border:none;padding:12px 32px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 2px 4px #10b98133;transition:background .2s;min-width:180px;height:48px;white-space:nowrap;flex-shrink:0}.btn-save-main:hover{background-color:#059669}.btn-save-main:disabled{opacity:.7;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-box{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column}.asset-statement-modal{max-width:1000px}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.modal-header h2{font-size:16px;font-weight:800;color:var(--text-main);letter-spacing:.5px}.modal-title-desc-wrapper{min-width:0}.modal-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:500}.close-modal-btn{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;line-height:1;flex-shrink:0;padding:4px}.modal-body{padding:24px;overflow-y:auto}.dynamic-scroll-table{max-height:400px;overflow-x:auto;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch}.statement-data-table{width:100%;border-collapse:collapse;min-width:900px}.statement-data-table th{background-color:#f8fafc;padding:14px 16px;font-size:12px;font-weight:700;color:var(--text-muted);text-align:left;border-bottom:1.5px solid #e2e8f0;position:sticky;top:0;z-index:10;white-space:nowrap}.statement-data-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid #f1f5f9;white-space:nowrap}.table-cell-remarks{white-space:normal;min-width:160px}.table-cell-period-list{white-space:normal;min-width:110px}.empty-row-placeholder td{white-space:normal}.badge-rec-number{background:var(--primary-light);color:var(--primary-color);padding:2px 8px;border-radius:4px;font-weight:700;font-size:12px}.badge-paymode{background:#f1f5f9;color:#475569;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.text-discount-green{color:#16a34a}.text-paid-blue{color:var(--primary-color)}.text-due-red{color:var(--danger-color);font-weight:700}.header-action-utilities{display:flex;align-items:center;gap:12px;flex-shrink:0}.filter-dropdown-trigger-wrapper{position:relative;min-width:0}.filter-toggle-icon-btn{background:#f1f5f9;border:1px solid #cbd5e1;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;color:#475569;white-space:nowrap}.column-filter-popper{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:12px;width:220px;z-index:100;max-height:280px;overflow-y:auto}.filter-checkbox-item{display:flex;align-items:center;gap:10px;padding:6px 4px;cursor:pointer;font-size:13px;font-weight:500}.filter-custom-tick{width:16px;height:16px;border:1.5px solid var(--border-color);border-radius:4px;flex-shrink:0;position:relative}.filter-checkbox-item input{position:absolute;opacity:0;width:16px;height:16px;cursor:pointer}.filter-checkbox-item input:checked~.filter-custom-tick{background:var(--primary-color);border-color:var(--primary-color)}.filter-checkbox-item input:checked~.filter-custom-tick:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex}.alignment-right{justify-content:flex-end}.btn-modal-submit{background-color:var(--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap}.margin-top-md{margin-top:16px}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.animate-pop{animation:pop .18s ease-out forwards}.fee-status-history-section{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:24px}.fee-status-card,.payment-history-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;height:450px}.status-header,.history-header{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.status-header h3,.history-header h3{font-size:16px;font-weight:700}.status-content{display:flex;flex-direction:column;gap:14px}.status-row{display:flex;justify-content:space-between;gap:15px;font-size:14px;flex-wrap:wrap}.status-row-column{display:flex;flex-direction:column;gap:8px}.status-row-column strong{line-height:1.7;color:#475569;word-break:break-word}.paid-status{color:#10b981}.ready-status{margin-top:10px;background:#dcfce7;color:#15803d;text-align:center;padding:12px;border-radius:10px;font-weight:700;font-size:13px}.history-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;padding-right:6px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;gap:12px}.history-item-meta{min-width:0}.history-item-meta p{margin-top:4px;color:#64748b;font-size:12px}.period-subtext{word-break:break-word}.history-item-amt{font-weight:700;color:#4f46e5;font-size:15px;white-space:nowrap;flex-shrink:0}.fee-head-detail-cell{text-align:center;padding:15px}.fee-head-name{font-size:18px;font-weight:700;color:#1e293b}.fee-head-type{margin-top:5px;color:#64748b;font-size:13px}.fee-head-paid{margin-top:4px;color:#16a34a;font-size:13px;font-weight:600}.fee-head-remaining{margin-top:4px;color:#ef4444;font-size:13px;font-weight:600}.amount-col{text-align:center;font-weight:700}.paid-col{text-align:center;color:#16a34a;font-weight:700}.due-col{text-align:center;color:#ef4444;font-weight:700}.month-item-box input:disabled+.custom-box{opacity:.4;cursor:not-allowed}@media(max-width:1024px){.fee-content-grid,.bottom-interactive-split,.fee-status-history-section{grid-template-columns:1fr}}@media(max-width:768px){.fee-dashboard-container{padding:16px}.calculation-summary-row{grid-template-columns:repeat(2,1fr)}.config-form-grid{grid-template-columns:1fr}.months-grid{grid-template-columns:repeat(4,1fr)}.summary-footer-actions{flex-direction:column;align-items:stretch}.receipt-remark-input,.btn-save-main{width:100%}.history-item{flex-wrap:wrap}.modal-header{flex-direction:column;align-items:flex-start}.header-action-utilities{width:100%;justify-content:space-between}}@media(max-width:600px){.fee-header-section{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.search-wrapper{max-width:100%;flex-basis:auto}.btn-ac-open{width:100%;text-align:center}.profile-inner{flex-direction:column;align-items:center;text-align:center}.profile-info-grid{grid-template-columns:1fr;gap:10px;text-align:left}.info-group p strong{width:90px}.result-details{grid-template-columns:1fr;gap:4px}.result-details p{white-space:normal}.search-result-item{gap:12px;padding:14px}.avatar-placeholder{width:56px;height:64px}.months-grid{grid-template-columns:repeat(3,1fr)}.calculation-summary-row{grid-template-columns:1fr}.head-wise-collapsible-bar{flex-direction:column;align-items:stretch}.btn-show-receipts{width:100%;text-align:center}.head-wise-table-wrapper{border:none;overflow-x:visible}.premium-fee-table thead{display:none}.premium-fee-table,.premium-fee-table tbody{display:block;width:100%}.premium-fee-table tr{display:flex;flex-direction:column;gap:10px;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:14px;margin-bottom:12px;background:var(--bg-card)}.premium-fee-table tr.total-row-highlight{background:#f1f5f9;border-width:2px}.premium-fee-table td{border-bottom:none;padding:0;display:flex;align-items:center;gap:8px}.premium-fee-table .col-check{order:-1;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.premium-fee-table .col-check.hide-mobile{display:none}.premium-fee-table td[data-label]:before{content:attr(data-label);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);width:120px;flex-shrink:0}.premium-fee-table .head-title-cell{font-weight:700;white-space:normal}.table-input-currency-wrapper{width:100%;min-width:0}.filter-btn-label{display:none}.filter-toggle-icon-btn{padding:8px 10px}.asset-statement-modal{max-width:100%}.modal-header{padding:16px;gap:10px}.modal-title-desc-wrapper{width:100%}.modal-header h2{font-size:14px}.modal-subtitle{white-space:normal;word-break:break-word}.header-action-utilities{gap:8px}.filter-dropdown-trigger-wrapper{flex:1}.filter-toggle-icon-btn{width:100%;justify-content:center}.header-action-utilities{position:relative}.column-filter-popper{position:fixed;inset:auto 16px;width:auto;margin-top:8px}.modal-body{padding:16px}.dynamic-scroll-table{max-height:60vh;overflow-x:visible}.statement-data-table{min-width:0;width:100%}.statement-data-table thead{display:none}.statement-data-table,.statement-data-table tbody{display:block;width:100%}.statement-data-table tr{display:flex;flex-direction:column;gap:8px;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:14px;margin-bottom:12px;background:var(--bg-card)}.statement-data-table tr.empty-row-placeholder{border:none;background:transparent;padding:0}.statement-data-table td{border-bottom:none;padding:0;white-space:normal;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.statement-data-table td[data-label]:before{content:attr(data-label);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);flex-shrink:0}.statement-data-table td[data-label="S.No."]{display:none}.table-cell-remarks,.table-cell-period-list{text-align:right}}@media(max-width:420px){.fee-dashboard-container{padding:12px}.fee-status-card,.payment-history-card,.head-wise-summary-card,.months-picker-card,.student-profile-card,.fee-configuration-panel{padding:16px}.status-row{flex-direction:column;gap:4px}.months-grid{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:0;align-items:flex-end}.modal-box{max-width:100%;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh}.modal-header h2{font-size:14px}.summary-field-box input,.table-inline-input,.search-input,.floating-input-group input,.floating-input-group select,.receipt-remark-input{font-size:16px!important}}.StudentIdCard{width:100%;min-height:100vh;background:#eef5ff;padding:30px;box-sizing:border-box;font-family:Segoe UI,sans-serif}.StudentIdCard-container{width:100%;max-width:1600px;margin:auto}.StudentIdCard-pageTitle{margin:0 0 25px;color:#1d4ed8;font-size:34px;font-weight:700;letter-spacing:.5px}.StudentIdCard-card{background:#fff;border-radius:16px;border:1px solid #dbeafe;box-shadow:0 12px 30px #0f172a14;overflow:hidden}.StudentIdCard-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;border-radius:10px;transition:.3s;font-weight:600}.StudentIdCard-btn:hover{transform:translateY(-2px)}.StudentIdCard-section{margin-top:30px}.StudentIdCard-loader{display:flex;justify-content:center;align-items:center;padding:60px;font-size:18px;font-weight:600;color:#2563eb}.StudentIdCard-empty{padding:60px;text-align:center;background:#fff;border-radius:16px;border:1px dashed #bfdbfe;color:#64748b;font-size:17px;font-weight:600}.StudentIdCard-infoBar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#fff;border:1px solid #dbeafe;border-radius:14px;margin-bottom:25px;box-shadow:0 8px 20px #0f172a0d}.StudentIdCard-infoBar h4{margin:0;font-size:18px;color:#1d4ed8}.StudentIdCard-infoBar p{margin:5px 0 0;font-size:14px;color:#64748b}@keyframes StudentIdCardFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.StudentIdCard-container{animation:StudentIdCardFade .4s ease}@media(max-width:1200px){.StudentIdCard{padding:25px}.StudentIdCard-pageTitle{font-size:30px}}@media(max-width:992px){.StudentIdCard{padding:20px}.StudentIdCard-pageTitle{font-size:28px}.StudentIdCard-infoBar{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:768px){.StudentIdCard{padding:15px}.StudentIdCard-pageTitle{font-size:24px;margin-bottom:20px}.StudentIdCard-section{margin-top:20px}.StudentIdCard-empty{padding:40px 20px;font-size:15px}}@media(max-width:480px){.StudentIdCard{padding:12px}.StudentIdCard-pageTitle{font-size:22px;text-align:center}.StudentIdCard-infoBar{padding:15px}.StudentIdCard-infoBar h4{font-size:16px}.StudentIdCard-infoBar p{font-size:13px}}@media print{html,body{margin:0!important;padding:0!important;width:100%!important;background:#fff!important}.StudentIdCard{width:100%!important;min-height:auto!important;padding:0!important;margin:0!important;background:#fff!important}.StudentIdCard-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;animation:none!important}.StudentIdCard-pageTitle,.StudentIdCard-infoBar{display:none!important}.StudentIdCard-container,#StudentIdPreview-printArea{transform:none!important}.StudentIdPreview-photoWrapper{width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;max-width:120px!important;max-height:120px!important;position:relative!important;display:block!important;border-radius:50%!important;overflow:hidden!important;box-sizing:border-box!important;background:#fff!important;flex-shrink:0!important;isolation:isolate!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.StudentIdPreview-photoWrapper img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center center!important;transform:none!important;clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important}#StudentIdPreview-printArea img{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#StudentIdPreview-printArea>*{break-inside:avoid!important;page-break-inside:avoid!important}img{break-inside:avoid!important;page-break-inside:avoid!important}#StudentIdPreview-printArea{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.StudentSearchForm{width:100%;background:#fff;border-radius:16px;border:1px solid #dbeafe;overflow:hidden;box-shadow:0 10px 30px #0f172a14;margin-bottom:30px;box-sizing:border-box}.StudentSearchForm-header{background:linear-gradient(135deg,#0f5fd7,#2563eb);padding:18px 25px}.StudentSearchForm-header h3{margin:0;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px}.StudentSearchForm-body{padding:30px;box-sizing:border-box}.StudentSearchForm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.StudentSearchForm-group{display:flex;flex-direction:column}.StudentSearchForm-group label{font-size:14px;font-weight:600;color:#1e3a8a;margin-bottom:8px}.StudentSearchForm-group label span{color:#ef4444}.StudentSearchForm-group select{width:100%;height:48px;padding:0 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:15px;outline:none;transition:all .3s ease;cursor:pointer;box-sizing:border-box}.StudentSearchForm-group select:hover{border-color:#2563eb}.StudentSearchForm-group select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.StudentSearchForm-footer{margin-top:35px;display:flex;justify-content:flex-end}.StudentSearchForm-searchBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:170px;height:50px;border:none;border-radius:10px;background:linear-gradient(135deg,#0f5fd7,#2563eb);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.StudentSearchForm-searchBtn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb59}.StudentSearchForm-searchBtn:active{transform:scale(.98)}.StudentSearchForm-searchBtn svg{font-size:15px}@media(max-width:1024px){.StudentSearchForm-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.StudentSearchForm-body{padding:24px}.StudentSearchForm-grid{grid-template-columns:1fr;gap:18px}.StudentSearchForm-header{padding:16px 20px}.StudentSearchForm-header h3{font-size:20px}.StudentSearchForm-footer{margin-top:25px;justify-content:center}.StudentSearchForm-searchBtn{width:100%}}@media(max-width:480px){.StudentSearchForm-body{padding:16px}.StudentSearchForm-header h3{font-size:18px}.StudentSearchForm-group label{font-size:13px}.StudentSearchForm-group select{height:45px;font-size:14px}}.StudentTable{width:100%;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 12px 30px #0f172a14}.StudentTable-header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;background:#f8fbff;border-bottom:1px solid #e5eefc;gap:20px;flex-wrap:wrap}.StudentTable-header h3{margin:0;color:#1d4ed8;font-size:24px;font-weight:700}.StudentTable-header p{margin-top:6px;color:#64748b;font-size:14px}.StudentTable-generateBtn{display:flex;align-items:center;gap:10px;border:none;padding:13px 24px;background:linear-gradient(135deg,#2563eb,#0f5fd7);color:#fff;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;transition:.3s}.StudentTable-generateBtn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #2563eb59}.StudentTable-generateBtn:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;transform:none}.StudentTable-tableWrapper{overflow-x:auto}.StudentTable-table{width:100%;border-collapse:collapse;min-width:1150px}.StudentTable-table thead{background:#2563eb}.StudentTable-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#fff;white-space:nowrap}.StudentTable-table td{padding:15px;font-size:14px;color:#334155;border-bottom:1px solid #edf2f7;vertical-align:middle}.StudentTable-table tbody tr{transition:.3s}.StudentTable-table tbody tr:hover{background:#f8fbff}.StudentTable-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.StudentTable-studentInfo{display:flex;align-items:center;gap:12px}.StudentTable-studentInfo img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #dbeafe}.StudentTable-studentInfo span{font-weight:600;color:#1e293b}.StudentTable-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:#dcfce7;color:#15803d;border-radius:30px;font-size:13px;font-weight:600}.StudentTable-empty{text-align:center;padding:50px!important;font-size:17px;font-weight:600;color:#94a3b8}.StudentTable-footer{display:flex;justify-content:flex-end;align-items:center;padding:18px 25px;background:#f8fbff;border-top:1px solid #e5eefc;font-size:15px;color:#475569}.StudentTable-footer strong{color:#2563eb}.StudentTable-tableWrapper::-webkit-scrollbar{height:8px}.StudentTable-tableWrapper::-webkit-scrollbar-track{background:#edf2f7;border-radius:20px}.StudentTable-tableWrapper::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}@media print{@page{size:A4 portrait;margin:8mm}body *{visibility:hidden}.no-print{display:none!important}.id-print-area,.id-print-area *{visibility:visible}.id-print-area{position:absolute;left:0;top:0;width:100%;margin:0;padding:0}.id-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8mm 6mm!important;justify-items:center;align-items:start}.exact-ref-card{page-break-inside:avoid!important;break-inside:avoid!important;box-shadow:none!important;border:1px solid #ccc!important}}@media(max-width:992px){.StudentTable-header{flex-direction:column;align-items:flex-start}.StudentTable-generateBtn{width:100%;justify-content:center}.StudentTable-footer{justify-content:center}}@media(max-width:768px){.StudentTable-header{padding:18px}.StudentTable-header h3{font-size:20px}.StudentTable-table td{padding:12px}.StudentTable-table th{padding:13px}.StudentTable-studentInfo img{width:38px;height:38px}}@media(max-width:480px){.StudentTable{border-radius:12px}.StudentTable-header{padding:15px}.StudentTable-footer{padding:15px;font-size:14px}.StudentTable-generateBtn{height:46px;font-size:14px}}.id-preview-container{padding:20px;background-color:#f4f7f6;min-height:100vh}.id-preview-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 25px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}.id-preview-title h2{margin:0;color:#333;font-size:1.5rem}.id-preview-title p{margin:5px 0 0;color:#777;font-size:.9rem}.id-preview-actions{display:flex;gap:10px}.id-btn-back,.id-btn-print{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:.9rem}.id-btn-back{background-color:#e0e0e0;color:#333}.id-btn-print{background-color:#b21f35;color:#fff}.id-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;justify-items:center}.exact-ref-card{width:310px;height:520px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001f;overflow:hidden;position:relative;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;border:1px solid #e2e2e2}.ref-card-header{background-color:#b21f35;color:#fff;padding:12px 14px 6px;text-align:center}.ref-header-text{width:100%}.ref-school-title{margin:0;font-size:.95rem;font-weight:800;line-height:1.2;text-transform:uppercase;color:#fff;letter-spacing:.3px}.ref-school-address{margin:4px 0 3px;font-size:.55rem;font-weight:500;color:#fce4e6;line-height:1.2}.ref-school-website{margin:2px 0 0;font-size:.6rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:4px}.ref-web-icon{font-size:.6rem}.ref-shape-wrapper{position:relative;width:100%;height:95px;background-color:#fff}.ref-v-banner{position:absolute;top:0;left:0;width:100%;height:60px;background-color:#b21f35;clip-path:polygon(0 0,100% 0,100% 40%,50% 100%,0 40%);z-index:1}.ref-side-wing{position:absolute;top:15px;width:35px;height:70px;background-color:#b21f35;z-index:1}.ref-side-wing.left{left:0;clip-path:polygon(0 0,100% 35%,100% 70%,0 100%)}.ref-side-wing.right{right:0;clip-path:polygon(0 35%,100% 0,100% 100%,0 70%)}.ref-photo-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:3}.ref-photo-frame{width:125px;height:125px;border-radius:50%;background-color:#fff;border:4px solid #b21f35;padding:2px;box-shadow:0 3px 8px #0000002e;overflow:hidden;display:flex;align-items:center;justify-content:center}.ref-photo-frame img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ref-photo-placeholder{width:100%;height:100%;border-radius:50%;background-color:#e2e2e2}.ref-name-pill-wrapper{display:flex;justify-content:center;margin-top:38px;margin-bottom:8px}.ref-name-pill{background-color:#b21f35;color:#fff;padding:5px 22px;border-radius:16px;font-weight:700;font-size:.95rem;text-align:center;min-width:130px;box-shadow:0 2px 4px #b21f3540;text-transform:capitalize}.ref-details-grid{padding:0 18px;display:flex;flex-direction:column;gap:3.5px;flex-grow:1}.ref-data-row{display:flex;align-items:flex-start;font-size:.78rem;line-height:1.25}.ref-data-label{width:105px;color:#333;font-weight:700}.ref-data-colon{width:14px;font-weight:700;color:#333}.ref-data-value{flex:1;color:#111;font-weight:800;word-break:break-word}.ref-principal-signature{text-align:right;padding:4px 18px 2px;font-size:.72rem;font-weight:700;color:#333}.ref-card-footer{background-color:#b21f35;color:#fff;text-align:center;padding:7px 10px;font-size:.76rem;font-weight:700;letter-spacing:.2px;margin-top:auto}@media print{body *{visibility:hidden}.no-print{display:none!important}.id-print-area,.id-print-area *{visibility:visible}.id-print-area{position:absolute;left:0;top:0;width:100%;margin:0;padding:0}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}.id-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:15px!important;justify-items:center}.exact-ref-card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}}.ref-photo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ref-photo-frame{position:relative;width:120px;height:120px;min-width:120px;min-height:120px;max-width:120px;max-height:120px;border-radius:50%;overflow:hidden;background:#fff;box-sizing:border-box;border:4px solid #ffffff;box-shadow:0 3px 8px #00000040;isolation:isolate}.ref-photo-frame img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;border:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center center!important;transform:none!important;clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important}.ref-photo-placeholder{width:100%;height:100%;border-radius:50%;background:#fff;box-sizing:border-box}@media print{.ref-photo-wrapper{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.ref-photo-frame{position:relative!important;width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;max-width:120px!important;max-height:120px!important;overflow:hidden!important;border-radius:50%!important;box-sizing:border-box!important;background:#fff!important;isolation:isolate!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.ref-photo-frame img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;border:none!important;border-radius:50%!important;object-fit:cover!important;object-position:center center!important;transform:none!important;clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.ref-photo-placeholder{width:100%!important;height:100%!important;border-radius:50%!important}}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-box-shadow:0 3px 13px rgba(0,0,0,.08);box-shadow:0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid rgba(72,72,72,.2)}.flatpickr-calendar.hasTime .flatpickr-innerContainer{border-bottom:0}.flatpickr-calendar.hasTime .flatpickr-time{border:1px solid rgba(72,72,72,.2)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#48484833}.flatpickr-calendar.arrowTop:after{border-bottom-color:#42a5f5}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#48484833}.flatpickr-calendar.arrowBottom:after{border-top-color:#42a5f5}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{border-radius:5px 5px 0 0;background:#42a5f5;color:#fff;fill:#fff;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#fff;fill:#fff}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#bbb}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(72,72,72,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(72,72,72,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(72,72,72,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#ffffff80}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#ffffff80;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:#42a5f5;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#42a5f5;outline:none;padding:0}.flatpickr-weekdays{background:#42a5f5;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:#42a5f5;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;border-left:1px solid rgba(72,72,72,.2);border-right:1px solid rgba(72,72,72,.2)}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 rgba(72,72,72,.2);box-shadow:-1px 0 #48484833}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#484848;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#42a5f5;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#42a5f5}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #42a5f5;box-shadow:-10px 0 #42a5f5}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e2e2e2,5px 0 0 #e2e2e2;box-shadow:-5px 0 #e2e2e2,5px 0 #e2e2e2}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#4848484d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#4848481a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #42a5f5,5px 0 0 #42a5f5;box-shadow:-5px 0 #42a5f5,5px 0 #42a5f5}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;border-left:1px solid rgba(72,72,72,.2)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#4848484d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background:#fff;border-bottom:1px solid rgba(72,72,72,.2)}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;border-radius:0 0 5px 5px}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#484848}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#484848}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#484848;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#484848;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eaeaea}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.alr-main-container{background-color:#f3f6f9;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.alr-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.alr-page-title{font-size:24px;font-weight:600;color:#2c3e50}.alr-breadcrumb{display:flex;align-items:center;font-size:14px;color:#7f8c8d}.alr-bc-chevron{margin:0 8px;font-size:12px}.alr-active-bc{color:#2c3e50;font-weight:500}.alr-filter-card{background-color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border:1px solid #eef2f5}.alr-search-block{display:flex;align-items:center;gap:16px}.alr-block-title{font-weight:600;font-size:16px;color:#4d5e80}.alr-search-input-box{position:relative}.alr-search-input-box input{padding:10px 16px 10px 40px;border-radius:50px;border:1px solid #e2e8f0;background-color:#f8fafc;outline:none;width:240px;transition:all .3s}.alr-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.alr-toolbar-right{display:flex;align-items:center;gap:12px}.alr-vertical-dots{color:#cbd5e1;font-size:20px}.alr-icon-only-btn{display:flex;align-items:center;justify-content:center;padding:11px;border-radius:50px;border:1px solid #e2e8f0;background-color:#f8fafc;color:#475569;cursor:pointer;font-size:16px;width:42px;height:42px;box-sizing:border-box}.alr-icon-only-btn:hover{background-color:#edf2f7}.alr-add-symbol-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50px;background-color:#4f46e5;color:#fff;border:none;font-size:18px;cursor:pointer}.alr-add-symbol-btn:hover{background-color:#4338ca}.alr-responsive-table-holder{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;border:1px solid #eef2f5;overflow-x:auto;width:100%}.alr-data-grid-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.alr-data-grid-table th{background-color:#f8fafc;padding:14px 18px;color:#64748b;font-weight:600;border-bottom:2px solid #edf2f7;white-space:nowrap}.alr-data-grid-table td{padding:14px 18px;color:#334155;border-bottom:1px solid #f1f5f9;white-space:nowrap}.alr-data-grid-table tr:hover{background-color:#f8fafc}.alr-checkbox{width:16px;height:16px;accent-color:#4f46e5;cursor:pointer}.alr-status-badge{padding:4px 12px;border-radius:50px;font-size:12px;font-weight:500;display:inline-block}.alr-status-badge.approved{background-color:#ecfdf5;color:#059669}.alr-status-badge.pending{background-color:#fff7ed;color:#d97706}.alr-status-badge.rejected{background-color:#fef2f2;color:#dc2626}.alr-action-container{display:flex;gap:12px}.alr-action-container button{background:none;border:none;cursor:pointer;font-size:16px}.alr-edit-icon-btn{color:#3b82f6}.alr-delete-icon-btn{color:#ef4444}.alr-pagination-footer{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:14px 24px;border-radius:8px;margin-top:16px;border:1px solid #eef2f5;font-size:14px;color:#64748b}.alr-items-selector-block{display:flex;align-items:center;gap:12px}.alr-items-selector-block select{padding:6px 12px;border-radius:6px;border:1px solid #cbd5e1;outline:none}.alr-pagination-nav-arrows{display:flex;align-items:center;gap:8px}.alr-nav-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;padding:8px 14px;border-radius:50px;cursor:pointer}.alr-nav-btn:disabled{opacity:.4;cursor:not-allowed}.alr-dropdown-anchor{position:relative}.alr-column-menu-popup{position:absolute;right:0;top:125%;width:250px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:100;padding:16px}.alr-dropdown-title-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:10px;margin-bottom:12px}.alr-dropdown-title-row h4{font-weight:600;color:#475569;margin:0}.alr-dropdown-reset{color:#94a3b8;cursor:pointer;transform:rotate(90deg)}.alr-dropdown-checkbox-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.alr-menu-checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569;cursor:pointer}.alr-modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.alr-modal-overlay.alr-show{opacity:1;pointer-events:auto}.alr-modal-card{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #00000026;width:100%;max-width:850px;overflow:hidden;transform:translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.alr-modal-overlay.alr-show .alr-modal-card{transform:translateY(0)}.alr-delete-box-size{max-width:380px}.alr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px}.alr-bg-blue{background-color:#5c67f2;color:#fff}.alr-bg-grey{background-color:#f1f5f9;color:#1e293b;border-bottom:1px solid #e2e8f0}.alr-modal-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;margin:0}.alr-text-dark{color:#1e293b}.alr-modal-avatar{font-size:20px}.alr-modal-close-icon{background:none;border:none;color:inherit;font-size:22px;cursor:pointer}.alr-modal-scrollable-body{max-height:460px;overflow-y:auto;padding:24px}.alr-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}.alr-field-group{position:relative}.alr-field-group label{position:absolute;left:16px;top:-10px;background-color:#fff;padding:0 6px;font-size:12px;color:#64748b;font-weight:500;z-index:10}.alr-field-group input,.alr-field-group select,.date-picker-input{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:6px;outline:none;background-color:#fff;font-size:14px;box-sizing:border-box}.alr-full-width-textarea{margin-top:28px;position:relative}.alr-full-width-textarea label{position:absolute;left:16px;top:-10px;background-color:#fff;padding:0 6px;font-size:12px;color:#64748b;font-weight:500}.alr-full-width-textarea textarea{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:6px;outline:none;resize:none;font-size:14px}.textarea-resize-lines{position:absolute;bottom:8px;right:12px;font-size:10px;color:#cbd5e1}.alr-modal-footer-actions{display:flex;justify-content:flex-start;gap:12px;padding:16px 24px;border-top:1px solid #edf2f7;background-color:#fafafa}.alr-btn-save-submit{padding:10px 28px;background-color:#ccd3e0;color:#555;border:none;border-radius:50px;font-weight:500;cursor:pointer}.alr-btn-cancel-submit{padding:10px 28px;background-color:#dc2626;color:#fff;border:none;border-radius:50px;font-weight:500;cursor:pointer}.alr-delete-prompt-body{padding:24px;font-size:15px;color:#475569}.alr-delete-prompt-body p{margin:8px 0}.alr-delete-action-row{display:flex;justify-content:center;gap:12px;margin-top:24px}.alr-btn-delete-confirm{padding:10px 32px;background-color:#dc2626;color:#fff;border:none;border-radius:50px;font-weight:500;cursor:pointer}.alr-btn-delete-cancel{padding:10px 32px;background-color:#2563eb;color:#fff;border:none;border-radius:50px;font-weight:500;cursor:pointer}@media(max-width:768px){.alr-filter-card{flex-direction:column;align-items:flex-start;gap:16px}.alr-toolbar-right{width:100%;justify-content:space-between}.alr-form-grid{grid-template-columns:1fr;gap:20px}.alr-header-row{flex-direction:column;align-items:flex-start;gap:8px}}.lb-main-container{background-color:#f3f6f9;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.lb-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lb-page-title{font-size:24px;font-weight:600;color:#2c3e50}.lb-breadcrumb{display:flex;align-items:center;font-size:14px;color:#7f8c8d}.lb-bc-chevron{margin:0 8px;font-size:12px}.lb-active-bc{color:#2c3e50;font-weight:500}.lb-filter-card{background-color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border:1px solid #eef2f5}.lb-search-block{display:flex;align-items:center;gap:16px}.lb-block-title{font-weight:600;font-size:16px;color:#4d5e80}.lb-search-input-box{position:relative}.lb-search-input-box input{padding:10px 16px 10px 40px;border-radius:50px;border:1px solid #e2e8f0;background-color:#f8fafc;outline:none;width:240px;transition:all .3s}.lb-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.lb-toolbar-right{display:flex;align-items:center;gap:12px}.lb-vertical-dots{color:#cbd5e1;font-size:20px}.lb-btn-tool,.lb-icon-only-btn{display:flex;align-items:center;justify-content:center;padding:11px;border-radius:50px;border:1px solid #e2e8f0;background-color:#f8fafc;color:#475569;cursor:pointer;font-size:16px;width:42px;height:42px;box-sizing:border-box}.lb-btn-tool:hover,.lb-icon-only-btn:hover{background-color:#edf2f7}.lb-add-symbol-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50px;background-color:#4f46e5;color:#fff;border:none;font-size:18px;cursor:pointer;box-shadow:0 2px 6px #4f46e533}.lb-add-symbol-btn:hover{background-color:#4338ca}.lb-responsive-table-holder{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;border:1px solid #eef2f5;overflow-x:auto;width:100%}.lb-data-grid-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.lb-data-grid-table th{background-color:#f8fafc;padding:14px 18px;color:#64748b;font-weight:600;border-bottom:2px solid #edf2f7;white-space:nowrap}.lb-data-grid-table td{padding:14px 18px;color:#334155;border-bottom:1px solid #f1f5f9;white-space:nowrap}.lb-data-grid-table tr:hover{background-color:#f8fafc}.lb-checkbox{width:16px;height:16px;accent-color:#4f46e5;cursor:pointer}.lb-action-container{display:flex;gap:12px}.lb-action-container button{background:none;border:none;cursor:pointer;font-size:16px}.lb-edit-icon-btn{color:#3b82f6}.lb-delete-icon-btn{color:#ef4444}.lb-pagination-footer{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:14px 24px;border-radius:8px;margin-top:16px;border:1px solid #eef2f5;font-size:14px;color:#64748b}.lb-items-selector-block{display:flex;align-items:center;gap:12px}.lb-items-selector-block select{padding:6px 12px;border-radius:6px;border:1px solid #cbd5e1;outline:none}.lb-pagination-nav-arrows{display:flex;align-items:center;gap:14px}.lb-page-num-display{font-weight:500;color:#334155}.lb-nav-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;padding:8px 14px;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center}.lb-nav-btn:disabled{opacity:.4;cursor:not-allowed}.lb-dropdown-anchor{position:relative}.lb-column-menu-popup{position:absolute;right:0;top:125%;width:250px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:100;padding:16px}.lb-dropdown-title-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:10px;margin-bottom:12px}.lb-dropdown-title-row h4{font-weight:600;color:#475569;margin:0}.lb-dropdown-reset{color:#94a3b8;cursor:pointer;transform:rotate(90deg)}.lb-dropdown-checkbox-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.lb-menu-checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569;cursor:pointer}.lb-modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s ease}.lb-modal-overlay.lb-show{opacity:1;pointer-events:auto}.lb-modal-card{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #00000026;width:100%;max-width:820px;overflow:hidden;transform:scale(.95);transition:transform .3s ease}.lb-modal-overlay.lb-show .lb-modal-card{transform:scale(1)}.lb-delete-box-size{max-width:380px}.lb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px}.lb-bg-blue{background-color:#5c67f2;color:#fff}.lb-bg-grey{background-color:#f1f5f9;color:#1e293b;border-bottom:1px solid #e2e8f0}.lb-modal-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;margin:0}.lb-text-dark{color:#1e293b}.lb-modal-avatar{font-size:20px}.lb-modal-close-icon{background:none;border:none;color:inherit;font-size:22px;cursor:pointer}.lb-modal-scrollable-body{max-height:440px;overflow-y:auto;padding:24px}.lb-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}.lb-field-group{position:relative}.lb-field-group label{position:absolute;left:16px;top:-10px;background-color:#fff;padding:0 6px;font-size:12px;color:#64748b;font-weight:500;z-index:10}.lb-field-group input{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:6px;outline:none;background-color:#fff;font-size:14px;box-sizing:border-box}.lb-modal-footer-actions{display:flex;justify-content:flex-start;gap:12px;padding:16px 24px;border-top:1px solid #edf2f7;background-color:#fafafa}.lb-btn-save-submit{padding:10px 28px;background-color:#22c55e;color:#fff;border:none;border-radius:50px;font-weight:500;cursor:pointer}.lb-btn-cancel-submit{padding:10px 28px;background-color:#dc2626;color:#fff;border:none;border-radius:50px;font-weight:500;cursor:pointer}.lb-delete-prompt-body{padding:24px;font-size:15px;color:#475569}.lb-delete-prompt-body p{margin:8px 0}.lb-delete-action-row{display:flex;justify-content:center;gap:12px;margin-top:24px}.lb-btn-delete-confirm{padding:10px 32px;background-color:#dc2626;color:#fff;border:none;border-radius:50px;font-weight:500;cursor:pointer}.lb-btn-delete-cancel{padding:10px 32px;background-color:#2563eb;color:#fff;border:none;border-radius:50px;font-weight:500;cursor:pointer}@media(max-width:768px){.lb-filter-card{flex-direction:column;align-items:flex-start;gap:16px}.lb-toolbar-right{width:100%;justify-content:space-between}.lb-form-grid{grid-template-columns:1fr;gap:20px}.lb-header-row{flex-direction:column;align-items:flex-start;gap:8px}.lb-full-row-mobile{grid-column:span 1}}.page-container{min-height:100vh;background-color:#f3f4f9;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.main-title{font-size:24px;font-weight:600;color:#1e293b;margin:0}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.breadcrumb-active{color:#1e293b;font-weight:500}.table-card{background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden}.toolbar-section{padding:16px;display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc;border:1px solid #edf2f7;flex-wrap:wrap;gap:16px}.search-wrapper{position:relative;max-width:180px;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;width:16px;height:16px}.search-input{width:100%;padding:8px 12px 8px 36px;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;outline:none;background-color:#fff;transition:all .2s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.action-buttons-group{display:flex;align-items:center;gap:8px}.btn-icon-outline,.btn-icon-success,.btn-icon-primary{border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-outline{background-color:#fff;border:1px solid #cbd5e1;color:#475569}.btn-icon-outline:hover{background-color:#f1f5f9}.btn-icon-success{background-color:#22c55e;color:#fff}.btn-icon-success:hover{background-color:#16a34a}.btn-icon-primary{background-color:#3b82f6;color:#fff}.btn-icon-primary:hover{background-color:#2563eb}.dropdown-relative{position:relative}.column-dropdown-menu{position:absolute;right:0;top:44px;width:220px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:30;padding:12px;max-height:260px;overflow-y:auto}.dropdown-title{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:8px;padding:0 4px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:14px;color:#475569;cursor:pointer;border-radius:4px;text-transform:capitalize}.dropdown-item:hover{background-color:#f8fafc}.table-responsive{overflow-x:auto;width:100%}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.custom-table th{background-color:#fff;padding:16px;font-size:13px;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap}.custom-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#475569}.custom-table tr:hover{background-color:#f8fafc}.text-light{color:#94a3b8}.text-dark-bold{color:#64748b;font-weight:600}.text-muted{color:#64748b}.text-right{text-align:right}.no-data{text-align:center;color:#94a3b8;padding:32px}.status-badge{display:inline-flex;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:700}.badge-active{background-color:#dcfce7;color:#16a34a}.badge-inactive{background-color:#fee2e2;color:#dc2626}.row-actions{display:flex;justify-content:flex-end;gap:12px}.row-actions button{background:none;border:none;cursor:pointer;transition:transform .1s}.action-btn-edit{color:#3b82f6}.action-btn-delete{color:#ef4444}.pagination-footer{padding:16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px;color:#64748b;font-size:14px}.per-page-selector{display:flex;align-items:center;gap:8px}.select-wrapper{position:relative}.custom-select{appearance:none;padding:6px 32px 6px 12px;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;cursor:pointer}.select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8;pointer-events:none}.pagination-info{display:flex;align-items:center;gap:16px}.pagination-nav{display:flex;gap:4px}.nav-btn{background:#fff;border:1px solid #e2e8f0;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:fadeIn .2s ease-out}.modal-container{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;width:100%;animation:zoomIn .25s cubic-bezier(.34,1.56,.64,1)}.size-lg{max-width:850px}.size-sm{max-width:380px;padding:24px}.modal-header{padding:16px;display:flex;justify-content:space-between;align-items:center;color:#fff}.bg-purple{background-color:#5e5ce6}.modal-header h2{font-size:18px;margin:0;font-weight:600}.modal-close-btn{background:none;border:none;color:#fff;cursor:pointer;opacity:.8}.modal-close-btn:hover{opacity:1}.modal-body{padding:24px;max-height:70vh;overflow-y:auto}.grid-2-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#475569}.form-control{padding:8px 12px;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;outline:none}.form-control:focus{border-color:#5e5ce6;box-shadow:0 0 0 3px #5e5ce626}.full-width{grid-column:1 / -1}.textarea-custom{height:80px;resize:none}.disabled-field{background-color:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed}.error-border{border-color:#ef4444}.error-text{font-size:12px;color:#ef4444;margin:0}.modal-footer{padding:16px 24px;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px}.btn-submit{border:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;color:#fff}.bg-green{background-color:#22c55e}.bg-green:hover{background-color:#16a34a}.bg-red{background-color:#b91c1c}.bg-red:hover{background-color:#991b1b}.text-center-modal{text-align:left}.delete-title{font-size:24px;font-weight:700;color:#1e293b;margin-top:0;margin-bottom:16px}.delete-details{margin-bottom:24px;font-size:15px;color:#475569;display:flex;flex-direction:column;gap:8px}.delete-details span{color:#94a3b8;font-weight:500}.delete-actions{display:flex;gap:12px}.btn-action{flex:1;border:none;padding:12px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;color:#fff}.bg-danger{background-color:#b91c1c}.bg-sky{background-color:#0284c7}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.leaveSettings{width:100%;min-height:100vh;padding:20px;background:#eef2f6;font-family:Poppins,sans-serif;box-sizing:border-box}.leaveSettings *{box-sizing:border-box}.leaveSettings__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:20px}.leaveSettings__top h2{margin:0;font-size:24px;font-weight:100;color:#24364d}.leaveSettings__breadcrumb{display:flex;align-items:center;gap:8px;color:#68758b;font-size:10px}.leaveSettings__breadcrumb svg{font-size:8px}.leaveSettings__breadcrumb .active{color:#24364d;font-weight:100}.leaveSettings__card{width:100%;background:#fff;border-radius:14px;box-shadow:0 4px 20px #00000014;padding:26px}.leaveSettings__heading{margin:0 0 28px;font-size:20px;font-weight:100;color:#1d2b42}.leaveSettings__form{width:100%}.leaveSettings__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.leaveSettings__field{display:flex;flex-direction:column}.leaveSettings__field--full{grid-column:1/-1}.leaveSettings__field--empty{visibility:hidden}.leaveSettings__field label{font-size:14px;font-weight:200;color:#4c5567;margin-bottom:8px}.leaveSettings__field input{width:100%;height:54px;padding:0 18px;border:1px solid #bfc7d5;border-radius:6px;outline:none;font-size:17px;color:#24364d;background:#fff;transition:.25s}.leaveSettings__field input::placeholder{color:#8b95a6}.leaveSettings__field input:focus{border-color:#5569e9;box-shadow:0 0 0 3px #5569e91f}.leaveSettings__field select{width:100%;height:44px;padding:0 18px;border:1px solid #bfc7d5;border-radius:6px;outline:none;font-size:16px;color:#24364d;cursor:pointer;background:#fff;transition:.25s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5l6.5 6 6.5-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:18px}.leaveSettings__field select:focus{border-color:#5569e9;box-shadow:0 0 0 3px #5569e91f}.leaveSettings__field textarea{width:100%;min-height:140px;padding:18px;border:1px solid #bfc7d5;border-radius:6px;resize:vertical;outline:none;font-size:16px;color:#24364d;transition:.25s}.leaveSettings__field textarea::placeholder{color:#8b95a6}.leaveSettings__field textarea:focus{border-color:#5569e9;box-shadow:0 0 0 3px #5569e91f}.leaveSettings__checkboxSection{display:flex;flex-direction:column;gap:22px;margin-top:25px}.leaveSettings__checkbox{position:relative;display:flex;align-items:center;gap:16px;cursor:pointer;font-size:16px;color:#24364d;-webkit-user-select:none;user-select:none;font-weight:400}.leaveSettings__checkbox input{position:absolute;opacity:0;cursor:pointer}.leaveSettings__checkmark{width:20px;height:20px;border:2px solid #bfc7d5;border-radius:5px;background:#fff;transition:.25s;position:relative;flex-shrink:0}.leaveSettings__checkbox:hover .leaveSettings__checkmark{border-color:#5569e9}.leaveSettings__checkbox input:checked~.leaveSettings__checkmark{background:#5569e9;border-color:#5569e9}.leaveSettings__checkbox input:checked~.leaveSettings__checkmark:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);color:#fff;font-size:16px;font-weight:700}.leaveSettings__footer{margin-top:45px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}.leaveSettings__saveBtn{min-width:180px;height:50px;border:none;outline:none;border-radius:10px;background:#5569e9;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 10px 25px #5569e940}.leaveSettings__saveBtn:hover:not(:disabled){background:#4257dc;transform:translateY(-2px);box-shadow:0 14px 28px #5569e959}.leaveSettings__saveBtn:active{transform:scale(.98)}.leaveSettings__saveBtn:disabled{background:#d5d8e2;color:#8a8f99;cursor:not-allowed;box-shadow:none}.leaveSettings__success{min-width:420px;max-width:500px;background:#f2fff4;border:2px solid #67d779;border-radius:12px;padding:22px;display:flex;align-items:center;gap:18px;animation:successPopup .35s ease;position:relative}.leaveSettings__successIcon{width:48px;height:48px;border-radius:50%;background:#36b24a;color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;flex-shrink:0}.leaveSettings__success h4{margin:0 0 6px;color:#17853a;font-size:22px}.leaveSettings__success p{margin:0;color:#555;font-size:16px;line-height:1.5}.leaveSettings__successClose{position:absolute;right:15px;top:12px;width:34px;height:34px;border:none;background:transparent;cursor:pointer;color:#777;font-size:26px;transition:.25s}.leaveSettings__successClose:hover{color:#111;transform:rotate(90deg)}.leaveSettings__field input:hover,.leaveSettings__field textarea:hover,.leaveSettings__field select:hover{border-color:#8a97f0}.leaveSettings__card{transition:.3s}.leaveSettings__card:hover{box-shadow:0 10px 35px #0000001f}@keyframes successPopup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.leaveSettings{padding:18px}.leaveSettings__card{padding:22px}.leaveSettings__grid{gap:22px}.leaveSettings__top h2{font-size:30px}.leaveSettings__heading{font-size:26px}}@media(max-width:992px){.leaveSettings{padding:16px}.leaveSettings__top{flex-direction:column;align-items:flex-start;gap:12px}.leaveSettings__grid{grid-template-columns:1fr;gap:20px}.leaveSettings__field--full,.leaveSettings__field--empty{grid-column:auto;visibility:visible}.leaveSettings__footer{flex-direction:column;align-items:stretch}.leaveSettings__saveBtn{width:100%}.leaveSettings__success{min-width:100%;max-width:100%}}@media(max-width:768px){.leaveSettings{padding:14px}.leaveSettings__card{padding:18px;border-radius:10px}.leaveSettings__top h2{font-size:26px}.leaveSettings__heading{font-size:22px;margin-bottom:22px}.leaveSettings__breadcrumb{flex-wrap:wrap;font-size:13px;gap:6px}.leaveSettings__field label{font-size:14px}.leaveSettings__field input,.leaveSettings__field select{height:52px;font-size:15px;padding:0 14px}.leaveSettings__field textarea{min-height:120px;font-size:15px;padding:14px}.leaveSettings__checkbox{font-size:15px}.leaveSettings__checkmark{width:22px;height:22px}.leaveSettings__saveBtn{height:52px;font-size:16px}.leaveSettings__success{flex-direction:column;align-items:flex-start;padding:18px;gap:12px}.leaveSettings__successIcon{width:42px;height:42px;font-size:20px}.leaveSettings__success h4{font-size:18px}.leaveSettings__success p{font-size:14px}.leaveSettings__successClose{top:10px;right:10px}}@media(max-width:480px){.leaveSettings{padding:10px}.leaveSettings__card{padding:14px}.leaveSettings__top h2{font-size:22px}.leaveSettings__heading{font-size:20px}.leaveSettings__breadcrumb{font-size:12px}.leaveSettings__field label{font-size:13px}.leaveSettings__field input,.leaveSettings__field select{height:48px;font-size:14px}.leaveSettings__field textarea{min-height:100px;font-size:14px}.leaveSettings__checkbox{font-size:14px;gap:12px}.leaveSettings__checkmark{width:20px;height:20px}.leaveSettings__saveBtn{height:48px;font-size:15px}.leaveSettings__success{padding:15px}.leaveSettings__success h4{font-size:17px}.leaveSettings__success p{font-size:13px}}.leaveSettings__field input,.leaveSettings__field select,.leaveSettings__field textarea,.leaveSettings__saveBtn,.leaveSettings__checkbox,.leaveSettings__card,.leaveSettings__success{transition:all .3s ease}.leaveSettings ::-webkit-scrollbar{width:8px;height:8px}.leaveSettings ::-webkit-scrollbar-thumb{background:#b9c3d6;border-radius:20px}.leaveSettings ::-webkit-scrollbar-thumb:hover{background:#8d9cc2}.leaveSettings ::-webkit-scrollbar-track{background:#eef2f6}:root{--bg-main: #f0f4f8;--bg-card: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e2e8f0;--primary-color: #3b82f6;--primary-hover: #2563eb;--danger-color: #dc2626;--danger-hover: #b91c1c;--bg-present: #e6f4ea;--text-present: #137333;--bg-late: #feefe3;--text-late: #b06000;--bg-halfday: #e8f0fe;--text-halfday: #1a73e8;--bg-absent: #fce8e6;--text-absent: #c5221f}.attendance-container{background-color:var(--bg-main);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.attendance-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.attendance-title{font-size:22px;font-weight:600;color:var(--text-primary)}.attendance-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.attendance-card{background:var(--bg-card);border-radius:8px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:visible}.attendance-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#deecfc;border-top-left-radius:8px;border-top-right-radius:8px;position:relative}.attendance-search-box{position:relative;width:260px}.attendance-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.attendance-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none}.attendance-action-buttons{display:flex;align-items:center;gap:14px}.attendance-icon-btn{background:none;border:none;cursor:pointer;color:#4b5563;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s}.attendance-icon-btn:hover{background-color:#0000000f}.attendance-icon-btn.active-btn{color:var(--primary-color)}.attendance-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:4px 8px;font-size:11px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100}.attendance-icon-btn:hover:after{opacity:1}.column-toggle-dropdown{position:absolute;top:56px;right:16px;background:#fff;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;width:220px;max-height:240px;overflow-y:auto;z-index:90;padding:8px 0}.column-toggle-title{padding:8px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:4px}.column-toggle-item{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.column-toggle-item:hover{background-color:#f3f4f6}.column-toggle-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.attendance-table-container{width:100%;overflow-x:auto}.attendance-main-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.attendance-main-table th,.attendance-main-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);white-space:nowrap;vertical-align:middle}.attendance-main-table th{font-weight:500;color:#111827;background-color:#fff}.attendance-profile-cell{display:flex;align-items:center;gap:10px}.attendance-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.status-badge.present{background-color:var(--bg-present);color:var(--text-present)}.status-badge.late{background-color:var(--bg-late);color:var(--text-late)}.status-badge.half-day{background-color:var(--bg-halfday);color:var(--text-halfday)}.status-badge.absent{background-color:var(--bg-absent);color:var(--text-absent)}.row-action-buttons{display:flex;align-items:center;gap:12px}.row-edit-btn{color:#3b82f6;background:none;border:none;cursor:pointer;padding:4px}.row-edit-btn:hover{color:#1d4ed8}.row-delete-btn{color:#f97316;background:none;border:none;cursor:pointer;padding:4px}.row-delete-btn:hover{color:#ea580c}.attendance-pagination-bar{display:flex;justify-content:flex-end;background-color:#eff2f8;align-items:center;padding:16px;gap:24px;font-size:14px;color:var(--text-secondary);border-top:1px solid var(--border-color);flex-wrap:wrap}.items-per-page-selector{display:flex;align-items:center;gap:8px;position:relative}.items-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:#fff;cursor:pointer}.items-custom-menu{position:absolute;bottom:110%;left:0;background:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 -4px 10px #0000001a;width:100%;z-index:80}.items-custom-option{padding:8px 12px;cursor:pointer}.items-custom-option:hover,.items-custom-option.selected-opt{background-color:#e5e7eb}.pagination-navigation{display:flex;align-items:center;gap:8px}.pagination-arrow-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);position:relative}.pagination-arrow-btn:disabled{color:#d1d5db;cursor:not-allowed}.pagination-arrow-btn:not(:disabled):hover{background-color:#e5e7eb}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.entry-modal-box{background:#fff;width:100%;max-width:650px;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.entry-modal-header{background-color:#4f46e5;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.entry-modal-title-wrapper{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.entry-modal-close{background:none;border:none;color:#fff;cursor:pointer}.entry-modal-body-form{padding:24px}.form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:600px){.form-grid-layout{grid-template-columns:1fr}}.form-input-field-group{position:relative}.form-input-label-tag{position:absolute;left:12px;top:-10px;background:#fff;padding:0 4px;font-size:12px;color:#4f46e5;font-weight:500}.form-interactive-input{width:100%;padding:12px 36px 12px 12px;border:1px solid #cccccc;border-radius:6px;font-size:14px;outline:none;background:transparent;box-sizing:border-box}.form-interactive-input:focus{border-color:#4f46e5}.form-input-right-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.form-time-dropdown-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid var(--border-color);border-radius:4px;max-height:160px;overflow-y:auto;z-index:110;box-shadow:0 4px 6px #0000000d}.form-time-dropdown-option{padding:8px 12px;cursor:pointer;font-size:14px}.form-time-dropdown-option:hover{background-color:#f3f4f6}.form-action-footer-buttons{display:flex;gap:12px}.form-save-submit-btn{background-color:#0250a3;color:#fff;padding:10px 24px;border-radius:20px;border:none;cursor:pointer;font-weight:500}.form-save-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.form-cancel-dismiss-btn{background-color:#b91c1c;color:#fff;padding:10px 24px;border-radius:20px;border:none;cursor:pointer;font-weight:500}.delete-dialog-box{background:#fff;padding:24px;border-radius:12px;width:100%;max-width:380px;box-shadow:0 20px 25px -5px #0000001a}.delete-dialog-title{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.delete-dialog-details-list{font-size:14px;color:var(--text-secondary);margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.delete-dialog-actions{display:flex;gap:12px}.delete-confirm-execution-btn{background-color:var(--danger-color);color:#fff;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-weight:500;flex:1}.delete-confirm-execution-btn:hover{background-color:var(--danger-hover)}.delete-cancel-dismiss-btn{background-color:#0056b3;color:#fff;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-weight:500;flex:1}.attendance-checkbox-input{width:16px;height:16px;cursor:pointer}.attendance-page-container{background-color:#f3f4f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px 24px;box-sizing:border-box}.page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.main-title{font-size:20px;color:#3b4554;font-weight:600;margin:0}.breadcrumbs{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.home-icon{font-size:14px}.separator{color:#cbd5e1}.attendance-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000008;padding:24px;border:1px solid #e2e8f0}.card-inner-title{font-size:16px;color:#475569;font-weight:600;margin-top:0;margin-bottom:24px}.controls-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.fieldset-input-group{position:relative;border:1px solid #a0aec0;border-radius:6px;padding:0 12px;background:#fff;min-width:280px;flex:1;max-width:380px}.fieldset-label{position:absolute;top:-10px;left:12px;background:#fff;padding:0 6px;font-size:11px;color:#4a5568;font-weight:500}.custom-select{width:100%;border:none;outline:none;height:48px;font-size:15px;color:#1a202c;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:16px}.search-btn{background-color:#f6f6ff;color:#3b3be6;border:1px solid #e0e0fc;border-radius:24px;padding:0 44px;height:46px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 6px #3b3be60d}.search-btn:hover{background-color:#ececff;border-color:#ccf}.divider-line{border:0;height:1px;background-color:#edf2f7;margin:24px 0}.meta-legend-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.filter-badge-text{font-size:13px;color:#718096;font-weight:500}.legends-wrapper{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2d3748}.legend-icon{font-size:14px}.table-scroll-axis-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.table-vertical-wrapper{max-height:520px;overflow-y:auto}.attendance-grid-table{width:100%;border-collapse:collapse;text-align:center}.sticky-employee-col{position:sticky;left:0;background-color:#fff;z-index:10;width:220px;min-width:220px;max-width:220px;text-align:left!important;box-shadow:4px 0 8px #0000000a;border-right:1px solid #edf2f7;padding-left:16px!important}th.sticky-employee-col{background-color:#fafafa;z-index:11}.attendance-grid-table th,.attendance-grid-table td{padding:12px 10px;border-bottom:1px solid #edf2f7;white-space:nowrap}.header-cell{font-size:13px;color:#1a202c;font-weight:700;background-color:#fafafa}.day-header-cell{font-size:12px;color:#1a202c;font-weight:700;min-width:38px;background-color:#fafafa;border-left:1px solid #edf2f7}.employee-info-box{display:flex;align-items:center;gap:12px}.employee-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#e2e8f0}.employee-name-txt{font-size:13px;font-weight:600;color:#2d3748}.status-indicator-icon{font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.status-present{color:#38a169}.status-leave{color:#e53e3e}.status-weekend{color:#a0aec0}.status-holiday{color:#ecc94b}.status-data-cell{border-left:1px solid #edf2f7}.table-scroll-axis-container::-webkit-scrollbar,.table-vertical-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-scroll-axis-container::-webkit-scrollbar-track,.table-vertical-wrapper::-webkit-scrollbar-track{background:#f7fafc}.table-scroll-axis-container::-webkit-scrollbar-thumb,.table-vertical-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.table-scroll-axis-container::-webkit-scrollbar-thumb:hover,.table-vertical-wrapper::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media(max-width:768px){.page-header-row{flex-direction:column;align-items:flex-start;gap:8px}.controls-row{flex-direction:column;align-items:stretch}.fieldset-input-group{max-width:100%;min-width:100%}.search-btn{width:100%}.meta-legend-row{flex-direction:column;align-items:flex-start;gap:12px}}.manual-adjustment-overlay{position:fixed;inset:0;width:100%;height:100vh;background:#0f172a52;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;z-index:9999}.manual-adjustment-modal{width:100%;max-width:485px;background:#fff;border-radius:16px;padding:32px 28px 40px;box-sizing:border-box;box-shadow:0 20px 45px #0f172a2e,0 4px 10px #0f172a14;animation:manualPopupOpen .22s ease}@keyframes manualPopupOpen{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.manual-adjustment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.manual-adjustment-header h2{margin:0;font-size:21px;font-weight:600;color:#333}.manual-close-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:transparent;color:#737373;font-size:27px;font-weight:400;line-height:1;cursor:pointer;transition:.2s ease}.manual-close-btn:hover{background:#f1f5f9;color:#ef4444}.manual-employee-info{padding:16px 14px;margin-bottom:18px;background:#f8f9fb;border:1px solid #e4e7ec;border-radius:9px;color:#444;font-size:15px;line-height:1.5}.manual-employee-info div{margin:1px 0}.manual-employee-info strong{color:#333;font-weight:700}.manual-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 12px;margin-bottom:30px}.manual-status-option{min-height:45px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1px solid #e7e7e7;border-radius:9px;font-family:inherit;font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.manual-status-option span{width:16px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:500}.manual-status-option:hover{background:#fafafa;transform:translateY(-1px);box-shadow:0 3px 8px #0f172a0d}.status-present-option{color:#35a76f}.status-present-option:hover,.status-present-option.selected{background:#f0fdf4;border-color:#86efac}.status-absent-option{color:#d34c42}.status-absent-option:hover,.status-absent-option.selected{background:#fff1f2;border-color:#fda4af}.status-half-option{color:#e5a11a}.status-half-option:hover,.status-half-option.selected{background:#fffbeb;border-color:#fcd34d}.status-late-option{color:#df8b20}.status-late-option:hover,.status-late-option.selected{background:#fff7ed;border-color:#fdba74}.status-leave-option{color:#3486ad}.status-leave-option:hover,.status-leave-option.selected{background:#f0f9ff;border-color:#7dd3fc}.manual-status-option.selected{font-weight:600;box-shadow:0 0 0 1px currentColor}.manual-time-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px;margin-bottom:38px}.manual-time-group{display:flex;flex-direction:column;gap:6px}.manual-time-group label{font-size:12px;font-weight:600;color:#64748b}.manual-time-group input{width:100%;padding:10px 2px;box-sizing:border-box;background:transparent;border:none;border-bottom:1px solid #e5e7eb;outline:none;color:#334155;font-family:inherit;font-size:15px;transition:border-color .2s ease}.manual-time-group input:hover{border-bottom-color:#cbd5e1}.manual-time-group input:focus{border-bottom-color:#6256d9}.manual-time-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.manual-save-wrapper{display:flex;justify-content:flex-end;align-items:center}.manual-save-btn{min-width:205px;padding:14px 25px;border:1px solid #dedcf4;border-radius:28px;background:#f8f7ff;color:#5547d7;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #5547d70f;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.manual-save-btn:hover{background:#5547d7;border-color:#5547d7;color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px #5547d733}.manual-save-btn:active{transform:translateY(0)}.manual-save-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.status-data-cell{cursor:pointer;transition:background-color .2s ease,transform .15s ease}.status-data-cell:hover{background-color:#f1f5f9}.status-data-cell:hover .status-indicator-icon{transform:scale(1.15)}.status-indicator-icon{transition:transform .15s ease}.status-data-cell:active{background-color:#e2e8f0}@media(max-width:600px){.manual-adjustment-overlay{padding:14px}.manual-adjustment-modal{max-width:100%;padding:24px 18px 28px;border-radius:14px}.manual-adjustment-header{margin-bottom:25px}.manual-adjustment-header h2{font-size:19px}.manual-status-grid{grid-template-columns:1fr;gap:9px}.manual-time-row{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.manual-save-wrapper{justify-content:stretch}.manual-save-btn{width:100%}}.ts-container{background-color:#eff3f6;min-height:100vh;font-family:Arial,sans-serif;box-sizing:border-box}.ts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ts-title{font-size:22px;color:#333;margin:0;font-weight:400}.ts-breadcrumb{font-size:13px;color:#666}.ts-breadcrumb-active{color:#333}.ts-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:16px;overflow:hidden}.ts-action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ts-search-box{display:flex;align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:6px 12px;width:100%;max-width:240px}.ts-search-input{background:none;border:none;outline:none;margin-left:8px;font-size:14px;color:#333;width:100%}.ts-action-btns{display:flex;align-items:center;gap:16px;position:relative}.ts-icon-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center}.ts-btn-col{color:#5c6bc0}.ts-btn-add{color:#28a745}.ts-btn-ref{color:#4a5568}.ts-btn-dl{color:#3182ce}.ts-table-wrapper{width:100%;overflow-x:auto}.ts-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.ts-table th{padding:14px 16px;color:#4a5568;font-weight:600;border-bottom:2px solid #edf2f7;white-space:nowrap}.ts-table td{padding:12px 16px;color:#2d3748;border-bottom:1px solid #edf2f7;vertical-align:middle;white-space:nowrap}.ts-table tbody tr:hover{background-color:#f8fafc}.ts-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block;text-align:center}.ts-badge.approved{background-color:#e6f4ea;color:#137333}.ts-badge.pending{background-color:#fef7e0;color:#b06000}.ts-badge.rejected{background-color:#fce8e6;color:#c5221f}.ts-row-actions{display:flex;gap:12px}.ts-edit-icon{color:#2f75b5;background:none;border:none;cursor:pointer;font-size:16px}.ts-del-icon{color:#ff6b6b;background:none;border:none;cursor:pointer;font-size:16px}.ts-col-dropdown{position:absolute;top:35px;right:100px;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:100;width:200px;transform-origin:top right;animation:tsSmoothOpen .2s ease-out forwards}.ts-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box;animation:tsFadeIn .2s ease-out forwards}.ts-modal-form{background-color:#fff;border-radius:8px;width:100%;max-width:850px;overflow:hidden;box-shadow:0 10px 25px #0000001a;transform-origin:center;animation:tsSmoothOpen .25s cubic-bezier(.34,1.56,.64,1) forwards}.ts-modal-del{background-color:#f8faff;padding:24px;border-radius:12px;width:100%;max-width:340px;box-shadow:0 10px 20px #0000001a;animation:tsSmoothOpen .2s ease-out forwards}@keyframes tsSmoothOpen{0%{opacity:0;transform:scale(.92) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tsFadeIn{0%{opacity:0}to{opacity:1}}.ts-modal-head{background-color:#5c6bc0;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.ts-modal-head-left{display:flex;align-items:center;gap:10px}.ts-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.ts-modal-body{padding:24px;background-color:#f8faff}.ts-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.ts-input-group{background:#fff;border:1px solid #cccccc;border-radius:4px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.ts-input-full{grid-column:span 2}.ts-field{display:flex;flex-direction:column;width:100%}.ts-field label{font-size:12px;color:#718096;margin-bottom:2px}.ts-field input,.ts-field select,.ts-field textarea{border:none;outline:none;font-size:14px;color:#333;background:transparent;width:100%;font-family:inherit}.ts-field textarea{resize:vertical;min-height:60px}.ts-icon{color:#718096;font-size:16px}.ts-modal-footer{display:flex;gap:12px}.ts-btn{padding:8px 24px;border-radius:20px;font-size:14px;font-weight:700;border:none;cursor:pointer}.ts-btn-save{background-color:#e2e8f0;color:#a0aec0}.ts-btn-save.active{background-color:#2f75b5;color:#fff}.ts-btn-cancel{background-color:#b91c1c;color:#fff}.ts-del-title{font-size:24px;color:#2d3748;margin:0 0 16px;font-weight:400}.ts-del-text{font-size:14px;color:#4a5568;margin:6px 0}.ts-del-footer{display:flex;justify-content:center;gap:12px;margin-top:24px}.ts-btn-del-ok{background-color:#b91c1c;color:#fff;padding:10px 24px;border-radius:20px;font-weight:700;border:none;cursor:pointer}.ts-btn-del-no{background-color:#06c;color:#fff;padding:10px 24px;border-radius:20px;font-weight:700;border:none;cursor:pointer}.ts-pagination{display:flex;justify-content:flex-end;align-items:center;padding:16px;gap:20px;font-size:13px;color:#4a5568;border-top:1px solid #edf2f7;flex-wrap:wrap}.ts-page-select{padding:4px 8px;border-radius:4px;border:1px solid #cbd5e0;outline:none}.ts-nav-arrows{display:flex;gap:16px}.ts-arrow{background:none;border:none;cursor:pointer;font-size:14px;color:#4a5568}.ts-arrow:disabled{color:#cbd5e0;cursor:not-allowed}.ts-drop-header{padding:12px 16px;font-weight:600;color:#444;border-bottom:1px solid #eee;text-align:center}.ts-drop-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer}.ts-drop-item:hover{background-color:#f8f9fa}@media(max-width:768px){.ts-form-grid{grid-template-columns:1fr}.ts-input-full{grid-column:span 1}.ts-action-bar{flex-direction:column;align-items:flex-start}.ts-search-box{max-width:100%}}.overtime-container{--ot-primary: #4f46e5;--ot-primary-dark: #4338ca;--ot-primary-light: #eef2ff;--ot-primary-100: #e0e7ff;--ot-success-bg: #dcfce7;--ot-success-text: #15803d;--ot-success-dot: #22c55e;--ot-warning-bg: #fef3c7;--ot-warning-text: #b45309;--ot-warning-dot: #f59e0b;--ot-danger-bg: #fee2e2;--ot-danger-text: #b91c1c;--ot-danger-dot: #ef4444;--ot-gray-50: #f9fafb;--ot-gray-100: #f3f4f6;--ot-gray-200: #e5e7eb;--ot-gray-300: #d1d5db;--ot-gray-400: #9ca3af;--ot-gray-500: #6b7280;--ot-gray-600: #4b5563;--ot-gray-700: #374151;--ot-gray-800: #1f2937;--ot-gray-900: #111827;--ot-white: #ffffff;--ot-radius-sm: 8px;--ot-radius: 12px;--ot-radius-lg: 16px;--ot-shadow-xs: 0 1px 2px rgba(17, 24, 39, .04);--ot-shadow-sm: 0 1px 3px rgba(17, 24, 39, .08), 0 1px 2px rgba(17, 24, 39, .04);--ot-shadow-md: 0 4px 12px rgba(17, 24, 39, .08);--ot-shadow-lg: 0 20px 40px -12px rgba(79, 70, 229, .18), 0 8px 16px -8px rgba(17, 24, 39, .08);--ot-transition: .16s cubic-bezier(.4, 0, .2, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ot-gray-900);background:var(--ot-gray-50);min-height:100%;width:100%;box-sizing:border-box;padding:clamp(12px,3vw,28px)}.overtime-container *,.overtime-container *:before,.overtime-container *:after{box-sizing:border-box}.overtime-card{background:var(--ot-white);border:1px solid var(--ot-gray-200);border-radius:var(--ot-radius-lg);box-shadow:var(--ot-shadow-sm);overflow:hidden}.overtime-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--ot-gray-100);background:linear-gradient(180deg,#fff,#fcfcfe)}.overtime-toolbar__title{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--ot-gray-900);white-space:nowrap;margin-right:4px}.overtime-toolbar__spacer{flex:1 1 auto;min-width:12px}.overtime-search{position:relative;display:flex;align-items:center;min-width:200px;max-width:340px;flex:1 1 220px}.overtime-search__icon{position:absolute;left:12px;color:var(--ot-gray-400);display:flex;pointer-events:none}.overtime-search__input{width:100%;height:40px;padding:0 12px 0 38px;border-radius:var(--ot-radius-sm);border:1.5px solid var(--ot-gray-200);background:var(--ot-gray-50);font-size:14px;font-family:inherit;color:var(--ot-gray-900);transition:border-color var(--ot-transition),box-shadow var(--ot-transition),background var(--ot-transition)}.overtime-search__input:focus{outline:none;border-color:var(--ot-primary);background:var(--ot-white);box-shadow:0 0 0 4px var(--ot-primary-light)}.overtime-search__input::placeholder{color:var(--ot-gray-400)}.overtime-toolbar__actions{display:flex;align-items:center;gap:8px}.overtime-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ot-radius-sm);border:1.5px solid var(--ot-gray-200);background:var(--ot-white);color:var(--ot-gray-600);cursor:pointer;transition:all var(--ot-transition)}.overtime-icon-btn:hover{background:var(--ot-gray-50);border-color:var(--ot-gray-300);color:var(--ot-gray-900);transform:translateY(-1px)}.overtime-icon-btn:active{transform:translateY(0)}.overtime-icon-btn--active{color:var(--ot-primary);border-color:var(--ot-primary);background:var(--ot-primary-light)}.overtime-icon-btn--primary{background:linear-gradient(135deg,var(--ot-primary) 0%,#6d28d9 100%);border-color:transparent;color:var(--ot-white);box-shadow:0 6px 14px -4px #4f46e58c}.overtime-icon-btn--primary:hover,.overtime-icon-btn--primary:focus,.overtime-icon-btn--primary:active{background:linear-gradient(135deg,var(--ot-primary) 0%,#6d28d9 100%);color:var(--ot-white);transform:none;filter:none;box-shadow:0 6px 14px -4px #4f46e58c}.overtime-icon-btn__badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--ot-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--ot-white)}.overtime-filter-wrap{position:relative}.overtime-filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--ot-white);border:1px solid var(--ot-gray-200);border-radius:var(--ot-radius);box-shadow:var(--ot-shadow-lg);padding:14px;z-index:40;animation:overtimeFadeIn .14s ease-out}@keyframes overtimeFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.overtime-filter-dropdown__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ot-gray-500);padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--ot-gray-100)}.overtime-filter-dropdown__item{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ot-gray-700);cursor:pointer;transition:background var(--ot-transition)}.overtime-filter-dropdown__item:hover{background:var(--ot-gray-50)}.overtime-checkbox{appearance:none;-webkit-appearance:none;width:17px;height:17px;min-width:17px;border-radius:5px;border:1.5px solid var(--ot-gray-300);background:var(--ot-white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--ot-transition);position:relative}.overtime-checkbox:hover{border-color:var(--ot-primary)}.overtime-checkbox:checked{background:var(--ot-primary);border-color:var(--ot-primary)}.overtime-checkbox:checked:after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.overtime-checkbox:indeterminate{background:var(--ot-primary);border-color:var(--ot-primary)}.overtime-checkbox:indeterminate:after{content:"";position:absolute;left:3px;top:7px;width:9px;height:2px;background:#fff;border-radius:1px}.overtime-table-scroll{width:100%;overflow-x:auto}.overtime-table{width:100%;border-collapse:collapse;min-width:760px}.overtime-table__th{text-align:left;font-size:12.5px;font-weight:700;color:var(--ot-gray-500);text-transform:uppercase;letter-spacing:.03em;padding:13px 18px;background:var(--ot-gray-50);border-bottom:1px solid var(--ot-gray-200);white-space:nowrap}.overtime-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.overtime-table__th-inner{display:inline-flex;align-items:center;gap:6px}.overtime-table__th--checkbox,.overtime-table__td--checkbox{width:44px;padding-left:20px}.overtime-table__row{transition:background var(--ot-transition);border-bottom:1px solid var(--ot-gray-100)}.overtime-table__row:last-child{border-bottom:none}.overtime-table__row:hover{background:var(--ot-primary-light)}.overtime-table__row--selected{background:var(--ot-primary-100)}.overtime-table__td{padding:13px 18px;font-size:14px;color:var(--ot-gray-700);vertical-align:middle}.overtime-table__td--name{font-weight:600;color:var(--ot-gray-900)}.overtime-table__td--muted{color:var(--ot-gray-500)}.overtime-avatar{display:inline-flex;align-items:center;gap:10px}.overtime-avatar__initial{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--ot-primary-light),var(--ot-primary-100));color:var(--ot-primary-dark);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overtime-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}.overtime-badge__dot{width:6px;height:6px;border-radius:50%}.overtime-badge--approved{background:var(--ot-success-bg);color:var(--ot-success-text)}.overtime-badge--approved .overtime-badge__dot{background:var(--ot-success-dot)}.overtime-badge--pending{background:var(--ot-warning-bg);color:var(--ot-warning-text)}.overtime-badge--pending .overtime-badge__dot{background:var(--ot-warning-dot)}.overtime-badge--rejected{background:var(--ot-danger-bg);color:var(--ot-danger-text)}.overtime-badge--rejected .overtime-badge__dot{background:var(--ot-danger-dot)}.overtime-row-actions{display:flex;align-items:center;gap:6px}.overtime-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all var(--ot-transition)}.overtime-action-btn--edit{color:var(--ot-primary)}.overtime-action-btn--edit:hover{background:var(--ot-primary-light);transform:translateY(-1px)}.overtime-action-btn--delete{color:var(--ot-danger-dot)}.overtime-action-btn--delete:hover{background:var(--ot-danger-bg);transform:translateY(-1px)}.overtime-empty{padding:60px 20px;text-align:center;color:var(--ot-gray-500)}.overtime-empty__icon{width:52px;height:52px;border-radius:50%;background:var(--ot-gray-100);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--ot-gray-400)}.overtime-empty__title{font-weight:700;color:var(--ot-gray-800);margin-bottom:4px;font-size:15px}.overtime-empty__subtitle{font-size:13.5px}.overtime-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--ot-gray-100);background:var(--ot-gray-50)}.overtime-footer__left{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ot-gray-600)}.overtime-footer__select{height:32px;padding:0 26px 0 10px;border-radius:8px;border:1.5px solid var(--ot-gray-200);background:var(--ot-white);font-size:13.5px;font-family:inherit;color:var(--ot-gray-800);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.overtime-footer__right{display:flex;align-items:center;gap:14px}.overtime-footer__range{font-size:13.5px;color:var(--ot-gray-600);white-space:nowrap}.overtime-footer__nav{display:flex;gap:4px}.overtime-page-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1.5px solid var(--ot-gray-200);background:var(--ot-white);color:var(--ot-gray-600);cursor:pointer;transition:all var(--ot-transition)}.overtime-page-btn:hover:not(:disabled){border-color:var(--ot-primary);color:var(--ot-primary)}.overtime-page-btn:disabled{opacity:.4;cursor:not-allowed}.overtime-modal-overlay{position:fixed;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:overtimeFadeIn .16s ease-out}.overtime-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--ot-gray-50);border-radius:var(--ot-radius-lg);box-shadow:var(--ot-shadow-lg);animation:overtimeModalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes overtimeModalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.overtime-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--ot-primary) 0%,#6d28d9 100%);color:var(--ot-white);position:sticky;top:0}.overtime-modal__title{font-size:17px;font-weight:700}.overtime-modal__close{width:30px;height:30px;border-radius:8px;border:none;background:#ffffff26;color:var(--ot-white);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ot-transition)}.overtime-modal__close:hover{background:#ffffff47}.overtime-modal__body{padding:24px;display:flex;flex-direction:column;gap:16px}.overtime-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.overtime-field{position:relative;display:flex;flex-direction:column}.overtime-field__label{position:absolute;top:-8px;left:12px;padding:0 6px;background:var(--ot-gray-50);font-size:11.5px;font-weight:700;color:var(--ot-gray-500);letter-spacing:.02em;z-index:1}.overtime-field__required{color:var(--ot-danger-dot)}.overtime-field__control-wrap{position:relative;display:flex;align-items:center}.overtime-field__input,.overtime-field__select,.overtime-field__textarea{width:100%;height:46px;padding:0 40px 0 14px;border-radius:var(--ot-radius-sm);border:1.5px solid var(--ot-gray-200);background:var(--ot-white);font-size:14px;font-family:inherit;color:var(--ot-gray-900);transition:border-color var(--ot-transition),box-shadow var(--ot-transition)}.overtime-field__textarea{height:auto;min-height:80px;padding:12px 40px 12px 14px;resize:vertical}.overtime-field__select{appearance:none;cursor:pointer}.overtime-field__input:focus,.overtime-field__select:focus,.overtime-field__textarea:focus{outline:none;border-color:var(--ot-primary);box-shadow:0 0 0 4px var(--ot-primary-light)}.overtime-field__input--error{border-color:var(--ot-danger-dot)}.overtime-field__icon{position:absolute;right:14px;color:var(--ot-gray-400);pointer-events:none;display:flex}.overtime-field__error{font-size:11.5px;color:var(--ot-danger-text);margin-top:4px;padding-left:2px}.overtime-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px 24px}.overtime-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 22px;border-radius:var(--ot-radius-sm);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:all var(--ot-transition)}.overtime-btn--save{background:linear-gradient(135deg,var(--ot-primary) 0%,#4338ca 100%);color:var(--ot-white);box-shadow:0 6px 14px -4px #4f46e580}.overtime-btn--save:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.overtime-btn--save:disabled{background:var(--ot-gray-300);box-shadow:none;cursor:not-allowed;color:var(--ot-gray-500)}.overtime-btn--cancel{background:#dc2626;color:var(--ot-white);box-shadow:0 6px 14px -4px #dc262673}.overtime-btn--cancel:hover{filter:brightness(1.08);transform:translateY(-1px)}.overtime-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;background:var(--ot-primary);color:var(--ot-white);font-size:13.5px;font-weight:600;animation:overtimeFadeIn .14s ease-out}.overtime-selection-bar__clear{background:#ffffff29;border:none;color:var(--ot-white);padding:6px 12px;border-radius:7px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background var(--ot-transition)}.overtime-selection-bar__clear:hover{background:#ffffff47}.overtime-selection-bar__delete{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;border:none;color:var(--ot-white);padding:6px 12px;border-radius:7px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background var(--ot-transition)}.overtime-selection-bar__delete:hover{background:#dc2626}.overtime-cards{display:none}.overtime-mobile-card{border-bottom:1px solid var(--ot-gray-100);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.overtime-mobile-card:last-child{border-bottom:none}.overtime-mobile-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.overtime-mobile-card__id{display:flex;align-items:center;gap:10px}.overtime-mobile-card__name{font-weight:700;font-size:14.5px;color:var(--ot-gray-900)}.overtime-mobile-card__date{font-size:12.5px;color:var(--ot-gray-500)}.overtime-mobile-card__grid{display:flex;flex-direction:column;gap:0;font-size:13px;border-top:1px solid var(--ot-gray-100);border-bottom:1px solid var(--ot-gray-100)}.overtime-mobile-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ot-gray-100)}.overtime-mobile-card__row:last-child{border-bottom:none}.overtime-mobile-card__label{color:var(--ot-gray-500);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.overtime-mobile-card__value{color:var(--ot-gray-800);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overtime-mobile-card__reason{font-size:13px;color:var(--ot-gray-600);background:var(--ot-gray-50);border-radius:8px;padding:8px 10px}.overtime-mobile-card__actions{display:flex;justify-content:flex-end;gap:6px}.overtime-status-select{border:none;outline:none;padding:7px 12px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.overtime-status-select--pending{background:#fff7ed;color:#ea580c}.overtime-status-select--approved{background:#ecfdf5;color:#16a34a}.overtime-status-select--rejected{background:#fef2f2;color:#dc2626}.overtime-status-select:disabled{opacity:.6;cursor:not-allowed}@media(max-width:860px){.overtime-table-scroll{display:none}.overtime-cards{display:block}.overtime-toolbar{flex-direction:column;align-items:stretch;gap:12px}.overtime-toolbar__title{width:100%;text-align:left}.overtime-toolbar__spacer{display:none}.overtime-search{max-width:none;width:100%}.overtime-toolbar__actions{width:100%;justify-content:space-between}.overtime-icon-btn{flex:1 1 0}.overtime-filter-wrap{flex:1 1 0;display:flex}.overtime-filter-wrap .overtime-icon-btn{width:100%}.overtime-filter-dropdown{right:0;left:auto}.overtime-footer{flex-direction:column;align-items:stretch}.overtime-footer__left,.overtime-footer__right{justify-content:space-between}}@media(max-width:560px){.overtime-container{padding:10px}.overtime-toolbar{padding:14px}.overtime-modal__body{padding:18px}.overtime-form-row{grid-template-columns:1fr}.overtime-modal__footer{padding:14px 18px 18px;flex-direction:column-reverse}.overtime-btn{width:100%}.overtime-mobile-card__grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.overtime-container *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sp{--sp-primary: #4F46E5;--sp-primary-dark: #4338CA;--sp-accent: #7C3AED;--sp-gradient: linear-gradient(135deg, #6366F1 0%, #7C3AED 100%);--sp-bg: #F6F7FB;--sp-surface: #FFFFFF;--sp-border: #E8EAF3;--sp-border-soft: #EFF1F8;--sp-text: #1E2233;--sp-text-muted: #6B7280;--sp-text-faint: #9CA3AF;--sp-active-bg: #E5F8F0;--sp-active-text: #0F9D58;--sp-scheduled-bg: #FFF3E1;--sp-scheduled-text: #B4650A;--sp-completed-bg: #E8EFFE;--sp-completed-text: #2A5FDB;--sp-cancelled-bg: #FDEAEA;--sp-cancelled-text: #DC2626;--sp-danger: #E11D48;--sp-danger-dark: #BE123C;--sp-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--sp-shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--sp-shadow-lg: 0 20px 45px rgba(30, 34, 51, .18);--sp-radius: 14px;--sp-radius-sm: 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--sp-text);background:var(--sp-bg);border-radius:20px;padding:20px;box-sizing:border-box;width:100%;margin:0 auto}.sp *,.sp *:before,.sp *:after{box-sizing:border-box}.sp h1,.sp h2{font-family:Plus Jakarta Sans,sans-serif;margin:0}.sp .icon{width:18px;height:18px;display:block}.sp .icon--spin{animation:sp-spin .65s linear}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sp-header{display:flex;align-items:center;gap:16px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:16px 20px;box-shadow:var(--sp-shadow-sm);flex-wrap:wrap}.sp-header__title{display:flex;align-items:center;gap:10px;margin-right:8px}.sp-header__icon{width:38px;height:38px;border-radius:11px;background:var(--sp-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #6366f159}.sp-header__title h1{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--sp-text)}.sp-header__search{flex:1 1 240px;min-width:180px;display:flex;align-items:center;gap:8px;background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:10px;padding:9px 14px;color:var(--sp-text-faint);transition:border-color .15s ease,box-shadow .15s ease}.sp-header__search:focus-within{border-color:var(--sp-primary);box-shadow:0 0 0 3px #4f46e51f;color:var(--sp-text-muted)}.sp-header__search input{border:none;outline:none;background:transparent;flex:1;font-size:14px;font-family:inherit;color:var(--sp-text)}.sp-header__search input::placeholder{color:var(--sp-text-faint)}.sp-header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sp-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--sp-border);background:var(--sp-surface);color:var(--sp-text-muted);cursor:pointer;transition:all .15s ease}.sp-icon-btn:hover{background:var(--sp-bg);color:var(--sp-primary);border-color:#d7d9ee;transform:translateY(-1px)}.sp-icon-btn:active{transform:translateY(0)}.sp-icon-btn--active{background:#4f46e51a;color:var(--sp-primary);border-color:var(--sp-primary)}.sp-icon-btn--primary{background:var(--sp-gradient);color:#fff;border:none;box-shadow:0 8px 18px #6366f159}.sp-filter{position:relative}.sp-filter__panel{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);box-shadow:var(--sp-shadow-lg);padding:14px 0;z-index:40;animation:sp-pop .14s ease}@keyframes sp-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-filter__title{font-weight:700;font-size:13px;padding:0 16px 10px;color:var(--sp-text)}.sp-filter__divider{height:1px;background:var(--sp-border-soft);margin-bottom:6px}.sp-filter__list{max-height:260px;overflow-y:auto;padding:2px 0}.sp-filter__item{display:flex;align-items:center;gap:10px;padding:7px 16px;font-size:13.5px;color:var(--sp-text);cursor:pointer;-webkit-user-select:none;user-select:none}.sp-filter__item:hover{background:var(--sp-bg)}.sp-checkbox{width:18px;height:18px;border-radius:5px;border:1.6px solid #C7CAE0;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:all .12s ease}.sp-checkbox .icon{width:12px;height:12px}.sp-checkbox--checked{background:var(--sp-primary);border-color:var(--sp-primary)}.sp-table-wrapper{margin-top:14px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;overflow-x:auto;box-shadow:var(--sp-shadow-sm);width:100%}.sp-table{width:100%;border-collapse:collapse;table-layout:auto}.sp-table thead th{text-align:left;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--sp-text-muted);background:#fafbfe;padding:14px 18px;border-bottom:1px solid var(--sp-border);white-space:nowrap}.sp-table__checkbox-col{width:44px}.sp-table__actions-col{width:96px}.sp-row td{padding:13px 18px;font-size:14px;color:var(--sp-text);border-bottom:1px solid var(--sp-border-soft);vertical-align:middle}.sp-row:last-child td{border-bottom:none}.sp-row:hover{background:#fafafe}.sp-row__name{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-weight:600;color:var(--sp-primary);text-decoration:none}.sp-row__name:hover{text-decoration:underline}.sp-table__empty{text-align:center;padding:40px 0;color:var(--sp-text-faint);font-size:14px}.sp-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700}.sp-badge--active{background:var(--sp-active-bg);color:var(--sp-active-text)}.sp-badge--scheduled{background:var(--sp-scheduled-bg);color:var(--sp-scheduled-text)}.sp-badge--completed{background:var(--sp-completed-bg);color:var(--sp-completed-text)}.sp-badge--cancelled{background:var(--sp-cancelled-bg);color:var(--sp-cancelled-text)}.sp-row-actions{display:flex;align-items:center;gap:6px}.sp-row-actions__btn{width:30px;height:30px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sp-text-faint);transition:all .15s ease}.sp-row-actions__btn .icon{width:16px;height:16px}.sp-row-actions__btn--edit:hover{background:#4f46e51a;color:var(--sp-primary)}.sp-row-actions__btn--delete:hover{background:#e11d481a;color:var(--sp-danger)}.sp-footer{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:14px 18px;flex-wrap:wrap;color:var(--sp-text-muted);font-size:13.5px}.sp-footer__perpage{display:flex;align-items:center;gap:8px}.sp-footer__perpage select{border:1px solid var(--sp-border);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:13.5px;background:var(--sp-surface);color:var(--sp-text);cursor:pointer}.sp-footer__nav{display:flex;gap:4px}.sp-footer__nav button{width:30px;height:30px;border-radius:8px;border:1px solid var(--sp-border);background:var(--sp-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sp-text-muted)}.sp-footer__nav button:hover:not(:disabled){border-color:var(--sp-primary);color:var(--sp-primary)}.sp-footer__nav button:disabled{opacity:.4;cursor:not-allowed}.sp-modal-overlay{position:fixed;inset:0;background:#14162480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:sp-fade .15s ease}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}.sp-modal{width:100%;max-width:620px;background:var(--sp-surface);border-radius:18px;overflow:hidden;box-shadow:var(--sp-shadow-lg);animation:sp-rise .18s ease}@keyframes sp-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--sp-gradient)}.sp-modal__header--accent{background:linear-gradient(135deg,#5865f2,#4f46e5)}.sp-modal__title{color:#fff;font-size:18px;font-weight:700}.sp-modal__close{width:30px;height:30px;border-radius:8px;border:none;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.sp-modal__close:hover{background:#ffffff4d}.sp-modal__body{padding:24px;max-height:66vh;overflow-y:auto}.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.sp-field--full{grid-column:1 / -1}.sp-field__label{display:block;font-size:12.5px;font-weight:600;color:var(--sp-text-muted);margin-bottom:6px}.sp-field__req{color:var(--sp-danger);margin-left:2px}.sp-field__control{position:relative;display:flex;align-items:center}.sp-field__input{width:100%;padding:11px 40px 11px 14px;border:1.4px solid var(--sp-border);border-radius:10px;font-family:inherit;font-size:14px;color:var(--sp-text);background:var(--sp-surface);transition:border-color .15s ease,box-shadow .15s ease;appearance:none}.sp-field__input:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px #4f46e51f}.sp-field__input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:40px;height:100%;cursor:pointer}.sp-field__select{cursor:pointer}.sp-field__icon,.sp-field__icon-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--sp-text-faint);pointer-events:none;width:18px;height:18px}.sp-field__icon-btn{background:none;border:none;padding:0;pointer-events:auto;cursor:pointer}.sp-field__icon-btn:hover{color:var(--sp-primary)}.sp-modal__footer{display:flex;gap:10px;padding:18px 24px 22px;border-top:1px solid var(--sp-border-soft)}.sp-btn{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:14px;padding:11px 26px;border-radius:10px;border:none;cursor:pointer;transition:all .15s ease}.sp-btn--primary{background:var(--sp-primary);color:#fff;box-shadow:0 8px 16px #4f46e54d}.sp-btn--primary:hover:not(:disabled){background:var(--sp-primary-dark);transform:translateY(-1px)}.sp-btn--primary:disabled{background:#d8daeb;color:#a6a9c4;box-shadow:none;cursor:not-allowed}.sp-btn--danger{background:var(--sp-danger);color:#fff;box-shadow:0 8px 16px #e11d4840}.sp-btn--danger:hover{background:var(--sp-danger-dark);transform:translateY(-1px)}.sp-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#1e2233;color:#fff;font-size:13.5px;font-weight:600;padding:12px 22px;border-radius:10px;box-shadow:var(--sp-shadow-lg);z-index:200;animation:sp-toast-in .2s ease}@keyframes sp-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:860px){.sp-grid{grid-template-columns:1fr}}@media(max-width:768px){.sp{padding:12px;border-radius:14px}.sp-header{padding:14px;gap:12px}.sp-header__title{width:100%}.sp-header__search{order:3;flex-basis:100%}.sp-header__actions{margin-left:0}.sp-table thead{display:none}.sp-table,.sp-table tbody,.sp-row,.sp-row td{display:block;width:100%}.sp-row{border:1px solid var(--sp-border-soft);border-radius:12px;margin:10px;overflow:hidden;box-shadow:var(--sp-shadow-sm)}.sp-table-wrapper{background:transparent;border:none;box-shadow:none;padding:0}.sp-row td{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--sp-border-soft);gap:12px}.sp-row td:before{content:attr(data-label);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--sp-text-faint);flex-shrink:0}.sp-row td:first-child:before{content:""}.sp-row td.sp-table__checkbox-col{justify-content:flex-start;background:#fafbfe}.sp-row td.sp-table__actions-col:before{content:"Actions"}.sp-row td.sp-table__actions-col{justify-content:space-between}.sp-row td:last-child{border-bottom:none}.sp-footer{justify-content:space-between}.sp-modal__body{padding:18px}.sp-modal__footer{padding:14px 18px 18px}.sp-modal__footer .sp-btn{flex:1}}@media(max-width:420px){.sp-header__actions{flex-wrap:wrap}}.remote-page{--clr-primary-500: #5B6EF5;--clr-primary-600: #4338CA;--clr-primary-50: #EEF1FF;--clr-primary-100: #E0E4FF;--clr-bg: #F3F5FB;--clr-surface: #FFFFFF;--clr-border: #E7EAF3;--clr-border-soft: #EFF1F8;--clr-text: #1D2233;--clr-text-muted: #6B7280;--clr-text-faint: #9AA1B4;--clr-success: #12A883;--clr-success-bg: #E4F9F1;--clr-pending: #E08A00;--clr-pending-bg: #FFF3DE;--clr-danger: #EF4444;--clr-danger-bg: #FDEBEB;--shadow-sm: 0 1px 2px rgba(20, 24, 47, .05);--shadow-md: 0 6px 18px rgba(31, 41, 82, .08);--shadow-lg: 0 20px 45px rgba(31, 41, 82, .14);--shadow-modal: 0 30px 70px rgba(20, 24, 60, .28);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--clr-bg);color:var(--clr-text);min-height:100%;box-sizing:border-box}.remote-page *,.remote-page *:before,.remote-page *:after{box-sizing:border-box}.remote-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:22px}.remote-header__title{font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0;color:#151a2c}.remote-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--clr-text-faint)}.remote-breadcrumb__icon{display:flex;color:var(--clr-text-faint)}.remote-breadcrumb__icon svg{width:15px;height:15px}.remote-breadcrumb__sep{color:var(--clr-border)}.remote-breadcrumb__current{color:var(--clr-primary-600);font-weight:600}.remote-card{background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--clr-border-soft);overflow:hidden}.remote-toolbar{display:flex;align-items:center;gap:18px;padding:20px 24px;background:linear-gradient(180deg,#f8f9fe,#fff);border-bottom:1px solid var(--clr-border-soft);flex-wrap:wrap}.remote-toolbar__title{font-size:17px;font-weight:700;color:#151a2c;white-space:nowrap}.remote-search{position:relative;flex:1 1 220px;max-width:340px;display:flex;align-items:center}.remote-search__icon{position:absolute;left:14px;display:flex;color:var(--clr-text-faint);pointer-events:none}.remote-search__icon svg{width:16px;height:16px}.remote-search__input{width:100%;padding:10px 14px 10px 38px;border-radius:var(--radius-pill);border:1.5px solid var(--clr-border);background:var(--clr-bg);font-size:14px;font-family:inherit;color:var(--clr-text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.remote-search__input:focus{border-color:var(--clr-primary-500);background:var(--clr-surface);box-shadow:0 0 0 4px var(--clr-primary-50)}.remote-toolbar__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.remote-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text-muted);cursor:pointer;transition:all .18s ease}.remote-icon-btn svg{width:17px;height:17px}.remote-icon-btn:hover{border-color:var(--clr-primary-500);color:var(--clr-primary-600);box-shadow:0 4px 12px #5b6ef52e;transform:translateY(-1px)}.remote-icon-btn--primary{background:linear-gradient(135deg,var(--clr-primary-500),var(--clr-primary-600));border-color:transparent;color:#fff;box-shadow:0 8px 18px #4338ca52}.remote-icon-btn--primary:hover{color:#fff;filter:brightness(1.06);box-shadow:0 10px 22px #4338ca66}.remote-icon-btn.is-spinning svg{animation:remote-spin .65s linear}@keyframes remote-spin{to{transform:rotate(360deg)}}.remote-column-menu-wrap{position:relative}.remote-column-menu{position:absolute;top:calc(100% + 10px);right:0;width:210px;background:var(--clr-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);border:1px solid var(--clr-border-soft);padding:12px 6px;z-index:40;animation:remote-pop .16s ease}@keyframes remote-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.remote-column-menu__title{font-size:13px;font-weight:700;padding:4px 12px 10px;color:#151a2c}.remote-column-menu__divider{height:1px;background:var(--clr-border-soft);margin:0 0 8px}.remote-column-menu__item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--clr-text);cursor:pointer;transition:background .15s ease}.remote-column-menu__item:hover{background:var(--clr-primary-50)}.remote-checkbox{width:18px;height:18px;border-radius:5px;border:1.6px solid #C7CBDA;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:all .15s ease;background:var(--clr-surface)}.remote-checkbox svg{width:12px;height:12px}.remote-checkbox.is-checked{background:linear-gradient(135deg,var(--clr-primary-500),var(--clr-primary-600));border-color:var(--clr-primary-600)}.remote-table-wrapper{width:100%;overflow-x:auto}.remote-table{width:100%;border-collapse:collapse;min-width:780px}.remote-table thead th{text-align:left;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-faint);padding:14px 18px;background:#fafbff;border-bottom:1px solid var(--clr-border-soft);white-space:nowrap}.remote-table__checkbox-col{width:46px}.remote-table__actions-col{width:100px}.remote-table tbody td{padding:15px 18px;font-size:14px;color:var(--clr-text);border-bottom:1px solid var(--clr-border-soft);vertical-align:middle}.remote-table__reason{color:var(--clr-text-muted);max-width:220px}.remote-table__row{transition:background .15s ease}.remote-table__row:hover{background:#fafbff}.remote-table__row:last-child td{border-bottom:none}.remote-employee-link{display:inline-flex;align-items:center;gap:10px;border:none;background:none;padding:4px 6px 4px 4px;border-radius:var(--radius-pill);cursor:pointer;font:inherit;color:var(--clr-primary-600);font-weight:600;transition:background .15s ease}.remote-employee-link:hover{background:var(--clr-primary-50);text-decoration:none}.remote-avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 3px 8px #0000001f}.remote-status-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:var(--radius-pill);white-space:nowrap}.remote-status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.remote-status-badge.is-approved{background:var(--clr-success-bg);color:var(--clr-success)}.remote-status-badge.is-pending{background:var(--clr-pending-bg);color:var(--clr-pending)}.remote-status-badge.is-rejected{background:var(--clr-danger-bg);color:var(--clr-danger)}.remote-actions-cell{display:flex;align-items:center;gap:8px}.remote-action-btn{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--clr-border);background:var(--clr-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;color:var(--clr-text-muted)}.remote-action-btn svg{width:15px;height:15px}.remote-action-btn--edit:hover{color:var(--clr-primary-600);border-color:var(--clr-primary-500);background:var(--clr-primary-50);transform:translateY(-1px)}.remote-action-btn--delete:hover{color:var(--clr-danger);border-color:var(--clr-danger);background:var(--clr-danger-bg);transform:translateY(-1px)}.remote-table__empty-row td{padding:60px 20px;border-bottom:none}.remote-empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--clr-text-faint)}.remote-empty-state svg{width:34px;height:34px;margin-bottom:6px;opacity:.6}.remote-empty-state p{margin:0;font-weight:700;color:var(--clr-text-muted);font-size:14.5px}.remote-empty-state span{font-size:13px}.remote-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:16px 24px;border-top:1px solid var(--clr-border-soft);background:#fafbff}.remote-pagination__left{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--clr-text-muted)}.remote-select{position:relative;display:inline-flex;align-items:center}.remote-select svg{position:absolute;right:10px;width:13px;height:13px;color:var(--clr-text-faint);pointer-events:none}.remote-select select{appearance:none;-webkit-appearance:none;font:inherit;font-size:13.5px;padding:7px 30px 7px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);cursor:pointer;outline:none;transition:border-color .15s ease}.remote-select select:focus{border-color:var(--clr-primary-500)}.remote-select--full{width:100%}.remote-select--full select{width:100%;padding:12px 34px 12px 14px;font-size:14.5px;border-radius:var(--radius-sm)}.remote-pagination__right{display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--clr-text-muted)}.remote-pager-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--clr-border);background:var(--clr-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--clr-text-muted);transition:all .15s ease}.remote-pager-btn svg{width:14px;height:14px}.remote-pager-btn:hover:not(:disabled){border-color:var(--clr-primary-500);color:var(--clr-primary-600)}.remote-pager-btn:disabled{opacity:.4;cursor:not-allowed}.remote-modal-overlay{position:fixed;inset:0;background:#11142780;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:remote-fade .18s ease}@keyframes remote-fade{0%{opacity:0}to{opacity:1}}.remote-modal{width:100%;max-width:560px;background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:hidden;max-height:92vh;display:flex;flex-direction:column;animation:remote-modal-in .22s cubic-bezier(.16,1,.3,1)}@keyframes remote-modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.remote-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;background:linear-gradient(120deg,var(--clr-primary-500),var(--clr-primary-600) 120%);color:#fff}.remote-modal__header--edit{background:linear-gradient(120deg,#6d5dfc,#4338ca 120%)}.remote-modal__header h3{margin:0;font-size:17px;font-weight:700;font-family:Manrope,Inter,sans-serif}.remote-modal__close{width:30px;height:30px;border-radius:50%;border:none;background:#ffffff29;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.remote-modal__close svg{width:15px;height:15px}.remote-modal__close:hover{background:#ffffff47}.remote-modal__body{padding:24px 26px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.remote-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.remote-form-group{display:flex;flex-direction:column;gap:7px}.remote-form-group label{font-size:13px;font-weight:600;color:var(--clr-text-muted)}.remote-form-group .req{color:var(--clr-danger);margin-left:3px}.remote-input-wrap{position:relative;display:flex;align-items:center}.remote-input-wrap svg{position:absolute;right:14px;width:16px;height:16px;color:var(--clr-text-faint);pointer-events:none}.remote-input-wrap--textarea svg{top:14px}.remote-input-wrap input,.remote-input-wrap textarea{width:100%;font:inherit;font-size:14.5px;color:var(--clr-text);padding:12px 40px 12px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);background:var(--clr-bg);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;resize:none}.remote-input-wrap input:focus,.remote-input-wrap textarea:focus{border-color:var(--clr-primary-500);background:var(--clr-surface);box-shadow:0 0 0 4px var(--clr-primary-50)}.remote-modal__footer{display:flex;gap:12px;padding:20px 26px 26px}.remote-btn{flex:1;padding:12px 18px;border-radius:var(--radius-pill);font-size:14.5px;font-weight:700;border:none;cursor:pointer;transition:all .18s ease;font-family:inherit}.remote-btn--save{background:linear-gradient(135deg,var(--clr-primary-500),var(--clr-primary-600));color:#fff;box-shadow:0 10px 22px #4338ca52}.remote-btn--save:hover{filter:brightness(1.07);transform:translateY(-1px)}.remote-btn--cancel{background:var(--clr-danger-bg);color:var(--clr-danger)}.remote-btn--cancel:hover{background:#fbdada}.remote-toast{position:fixed;bottom:26px;right:26px;display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:var(--radius-md);background:#16192b;color:#fff;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-lg);z-index:200;animation:remote-toast-in .22s cubic-bezier(.16,1,.3,1)}@keyframes remote-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.remote-toast__icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.remote-toast__icon svg{width:11px;height:11px}.remote-toast--success{background:#14312a}.remote-toast--success .remote-toast__icon{background:var(--clr-success);color:#fff}.remote-toast--danger{background:#341a1a}.remote-toast--danger .remote-toast__icon{background:var(--clr-danger);color:#fff}@media(max-width:900px){.remote-page{padding:20px 16px 50px}.remote-toolbar__title{display:none}.remote-search{max-width:none;order:3;flex-basis:100%}.remote-toolbar__actions{margin-left:0}}@media(max-width:640px){.remote-header__title{font-size:21px}.remote-table-wrapper{overflow:visible}.remote-table{min-width:0}.remote-table thead{display:none}.remote-table,.remote-table tbody,.remote-table tr,.remote-table td{display:block;width:100%}.remote-table__row{border:1px solid var(--clr-border-soft);border-radius:var(--radius-md);margin:12px;padding:6px 4px;box-shadow:var(--shadow-sm)}.remote-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px dashed var(--clr-border-soft);text-align:right}.remote-table tbody td:last-child{border-bottom:none}.remote-table tbody td[data-label]:before{content:attr(data-label);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-faint);text-align:left}.remote-table tbody td[data-label=""]:before{content:"Select"}.remote-employee-link{flex-direction:row-reverse}.remote-actions-cell{justify-content:flex-end;width:100%}.remote-pagination{flex-direction:column;align-items:stretch}.remote-pagination__left,.remote-pagination__right{justify-content:space-between}.remote-form-row{grid-template-columns:1fr}.remote-modal{max-width:100%;margin:0 6px}.remote-modal__footer{flex-direction:column}.remote-toast{left:16px;right:16px;bottom:16px}}:root{--vd-primary: #2563eb;--vd-primary-hover: #1d4ed8;--vd-bg: #f8fafc;--vd-card-bg: #ffffff;--vd-border: #e2e8f0;--vd-text-main: #0f172a;--vd-text-muted: #64748b;--vd-status-normal-bg: #dcfce7;--vd-status-normal-text: #15803d;--vd-status-low-bg: #fef9c3;--vd-status-low-text: #a16207;--vd-status-over-bg: #fee2e2;--vd-status-over-text: #b91c1c;--vd-status-empty-bg: #f1f5f9;--vd-status-empty-text: #475569}.vechicledash_container{padding:24px;background-color:var(--vd-bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--vd-text-main);box-sizing:border-box}.vechicledash_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.vechicledash_title{font-size:1.65rem;font-weight:700;color:var(--vd-text-main);margin:0 0 4px}.vechicledash_subtitle{font-size:.9rem;color:var(--vd-text-muted);margin:0}.vechicledash_filter_wrapper{background:var(--vd-card-bg);border:1px solid var(--vd-border);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;gap:12px}.vechicledash_filter_left{display:flex;align-items:center;gap:10px;color:var(--vd-text-main);font-weight:600}.vechicledash_filter_icon{color:var(--vd-primary);font-size:1.1rem}.vechicledash_filter_right{display:flex;align-items:center;gap:12px}.vechicledash_date_input{border:1px solid var(--vd-border);border-radius:8px;padding:8px 14px;font-size:.9rem;outline:none;color:var(--vd-text-main);background:#fff;transition:border-color .2s}.vechicledash_date_input:focus{border-color:var(--vd-primary)}.vechicledash_filter_btn{background-color:var(--vd-primary);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease,transform .1s ease}.vechicledash_filter_btn:hover{background-color:var(--vd-primary-hover)}.vechicledash_filter_btn:active{transform:scale(.98)}.vechicledash_stats_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px}.vechicledash_stat_card{background:var(--vd-card-bg);border:1px solid var(--vd-border);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.vechicledash_stat_card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.vechicledash_stat_icon_wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.vechicledash_stat_blue .vechicledash_stat_icon_wrapper{background:#eff6ff;color:#2563eb}.vechicledash_stat_indigo .vechicledash_stat_icon_wrapper{background:#eef2ff;color:#4f46e5}.vechicledash_stat_green .vechicledash_stat_icon_wrapper{background:#f0fdf4;color:#16a34a}.vechicledash_stat_red .vechicledash_stat_icon_wrapper{background:#fef2f2;color:#dc2626}.vechicledash_stat_success .vechicledash_stat_icon_wrapper{background:#f0fdfa;color:#0d9488}.vechicledash_stat_number{font-size:1.45rem;font-weight:700;margin:0;line-height:1.2}.vechicledash_stat_label{font-size:.85rem;font-weight:600;color:var(--vd-text-main);margin:2px 0}.vechicledash_stat_sub{font-size:.75rem;color:var(--vd-text-muted);display:block}.vechicledash_table_wrapper{background:var(--vd-card-bg);border:1px solid var(--vd-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.vechicledash_table_header{padding:18px 24px;border-bottom:1px solid var(--vd-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.vechicledash_table_title{font-size:1.15rem;font-weight:700;margin:0}.vechicledash_table_count{font-size:.8rem;background:#f1f5f9;color:var(--vd-text-muted);padding:3px 10px;border-radius:12px;margin-left:10px;font-weight:600}.vechicledash_table_action{background:#f8fafc;border:1px solid var(--vd-border);color:var(--vd-text-main);padding:7px 14px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.vechicledash_table_action:hover{background:#f1f5f9}.vechicledash_error_banner{background:#fef2f2;color:#b91c1c;padding:12px 24px;font-size:.88rem;border-bottom:1px solid #fecaca}.vechicledash_table_scroll{overflow-x:auto}.vechicledash_table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.vechicledash_table th{background:#f8fafc;padding:14px 20px;font-weight:600;color:var(--vd-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--vd-border)}.vechicledash_table td{padding:16px 20px;border-bottom:1px solid var(--vd-border);vertical-align:middle}.vechicledash_table_row:hover{background-color:#f8fafc}.vechicledash_cell_date{font-weight:500;color:var(--vd-text-muted);font-size:.88rem}.vechicledash_cell_vehicle{display:flex;flex-direction:column}.vechicledash_vehicle_number{font-weight:700;color:var(--vd-text-main)}.vechicledash_vehicle_driver{font-size:.8rem;color:var(--vd-text-muted)}.vechicledash_cell_km{font-weight:600}.vechicledash_cell_mileage{font-weight:500;color:var(--vd-text-main)}.vechicledash_cell_remark{color:var(--vd-text-muted);font-size:.85rem;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.vechicledash_status_badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.78rem;font-weight:600}.vechicledash_status_normal{background-color:var(--vd-status-normal-bg);color:var(--vd-status-normal-text)}.vechicledash_status_low{background-color:var(--vd-status-low-bg);color:var(--vd-status-low-text)}.vechicledash_status_over{background-color:var(--vd-status-over-bg);color:var(--vd-status-over-text)}.vechicledash_status_empty{background-color:var(--vd-status-empty-bg);color:var(--vd-status-empty-text)}.vechicledash_view_btn{background:transparent;border:1px solid var(--vd-border);color:var(--vd-primary);border-radius:6px;padding:6px 12px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s}.vechicledash_view_btn:hover{background-color:#eff6ff;border-color:#bfdbfe}.vechicledash_empty_row{text-align:center;padding:48px 20px!important;color:var(--vd-text-muted)}.vechicledash_empty_icon{display:block;margin:0 auto 10px;font-size:1.8rem;opacity:.6}.vechicledash_legend{padding:16px 24px;background:#f8fafc;border-top:1px solid var(--vd-border);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vechicledash_legend_title{font-size:.8rem;font-weight:700;color:var(--vd-text-muted);text-transform:uppercase}.vechicledash_legend_items{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vechicledash_legend_item{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600}.vechicledash_legend_normal{color:var(--vd-status-normal-text)}.vechicledash_legend_low{color:var(--vd-status-low-text)}.vechicledash_legend_over{color:var(--vd-status-over-text)}.vechicledash_legend_empty{color:var(--vd-status-empty-text)}.vechicledash_modal_overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.vechicledash_modal{background:#fff;border-radius:16px;width:100%;max-width:560px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;position:relative;animation:vdModalPop .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes vdModalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.vechicledash_modal_close{position:absolute;top:18px;right:18px;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--vd-text-muted);transition:background .2s}.vechicledash_modal_close:hover{background:#e2e8f0;color:var(--vd-text-main)}.vechicledash_modal_header{padding:24px 24px 16px;border-bottom:1px solid var(--vd-border)}.vechicledash_modal_header h2{margin:0 0 4px;font-size:1.25rem}.vechicledash_modal_vehicle{font-size:.88rem;color:var(--vd-primary);font-weight:700}.vechicledash_modal_body{padding:24px}.vechicledash_modal_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.vechicledash_modal_item label{display:block;font-size:.75rem;font-weight:600;color:var(--vd-text-muted);text-transform:uppercase;margin-bottom:4px}.vechicledash_modal_item p{margin:0;font-size:.95rem;font-weight:600;color:var(--vd-text-main)}.vechicledash_modal_full{grid-column:span 2}.vechicledash_modal_footer{padding:16px 24px;background:#f8fafc;border-top:1px solid var(--vd-border);display:flex;justify-content:flex-end;gap:12px}.vechicledash_modal_btn{padding:9px 18px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;transition:background .2s}.vechicledash_modal_btn_primary{background:var(--vd-primary);color:#fff}.vechicledash_modal_btn_primary:hover{background:var(--vd-primary-hover)}.vechicledash_modal_btn_secondary{background:#e2e8f0;color:var(--vd-text-main)}.vechicledash_modal_btn_secondary:hover{background:#cbd5e1}.vechicledash_spin{animation:vdSpin 1s linear infinite}@keyframes vdSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.vechicledash_container{padding:16px}.vechicledash_filter_wrapper,.vechicledash_filter_right{flex-direction:column;align-items:stretch}.vechicledash_date_input,.vechicledash_filter_btn{width:100%;justify-content:center}.vechicledash_modal_grid{grid-template-columns:1fr}.vechicledash_modal_full{grid-column:span 1}}.vk-page-wrapper{max-width:1280px;margin:0 auto;padding:1.5rem 2rem;font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;background:#f4f7fc;min-height:100vh;box-sizing:border-box}.vk-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#fff;padding:1rem 2rem;border-radius:20px;box-shadow:0 8px 20px #0014320f;margin-bottom:2rem}.vk-header__title{font-weight:700;font-size:1.8rem;color:#0b2b4a;letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:.5rem}.vk-header__title:before{content:"📋";font-size:2rem}.vk-profile{display:flex;align-items:center;gap:.75rem;background:#f0f4fe;padding:.4rem 1.2rem .4rem .8rem;border-radius:40px}.vk-profile__image{width:40px;height:40px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 6px #00000014}.vk-profile__name{font-weight:600;color:#1a3a5c;font-size:.95rem}.vk-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;margin-bottom:2.5rem}.vk-card-form{background:#fff;padding:2rem 2rem 2.2rem;border-radius:28px;box-shadow:0 12px 30px #00143212;transition:box-shadow .2s}.vk-form-group{margin-bottom:1.5rem}.vk-form-group__label{display:block;font-weight:600;font-size:.9rem;color:#1f3b5c;margin-bottom:.4rem;letter-spacing:.3px}.vk-input-wrapper{position:relative;display:flex;align-items:center}.vk-input-field,.vk-select-field{width:100%;padding:.9rem 1rem;border:1.5px solid #e2eaf2;border-radius:14px;font-size:1rem;background:#fafcff;transition:.2s;color:#1f2f44;outline:none;font-weight:500}.vk-input-field:focus,.vk-select-field:focus{border-color:#2a6b9c;background:#fff;box-shadow:0 0 0 4px #2a6b9c14}.vk-input-field{padding-right:3.2rem}.vk-input-icon{position:absolute;right:14px;color:#6a84a0;font-size:1.1rem;pointer-events:none}.vk-km-badge{position:absolute;right:12px;background:#e3ecf5;color:#1e4970;font-weight:700;font-size:.75rem;padding:.2rem .6rem;border-radius:30px;letter-spacing:.5px}.vk-select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c7a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;cursor:pointer}.vk-summary-box{background:#edf4fa;padding:1.2rem 1.5rem;border-radius:18px;margin:1.8rem 0 2rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;border-left:6px solid #1f6390}.vk-summary-box p{margin:0;font-size:.95rem;color:#1a3450;font-weight:500}.vk-summary-box strong{color:#0b2b4a}.vk-btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#1a5a82,#0e3f60);border:none;border-radius:60px;color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:.8rem;cursor:pointer;transition:.25s;box-shadow:0 8px 18px #14467840}.vk-btn-submit:hover{transform:scale(1.01);background:linear-gradient(135deg,#1f6a96,#124b70);box-shadow:0 12px 24px #14467859}.vk-btn-submit:active{transform:scale(.97)}.vk-info-card{background:linear-gradient(145deg,#fff,#f6faff);border-radius:28px;padding:2.2rem 2rem;box-shadow:0 12px 30px #0014320f;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;border:1px solid #eaf1fa}.vk-info-card__icon-truck{font-size:3.4rem;color:#2a6b9c;opacity:.25;position:absolute;top:10px;left:16px}.vk-info-card__icon-map{font-size:3rem;color:#3d7eae;opacity:.18;position:absolute;bottom:12px;right:16px}.vk-info-card__icon-shield{font-size:2.6rem;color:#2780b0;opacity:.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg)}.vk-info-card__title{font-size:1.6rem;font-weight:700;color:#143450;margin:0 0 .6rem;z-index:2}.vk-info-card__text{font-size:1rem;color:#31587a;line-height:1.6;max-width:220px;z-index:2;margin:0}.vk-table-card{background:#fff;border-radius:28px;box-shadow:0 12px 30px #0014320f;overflow:hidden;margin-top:.5rem}.vk-table-card__header{padding:1.5rem 2rem;background:#f8fbfe;font-weight:700;font-size:1.3rem;color:#143450;border-bottom:1px solid #e5edf6;letter-spacing:.3px;display:flex;align-items:center;gap:.6rem}.vk-table-card__header:before{content:"📊"}.vk-table-wrapper{overflow-x:auto;padding:.5rem .2rem 1rem}.vk-data-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:660px}.vk-data-table thead tr{background:#eef4fa;border-radius:16px 16px 0 0}.vk-data-table th{text-align:left;padding:1rem 1.2rem;font-weight:700;color:#1a3d5e;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.vk-data-table td{padding:1rem 1.2rem;border-bottom:1px solid #eaf0f7;color:#1f3f5e;font-weight:500}.vk-data-table tbody tr:hover{background:#f7faff}.vk-data-table tbody tr:last-child td{border-bottom:none}.vk-action-group{display:flex;flex-wrap:wrap;gap:.5rem}.vk-btn-edit,.vk-btn-delete{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border:none;border-radius:40px;font-weight:600;font-size:.8rem;cursor:pointer;transition:.2s}.vk-btn-edit{background:#e0edfa;color:#1a5a82}.vk-btn-edit:hover{background:#c7def5;transform:scale(1.04)}.vk-btn-delete{background:#fce9ea;color:#b13e44}.vk-btn-delete:hover{background:#fad3d5;transform:scale(1.04)}@media(max-width:900px){.vk-grid{grid-template-columns:1fr}.vk-header__title{font-size:1.5rem}.vk-info-card{min-height:180px}.vk-info-card__text{max-width:100%}}@media(max-width:600px){.vk-page-wrapper{padding:1rem}.vk-header{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.2rem}.vk-profile{align-self:flex-start}.vk-card-form{padding:1.5rem 1.2rem}.vk-summary-box{flex-direction:column;align-items:flex-start;gap:.25rem}.vk-btn-submit{font-size:1rem;padding:.9rem}.vk-data-table th,.vk-data-table td{padding:.7rem .8rem;font-size:.85rem}.vk-table-card__header{font-size:1.1rem;padding:1rem 1.2rem}.vk-action-group{flex-direction:column}.vk-btn-edit,.vk-btn-delete{justify-content:center}}.ss-page-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:28px 32px;background:#f4f7fc;min-height:100vh}.ss-form-section{background:#fff;border-radius:24px;padding:32px 36px;box-shadow:0 8px 32px #0000000f;margin-bottom:28px;border:1px solid rgba(37,99,235,.06);transition:box-shadow .3s ease}.ss-form-section:hover{box-shadow:0 12px 48px #2563eb14}.ss-form-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #f0f4fe}.ss-form-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#2563eb0c,#1d4ed80a);border-radius:16px;flex-shrink:0}.ss-form-header-icon{font-size:26px;color:#2563eb}.ss-form-header-text-group{flex:1}.ss-form-header-title{font-size:26px;font-weight:700;color:#0b1e3a;letter-spacing:-.02em;margin-bottom:4px}.ss-form-header-subtitle{font-size:14px;color:#64748b;font-weight:400}.ss-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 28px}.ss-form-field{display:flex;flex-direction:column;gap:6px}.ss-form-field-label{font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.ss-form-field-icon{color:#2563eb;font-size:14px;opacity:.7}.ss-form-input-box{position:relative;display:flex;align-items:center;background:#f9fcff;border-radius:16px;border:1.5px solid #e2eaf6;transition:all .25s ease}.ss-form-input-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;background:#fff}.ss-form-input{width:100%;height:54px;border:none;background:transparent;padding:0 70px 0 18px;font-size:15px;font-weight:500;color:#0b1e3a;outline:none;letter-spacing:.01em}.ss-form-input::placeholder{color:#b0c4db;font-weight:400;font-size:14px}.ss-form-input-unit{position:absolute;right:14px;background:#eef4ff;padding:6px 14px;border-radius:40px;font-size:12px;font-weight:700;color:#1e4e8a;letter-spacing:.03em}.ss-form-field-note{font-size:12px;color:#6b7f9a;margin-top:4px;display:flex;align-items:center;gap:6px;padding-left:4px}.ss-form-note-icon{color:#2563eb;font-size:11px;opacity:.6}.ss-form-actions{margin-top:32px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.ss-form-save-btn{height:58px;padding:0 44px;border:none;border-radius:40px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px -8px #2563eb66;letter-spacing:.02em;flex:1 1 auto}.ss-form-save-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px #2563eb80;background:linear-gradient(135deg,#1d4ed8,#1a42b3)}.ss-form-save-btn:active{transform:scale(.97)}.ss-form-reset-btn{height:58px;padding:0 28px;border:1.5px solid #e2eaf6;border-radius:40px;background:transparent;color:#475569;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.ss-form-reset-btn:hover{background:#f8faff;border-color:#cbd9eb;color:#1e293b}.ss-form-btn-icon{font-size:16px}.ss-table-section{background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000000f;overflow:hidden;border:1px solid rgba(37,99,235,.06);transition:box-shadow .3s ease}.ss-table-section:hover{box-shadow:0 12px 48px #2563eb14}.ss-table-header{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1.5px solid #f0f4fe;flex-wrap:wrap;gap:12px}.ss-table-title-group{display:flex;align-items:center;gap:12px}.ss-table-title-icon{color:#2563eb;font-size:20px;opacity:.8}.ss-table-title{font-size:18px;font-weight:700;color:#0b1e3a;margin:0}.ss-table-count{background:#eef4ff;color:#1e4e8a;font-size:13px;font-weight:600;padding:6px 18px;border-radius:40px;display:flex;align-items:center;gap:8px}.ss-table-count-icon{font-size:13px}.ss-table-wrapper{overflow-x:auto;padding:4px 0}.ss-table{width:100%;border-collapse:collapse;font-size:14px}.ss-table thead{background:#f8fcff;border-bottom:2px solid #e8eff9}.ss-table-head{padding:18px 24px;text-align:left;font-weight:700;color:#1f3a5f;letter-spacing:.03em;font-size:12px;text-transform:uppercase}.ss-table-head-actions{text-align:center}.ss-table-row{transition:background .15s ease}.ss-table-row:hover{background:#fafdff}.ss-table-cell{padding:18px 24px;border-bottom:1px solid #edf2f9;color:#1e293b;font-weight:500}.ss-table-cell-actions{text-align:center}.ss-table-cell-value{font-weight:600;color:#0b1e3a}.ss-table-cell-unit{font-weight:400;color:#64748b;font-size:12px;margin-left:4px}.ss-table-action-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ss-table-edit-btn,.ss-table-delete-btn{border:none;padding:8px 18px;border-radius:40px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.ss-table-edit-btn{background:#fef7e6;color:#b45309}.ss-table-edit-btn:hover{background:#fdecc8;transform:translateY(-1px)}.ss-table-delete-btn{background:#fef0f0;color:#b91c1c}.ss-table-delete-btn:hover{background:#fde2e2;transform:translateY(-1px)}.ss-table-action-icon{font-size:13px}.ss-table-empty{padding:56px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ss-table-empty-icon{font-size:40px;color:#cbd5e1}.ss-table-empty-text{color:#94a3b8;font-size:15px}@media(max-width:992px){.ss-page-wrapper{padding:20px 24px}.ss-form-section{padding:24px 28px}.ss-form-grid{gap:20px}}@media(max-width:768px){.ss-page-wrapper{padding:16px}.ss-form-section{padding:20px}.ss-form-grid{grid-template-columns:1fr;gap:18px}.ss-form-header{flex-direction:column;align-items:flex-start;gap:12px}.ss-form-header-icon-box{width:44px;height:44px}.ss-form-header-icon{font-size:20px}.ss-form-header-title{font-size:22px}.ss-form-actions{flex-direction:column;align-items:stretch}.ss-form-save-btn,.ss-form-reset-btn{width:100%;justify-content:center}.ss-table-header{padding:16px 20px;flex-direction:column;align-items:flex-start}.ss-table-head,.ss-table-cell{padding:14px 16px;font-size:13px}.ss-table-action-group{flex-direction:column;gap:6px}.ss-table-edit-btn,.ss-table-delete-btn{width:100%;justify-content:center;padding:8px 16px}}@media(max-width:480px){.ss-page-wrapper{padding:12px}.ss-form-section{padding:16px}.ss-form-header-title{font-size:20px}.ss-form-header-subtitle{font-size:13px}.ss-form-input{font-size:14px;height:48px;padding-right:60px}.ss-form-input-unit{padding:4px 12px;font-size:11px}.ss-form-save-btn{font-size:14px;height:50px}.ss-table-head,.ss-table-cell{padding:10px 12px;font-size:12px}.ss-table-title{font-size:16px}.ss-table-empty-icon{font-size:32px}.ss-table-empty-text{font-size:13px}}:root{--em-bg-main: #f5f6fa;--em-card-bg: #ffffff;--em-primary-purple: #7c3aed;--em-primary-purple-hover: #6d28d9;--em-text-dark: #1e293b;--em-text-muted: #64748b;--em-border-color: #e2e8f0;--em-input-bg: #ffffff;--em-reset-bg: #f1f5f9}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.expense-management-container{background-color:var(--em-bg-main);min-height:100vh;padding:24px;color:var(--em-text-dark)}.expense-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.expense-management-title{font-size:20px;font-weight:700;color:#1a202c;margin:0}.expense-management-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--em-text-muted);font-weight:500}.expense-management-breadcrumb .separator{color:#a0aec0;font-size:11px}.expense-management-breadcrumb .active{color:var(--em-primary-purple);font-weight:600}.expense-management-card{background:var(--em-card-bg);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.expense-management-card-title{font-size:16px;font-weight:700;margin:0 0 20px;color:#2d3748}.expense-management-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.expense-management-form-group{display:flex;flex-direction:column}.expense-management-form-group label{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:6px}.expense-management-form-group label .required{color:#ef4444}.expense-management-form-group input[type=text],.expense-management-form-group input[type=number],.expense-management-form-group input[type=date],.expense-management-form-group select,.expense-management-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--em-border-color);border-radius:8px;font-size:13px;color:var(--em-text-dark);outline:none;background-color:var(--em-input-bg);transition:border-color .2s}.expense-management-form-group input:focus,.expense-management-form-group select:focus,.expense-management-form-group textarea:focus{border-color:var(--em-primary-purple)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .icon{position:absolute;right:12px;color:#718096}.input-with-icon .icon.clickable{cursor:pointer}.upload-section{grid-row:span 2}.expense-management-dropzone{border:1px dashed #cbd5e1;background-color:#f8fafc;border-radius:8px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:180px}.dropzone-text-main{font-size:13px;font-weight:600;margin:12px 0 2px;color:#2d3748;word-break:break-all}.dropzone-text-sub{font-size:12px;color:#a0aec0;margin:0 0 8px}.btn-choose-file{background-color:var(--em-primary-purple);color:#fff;border:none;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;margin-bottom:12px;transition:background .2s}.btn-choose-file:hover{background-color:var(--em-primary-purple-hover)}.dropzone-hint{font-size:11px;color:#a0aec0}.expense-management-right-fields{grid-column:span 2;display:flex;flex-direction:column;gap:16px}.description-group textarea{resize:vertical}.payment-status-group{grid-column:span 2}.radio-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:4px;margin-bottom:16px}.radio-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#2d3748;font-weight:500;cursor:pointer}.radio-label input[type=radio]{accent-color:var(--em-primary-purple);width:15px;height:15px}.upi-input-container{display:flex;flex-direction:column;gap:6px}.expense-management-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-reset{background-color:var(--em-reset-bg);color:#475569;border:none;padding:10px 24px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.btn-reset:hover{background-color:#e2e8f0}.btn-save{background-color:var(--em-primary-purple);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-save:hover{background-color:var(--em-primary-purple-hover)}.expense-management-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.expense-management-list-header h2{font-size:16px;font-weight:700;margin:0;color:#2d3748}.list-controls{display:flex;align-items:center;gap:12px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:10px}.search-box input{padding:8px 12px 8px 32px;border:1px solid var(--em-border-color);border-radius:6px;font-size:13px;width:220px;outline:none}.btn-filter{display:flex;align-items:center;gap:6px;background-color:#fff;border:1px solid var(--em-border-color);padding:8px 16px;border-radius:6px;font-size:13px;color:#4a5568;font-weight:500;cursor:pointer}.expense-management-table-wrapper{overflow-x:auto}.expense-management-table{width:100%;border-collapse:collapse;text-align:left}.expense-management-table th{background-color:#f8fafc;color:#475569;font-size:12px;font-weight:600;padding:12px 14px;border-bottom:1px solid var(--em-border-color)}.expense-management-table td{padding:14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.expense-management-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-align:center}.status-pending{background-color:#fef3c7;color:#d97706}.status-upi{background-color:#e0f2fe;color:#0284c7}.status-cash{background-color:#dcfce7;color:#16a34a}.status-card{background-color:#f3e8ff;color:#9333ea}.status-bank{background-color:#e0f2fe;color:#0891b2}.approval-approved{background-color:#dcfce7;color:#16a34a}.approval-pending{background-color:transparent;color:#64748b;font-weight:500}.action-buttons{display:flex;align-items:center;gap:8px}.btn-action{background:none;border:1px solid var(--em-border-color);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-action:hover{background-color:#f8fafc}.pdf-icon{display:flex;align-items:center}.expense-management-pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;flex-wrap:wrap;gap:12px}.pagination-info{font-size:12px;color:var(--em-text-muted)}.pagination{display:flex;gap:4px}.page-btn{border:1px solid var(--em-border-color);background-color:#fff;color:#4a5568;min-width:28px;height:28px;border-radius:6px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.page-btn.active{background-color:var(--em-primary-purple);color:#fff;border-color:var(--em-primary-purple)}.page-btn.nav-btn{color:#a0aec0}@media(max-width:1024px){.expense-management-form-grid{grid-template-columns:repeat(2,1fr)}.upload-section{grid-row:auto}.expense-management-right-fields,.payment-status-group{grid-column:span 2}}@media(max-width:640px){.expense-management-form-grid{grid-template-columns:1fr}.expense-management-right-fields,.payment-status-group{grid-column:span 1}.radio-group{flex-direction:column;align-items:flex-start;gap:8px}.search-box input{width:100%}.list-controls{width:100%;justify-content:space-between}}.fuel-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8f9fd;min-height:100vh;padding:24px;color:#1e293b;box-sizing:border-box}.fuel-management *{box-sizing:border-box}.fuel-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.fuel-management-title-group{display:flex;align-items:center;gap:14px}.fuel-management-header-icon{width:44px;height:44px;background-color:#ece8ff;color:#6c38ff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fuel-management-header-title{font-size:20px;font-weight:700;color:#0f172a;margin:0}.fuel-management-header-subtitle{font-size:13px;color:#64748b;margin:2px 0 0}.fuel-management-breadcrumbs{font-size:13px;color:#64748b;font-weight:500}.fuel-management-breadcrumbs span{color:#6c38ff;font-weight:600}.fuel-management-card{background:#fff;border-radius:12px;border:1px solid #E2E8F0;box-shadow:0 1px 3px #00000005;padding:24px;margin-bottom:24px}.fuel-management-card-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:20px;position:relative;padding-bottom:8px}.fuel-management-card-title:after{content:"";position:absolute;bottom:0;left:0;width:28px;height:3px;background-color:#6c38ff;border-radius:2px}.fuel-management-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 20px}.fuel-management-field{display:flex;flex-direction:column;gap:6px}.fuel-management-label{font-size:13px;font-weight:600;color:#334155}.fuel-management-required{color:#ef4444;margin-left:2px}.fuel-management-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #E2E8F0;border-radius:8px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.fuel-management-input-wrapper:focus-within{border-color:#6c38ff;box-shadow:0 0 0 3px #6c38ff1a}.fuel-management-input-icon{position:absolute;left:12px;display:flex;align-items:center;pointer-events:none}.fuel-management-input{width:100%;height:42px;padding:0 12px 0 38px;border:none;border-radius:8px;font-size:14px;color:#1e293b;outline:none;background:transparent}.fuel-management-input-suffix{padding-right:12px;font-size:13px;color:#94a3b8;font-weight:500;white-space:nowrap}.fuel-management-select{appearance:none;cursor:pointer}.fuel-management-select-arrow{position:absolute;right:12px;pointer-events:none;display:flex;align-items:center}.fuel-management-info-banner{margin-top:18px;background-color:#f5f3ff;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px;color:#5b21b6;grid-column:1 / -1}.fuel-management-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.fuel-management-btn{height:40px;padding:0 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;border:none;white-space:nowrap}.fuel-management-btn-reset{background-color:#f1f5f9;color:#475569}.fuel-management-btn-reset:hover{background-color:#e2e8f0}.fuel-management-btn-save{background-color:#6c38ff;color:#fff}.fuel-management-btn-save:hover{background-color:#582ad6}.fuel-management-list-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:14px}.fuel-management-list-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fuel-management-search-wrapper{position:relative;min-width:240px}.fuel-management-search-input{width:100%;height:38px;padding:0 12px 0 36px;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;outline:none;background-color:#fff;transition:border-color .2s ease}.fuel-management-search-input:focus{border-color:#6c38ff}.fuel-management-btn-filter{background-color:#fff;border:1px solid #E2E8F0;color:#334155;height:38px;padding:0 14px;border-radius:8px;font-weight:500}.fuel-management-btn-filter:hover{background-color:#f8fafc}.fuel-management-table-container{width:100%;overflow-x:auto;border-radius:8px;border:1px solid #F1F5F9;-webkit-overflow-scrolling:touch}.fuel-management-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.fuel-management-table th{background-color:#f8fafc;color:#475569;font-weight:600;padding:12px 14px;border-bottom:1px solid #E2E8F0;white-space:nowrap}.fuel-management-table td{padding:14px;border-bottom:1px solid #F1F5F9;color:#334155;white-space:nowrap}.fuel-management-table tbody tr:hover{background-color:#fafafe}.fuel-management-table-actions{display:flex;gap:8px;justify-content:center}.fuel-management-action-btn{width:32px;height:32px;border-radius:6px;border:1px solid #E2E8F0;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fuel-management-action-btn.edit:hover{border-color:#6c38ff;background-color:#f5f3ff}.fuel-management-action-btn.delete{border-color:#fee2e2;background-color:#fef2f2}.fuel-management-action-btn.delete:hover{background-color:#fee2e2}.fuel-management-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;flex-wrap:wrap;gap:12px;font-size:13px;color:#64748b}.fuel-management-pagination{display:flex;align-items:center;gap:4px}.fuel-management-page-btn{width:32px;height:32px;border-radius:6px;border:1px solid #E2E8F0;background-color:#fff;color:#334155;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.fuel-management-page-btn.active{background-color:#6c38ff;color:#fff;border-color:#6c38ff}.fuel-management-page-btn:hover:not(.active){background-color:#f8fafc}@media(max-width:1024px){.fuel-management-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.fuel-management,.fuel-management-card{padding:16px}.fuel-management-header{flex-direction:column;align-items:flex-start}.fuel-management-list-top{flex-direction:column;align-items:stretch}.fuel-management-list-actions{width:100%;flex-direction:column;align-items:stretch}.fuel-management-search-wrapper{width:100%;min-width:100%}.fuel-management-btn-filter,.fuel-management-list-actions .fuel-management-btn-save{width:100%}.fuel-management-footer{flex-direction:column;align-items:center;text-align:center}}@media(max-width:576px){.fuel-management-form-grid{grid-template-columns:1fr}.fuel-management-form-actions{flex-direction:column-reverse}.fuel-management-btn{width:100%}.fuel-management-title-group{align-items:flex-start}.fuel-management-header-title{font-size:18px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-3{right:calc(var(--spacing)*3)}.z-10{z-index:10}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-44{height:calc(var(--spacing)*44)}.h-48{height:calc(var(--spacing)*48)}.h-\[80vh\]{height:80vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[400px\]{max-height:400px}.max-h-\[600px\]{max-height:600px}.max-h-\[2000px\]{max-height:2000px}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[150px\]{max-width:150px}.max-w-\[220px\]{max-width:220px}.max-w-md{max-width:var(--container-md)}.min-w-\[400px\]{min-width:400px}.min-w-\[600px\]{min-width:600px}.min-w-\[640px\]{min-width:640px}.min-w-\[900px\]{min-width:900px}.min-w-\[1500px\]{min-width:1500px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-500{border-color:var(--color-blue-500)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-violet-200{border-color:var(--color-violet-200)}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-400{background-color:var(--color-rose-400)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-violet-400{background-color:var(--color-violet-400)}.bg-white{background-color:var(--color-white)}.bg-white\/6{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\/6{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-50{--tw-gradient-from:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-50{--tw-gradient-from:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-600{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-rose-50{--tw-gradient-from:var(--color-rose-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-50{--tw-gradient-from:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-900{--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-violet-50{--tw-gradient-from:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-black{--tw-gradient-via:var(--color-black);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-50{--tw-gradient-to:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-sky-50{--tw-gradient-to:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-800{--tw-gradient-to:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-violet-50{--tw-gradient-to:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-violet-600{--tw-gradient-to:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-orange-700{color:var(--color-orange-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-sky-700{color:var(--color-sky-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-transparent{color:#0000}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-600{color:var(--color-yellow-600)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.accent-blue-600{accent-color:var(--color-blue-600)}.accent-indigo-500{accent-color:var(--color-indigo-500)}.accent-indigo-600{accent-color:var(--color-indigo-600)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.file\:mr-4::file-selector-button{margin-right:calc(var(--spacing)*4)}.file\:rounded-full::file-selector-button{border-radius:3.40282e38px}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-indigo-50::file-selector-button{background-color:var(--color-indigo-50)}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing)*4)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing)*2)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-semibold::file-selector-button{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.file\:text-indigo-600::file-selector-button{color:var(--color-indigo-600)}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:bg-\[\#E0E7FF\]:hover{background-color:#e0e7ff}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-sky-50:hover{background-color:var(--color-sky-50)}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:file\:bg-indigo-100:hover::file-selector-button{background-color:var(--color-indigo-100)}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-pink-400:focus{border-color:var(--color-pink-400)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-indigo-200:focus{--tw-ring-color:var(--color-indigo-200)}.focus\:ring-indigo-400:focus{--tw-ring-color:var(--color-indigo-400)}.focus\:ring-orange-400:focus{--tw-ring-color:var(--color-orange-400)}.focus\:ring-pink-200:focus{--tw-ring-color:var(--color-pink-200)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-16{height:calc(var(--spacing)*16)}.sm\:w-24{width:calc(var(--spacing)*24)}.sm\:w-auto{width:auto}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}}@media(min-width:48rem){.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:max-h-\[500px\]{max-height:500px}.md\:w-64{width:calc(var(--spacing)*64)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:ml-20{margin-left:calc(var(--spacing)*20)}.lg\:ml-72{margin-left:calc(var(--spacing)*72)}.lg\:flex{display:flex}.lg\:w-1\/2{width:50%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-6{padding:calc(var(--spacing)*6)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:80rem){.xl\:w-2\/5{width:40%}.xl\:w-3\/5{width:60%}.xl\:flex-row{flex-direction:row}}}.input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.input:focus{border-color:var(--color-blue-500);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-500);--tw-outline-style:none;outline-style:none}.label{margin-bottom:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.sub-heading{border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);border-bottom-width:1px}.icon-bubble{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.nav-item:hover .icon-bubble{transform:scale(1.1)rotate(-5deg);box-shadow:0 10px 25px #6366f14d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:all .3s}:hover::-webkit-scrollbar-thumb{background:#2563eb99}:hover::-webkit-scrollbar-thumb:hover{background:#2563eb}*{scrollbar-width:thin;scrollbar-color:#2563eb99 transparent}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}