@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--primary-color:#6200ee;--primary-color-dark:#3700b3;--secondary-color:#03dac6;--accent-color:#ff4081;--sidebar-width:280px;--sidebar-padding:16px;--header-height:64px;--content-padding:24px;--button-height:40px;--input-height:40px;--font-family:"Roboto", sans-serif;--font-size:16px;--font-weight:400;--line-height:1.5;--text-color:#333;--card-background:#fff;--card-border-radius:4px;--grid-gap:16px;--border-radius:4px}body{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--text-color);background-color:#f5f5f5;margin:0;padding:0}.btn{background-color:var(--primary-color)!important}.btn:hover{background-color:var(--primary-color-dark)!important}.card{border-radius:var(--card-border-radius)!important;box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f!important}.input-field input:focus+label{color:var(--primary-color)!important}.input-field input:focus{border-bottom:1px solid var(--primary-color)!important;box-shadow:0 1px 0 0 var(--primary-color)!important}[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:after,[type=checkbox].filled-in:checked+span:after{background-color:var(--primary-color)!important;border:2px solid var(--primary-color)!important}[type=checkbox]:checked+span:not(.lever):before{border-right:2px solid var(--primary-color)!important;border-bottom:2px solid var(--primary-color)!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}html,body{height:100%;font-size:80%;overflow:hidden;margin:0!important;padding:0!important}#root{height:100%;margin:0;padding:0}.layout-container{height:100vh;display:flex;overflow:hidden}.sidenav *,.dashboard-header *{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif!important}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Icons!important}.sidenav{width:var(--sidebar-width,200px);background:var(--sidebar-color);padding:var(--sidebar-padding,16px);z-index:999;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow-y:auto;box-shadow:2px 0 8px #00000026}.sidenav ul{margin:0;padding:0;list-style:none}.sidenav-fixed{position:fixed!important;left:0!important}.sidenav.collapsed{width:60px}.sidenav .sidebar-header{border-bottom:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:6px;margin-bottom:0;padding:12px;display:flex}.sidenav .sidebar-logo{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}.sidenav .sidebar-logo img{width:var(--logo-size,36px);height:var(--logo-size,36px);object-fit:contain}.sidenav .sidebar-brand-text{text-align:center;flex-direction:column;flex:1;align-items:center;gap:0;width:100%;display:flex}.sidenav .brand-name{color:#fff;white-space:nowrap;letter-spacing:.3px;margin:0;padding:0;font-size:13px;font-weight:600;line-height:1.2}.sidenav .brand-subtitle{color:#fffc;white-space:nowrap;margin:0;padding:0;font-size:9px;font-weight:400;line-height:1.2}.sidenav.collapsed .sidebar-header{justify-content:center;padding:12px 6px}.sidenav.collapsed .sidebar-brand-text{display:none}.sidenav.collapsed .sidebar-logo img{width:28px;height:28px}.sidenav .user-view{text-align:center;border-bottom:1px solid #ffffff1f;margin-bottom:16px;padding:24px 16px}.sidenav .user-view .background{justify-content:center;align-items:center;height:80px;margin-bottom:12px;display:flex;overflow:hidden}.sidenav .user-view .background img{object-fit:contain;width:60px;height:60px}.sidenav .user-view .name{margin-top:0;margin-bottom:4px;font-size:18px;font-weight:500;display:block}.sidenav .user-view .email{opacity:.87;margin-top:0;font-size:14px;display:block}.sidenav li{margin:0;padding:0}.sidenav li>a{color:#ffffffde;padding:0 var(--menu-item-padding,20px);height:var(--menu-item-height,40px);line-height:var(--menu-item-height,40px);border-radius:var(--border-radius,6px);white-space:nowrap;text-overflow:ellipsis;align-items:center;margin:0 8px;font-size:14px;font-weight:400;transition:all .2s;display:flex;overflow:hidden}.sidenav li>a:hover{color:#fff;background:#ffffff14}.sidenav li>a.active{color:#fff;background:#ffffff1f;font-weight:500}.sidenav li>a i{text-align:center;min-width:22px;margin-right:12px;transition:all .2s;color:#fff!important;font-size:22px!important;display:inline-block!important}.sidenav li>a:hover i,.sidenav li>a.active i{color:#fff!important}.sidenav.collapsed .user-view .name,.sidenav.collapsed .user-view .email,.sidenav.collapsed li>a span{display:none}.sidenav.collapsed li>a{justify-content:center;padding:0}.sidenav.collapsed li>a i{margin-right:0;font-size:28px}.dashboard-header{height:var(--header-height,48px);z-index:100;background:#fff;justify-content:space-between;align-items:center;margin-left:0;padding:0 20px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.sidenav.collapsed~.main-content .dashboard-header{margin-left:0}.header-left{align-items:center;gap:16px;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.menu-toggle:hover{background:#f5f5f5}.menu-icon{color:#333;font-size:24px}.header-title h1{color:#333;margin:0;font-size:20px;font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.academic-year-display{background:#f5f5f5;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex}.academic-year-display .material-icons{color:var(--primary-color);font-size:20px}.academic-year-label{color:#333;font-size:14px;font-weight:500}.theme-selector{position:relative}.theme-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.theme-btn:hover{background:#e0e0e0}.theme-btn .material-icons{color:#333;font-size:20px}.theme-dropdown{z-index:1000;background:#fff;border-radius:8px;min-width:200px;margin-top:8px;padding:16px;position:absolute;top:100%;right:0;box-shadow:0 4px 8px #00000026}.theme-option-group{margin-bottom:12px}.color-label{color:#666;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.color-input{cursor:pointer;border:none;border-radius:4px;width:100%;height:40px}.profile-avatar{background:var(--primary-color);color:#fff;cursor:pointer;z-index:1001;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:visible}.profile-avatar .profile-photo{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar .profile-initials{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.profile-dropdown{z-index:1000;background:#fff;border-radius:8px;min-width:200px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-item{cursor:pointer;color:var(--text-color);align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.dropdown-item:hover{background:#f5f5f5}.dropdown-item .material-icons{color:#666;font-size:20px}.dropdown-divider{background:#e0e0e0;height:1px;margin:4px 0}.profile-avatar:hover{box-shadow:0 4px 8px #0003}.profile-section{align-items:center;gap:12px;display:flex}.notification-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.notification-btn:hover{background:#f5f5f5}.notification-btn .material-icons{color:gold;font-size:22px}.notification-badge{color:#fff;background:#f44336;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.header-logout{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.header-logout:hover{background:#f5f5f5}.header-logout .material-icons{color:#333;font-size:22px}.logout-btn{color:#333;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.logout-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f5f5f5}.main-content{padding-left:var(--sidebar-width,200px);background:#f5f5f5;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidenav.collapsed~.main-content{padding-left:60px}@media (width<=1024px){.sidenav{width:240px}.sidenav.collapsed{width:64px}.main-content{padding-left:240px}.sidenav.collapsed~.main-content{padding-left:64px}.header-title h1{font-size:18px}}@media (width<=768px){.sidenav{z-index:2000;transition:left .3s;position:fixed;left:-100%}.sidenav.mobile-open{left:0}.sidenav.collapsed{width:72px}.dashboard-header{padding:0 16px;margin-left:0!important}.main-content{margin-left:0!important}.header-title h1{font-size:16px}.header-right{gap:8px}.academic-year-display{padding:6px 12px}.academic-year-label{font-size:12px}}@media (width<=480px){.dashboard-header{padding:0 12px}.header-title h1{font-size:14px}.menu-toggle,.theme-btn,.profile-avatar{width:36px;height:36px}.logout-btn{padding:6px 12px;font-size:12px}}html,body{height:100%;overflow:hidden}.login-page{background-blend-mode:normal, normal;background-image:url(/Dav_bg.jpeg),linear-gradient(135deg,#f8f2eaeb 0%,#e8e0d8eb 100%);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;justify-content:center;align-items:center;width:100vw;height:100vh;padding:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.login-grid{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8f2eaeb;border-radius:28px;grid-template-columns:.85fr 1.15fr;width:100%;max-width:900px;height:82vh;max-height:520px;transition:all .3s;display:grid;overflow:hidden;box-shadow:0 30px 80px #0000001a,0 10px 30px #0000000d}.login-brand-section{background:#500;justify-content:center;align-items:center;height:100%;padding:22px 20px;display:flex;position:relative;overflow:hidden}.login-brand-section:before{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:-50%;right:-50%}.brand-logo{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.logo-icon{object-fit:contain;width:120px;height:120px;margin-top:-16px;display:block}.logo-text{display:none}.login-form-section{background:#f8f2ea;justify-content:center;align-items:center;height:100%;padding:18px 22px;display:flex}.form-container{width:100%;max-width:400px}.form-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.login-form{flex-direction:column;gap:16px;display:flex}.form-options{justify-content:space-between;align-items:center;margin:2px 0;display:flex}.remember-me{color:#500;cursor:pointer;align-items:center;gap:6px;font-size:.7rem;font-weight:500;display:flex}.remember-me input[type=checkbox]{color:#500;cursor:pointer;width:14px;height:14px}.forgot-link{color:#500;font-size:.7rem;font-weight:600;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#500;text-decoration:underline}.login-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:2px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 20px #c628284d}.login-button:hover:not(:disabled){background:#500;transform:translateY(-2px);box-shadow:0 10px 28px #c6282866}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button i{font-size:.8rem}.register-section{text-align:center;border-top:1px solid #edf2f7;padding-top:10px}.register-section p{color:#4a5a72;margin:0;font-size:.75rem}.register-section a{color:#500;font-weight:700;text-decoration:none;transition:color .2s}.register-section a:hover{color:#500;text-decoration:underline}@media (width<=968px){.login-grid{border-radius:24px;grid-template-columns:1fr;height:85vh;max-height:580px}.login-brand-section{height:32%;padding:16px 20px}.brand-logo{margin-bottom:10px}.brand-content h1{font-size:1.5rem}.brand-content p{margin-bottom:12px;font-size:.75rem}.brand-features{flex-flow:wrap;gap:4px}.feature-item{flex:1;min-width:80px;padding:4px 8px;font-size:.65rem}.login-form-section{height:68%;padding:14px 20px}.form-header h2{font-size:1.1rem}}@media (width<=640px){.login-grid{border-radius:20px;height:90vh;max-height:520px}.login-brand-section{height:28%;padding:12px 14px}.brand-logo{margin-bottom:6px}.logo-icon{font-size:1rem}.logo-text{font-size:.65rem}.brand-content h1{font-size:1.2rem}.brand-content p{margin-bottom:8px;font-size:.65rem}.brand-features{flex-flow:wrap;gap:3px}.feature-item{flex:1;gap:4px;min-width:60px;padding:3px 6px;font-size:.55rem}.feature-icon{font-size:.7rem}.login-form-section{height:72%;padding:12px 14px}.form-header{margin-bottom:10px}.form-badge{margin-bottom:3px;padding:2px 8px;font-size:.45rem}.form-header h2{font-size:.9rem}.login-form{gap:6px}.form-group{gap:2px}.form-group label{font-size:.55rem}.form-group input{border-radius:6px;padding:5px 8px;font-size:.7rem}.form-group input::placeholder{font-size:.65rem}.form-options{flex-direction:column;align-items:flex-start;gap:4px}.remember-me,.forgot-link{font-size:.6rem}.login-button{border-radius:6px;padding:6px 12px;font-size:.7rem}.login-button i{font-size:.7rem}.register-section{padding-top:8px}.register-section p{font-size:.65rem}}@media (width<=400px){.login-grid{height:95vh;max-height:480px}.login-brand-section{height:25%;padding:10px}.brand-content h1{font-size:1rem}.brand-content p{margin-bottom:6px;font-size:.55rem}.brand-features{gap:2px}.feature-item{min-width:50px;padding:2px 5px;font-size:.5rem}.login-form-section{height:75%;padding:10px}.form-header h2{font-size:.8rem}.form-group input{padding:4px 6px;font-size:.65rem}.login-button{padding:5px 10px;font-size:.65rem}.register-section p{font-size:.6rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-grid{animation:.6s ease-out fadeInUp}.auth-page{background:#f5f2ed;justify-content:center;align-items:center;width:100%;max-width:460px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.auth-card{background:#fff;border:1px solid #c8323214;border-radius:36px;width:100%;padding:2.5rem 2rem 2.2rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 20px 40px -12px #00141e26,0 8px 24px -6px #0000000d}.auth-card:before{content:"";opacity:.5;background:linear-gradient(90deg,#c62828,#e53935,#c62828);height:5px;position:absolute;top:0;left:0;right:0}.auth-card h1{color:#1e2a3a;margin-bottom:.75rem;font-size:2rem}.auth-card p{color:#5e6f8d;margin-bottom:1.8rem;line-height:1.6}.auth-button{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:60px;width:100%;padding:.9rem 1.8rem;font-size:1.05rem;font-weight:700;transition:all .2s;box-shadow:0 8px 18px #c6282840}.auth-button:hover{background:#b71c1c}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;overflow-x:hidden}.register-page{background:linear-gradient(135deg,#f5f2ed 0%,#e8e0d8 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:auto}.register-grid{background:#fff;border-radius:28px;grid-template-columns:.85fr 1.15fr;width:100%;max-width:900px;min-height:82vh;max-height:calc(100vh - 20px);transition:all .3s;display:grid;box-shadow:0 30px 80px #0000001a,0 10px 30px #0000000d}.register-brand-section{background:linear-gradient(135deg,#c62828 0%,#b71c1c 50%,#8e0000 100%);justify-content:center;align-items:center;height:100%;padding:22px 20px;display:flex;position:relative;overflow:hidden}.register-brand-section:before{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:-50%;right:-50%}.brand-content{z-index:1;color:#fff;width:100%;max-width:300px;position:relative}.brand-logo{align-items:center;gap:8px;margin-bottom:12px;display:flex}.logo-icon{font-size:1.3rem}.logo-text{letter-spacing:1px;text-transform:uppercase;font-size:.8rem;font-weight:700}.brand-content h1{margin:0 0 3px;font-size:1.7rem;font-weight:700;line-height:1.2}.brand-content p{opacity:.9;margin-bottom:15px;font-size:.75rem;line-height:1.4}.brand-features{flex-direction:column;gap:6px;display:flex}.feature-item{opacity:.95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:.75rem;transition:all .3s;display:flex}.feature-item:hover{background:#fff3;transform:translate(5px)}.feature-icon{font-size:.9rem}.register-form-section{background:#fff;justify-content:center;align-items:center;height:100%;padding:18px 22px;display:flex;overflow:hidden}.form-container{width:100%;max-width:340px;max-height:calc(100% - 10px);padding-bottom:10px;overflow:auto}.form-header{text-align:center;margin-bottom:14px}.form-badge{color:#c62828;text-transform:uppercase;letter-spacing:.5px;background:#fff0f0;border-radius:30px;margin-bottom:4px;padding:2px 10px;font-size:.55rem;font-weight:600;display:inline-block}.form-badge i{margin-right:4px}.form-header h2{color:#1a2634;margin:0 0 1px;font-size:1.15rem;font-weight:700}.form-header p{color:#6b7a93;margin:0;font-size:.7rem}.register-form{flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.form-group label{color:#2c3a4a;align-items:center;gap:4px;font-size:.65rem;font-weight:600;display:flex}.form-group label i{color:#c62828;font-size:.7rem}.form-group input{color:#1a2634;background:#f8fafc;border:2px solid #e8edf2;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .3s}.form-group input::placeholder{color:#b0bfcc;font-size:.72rem;font-weight:400}.form-group input:focus{background:#fff;border-color:#c62828;outline:none;box-shadow:0 0 0 3px #c6282814}.error-message{color:#991b1b;background:#fef2f2;border-left:3px solid #c62828;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:.7rem;font-weight:500;display:flex}.error-message i{color:#c62828;font-size:.7rem}.register-button{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:2px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 20px #c628284d}.register-button:hover:not(:disabled){background:#b71c1c;transform:translateY(-2px);box-shadow:0 10px 28px #c6282866}.register-button:active:not(:disabled){transform:scale(.98)}.register-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.register-button i{font-size:.8rem}.login-section{text-align:center;border-top:1px solid #edf2f7;padding-top:10px}.login-section p{color:#4a5a72;margin:0;font-size:.75rem}.login-section a{color:#c62828;font-weight:700;text-decoration:none;transition:color .2s}.login-section a:hover{color:#b71c1c;text-decoration:underline}@media (width<=968px){.register-grid{border-radius:24px;grid-template-columns:1fr;height:85vh;max-height:580px}.register-brand-section{height:32%;padding:16px 20px}.brand-logo{margin-bottom:10px}.brand-content h1{font-size:1.5rem}.brand-content p{margin-bottom:12px;font-size:.75rem}.brand-features{flex-flow:wrap;gap:4px}.feature-item{flex:1;min-width:80px;padding:4px 8px;font-size:.65rem}.register-form-section{height:68%;padding:14px 20px}.form-header h2{font-size:1.1rem}}@media (width<=640px){.register-grid{border-radius:20px;height:90vh;max-height:520px}.register-brand-section{height:28%;padding:12px 14px}.brand-logo{margin-bottom:6px}.logo-icon{font-size:1rem}.logo-text{font-size:.65rem}.brand-content h1{font-size:1.2rem}.brand-content p{margin-bottom:8px;font-size:.65rem}.brand-features{flex-flow:wrap;gap:3px}.feature-item{flex:1;gap:4px;min-width:60px;padding:3px 6px;font-size:.55rem}.feature-icon{font-size:.7rem}.register-form-section{height:72%;padding:12px 14px}.form-header{margin-bottom:10px}.form-badge{margin-bottom:3px;padding:2px 8px;font-size:.45rem}.form-header h2{font-size:.9rem}.form-header p{font-size:.6rem}.register-form{gap:6px}.form-group{gap:2px}.form-group label{font-size:.55rem}.form-group input{border-radius:6px;padding:5px 8px;font-size:.7rem}.form-group input::placeholder{font-size:.65rem}.register-button{border-radius:6px;padding:6px 12px;font-size:.7rem}.register-button i{font-size:.7rem}.login-section{padding-top:8px}.login-section p{font-size:.65rem}}@media (width<=400px){.register-grid{height:95vh;max-height:480px}.register-brand-section{height:25%;padding:10px}.brand-content h1{font-size:1rem}.brand-content p{margin-bottom:6px;font-size:.55rem}.brand-features{gap:2px}.feature-item{min-width:50px;padding:2px 5px;font-size:.5rem}.register-form-section{height:75%;padding:10px}.form-header h2{font-size:.8rem}.form-group input{padding:4px 6px;font-size:.65rem}.register-button{padding:5px 10px;font-size:.65rem}.login-section p{font-size:.6rem}}.register-grid{animation:.6s ease-out fadeInUp}.dashboard-page{padding:var(--content-padding) 32px;width:100%;font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.stats-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);margin-bottom:24px;display:grid}.stat-card{background:var(--card-background);border-radius:var(--card-border-radius);cursor:pointer;border:1px solid #e0e0e0;align-items:center;gap:16px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.stat-card:before{content:"";border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.stat-card.student-card:before{background:linear-gradient(90deg, var(--sidebar-color,#500), var(--sidebar-color-light,#8b0000))}.stat-card.staff-card:before{background:linear-gradient(90deg, var(--accent-color,gold), var(--accent-color-dark,orange))}.stat-card.user-card:before{background:linear-gradient(90deg, var(--secondary-color,silver), var(--secondary-color-dark,#a9a9a9))}.stat-card.attendance-card:before{background:linear-gradient(90deg, var(--tertiary-color,purple), var(--tertiary-color-light,#9932cc))}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.stat-card.student-card:hover{border-color:var(--sidebar-color,#500);box-shadow:0 8px 16px rgba(var(--sidebar-color-rgb,85, 0, 0), .3)}.stat-card.staff-card:hover{border-color:var(--accent-color,gold);box-shadow:0 8px 16px rgba(var(--accent-color-rgb,255, 215, 0), .3)}.stat-card.user-card:hover{border-color:var(--secondary-color,silver);box-shadow:0 8px 16px rgba(var(--secondary-color-rgb,192, 192, 192), .3)}.stat-card.attendance-card:hover{border-color:var(--tertiary-color,purple);box-shadow:0 8px 16px rgba(var(--tertiary-color-rgb,128, 0, 128), .3)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s;display:flex}.stat-card.student-card .stat-icon{background:linear-gradient(135deg, var(--sidebar-color,#500), var(--sidebar-color-light,#8b0000));color:#fff}.stat-card.staff-card .stat-icon{background:linear-gradient(135deg, var(--accent-color,gold), var(--accent-color-dark,orange));color:#fff}.stat-card.user-card .stat-icon{background:linear-gradient(135deg, var(--secondary-color,silver), var(--secondary-color-dark,#a9a9a9));color:#fff}.stat-card.attendance-card .stat-icon{background:linear-gradient(135deg, var(--tertiary-color,purple), var(--tertiary-color-light,#9932cc));color:#fff}.stat-icon .material-icons{font-size:28px}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-info{flex:1}.stat-info h3{color:#0009;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px;font-weight:500}.stat-number{color:var(--text-color);margin:0;font-size:28px;font-weight:600;transition:all .3s}.stat-card:hover .stat-number{transform:scale(1.05)}.stat-change{margin-top:4px;font-size:12px;font-weight:500;display:block}.stat-change.positive{color:#4caf50}.stat-change.negative{color:#dc2626}.stat-change.neutral{color:#757575}.charts-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);margin-bottom:24px;display:grid}.chart-container{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.chart-container:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.chart-container h3{color:var(--text-color);margin:0 0 16px;font-size:16px;font-weight:600}.chart-container canvas{max-height:300px}.dashboard-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-card{background:var(--card-background);border-radius:var(--card-border-radius);cursor:pointer;text-align:center;border:1px solid #e0e0e0;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.dashboard-card:before{content:"";border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.dashboard-card.students-card:before{background:linear-gradient(90deg, var(--sidebar-color,#500), var(--sidebar-color-light,#8b0000))}.dashboard-card.staff-card:before{background:linear-gradient(90deg, var(--accent-color,gold), var(--accent-color-dark,orange))}.dashboard-card.attendance-card:before{background:linear-gradient(90deg, var(--tertiary-color,purple), var(--tertiary-color-light,#9932cc))}.dashboard-card.settings-card:before{background:linear-gradient(90deg, var(--secondary-color,silver), var(--secondary-color-dark,#a9a9a9))}.card-icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;transition:all .3s;display:flex}.dashboard-card.students-card .card-icon{background:linear-gradient(135deg, var(--sidebar-color,#500), var(--sidebar-color-light,#8b0000));color:#fff}.dashboard-card.staff-card .card-icon{background:linear-gradient(135deg, var(--accent-color,gold), var(--accent-color-dark,orange));color:#fff}.dashboard-card.attendance-card .card-icon{background:linear-gradient(135deg, var(--tertiary-color,purple), var(--tertiary-color-light,#9932cc));color:#fff}.dashboard-card.settings-card .card-icon{background:linear-gradient(135deg, var(--secondary-color,silver), var(--secondary-color-dark,#a9a9a9));color:#fff}.card-icon .material-icons{font-size:32px}.dashboard-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0003}.dashboard-card.students-card:hover{border-color:var(--sidebar-color,#500);box-shadow:0 12px 24px rgba(var(--sidebar-color-rgb,85, 0, 0), .3)}.dashboard-card.staff-card:hover{border-color:var(--accent-color,gold);box-shadow:0 12px 24px rgba(var(--accent-color-rgb,255, 215, 0), .3)}.dashboard-card.attendance-card:hover{border-color:var(--tertiary-color,purple);box-shadow:0 12px 24px rgba(var(--tertiary-color-rgb,128, 0, 128), .3)}.dashboard-card.settings-card:hover{border-color:var(--secondary-color,silver);box-shadow:0 12px 24px rgba(var(--secondary-color-rgb,192, 192, 192), .3)}.dashboard-card:hover .card-icon{transform:scale(1.15)rotate(5deg)}.dashboard-card h2{color:var(--text-color);margin:0 0 8px;font-size:18px;font-weight:600}.dashboard-card p{color:#0009;font-size:var(--font-size);margin:0;line-height:1.6}@media (width<=1200px){.stats-grid,.charts-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-page{padding:16px}.stats-grid,.charts-grid,.dashboard-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-number{font-size:20px}.dashboard-card,.chart-container{padding:16px}.chart-container canvas{max-height:250px}}.events-section{margin-bottom:16px}.section-title{color:var(--text-color);border-bottom:2px solid var(--sidebar-color,#500);margin:0 0 16px;padding-bottom:8px;font-size:20px;font-weight:600}.events-grid{gap:var(--grid-gap);grid-template-columns:1fr 1fr;display:grid}.event-calendar-card,.upcoming-events-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;flex-direction:column;padding:16px;display:flex;box-shadow:0 2px 4px #0000001a}.event-calendar-card h3,.upcoming-events-card h3{color:var(--text-color);flex-shrink:0;margin:0 0 10px;font-size:16px;font-weight:600}.dashboard-calendar{flex:1;min-height:280px}.dashboard-calendar .fc{font-size:12px}.dashboard-calendar .fc-toolbar{margin-bottom:8px}.dashboard-calendar .fc-toolbar-title{font-size:14px;font-weight:600}.dashboard-calendar .fc-button{background:linear-gradient(135deg, var(--sidebar-color,#500), var(--sidebar-color-light,#8b0000));color:#fff;cursor:pointer;border:none;border-radius:4px;height:32px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #0000001a}.dashboard-calendar .fc-button:hover{background:linear-gradient(135deg, var(--sidebar-color-light,#8b0000), var(--sidebar-color,#500));transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.dashboard-calendar .fc-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.dashboard-calendar .fc-button .fc-icon{font-size:12px}.dashboard-calendar .fc-daygrid-day-number{padding:2px;font-size:12px}.dashboard-calendar .fc-event{padding:2px 4px;font-size:10px}.dashboard-calendar .fc-daygrid-event{white-space:normal}.dashboard-calendar .fc-col-header-cell{padding:6px 4px}.dashboard-calendar .fc-col-header-cell-cushion{color:#fff;font-weight:600}.dashboard-calendar .fc-daygrid-day{min-height:45px;padding:4px}.dashboard-calendar .fc-daygrid-day.fc-day-other{opacity:.5;background-color:#00000005}.dashboard-calendar .fc-daygrid-day.fc-day-other .fc-daygrid-day-number{opacity:.3}.dashboard-calendar .fc-daygrid-day-frame{min-height:45px}.events-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.events-header h3{color:var(--text-color);margin:0;font-size:16px;font-weight:600}.view-all-btn{background:var(--sidebar-color,#500);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.view-all-btn:hover{background:var(--sidebar-color-light,#8b0000)}.events-table-container{max-height:300px;overflow-y:auto}.events-table{border-collapse:collapse;width:100%;font-size:13px}.events-table thead{background:var(--card-background);z-index:1;position:sticky;top:0}.events-table th{text-align:left;color:#fff;border-bottom:2px solid var(--sidebar-color,#500);background:linear-gradient(135deg, var(--sidebar-color,#500), var(--sidebar-color-light,#8b0000));padding:10px 12px;font-weight:600}.events-table td{border-bottom:1px solid #e0e0e0;padding:10px 12px}.events-table tbody tr{cursor:pointer;transition:background .2s}.events-table tbody tr:hover{background:#5500000d}.event-title{color:var(--text-color);font-weight:500}.category-badge{color:#fff;text-transform:uppercase;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.loading,.no-events{text-align:center;color:#00000080;padding:40px 20px;font-size:14px}@media (width<=1200px){.events-grid{grid-template-columns:1fr}}@media (width<=768px){.events-section{margin-bottom:16px}.section-title{font-size:18px}.event-calendar-card,.upcoming-events-card{padding:16px}.events-table{font-size:12px}.events-table th,.events-table td{padding:8px}.dashboard-calendar{min-height:250px}}@media (width<=480px){.stat-card{padding:12px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-number{font-size:18px}.dashboard-card h2{font-size:16px}.dashboard-card p{font-size:14px}}.student-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.student-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.student-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.student-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.student-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.filter-dropdowns{flex-wrap:wrap;gap:8px;display:flex}.filter-select{min-height:var(--input-height);border-radius:var(--border-radius);font-size:var(--font-size);color:var(--text-color);cursor:pointer;background:#fff;border:1px solid #e0e0e0;min-width:140px;padding:10px 16px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-select:hover{border-color:var(--primary-color)}.student-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.student-table thead{background:var(--primary-color)}.student-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.student-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.student-table th:nth-child(3),.student-table td:nth-child(3){white-space:nowrap!important;text-overflow:ellipsis!important;vertical-align:middle!important;width:180px!important;max-width:180px!important;overflow:hidden!important}.student-name-cell{align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.student-name-cell .avatar{flex-shrink:0;width:32px;min-width:32px;height:32px}.student-name-cell .student-name-text{vertical-align:middle;flex:none;min-width:0;line-height:1.4;display:inline-block;white-space:nowrap!important;text-overflow:ellipsis!important;word-break:normal!important;word-wrap:normal!important;overflow-wrap:normal!important;width:140px!important;max-width:140px!important;overflow:hidden!important}.student-table th:first-child,.student-table td:first-child{text-align:center}.student-table tbody tr:hover{background:#6200ee0a}.admission-no{color:var(--primary-color);font-weight:500}.gender-badge{text-transform:uppercase;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.gender-badge.male{color:#1976d2;background:#e3f2fd}.gender-badge.female{color:#e91e63;background:#fce4ec}.student-table td.student-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.student-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.student-actions a,.student-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.student-actions a:link,.student-actions a:visited,.student-actions a:hover,.student-actions a:active,.student-actions a:focus,.student-actions button:hover,.student-actions button:focus,.student-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.student-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.student-actions .view-btn{color:#1976d2}.student-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.student-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.student-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.student-actions .delete-btn{color:#f44336}.student-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.student-table-card{padding:12px}.search-box{flex:0 240px}.student-table th,.student-table td{padding:12px 8px}}@media (width<=768px){.student-list-page{padding:16px}.student-subheader{flex-direction:column;align-items:stretch}.student-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.student-table{font-size:12px}.student-table th,.student-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.student-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.add-student-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-student-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-student-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-student-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.add-student-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-student-form .tab-content .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.add-student-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.add-student-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.add-student-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-student-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-student-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.add-student-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-student-form .tab-content .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-student-page{padding:10px}.add-student-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.add-student-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-student-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-student-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-student-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-student-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-student-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-student-form .tab-content .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-student-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-student-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-student-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-student-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-student-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-student-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-student-form .tab-content .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-student-page{padding:10px}.edit-student-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-student-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-student-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.student-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.student-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.student-photo{object-fit:cover;border:3px solid var(--primary-color);border-radius:50%;width:100px;height:100px;box-shadow:0 4px 12px #00000026}.student-photo-placeholder{background:linear-gradient(135deg, var(--primary-color), #8b0000);color:#fff;border:3px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:40px;font-weight:700;display:flex;box-shadow:0 4px 12px #00000026}.student-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.student-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.admission-number,.class-info{color:#000;margin:0;font-size:14px;font-weight:500}.status-badge.transferred{color:#d97706;background:#fef3c7}.status-badge.graduated{color:#1d4ed8;background:#dbeafe}.student-details{flex-direction:column;gap:16px;display:flex}.document-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.document-row{border-radius:var(--border-radius);background:#fff;border:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.document-row:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.document-meta{flex-direction:column;gap:2px;display:flex}.document-meta label{color:#1a2634;margin:0;font-size:14px;font-weight:600}.document-meta span{color:#000;font-size:13px;font-weight:500}.download-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.download-btn:hover:not(.disabled){background:#8b0000;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.download-btn.disabled{color:#0006;cursor:not-allowed;background:#e0e0e0}@media (width<=768px){.view-student-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.student-header{text-align:center;flex-direction:column;align-items:center}.student-header-info{align-items:center}.student-header-info h2{font-size:20px}.status-badge{align-self:center}.student-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.document-list{grid-template-columns:1fr}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.student-photo,.student-photo-placeholder{width:100px;height:100px;font-size:40px}.student-header-info h2{font-size:18px}.detail-section{padding:16px}.detail-section h3{font-size:16px}}.staff-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.staff-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.staff-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.staff-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.staff-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.staff-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.staff-table thead{background:var(--primary-color)}.staff-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.staff-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.staff-table th:nth-child(3),.staff-table td:nth-child(3){white-space:nowrap!important;text-overflow:ellipsis!important;vertical-align:middle!important;width:180px!important;max-width:180px!important;overflow:hidden!important}.staff-name-cell{align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.staff-name-cell .avatar{flex-shrink:0;width:32px;min-width:32px;height:32px}.staff-name-cell .staff-name-text{vertical-align:middle;flex:none;min-width:0;line-height:1.4;display:inline-block;white-space:nowrap!important;text-overflow:ellipsis!important;word-break:normal!important;word-wrap:normal!important;overflow-wrap:normal!important;width:140px!important;max-width:140px!important;overflow:hidden!important}.staff-table th:first-child,.staff-table td:first-child{text-align:center}.staff-table tbody tr:hover{background:#6200ee0a}.employee-code{color:var(--primary-color);font-weight:500}.staff-table td.staff-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.staff-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.staff-actions a,.staff-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.staff-actions a:link,.staff-actions a:visited,.staff-actions a:hover,.staff-actions a:active,.staff-actions a:focus,.staff-actions button:hover,.staff-actions button:focus,.staff-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.staff-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.staff-actions .view-btn{color:#1976d2}.staff-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.staff-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.staff-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.staff-actions .delete-btn{color:#f44336}.staff-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.staff-table-card{padding:12px}.search-box{flex:0 240px}.staff-table th,.staff-table td{padding:12px 8px}}@media (width<=768px){.staff-list-page{padding:16px}.staff-subheader{flex-direction:column;align-items:stretch}.staff-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.staff-table{font-size:12px}.staff-table th,.staff-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.staff-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-staff-page{width:100%;max-width:100%;font-family:var(--app-font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0 auto;padding:6px 10px}.add-staff-header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.add-staff-header h1{color:#1a2634;margin:0;font-size:.75rem;font-weight:700}.add-staff-header .page-description{color:#6b7a93;margin:2px 0 0;font-size:.65rem}.add-staff-form{background:#fff;border-radius:8px;width:100%;max-width:100%;margin:0 auto;padding:8px 10px;box-shadow:0 1px 6px #00000006}.add-staff-form .form-grid{grid-template-columns:repeat(5,minmax(150px,1fr));grid-auto-columns:minmax(150px,1fr);grid-auto-flow:row;align-items:start;gap:4px 8px;display:grid}.secondary-btn{color:#1a2634;cursor:pointer;background:#f5f2ed;border:none;border-radius:8px;padding:4px 10px;font-size:.65rem;font-weight:600;transition:all .3s}.secondary-btn:hover:not(:disabled){background:#e8e0d8}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1200px){.form-grid{grid-template-columns:repeat(4,1fr)}.form-group.full-width{grid-column:span 4}}@media (width<=992px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2}}@media (width<=768px){.add-staff-page{padding:6px 8px}.add-staff-header{flex-direction:column;align-items:flex-start;gap:6px}.add-staff-form{padding:8px 10px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-actions{gap:4px}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:auto}}.edit-staff-page{width:100%;max-width:100%;font-family:var(--app-font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0 auto;padding:6px 10px}.edit-staff-header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.edit-staff-header h1{color:#1a2634;margin:0;font-size:.75rem;font-weight:700}.tab-navigation{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d0d0d0 #f5f2ed;background:#f5f2ed;border-radius:4px;flex-wrap:nowrap;align-items:center;gap:2px;width:100%;min-height:18px;margin-bottom:2px;padding:2px;display:flex;overflow:auto hidden}.tab-btn{cursor:pointer;color:#6b7a93;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:8px;flex:none;min-width:fit-content;padding:2px 6px;font-family:inherit;font-size:.5rem;font-weight:600;line-height:1;transition:all .12s;display:inline-block}.tab-btn.active{color:#fff;background:#500;box-shadow:0 4px 12px #c628284d}.edit-staff-form{background:#fff;border-radius:8px;width:100%;max-width:100%;margin:0 auto;padding:8px 10px;box-shadow:0 1px 6px #00000006}.tab-content{width:100%;animation:.3s fadeIn}.edit-staff-form .form-grid{grid-template-columns:repeat(5,minmax(150px,1fr));grid-auto-columns:minmax(150px,1fr);grid-auto-flow:row;align-items:start;gap:4px 8px;display:grid}.form-group{flex-direction:column;gap:1px;min-width:0;display:flex}.form-group input,.form-group select,.form-group textarea,.form-group .date-input{color:#1a2634;background:#fff;border:1px solid #e8edf2;border-radius:6px;width:100%;padding:4px 6px;font-family:inherit;font-size:.65rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-group .date-input:focus{background:#fff;border-color:#500;outline:none;box-shadow:0 0 0 3px #55000014}.form-group .date-input{box-sizing:border-box;min-height:26px;padding-right:22px}.form-group .date-picker-wrapper{position:relative}.submit-btn{color:#fff;cursor:pointer;box-shadow:none;background:#500;border:none;border-radius:8px;padding:4px 10px;font-size:.65rem;font-weight:600;transition:all .3s}.submit-btn:hover{background:#c50f0f;transform:translateY(-1px)}@media (width<=1200px){.form-grid{grid-template-columns:repeat(4,1fr)}.form-group.full-width{grid-column:span 4}}@media (width<=992px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2}}@media (width<=768px){.edit-staff-page{padding:6px 8px}.edit-staff-header{flex-direction:column;align-items:flex-start;gap:6px}.edit-staff-form{padding:8px 10px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-actions{gap:4px}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:auto}}.view-staff-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.staff-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.staff-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.staff-photo{object-fit:cover;border:3px solid var(--primary-color);border-radius:50%;width:100px;height:100px;box-shadow:0 4px 12px #00000026}.staff-photo-placeholder{background:linear-gradient(135deg, var(--primary-color), #8b0000);color:#fff;border:3px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:40px;font-weight:700;display:flex;box-shadow:0 4px 12px #00000026}.staff-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.staff-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.employee-code{color:#000;margin:0;font-size:14px;font-weight:500}.staff-details{flex-direction:column;gap:16px;display:flex}@media (width<=768px){.view-staff-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.staff-header{text-align:center;flex-direction:column;align-items:center}.staff-header-info{align-items:center}.staff-header-info h2{font-size:20px}.status-badge{align-self:center}.staff-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.staff-photo,.staff-photo-placeholder{width:100px;height:100px;font-size:40px}.staff-header-info h2{font-size:18px}.detail-section{padding:16px}.detail-section h3{font-size:16px}}.user-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.user-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.user-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.user-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.user-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.user-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.user-table thead{background:var(--primary-color)}.user-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.user-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.user-table th:nth-child(2),.user-table td:nth-child(2){white-space:nowrap!important;text-overflow:ellipsis!important;vertical-align:middle!important;width:180px!important;max-width:180px!important;overflow:hidden!important}.user-name-cell{align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.user-name-cell .avatar{flex-shrink:0;width:32px;min-width:32px;height:32px}.user-name-cell .user-name-text{vertical-align:middle;flex:none;min-width:0;line-height:1.4;display:inline-block;white-space:nowrap!important;text-overflow:ellipsis!important;word-break:normal!important;word-wrap:normal!important;overflow-wrap:normal!important;width:140px!important;max-width:140px!important;overflow:hidden!important}.user-table th:first-child,.user-table td:first-child{text-align:center}.user-table tbody tr:hover{background:#6200ee0a}.lock-badge{text-transform:uppercase;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.lock-badge.locked{color:#f57c00;background:#fff3e0}.lock-badge.unlocked{color:#4caf50;background:#e8f5e9}.user-table td.user-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.user-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.user-actions a,.user-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.user-actions a:link,.user-actions a:visited,.user-actions a:hover,.user-actions a:active,.user-actions a:focus,.user-actions button:hover,.user-actions button:focus,.user-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.user-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.user-actions .view-btn{color:#1976d2}.user-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.user-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.user-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.user-actions .delete-btn{color:#f44336}.user-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.user-table-card{padding:12px}.search-box{flex:0 240px}.user-table th,.user-table td{padding:12px 8px}}@media (width<=768px){.user-list-page{padding:16px}.user-subheader{flex-direction:column;align-items:stretch}.user-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.user-table{font-size:12px}.user-table th,.user-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.user-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-user-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100%;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.add-user-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.add-user-header .page-subtitle{color:#c62828;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:.82rem;font-weight:700}.add-user-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem;font-weight:700}.back-btn{color:#c62828;white-space:nowrap;background:#fff8f8;border:1px solid #f0c9c9;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.back-btn:hover{background:#ffeaea}.tab-navigation{background:#f8fafc;border-radius:8px;gap:6px;margin-bottom:4px;padding:4px;display:flex;overflow-x:auto}.tab-btn{cursor:pointer;color:#6b7a93;white-space:nowrap;text-align:center;background:0 0;border:1px solid #e8edf2;border-radius:8px;flex:1;padding:5px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .18s}.tab-btn:hover{color:#1a2634;background:#f8fafc}.tab-btn.active{color:#fff;background:#c62828;border-color:#c62828}.add-user-form{background:#fff;border-radius:10px;width:100%;padding:5px;box-shadow:0 1px 8px #0000000a}.tab-content{animation:.3s fadeIn}.form-group input,.form-group select,.form-group textarea{color:#1a2634;background:#fbfdff;border:1px solid #d9e2ec;border-radius:8px;width:100%;padding:5px 8px;font-family:inherit;font-size:.72rem;transition:all .18s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#c62828;outline:none;box-shadow:0 0 0 4px #c6282814}.cancel-btn{color:#c62828;cursor:pointer;background:#fff8f8;border:1px solid #f0c9c9;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s}.submit-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;transition:all .18s}.submit-btn:hover{background:#b71c1c}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.loading-state{text-align:center;background:#fff;border-radius:10px;padding:40px;box-shadow:0 1px 8px #0000000a}.loading-state p{color:#6b7a93;margin:0;font-size:.9rem}.form-error{color:#c62828;background:#fff5f5;border:1px solid #f0c9c9;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:.8rem;font-weight:500}.edit-user-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-user-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-user-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-user-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-user-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-user-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:40px}.password-toggle{color:#757575;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .2s;display:flex;position:absolute;right:10px}.password-toggle:hover{color:var(--primary-color,#6200ea)}.password-toggle i{font-size:14px}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}.field-hint{color:#dc2626;margin-top:2px;font-size:11px;font-weight:500}@media (width<=1500px){.edit-user-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-user-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-user-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-user-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-user-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-user-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-user-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-user-page{padding:10px}.edit-user-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-user-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-user-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.user-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.user-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.user-photo{object-fit:cover;border:3px solid var(--primary-color);border-radius:50%;width:100px;height:100px;box-shadow:0 4px 12px #00000026}.user-photo-placeholder{background:linear-gradient(135deg, var(--primary-color), #8b0000);color:#fff;border:3px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:40px;font-weight:700;display:flex;box-shadow:0 4px 12px #00000026}.download-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.download-btn:hover{background:#8b0000;transform:translateY(-1px)}.user-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.user-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.user-email{color:#000;margin:0;font-size:14px;font-weight:500}.user-details{flex-direction:column;display:flex}@media (width<=768px){.view-user-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.user-header{text-align:center;flex-direction:column;align-items:center}.user-header-info{align-items:center}.user-header-info h2{font-size:20px}.user-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.user-photo,.user-photo-placeholder{width:100px;height:100px;font-size:40px}.user-header-info h2{font-size:18px}}.alumni-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.alumni-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.alumni-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.alumni-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.alumni-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.alumni-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.alumni-table thead{background:var(--primary-color)}.alumni-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.alumni-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.alumni-table th:nth-child(2),.alumni-table td:nth-child(2){white-space:nowrap!important;text-overflow:ellipsis!important;vertical-align:middle!important;width:180px!important;max-width:180px!important;overflow:hidden!important}.alumni-name-cell{align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.alumni-name-cell .avatar{flex-shrink:0;width:32px;min-width:32px;height:32px}.alumni-name-cell .alumni-name-text{vertical-align:middle;flex:none;min-width:0;line-height:1.4;display:inline-block;white-space:nowrap!important;text-overflow:ellipsis!important;word-break:normal!important;word-wrap:normal!important;overflow-wrap:normal!important;width:140px!important;max-width:140px!important;overflow:hidden!important}.alumni-table th:first-child,.alumni-table td:first-child{text-align:center}.alumni-table tbody tr:hover{background:#6200ee0a}.avatar{background:var(--primary-color);color:#fff;width:32px;height:32px;font-size:var(--font-size);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.alumni-table td.alumni-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.alumni-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.alumni-actions a,.alumni-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.alumni-actions a:link,.alumni-actions a:visited,.alumni-actions a:hover,.alumni-actions a:active,.alumni-actions a:focus,.alumni-actions button:hover,.alumni-actions button:focus,.alumni-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.alumni-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.alumni-actions .view-btn{color:#1976d2}.alumni-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.alumni-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.alumni-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.alumni-actions .delete-btn{color:#f44336}.alumni-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.alumni-table-card{padding:12px}.search-box{flex:0 240px}.alumni-table th,.alumni-table td{padding:12px 8px}}@media (width<=768px){.alumni-list-page{padding:16px}.alumni-subheader{flex-direction:column;align-items:stretch}.alumni-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.alumni-table{font-size:12px}.alumni-table th,.alumni-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.alumni-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-alumni-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-alumni-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-alumni-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-alumni-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.alumni-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.alumni-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.alumni-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.alumni-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.add-alumni-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-alumni-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-alumni-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.alumni-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.alumni-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-alumni-page{padding:10px}.add-alumni-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.alumni-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-alumni-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-alumni-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-alumni-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-alumni-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-alumni-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-alumni-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-alumni-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-alumni-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-alumni-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-alumni-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-alumni-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-alumni-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-alumni-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-alumni-page{padding:10px}.edit-alumni-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-alumni-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-alumni-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.alumni-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.alumni-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.alumni-photo{object-fit:cover;border:3px solid var(--primary-color);border-radius:50%;width:100px;height:100px;box-shadow:0 4px 12px #00000026}.alumni-photo-placeholder{background:linear-gradient(135deg, var(--primary-color), #8b0000);color:#fff;border:3px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:40px;font-weight:700;display:flex;box-shadow:0 4px 12px #00000026}.alumni-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.alumni-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.alumni-number{color:#000;margin:0;font-size:14px;font-weight:500}.alumni-details{flex-direction:column;gap:16px;display:flex}.detail-item a.link{color:var(--primary-color);word-break:break-all;font-size:14px;font-weight:500;text-decoration:none}.detail-item a.link:hover{text-decoration:underline}@media (width<=768px){.view-alumni-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.alumni-header{text-align:center;flex-direction:column;align-items:center}.alumni-header-info{align-items:center}.alumni-header-info h2{font-size:20px}.status-badge{align-self:center}.alumni-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.alumni-photo,.alumni-photo-placeholder{width:100px;height:100px;font-size:40px}.alumni-header-info h2{font-size:18px}.detail-section{padding:16px}.detail-section h3{font-size:16px}}.school-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.school-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.school-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.school-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.school-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.school-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.school-table thead{background:var(--primary-color)}.school-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.school-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.school-table th:first-child,.school-table td:first-child{text-align:center}.school-table tbody tr:hover{background:#6200ee0a}.school-table td.school-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.school-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.school-actions a,.school-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.school-actions a:link,.school-actions a:visited,.school-actions a:hover,.school-actions a:active,.school-actions a:focus,.school-actions button:hover,.school-actions button:focus,.school-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.school-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.school-actions .view-btn{color:#1976d2}.school-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.school-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.school-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.school-actions .delete-btn{color:#f44336}.school-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.school-table-card{padding:12px}.search-box{flex:0 240px}.school-table th,.school-table td{padding:12px 8px}}@media (width<=768px){.school-list-page{padding:16px}.school-subheader{flex-direction:column;align-items:stretch}.school-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.school-table{font-size:12px}.school-table th,.school-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.school-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-school-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-school-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-school-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-school-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.add-school-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-school-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.add-school-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.add-school-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.add-school-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-school-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-school-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.add-school-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-school-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-school-page{padding:10px}.add-school-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.add-school-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-school-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-school-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-school-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-school-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-school-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-school-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-school-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-school-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-school-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-school-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-school-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-school-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-school-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-school-page{padding:10px}.edit-school-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-school-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-school-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.school-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.school-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.school-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.school-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.school-code{color:#000;margin:0;font-size:14px;font-weight:500}.status-badge{border-radius:20px;align-self:flex-start;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.school-details{flex-direction:column;display:flex}.retry-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;border:none;padding:12px 24px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (width<=768px){.view-school-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.school-header{text-align:center;flex-direction:column;align-items:center}.school-header-info{align-items:center}.school-header-info h2{font-size:20px}.status-badge{align-self:center}.school-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.school-header-info h2{font-size:18px}.detail-section{padding:16px}.detail-section h3{font-size:16px}}.role-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.role-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.role-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.role-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.role-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.role-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.role-table thead{background:var(--primary-color)}.role-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.role-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.role-table th:first-child,.role-table td:first-child{text-align:center}.role-table tbody tr:hover{background:#6200ee0a}.role-table td.role-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.role-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.role-actions a,.role-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.role-actions a:link,.role-actions a:visited,.role-actions a:hover,.role-actions a:active,.role-actions a:focus,.role-actions button:hover,.role-actions button:focus,.role-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.role-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.role-actions .view-btn{color:#1976d2}.role-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.role-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.role-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.role-actions .delete-btn{color:#f44336}.role-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.role-table-card{padding:12px}.search-box{flex:0 240px}.role-table th,.role-table td{padding:12px 8px}}@media (width<=768px){.role-list-page{padding:16px}.role-subheader{flex-direction:column;align-items:stretch}.role-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.role-table{font-size:12px}.role-table th,.role-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.role-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.edit-role-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-role-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-role-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-role-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-role-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-role-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-role-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-role-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-role-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-role-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-role-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-role-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-role-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-role-page{padding:10px}.edit-role-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-role-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-role-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.role-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.role-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.role-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.role-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.role-details{flex-direction:column;display:flex}@media (width<=768px){.view-role-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.role-header{text-align:center;flex-direction:column;align-items:center}.role-header-info{align-items:center}.role-header-info h2{font-size:20px}.role-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.role-header-info h2{font-size:18px}}.list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.export-btn{min-width:82px;min-height:var(--button-height);border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;color:var(--text-color);background:0 0;border:1px solid #e0e0e0;padding:12px 16px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.export-btn:hover{border-color:var(--primary-color);background:#0000000a}.data-table{border-collapse:collapse;border-radius:var(--card-border-radius);background:#fff;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001f}.data-table thead{background:var(--primary-color)}.data-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:1.25px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:16px;font-size:14px;font-weight:500;line-height:1.5}.data-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #e0e0e0;padding:16px;line-height:1.5}.data-table tbody tr:hover{background:#6200ee0a}.row-actions{justify-content:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.view-btn{color:#1976d2;background:#e3f2fd}.view-btn:hover{background:#bbdefb}.edit-btn{color:#f57c00;background:#fff3e0}.edit-btn:hover{background:#ffe0b2}.delete-btn:hover{background:#ffcdd2}@media (width<=1024px){.table-card{padding:12px}.search-box{flex:0 240px}.data-table th,.data-table td{padding:12px 8px}}@media (width<=768px){.list-page{padding:16px}.subheader{flex-direction:column;align-items:stretch}.add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.table-card{padding:8px}.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.form-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}.form-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.form-header h1{color:var(--text-color);margin:0;font-size:24px;font-weight:500}.form-group input[type=checkbox]{cursor:pointer;appearance:none;border:2px solid #5f6368;border-radius:2px;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.form-group input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.form-group input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-group input[type=radio]{cursor:pointer;appearance:none;border:2px solid #5f6368;border-radius:50%;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.form-group input[type=radio]:checked{border-color:var(--primary-color)}.form-group input[type=radio]:checked:after{content:"";background:var(--primary-color);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}.view-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.view-header h1{color:var(--text-color);margin:0;font-size:24px;font-weight:500}.view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}.view-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.view-field{flex-direction:column;gap:8px;display:flex}.view-field label{color:#000000b3;margin:0;font-size:14px;font-weight:500}.view-field .value{font-size:var(--font-size);color:var(--text-color);word-break:break-word;padding:8px 0}.edit-btn,.delete-btn{min-width:120px;min-height:var(--button-height);border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.edit-btn{color:#f57c00;background:#fff3e0;border:1px solid #ffe0b2}.delete-btn{color:#f44336;background:#ffebee;border:1px solid #ffcdd2}.delete-btn:hover{color:#d32f2f;background:#ffcdd2}.department-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.department-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.department-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.department-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.department-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.department-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.department-table thead{background:var(--primary-color)}.department-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.department-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.department-table th:first-child,.department-table td:first-child{text-align:center}.department-table tbody tr:hover{background:#6200ee0a}.department-table td.department-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.department-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.department-actions a,.department-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.department-actions a:link,.department-actions a:visited,.department-actions a:hover,.department-actions a:active,.department-actions a:focus,.department-actions button:hover,.department-actions button:focus,.department-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.department-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.department-actions .view-btn{color:#1976d2}.department-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.department-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.department-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.department-actions .delete-btn{color:#f44336}.department-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.department-table-card{padding:12px}.search-box{flex:0 240px}.department-table th,.department-table td{padding:12px 8px}}@media (width<=768px){.department-list-page{padding:16px}.department-subheader{flex-direction:column;align-items:stretch}.department-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.department-table{font-size:12px}.department-table th,.department-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.department-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-department-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-department-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-department-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-department-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.add-department-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-department-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.add-department-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.add-department-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.add-department-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-department-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-department-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.add-department-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-department-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-department-page{padding:10px}.add-department-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.add-department-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-department-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-department-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-department-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-department-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-department-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-department-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-department-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-department-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-department-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-department-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-department-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-department-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-department-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-department-page{padding:10px}.edit-department-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-department-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-department-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.department-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.department-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.department-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.department-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.department-details{flex-direction:column;display:flex}@media (width<=768px){.view-department-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.department-header{text-align:center;flex-direction:column;align-items:center}.department-header-info{align-items:center}.department-header-info h2{font-size:20px}.department-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.department-header-info h2{font-size:18px}}.class-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.class-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.class-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.class-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.class-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.class-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.class-table thead{background:var(--primary-color)}.class-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.class-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.class-table th:first-child,.class-table td:first-child{text-align:center}.class-table tbody tr:hover{background:#6200ee0a}.class-table td.class-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.class-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.class-actions a,.class-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.class-actions a:link,.class-actions a:visited,.class-actions a:hover,.class-actions a:active,.class-actions a:focus,.class-actions button:hover,.class-actions button:focus,.class-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.class-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.class-actions .view-btn{color:#1976d2}.class-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.class-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.class-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.class-actions .delete-btn{color:#f44336}.class-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.class-table-card{padding:12px}.search-box{flex:0 240px}.class-table th,.class-table td{padding:12px 8px}}@media (width<=768px){.class-list-page{padding:16px}.class-subheader{flex-direction:column;align-items:stretch}.class-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.class-table{font-size:12px}.class-table th,.class-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.class-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-class-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-class-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-class-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-class-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-class-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}@media (width<=768px){.add-class-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-class-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-class-header h1{font-size:16px}.add-class-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-class-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-class-page{padding:10px}.add-class-header h1{font-size:15px}.add-class-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-class-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-class-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-class-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-class-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-class-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-class-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-class-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-class-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-class-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-class-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-class-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-class-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-class-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-class-page{padding:10px}.edit-class-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-class-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-class-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.class-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.class-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.class-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.class-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.class-details{flex-direction:column;display:flex}@media (width<=768px){.view-class-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.class-header{text-align:center;flex-direction:column;align-items:center}.class-header-info{align-items:center}.class-header-info h2{font-size:20px}.class-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.class-header-info h2{font-size:18px}}.section-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.section-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.section-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.section-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.section-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.section-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.section-table thead{background:var(--primary-color)}.section-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.section-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.section-table th:first-child,.section-table td:first-child{text-align:center}.section-table tbody tr:hover{background:#6200ee0a}.section-table td.section-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.section-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.section-actions a,.section-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.section-actions a:link,.section-actions a:visited,.section-actions a:hover,.section-actions a:active,.section-actions a:focus,.section-actions button:hover,.section-actions button:focus,.section-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.section-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.section-actions .view-btn{color:#1976d2}.section-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.section-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.section-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.section-actions .delete-btn{color:#f44336}.section-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.section-table-card{padding:12px}.search-box{flex:0 240px}.section-table th,.section-table td{padding:12px 8px}}@media (width<=768px){.section-list-page{padding:16px}.section-subheader{flex-direction:column;align-items:stretch}.section-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.section-table{font-size:12px}.section-table th,.section-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.section-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-section-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-section-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-section-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-section-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-section-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}@media (width<=768px){.add-section-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-section-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-section-header h1{font-size:16px}.add-section-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-section-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-section-page{padding:10px}.add-section-header h1{font-size:15px}.add-section-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-section-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-section-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-section-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-section-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-section-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-section-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-section-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-section-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-section-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-section-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-section-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-section-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-section-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-section-page{padding:10px}.edit-section-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-section-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-section-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.section-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.section-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.section-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.section-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.section-details{flex-direction:column;display:flex}@media (width<=768px){.view-section-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.section-header{text-align:center;flex-direction:column;align-items:center}.section-header-info{align-items:center}.section-header-info h2{font-size:20px}.section-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.section-header-info h2{font-size:18px}}.academic-year-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.academic-year-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.academic-year-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.academic-year-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.academic-year-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.academic-year-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.academic-year-table thead{background:var(--primary-color)}.academic-year-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.academic-year-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.academic-year-table th:first-child,.academic-year-table td:first-child{text-align:center}.academic-year-table tbody tr:hover{background:#6200ee0a}.academic-year-table td.academic-year-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.academic-year-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.academic-year-actions a,.academic-year-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.academic-year-actions a:link,.academic-year-actions a:visited,.academic-year-actions a:hover,.academic-year-actions a:active,.academic-year-actions a:focus,.academic-year-actions button:hover,.academic-year-actions button:focus,.academic-year-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.academic-year-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.academic-year-actions .view-btn{color:#1976d2}.academic-year-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.academic-year-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.academic-year-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.academic-year-actions .delete-btn{color:#f44336}.academic-year-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.academic-year-table-card{padding:12px}.search-box{flex:0 240px}.academic-year-table th,.academic-year-table td{padding:12px 8px}}@media (width<=768px){.academic-year-list-page{padding:16px}.academic-year-subheader{flex-direction:column;align-items:stretch}.academic-year-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.academic-year-table{font-size:12px}.academic-year-table th,.academic-year-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.academic-year-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-academic-year-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-academic-year-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-academic-year-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-academic-year-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-academic-year-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.date-picker-wrapper{align-items:center;display:flex;position:relative}.date-picker-wrapper .date-input{border-radius:var(--border-radius,6px);width:100%;color:var(--text-color,#1a2634);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;min-height:36px;padding:8px 12px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.date-picker-wrapper .date-input:hover{border-color:#bdbdbd}.date-picker-wrapper .date-input:focus{border-color:var(--primary-color,#6200ea);z-index:10;background:#fff;outline:none;position:relative;box-shadow:0 0 0 2px #6200ea1a}.date-picker-icon{color:#0000008a;pointer-events:none;font-size:16px;position:absolute;right:12px}@media (width<=768px){.add-academic-year-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-academic-year-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-academic-year-header h1{font-size:16px}.add-academic-year-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-academic-year-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-academic-year-page{padding:10px}.add-academic-year-header h1{font-size:15px}.add-academic-year-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-academic-year-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-academic-year-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-academic-year-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-academic-year-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-academic-year-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-academic-year-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-academic-year-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-academic-year-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-academic-year-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-academic-year-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-academic-year-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-academic-year-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-academic-year-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-academic-year-page{padding:10px}.edit-academic-year-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-academic-year-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-academic-year-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.academic-year-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.academic-year-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.academic-year-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.academic-year-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.academic-year-details{flex-direction:column;display:flex}@media (width<=768px){.view-academic-year-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.academic-year-header{text-align:center;flex-direction:column;align-items:center}.academic-year-header-info{align-items:center}.academic-year-header-info h2{font-size:20px}.academic-year-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.academic-year-header-info h2{font-size:18px}}.master-section-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.master-section-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.master-section-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.master-section-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.master-section-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.master-section-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.master-section-table thead{background:var(--primary-color)}.master-section-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.master-section-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.master-section-table th:first-child,.master-section-table td:first-child{text-align:center}.master-section-table tbody tr:hover{background:#6200ee0a}.master-section-table td.master-section-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.master-section-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.master-section-actions a,.master-section-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.master-section-actions a:link,.master-section-actions a:visited,.master-section-actions a:hover,.master-section-actions a:active,.master-section-actions a:focus,.master-section-actions button:hover,.master-section-actions button:focus,.master-section-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.master-section-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.master-section-actions .view-btn{color:#1976d2}.master-section-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.master-section-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.master-section-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.master-section-actions .delete-btn{color:#f44336}.master-section-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.master-section-table-card{padding:12px}.search-box{flex:0 240px}.master-section-table th,.master-section-table td{padding:12px 8px}}@media (width<=768px){.master-section-list-page{padding:16px}.master-section-subheader{flex-direction:column;align-items:stretch}.master-section-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.master-section-table{font-size:12px}.master-section-table th,.master-section-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.master-section-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-master-section-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-master-section-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-master-section-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-master-section-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-master-section-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-section h3{color:var(--text-color,#1a2634);margin:0 0 12px;font-size:15px;font-weight:600}.help-text{color:#0009;margin:-8px 0 12px;font-size:13px}.dropdown-container{width:100%;margin-top:4px;position:relative}.dropdown-header{border-radius:var(--border-radius,6px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e0e0e0;justify-content:space-between;align-items:center;min-height:36px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.dropdown-header:hover{border-color:#bdbdbd}.dropdown-header:focus{border-color:var(--primary-color,#6200ea);outline:none;box-shadow:0 0 0 2px #6200ea1a}.dropdown-selected-text{color:var(--text-color,#1a2634);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.dropdown-selected-text.placeholder{color:#757575}.dropdown-arrow{color:#5f6368;flex-shrink:0;margin-left:8px;font-size:12px;transition:transform .25s}.selected-count-badge{background:var(--primary-color,#6200ea);color:#fff;text-align:center;border-radius:10px;flex-shrink:0;min-width:18px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500}.dropdown-menu{border-radius:var(--border-radius,6px);z-index:1000;background:#fff;border:1px solid #e0e0e0;flex-direction:column;max-height:320px;animation:.2s dropdownSlideIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.select-all-checkbox{cursor:pointer;color:var(--text-color,#1a2634);align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:500;display:flex}.select-all-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#6200ea)}.count-label{color:#757575;font-size:11px;font-weight:400}.selected-label{color:var(--primary-color,#6200ea);background:#6200ea14;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:500}.dropdown-options{flex:1;max-height:240px;padding:4px 0;overflow-y:auto}.dropdown-option{cursor:pointer;border-radius:4px;align-items:center;gap:8px;margin:2px 6px;padding:8px 12px;transition:all .15s;display:flex}.dropdown-option:hover{background:#6200ea0d}.dropdown-option input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#6200ea);flex-shrink:0}.option-label{color:var(--text-color,#1a2634);font-size:13px;font-weight:400}.no-sections{text-align:center;color:#757575;padding:24px 12px;font-size:13px}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#9aa0a6}.validation-message{color:#d32f2f;background:#fee2e2;border-radius:4px;margin:6px 0 0;padding:4px 10px;font-size:12px;font-weight:400;display:inline-block}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.loading-container p{color:#0009;margin:0;font-size:16px}@media (width<=768px){.add-master-section-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-master-section-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-master-section-header h1{font-size:16px}.add-master-section-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-master-section-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}.dropdown-menu{max-height:280px}.dropdown-options{max-height:200px}}@media (width<=480px){.add-master-section-page{padding:10px}.add-master-section-header h1{font-size:15px}.add-master-section-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-master-section-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-master-section-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-master-section-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-master-section-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-master-section-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-master-section-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-master-section-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-master-section-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-master-section-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-master-section-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-master-section-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-master-section-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-master-section-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-master-section-page{padding:10px}.edit-master-section-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-master-section-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-master-section-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.master-section-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.master-section-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.master-section-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.master-section-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.master-section-details{flex-direction:column;display:flex}@media (width<=768px){.view-master-section-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.master-section-header{text-align:center;flex-direction:column;align-items:center}.master-section-header-info{align-items:center}.master-section-header-info h2{font-size:20px}.master-section-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.master-section-header-info h2{font-size:18px}}.designation-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.designation-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.designation-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.designation-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.designation-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.designation-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.designation-table thead{background:var(--primary-color)}.designation-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.designation-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.designation-table th:first-child,.designation-table td:first-child{text-align:center}.designation-table tbody tr:hover{background:#6200ee0a}.designation-table td.designation-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.designation-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.designation-actions a,.designation-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.designation-actions a:link,.designation-actions a:visited,.designation-actions a:hover,.designation-actions a:active,.designation-actions a:focus,.designation-actions button:hover,.designation-actions button:focus,.designation-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.designation-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.designation-actions .view-btn{color:#1976d2}.designation-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.designation-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.designation-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.designation-actions .delete-btn{color:#f44336}.designation-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.designation-table-card{padding:12px}.search-box{flex:0 240px}.designation-table th,.designation-table td{padding:12px 8px}}@media (width<=768px){.designation-list-page{padding:16px}.designation-subheader{flex-direction:column;align-items:stretch}.designation-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.designation-table{font-size:12px}.designation-table th,.designation-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.designation-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-designation-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-designation-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-designation-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-designation-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-designation-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input,.form-group select,.form-group textarea{border-radius:var(--border-radius,6px);color:var(--text-color,#1a2634);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;min-height:36px;padding:8px 12px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color,#6200ea);z-index:10;background:#fff;outline:none;position:relative;box-shadow:0 0 0 2px #6200ea1a}.error-message{color:#d32f2f;border-radius:var(--border-radius,6px);background:#fde8e8;border:1px solid #f5c6cb;margin-bottom:16px;padding:12px 16px;font-size:13px}@media (width<=768px){.add-designation-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-designation-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-designation-header h1{font-size:16px}.add-designation-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-designation-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-designation-page{padding:10px}.add-designation-header h1{font-size:15px}.add-designation-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-designation-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-designation-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-designation-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-designation-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-designation-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-designation-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-designation-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-designation-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-designation-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-designation-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-designation-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-designation-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-designation-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-designation-page{padding:10px}.edit-designation-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-designation-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-designation-page{font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);padding:12px}.designation-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.designation-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.designation-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.designation-header-info h2{color:var(--text-color);margin:0;font-size:20px;font-weight:600}.designation-details{flex-direction:column;display:flex}.detail-item span{color:#000;border-bottom:1px solid #e0e0e0;padding:2px 0;font-size:14px;font-weight:600}.view-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;margin-top:16px;padding-top:16px;display:flex}.edit-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;border:none;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.edit-btn:hover{background:#8b0000;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.loading-container,.error-container,.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.error-icon,.empty-icon{font-size:48px}.retry-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;border:none;padding:12px 24px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (width<=768px){.view-designation-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header h1{font-size:24px}.back-btn{text-align:center;width:100%}.designation-header{text-align:center;flex-direction:column;align-items:center}.designation-header-info{align-items:center}.designation-header-info h2{font-size:20px}.designation-view-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item.full-width{grid-column:1}.view-actions{flex-direction:column}.edit-btn{width:100%}}@media (width<=480px){.page-header h1{font-size:20px}.designation-header-info h2{font-size:18px}}.room-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.room-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.room-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.room-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.room-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.room-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.room-table thead{background:var(--primary-color)}.room-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.room-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.room-table th:first-child,.room-table td:first-child{text-align:center}.room-table tbody tr:hover{background:#6200ee0a}.room-table td.room-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.room-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.room-actions a,.room-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.room-actions a:link,.room-actions a:visited,.room-actions a:hover,.room-actions a:active,.room-actions a:focus,.room-actions button:hover,.room-actions button:focus,.room-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.room-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.room-actions .view-btn{color:#1976d2}.room-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.room-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.room-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.room-actions .delete-btn{color:#f44336}.room-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.room-table-card{padding:12px}.search-box{flex:0 240px}.room-table th,.room-table td{padding:12px 8px}}@media (width<=768px){.room-list-page{padding:16px}.room-subheader{flex-direction:column;align-items:stretch}.room-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.room-table{font-size:12px}.room-table th,.room-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.room-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-room-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-room-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-room-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-room-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.add-room-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-room-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-error,.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.4}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.add-room-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.add-room-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.add-room-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-room-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-room-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.add-room-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-room-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-room-page{padding:10px}.add-room-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.add-room-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-room-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-room-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-room-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-room-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-room-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-room-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-error,.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.4}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-room-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-room-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-room-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-room-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-room-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-room-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-room-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-room-page{padding:10px}.edit-room-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-room-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-room-page{padding:var(--content-padding,16px);font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634)}.view-room-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.view-room-header h1{color:var(--text-color,#1a2634);margin:0;font-size:24px;font-weight:500}.view-room-card{background:var(--card-background,white);border-radius:var(--card-border-radius,8px);border:1px solid #e0e0e0;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}@media (width<=768px){.view-room-page{padding:12px}.view-room-header{flex-direction:column;align-items:flex-start;gap:12px}.view-room-header h1{font-size:20px}.view-actions{justify-content:flex-start;width:100%}.back-btn,.edit-action-btn{text-align:center;justify-content:center;width:100%}.view-room-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.view-room-page{padding:10px}.view-room-header h1{font-size:18px}.view-room-card{padding:12px}}.asset-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.asset-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.asset-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.asset-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.asset-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.asset-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.asset-table thead{background:var(--primary-color)}.asset-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.asset-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.asset-table th:first-child,.asset-table td:first-child{text-align:center}.asset-table tbody tr:hover{background:#6200ee0a}.asset-table td.asset-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.asset-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.asset-actions a,.asset-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.asset-actions a:link,.asset-actions a:visited,.asset-actions a:hover,.asset-actions a:active,.asset-actions a:focus,.asset-actions button:hover,.asset-actions button:focus,.asset-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.asset-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.asset-actions .view-btn{color:#1976d2}.asset-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.asset-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.asset-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.asset-actions .delete-btn{color:#f44336}.asset-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}@media (width<=1024px){.asset-table-card{padding:12px}.search-box{flex:0 240px}.asset-table th,.asset-table td{padding:12px 8px}}@media (width<=768px){.asset-list-page{padding:16px}.asset-subheader{flex-direction:column;align-items:stretch}.asset-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.asset-table{font-size:12px}.asset-table th,.asset-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.asset-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-asset-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-asset-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-asset-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-asset-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.add-asset-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-asset-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-error,.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.4}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group thead option{padding:8px 12px;color:var(--text-color,#1a2634)!important;background:#fff!important;width:100%!important;min-height:36px!important;font-size:13px!important;display:block!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.add-asset-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.add-asset-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.add-asset-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-asset-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-asset-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.add-asset-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-asset-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-asset-page{padding:10px}.add-asset-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.add-asset-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-asset-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-asset-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-asset-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-asset-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.edit-asset-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-asset-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-error,.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.4}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.edit-asset-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-asset-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-asset-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-asset-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}:edit-asset-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-asset-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-asset-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-asset-page{padding:10px}.edit-asset-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-asset-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-asset-page{padding:var(--content-padding,16px);font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634)}.view-asset-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.view-asset-header h1{color:var(--text-color,#1a2634);margin:0;font-size:24px;font-weight:500}.view-asset-card{background:var(--card-background,white);border-radius:var(--card-border-radius,8px);border:1px solid #e0e0e0;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}.detail-section{flex-direction:column;gap:16px;display:flex}@media (width<=768px){.view-asset-page{padding:12px}.view-asset-header{flex-direction:column;align-items:flex-start;gap:12px}.view-asset-header h1{font-size:20px}.view-actions{justify-content:flex-start;width:100%}.back-btn,.edit-action-btn{text-align:center;justify-content:center;width:100%}.view-asset-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.view-asset-page{padding:10px}.view-asset-header h1{font-size:18px}.view-asset-card{padding:12px}}.asset-category-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.asset-category-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.asset-category-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.asset-category-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.asset-category-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.filter-select{border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:var(--font-size);cursor:pointer;color:var(--text-color);background:0 0;border:none;border-bottom:2px solid #e0e0e0;min-width:116px;padding:12px 16px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-select:focus{border-bottom-color:var(--primary-color);outline:none}.filter-btn{min-width:90px;min-height:var(--button-height);background:var(--sidebar-color);border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;color:#fff;border:none;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.filter-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.filter-dropdown-menu{border-radius:var(--border-radius);z-index:1000;background:#fff;min-width:150px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.filter-option{cursor:pointer;font-size:var(--font-size);color:var(--text-color);padding:12px 16px;transition:background .2s}.filter-option:hover{background:#0000000a}.filter-option.active{background:var(--primary-color);color:#fff}.import-btn,.export-btn{min-width:90px;min-height:var(--button-height);background:var(--sidebar-color);border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;color:#fff;border:none;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.import-btn{background:var(--accent-color)}.export-btn{background:var(--tertiary-color)}.import-btn:hover,.export-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.import-btn .material-icons,.export-btn .material-icons{font-size:18px}.asset-category-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.asset-category-table thead{background:var(--primary-color)}.asset-category-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.asset-category-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.asset-category-table th:first-child,.asset-category-table td:first-child{text-align:center}.asset-category-table tbody tr:hover{background:#6200ee0a}.status-badge{text-transform:uppercase;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-badge.active{color:#4caf50;background:#e8f5e9}.status-badge.inactive{color:#f44336;background:#ffebee}.asset-category-table td.asset-category-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.asset-category-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.asset-category-actions a,.asset-category-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.asset-category-actions a:link,.asset-category-actions a:visited,.asset-category-actions a:hover,.asset-category-actions a:active,.asset-category-actions a:focus,.asset-category-actions button:hover,.asset-category-actions button:focus,.asset-category-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.asset-category-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.asset-category-actions .view-btn{color:#1976d2}.asset-category-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.asset-category-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.asset-category-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.asset-category-actions .delete-btn{color:#f44336}.asset-category-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}.loading-state{text-align:center;padding:48px 24px}.loading-state p{font-size:var(--font-size);color:#0009;margin:0}.error-state{text-align:center;padding:48px 24px}.error-state h3{color:#f44336;margin:0 0 8px;font-size:20px;font-weight:500}.error-state p{font-size:var(--font-size);color:#0009;margin:0 0 16px}@media (width<=1024px){.asset-category-table-card{padding:12px}.search-box{flex:0 240px}.asset-category-table th,.asset-category-table td{padding:12px 8px}}@media (width<=768px){.asset-category-list-page{padding:16px}.asset-category-subheader{flex-direction:column;align-items:stretch}.asset-category-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.asset-category-table{font-size:12px}.asset-category-table th,.asset-category-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.asset-category-table-card{padding:8px}.filter-select,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-asset-category-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.add-asset-category-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.add-asset-category-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.add-asset-category-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.add-asset-category-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.add-asset-category-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-error,.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.4}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}@media (width<=1500px){.add-asset-category-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.add-asset-category-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.add-asset-category-page{max-width:100vw;padding:12px;overflow-x:hidden}.add-asset-category-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.add-asset-category-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.add-asset-category-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.add-asset-category-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.add-asset-category-page{padding:10px}.add-asset-category-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.add-asset-category-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.edit-asset-category-page{padding:var(--content-padding,16px);width:100%;max-width:100%;font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size,14px);box-sizing:border-box;margin:0 auto;overflow-x:hidden}.edit-asset-category-header{box-sizing:border-box;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-asset-category-header h1{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.edit-asset-category-header .page-description{color:#0009;margin:4px 0 0;font-size:13px}.back-btn{color:var(--text-color,#1a2634);border-radius:var(--border-radius,6px);cursor:pointer;background:#f5f5f5;border:none;align-items:center;gap:6px;min-height:36px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.import-btn{background:var(--primary-color,#6200ea);color:#fff;border-radius:var(--border-radius,6px);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #00000026}.import-btn:hover{background:#3700b3;transform:translateY(-1px);box-shadow:0 4px 8px #00000040}.tab-navigation{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius,6px);white-space:nowrap;background:#f5f5f5;border:1px solid #e0e0e0;flex-wrap:nowrap;align-items:center;gap:6px;min-height:36px;margin-bottom:16px;padding:6px 10px;display:flex;overflow:auto hidden}.tab-btn{cursor:pointer;color:#0009;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:16px;flex:none;min-width:fit-content;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--text-color,#1a2634);background:#0000000a;transform:translateY(-1px)}.tab-btn.active{background:var(--primary-color,#6200ea);color:#fff;box-shadow:0 2px 6px #6200ea40}.tab-navigation::-webkit-scrollbar{height:3px}.tab-navigation::-webkit-scrollbar-track{background:0 0}.tab-navigation::-webkit-scrollbar-thumb{background:var(--primary-color,#6200ea);border-radius:10px}.edit-asset-category-form{border-radius:var(--card-border-radius,8px);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;margin:0 auto;padding:16px;overflow:visible;box-shadow:0 2px 8px #0000000f}.edit-asset-category-form .form-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:row;align-items:start;gap:12px 16px;width:100%;display:grid;overflow:visible}.form-error,.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.4}.tab-content{box-sizing:border-box;width:100%;animation:.3s fadeIn}.form-section{box-sizing:border-box;width:100%;margin-bottom:16px}.form-section h2{color:var(--text-color,#1a2634);border-bottom:none;margin:0 0 12px;padding-bottom:8px;font-size:15px;font-weight:600}.form-section p{color:#0009;margin:-8px 0 12px;font-size:13px}.form-group{box-sizing:border-box;flex-direction:column;gap:6px;min-width:0;display:flex}.form-group input,.form-group select,.form-group textarea,.form-group .date-input{border-radius:var(--border-radius,6px);color:var(--text-color,#1a2634);box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;max-width:100%;min-height:36px;padding:8px 12px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23757575' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px;color:var(--text-color,#1a2634)!important;visibility:visible!important;opacity:1!important;background-color:#fff!important;border:1px solid #e0e0e0!important;display:block!important}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#bdbdbd}.form-group .date-picker-wrapper{box-sizing:border-box;position:relative}.form-group .date-input{border-radius:var(--border-radius,6px);box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e0e0e0;width:100%;min-height:36px;padding-right:36px}.form-group .date-picker-icon{pointer-events:none;color:var(--primary-color,#6200ea);font-size:18px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.form-group .date-picker-icon .material-icons{font-size:18px}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input{box-sizing:border-box;width:100%}.form-group input[type=date],.form-group input[type=time]{appearance:auto}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--primary-color,#6200ea);font-size:16px}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-webkit-input-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group input::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group textarea::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select::-moz-placeholder{color:#757575!important;opacity:1!important;font-size:13px!important}.form-group select option{padding:8px 12px;color:var(--text-color,#1a2634)!important;background:#fff!important;width:100%!important;min-height:36px!important;font-size:13px!important;display:block!important}.form-group select option:checked{background:var(--primary-color,#6200ea)!important;color:#fff!important}.form-group select:focus{border-color:var(--primary-color,#6200ea);z-index:10;background:#fff;outline:none;position:relative;box-shadow:0 0 0 2px #6200ea1a}.form-group input[type=file]{cursor:pointer;background:#fff;border:2px dashed #e0e0e0;min-height:36px;padding:8px 12px;font-size:13px}.form-group input[type=file]:hover{border-color:var(--primary-color,#6200ea)}.checkbox-group{grid-column:span 1}.checkbox-label{color:var(--text-color,#1a2634);cursor:pointer;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color,#6200ea);cursor:pointer;flex-shrink:0}.yes-no-toggle{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;gap:3px;width:fit-content;padding:3px;display:flex}.toggle-option{cursor:pointer;color:#0009;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;min-width:50px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.toggle-option.active{background:var(--primary-color,#6200ea);color:#fff;box-shadow:0 2px 6px #6200ea40}.toggle-option input{opacity:0;pointer-events:none;position:absolute}.form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:10px;width:100%;margin-top:16px;padding-top:16px;display:flex}.cancel-btn{color:var(--text-color,#1a2634);border-radius:var(--border-radius,6px);cursor:pointer;background:#f5f5f5;border:none;min-height:36px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.submit-btn{background:var(--primary-color,#6200ea);color:#fff;border-radius:var(--border-radius,6px);cursor:pointer;border:none;min-height:36px;padding:8px 24px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #6200ea40}.submit-btn:hover{background:#3700b3;transform:translateY(-2px);box-shadow:0 4px 10px #6200ea59}.retry-btn{background:var(--primary-color,#6200ea);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.retry-btn:hover{background:#3700b3;transform:translateY(-2px)}.react-datepicker{font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);border-radius:var(--border-radius,6px);background:#fff;border:1px solid #e0e0e0;font-size:13px;box-shadow:0 4px 12px #00000026}.react-datepicker__header{background:var(--primary-color,#6200ea);border-bottom:1px solid #ffffff1a;border-radius:6px 6px 0 0;padding:10px}.react-datepicker__current-month{color:#fff;font-size:14px;font-weight:600}.react-datepicker__day-names{margin-top:6px}.react-datepicker__day-name{color:#fffc;width:28px;font-size:11px;font-weight:500;line-height:28px}.react-datepicker__month{margin:0;padding:6px}.react-datepicker__day{width:28px;height:28px;color:var(--text-color,#1a2634);border-radius:50%;margin:2px;font-size:12px;line-height:28px}.react-datepicker__day:hover{color:var(--primary-color,#6200ea);background:#6200ea1a}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-color,#6200ea);color:#fff}.react-datepicker__day--today{border:2px solid var(--primary-color,#6200ea);font-weight:600}.react-datepicker__day--outside-month{color:#bdbdbd}.react-datepicker__navigation{color:#fff;background:#fff3;border:none;border-radius:50%;width:28px;height:28px;top:10px}.react-datepicker__navigation:hover{background:#ffffff4d}.react-datepicker__navigation-icon:before{border-width:2px 2px 0 0;border-color:#fff;width:7px;height:7px;top:9px}@media (width<=1500px){.edit-asset-category-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=1200px){.edit-asset-category-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.edit-asset-category-page{max-width:100vw;padding:12px;overflow-x:hidden}.edit-asset-category-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.edit-asset-category-header h1{font-size:16px}.tab-navigation{box-sizing:border-box;width:100%;max-width:100vw;padding:6px}.tab-btn{padding:6px 12px;font-size:12px}.edit-asset-category-form{box-sizing:border-box;width:100%;max-width:100vw;padding:12px}.edit-asset-category-form .form-grid{gap:12px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:1/-1!important}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-asset-category-page{padding:10px}.edit-asset-category-header h1{font-size:15px}.tab-btn{padding:5px 10px;font-size:11px}.edit-asset-category-form{padding:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px}.submit-btn,.cancel-btn{padding:8px 16px;font-size:12px}}.view-asset-category-page{padding:var(--content-padding,16px);font-family:var(--font-family,"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-color,#1a2634)}.view-asset-category-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.view-asset-category-header h1{color:var(--text-color,#1a2634);margin:0;font-size:24px;font-weight:500}.view-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.edit-action-btn{background:var(--primary-color,#6200ea);color:#fff;border-radius:var(--border-radius,6px);font-size:var(--font-size,14px);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #00000026}.edit-action-btn:hover{background:#3700b3;transform:translateY(-2px);box-shadow:0 4px 8px #00000040}.view-asset-category-card{background:var(--card-background,white);border-radius:var(--card-border-radius,8px);border:1px solid #e0e0e0;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}.detail-grid>div strong{font-size:var(--font-size,14px);color:var(--text-color,#1a2634);word-break:break-word;padding:8px 0}.loading-container,.error-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;display:flex}.spinner{border:4px solid #e8edf2;border-top:4px solid var(--primary-color,#6200ea);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.error-container h3{color:#1a2634;margin:0;font-size:18px}.error-container p{color:#6b7a93;margin:0}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-icon{font-size:4rem}.empty-state h3{color:#1a2634;margin:0;font-size:1.4rem}.empty-state p{color:#6b7a93;margin:0;font-size:.95rem}@media (width<=768px){.view-asset-category-page{padding:12px}.view-asset-category-header{flex-direction:column;align-items:flex-start;gap:12px}.view-asset-category-header h1{font-size:20px}.view-actions{justify-content:flex-start;width:100%}.back-btn,.edit-action-btn{text-align:center;justify-content:center;width:100%}.view-asset-category-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.view-asset-category-page{padding:10px}.view-asset-category-header h1{font-size:18px}.view-asset-category-card{padding:12px}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:6px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--text-color,#1a2634);margin:0;font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.close-btn:hover{color:#333;background:#f5f5f5}.modal-body{padding:12px 16px}.event-header-section{text-align:center;border-bottom:1px solid #e0e0e0;margin-bottom:10px;padding-bottom:6px}.event-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.event-header-section h3{color:var(--text-color,#1a2634);margin:0 0 3px;font-size:18px;font-weight:600}.event-code{color:#666;margin:0;font-size:11px}.detail-section h4{color:var(--primary-color,#500);border-bottom:2px solid var(--primary-color,#500);margin:0 0 6px;padding-bottom:3px;font-size:12px;font-weight:600}.detail-item span{color:#0009;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:500}.detail-item strong{color:var(--text-color,#1a2634);font-size:11px;font-weight:500}.detail-text{color:var(--text-color,#1a2634);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.status-scheduled{color:#1976d2}.status-completed{color:#4caf50}.status-cancelled{color:#f44336}.status-postponed{color:#ff9800}.modal-footer{background:#fff;border-top:1px solid #e0e0e0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex;position:sticky;bottom:0}.modal-footer button,.modal-footer a{cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}.delete-btn{color:#fff;background:#f44336}.delete-btn:hover{background:#d32f2f;box-shadow:0 2px 8px #f443364d}.edit-btn{background:var(--primary-color,#500);color:#fff;align-items:center;display:inline-flex}.edit-btn:hover{background:#3700b3;box-shadow:0 2px 8px #5500004d}.close-footer-btn{color:#0009;background:#e0e0e0}.close-footer-btn:hover{background:#bdbdbd}@media (width<=768px){.modal-content{max-height:95vh;margin:10px}.modal-header h2{font-size:16px}.event-header-section h3{font-size:18px}.detail-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button,.modal-footer a{text-align:center;width:100%}}.event-calendar-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.breadcrumb{align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#3700b3}.breadcrumb-separator{color:#999}.breadcrumb-current{color:#0009}.event-calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.event-calendar-header h1{color:var(--text-color);margin:0;font-size:28px;font-weight:600}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-select,.filter-date{color:var(--text-color);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:14px;transition:all .2s}.filter-select:hover,.filter-date:hover{border-color:var(--primary-color)}.filter-select:focus,.filter-date:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #5500001a}.clear-filters-btn{cursor:pointer;background:#e0e0e0;border:none;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.clear-filters-btn:hover{background:#bdbdbd}.add-event-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.add-event-btn:hover{background:#3700b3;box-shadow:0 4px 8px #0003}.calendar-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:24px;box-shadow:0 2px 4px #0000001a}.fc{font-family:inherit}.fc .fc-toolbar-title{color:var(--text-color);font-size:20px;font-weight:600}.fc .fc-button{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.fc .fc-button:hover{background:#3700b3;box-shadow:0 2px 4px #0003}.fc .fc-button-active{background:#3700b3}.fc .fc-button:disabled{opacity:.5;cursor:not-allowed}.fc .fc-daygrid-day{background:#fff;border:1px solid #e0e0e0}.fc .fc-day-today{background:#5500000d}.fc .fc-col-header-cell{background:var(--primary-color);color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.fc .fc-daygrid-event{cursor:pointer;border:none;border-radius:4px;padding:2px 4px;font-size:12px;transition:transform .2s,box-shadow .2s}.fc .fc-daygrid-event:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.fc .fc-event-title{white-space:normal;font-weight:500}.fc .fc-timegrid-event{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:13px}.fc .fc-list-event{cursor:pointer;transition:background .2s}.fc .fc-list-event:hover{background:#5500000d}.retry-btn{background:var(--primary-color);color:#fff;font-size:var(--font-size);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-weight:500;transition:all .2s}@media (width<=768px){.event-calendar-header{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:column;align-items:stretch;width:100%}.filter-section{flex-direction:column;width:100%}.filter-select,.filter-date,.clear-filters-btn{width:100%}.add-event-btn{justify-content:center;width:100%}.calendar-card{padding:16px}.fc .fc-toolbar{flex-direction:column;gap:12px}.fc .fc-toolbar-chunk{justify-content:center;width:100%;display:flex}}.add-event-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.add-event-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.add-event-header h1{color:var(--text-color);margin:0 0 8px;font-size:28px;font-weight:600}.add-event-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:24px;box-shadow:0 2px 4px #0000001a}.add-event-form{max-width:100%}.radio-wrapper{align-items:center;gap:24px;padding:12px 0;display:flex}.radio-option{cursor:pointer;font-size:var(--font-size);color:var(--text-color);align-items:center;gap:8px;display:flex}.radio-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--sidebar-color)}.edit-event-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.edit-event-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.edit-event-header h1{color:var(--text-color);margin:0 0 8px;font-size:28px;font-weight:600}.edit-event-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:24px;box-shadow:0 2px 4px #0000001a}.error-message{border-radius:var(--border-radius);color:#c62828;font-size:var(--font-size);background:#ffebee;border:1px solid #ffcdd2;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.edit-event-form{max-width:100%}.form-section{margin-bottom:32px}.form-section h3{color:var(--text-color);border-bottom:2px solid var(--primary-color);margin:0 0 16px;padding-bottom:8px;font-size:18px;font-weight:600}.form-grid.full-width{grid-template-columns:1fr}.form-group label{color:#000000b3;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:var(--font-size);color:var(--text-color);background:0 0;border:none;border-bottom:2px solid #e0e0e0;padding:12px 16px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-bottom-color:var(--primary-color);box-shadow:0 1px 0 0 var(--primary-color);outline:none}.checkbox-wrapper{align-items:center;gap:8px;padding:12px 0;display:flex}.checkbox-wrapper input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-wrapper span{font-size:var(--font-size);color:var(--text-color)}.cancel-btn,.submit-btn{border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;padding:12px 24px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-btn{color:#0009;background:#e0e0e0;align-items:center;text-decoration:none;display:inline-flex}.cancel-btn:hover{background:#bdbdbd}.submit-btn{background:var(--primary-color);color:#fff}.view-event-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.view-event-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.view-event-header h1{color:var(--text-color);margin:0;font-size:28px;font-weight:600}.back-btn:hover{background:#3700b3;box-shadow:0 4px 8px #0003}.edit-action-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;border:none;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.view-event-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:24px;box-shadow:0 2px 4px #0000001a}.detail-sections{flex-direction:column;gap:24px;display:flex}.detail-section{border-radius:var(--border-radius);background:#fff;border:1px solid #e0e0e0;padding:20px}.detail-section h3{color:var(--primary-color);border-bottom:2px solid var(--primary-color);margin:0 0 16px;padding-bottom:8px;font-size:18px;font-weight:600}.detail-grid.full-width{grid-template-columns:1fr}.detail-grid>div span{color:#0009;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.detail-grid>div strong{font-size:var(--font-size);color:var(--text-color);font-weight:500}.attendance-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.attendance-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.attendance-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.attendance-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.attendance-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.table-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:8px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-select{border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;color:var(--text-color);background:#fff;border:1px solid #e0e0e0;min-width:116px;padding:12px 16px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #6200ee1a}.filter-select:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.export-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;border:none;padding:12px 16px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.export-btn:hover{background:#3700b3}.filter-dropdown{position:relative}.filter-btn{border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:var(--font-size);cursor:pointer;color:var(--text-color);background:0 0;border:none;border-bottom:2px solid #e0e0e0;min-width:80px;padding:12px 16px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-btn:focus{border-bottom-color:var(--primary-color);outline:none}.filter-dropdown-menu{z-index:1000;background:#fff;border-radius:8px;min-width:250px;margin-top:8px;padding:16px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.filter-group{margin-bottom:12px}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#0009;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.filter-group select{width:100%;font-size:var(--font-size);color:var(--text-color);background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px 12px;font-family:inherit}.apply-filter-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);width:100%;font-size:var(--font-size);cursor:pointer;border:none;margin-top:12px;padding:10px 16px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.apply-filter-btn:hover{background:#3700b3}.attendance-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.attendance-table thead{background:var(--primary-color)}.attendance-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.attendance-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.attendance-table th:first-child,.attendance-table td:first-child{text-align:center}.attendance-table tbody tr:hover{background:#6200ee0a}.attendance-table td.attendance-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.attendance-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.attendance-actions a,.attendance-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.attendance-actions a:link,.attendance-actions a:visited,.attendance-actions a:hover,.attendance-actions a:active,.attendance-actions a:focus,.attendance-actions button:hover,.attendance-actions button:focus,.attendance-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.attendance-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.attendance-actions .view-btn{color:#1976d2;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.attendance-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.attendance-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.attendance-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.attendance-actions .delete-btn{color:#f44336}.attendance-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}.page-size-select{border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:var(--font-size);color:var(--text-color);background:0 0;border:none;border-bottom:2px solid #e0e0e0;padding:12px 16px}.page-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (width<=1024px){.attendance-table-card{padding:12px}.search-box{flex:0 240px}.attendance-table th,.attendance-table td{padding:12px 8px}}@media (width<=768px){.attendance-list-page{padding:16px}.attendance-subheader{flex-direction:column;align-items:stretch}.attendance-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.table-actions{justify-content:space-between;margin-left:0}.attendance-table{font-size:12px}.attendance-table th,.attendance-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.attendance-table-card{padding:8px}.filter-select,.filter-btn{padding:8px 12px;font-size:12px}.action-btn{padding:6px 8px;font-size:12px}.page-btn{padding:8px 12px;font-size:12px}}.add-attendance-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}@media (width<=768px){.add-attendance-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.form-grid{grid-template-columns:1fr}.attendance-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.summary-grid{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.edit-attendance-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}.error-message{border-radius:var(--border-radius);color:#c62828;background:#ffebee;border:1px solid #ffcdd2;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.error-message .error-icon{font-size:20px}.form-group select:disabled{opacity:.5;cursor:not-allowed}.attendance-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;display:grid}.day-cell{flex-direction:column;align-items:center;gap:8px;display:flex}.day-label{color:#000000b3;margin:0;font-size:12px;font-weight:500}.day-buttons{gap:4px;display:flex}.day-btn{color:#0009;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.day-btn:hover{background:#0000000a}.day-btn.present.active{color:#fff;background:#4caf50;border-color:#4caf50}.day-btn.absent.active{color:#fff;background:#f44336;border-color:#f44336}.day-btn.leave.active{color:#fff;background:#ff9800;border-color:#ff9800}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.summary-item{border-radius:var(--border-radius);background:#00000005;align-items:center;gap:8px;padding:12px 16px;display:flex}.summary-item label{color:#0009;margin:0;font-size:14px;font-weight:500}.summary-item span{color:var(--text-color);font-size:16px;font-weight:600}@media (width<=768px){.edit-attendance-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.form-grid{grid-template-columns:1fr}.attendance-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.summary-grid{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.view-attendance-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}.view-attendance-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.page-subtitle{color:#0009;font-size:var(--font-size);margin:0 0 8px}.view-attendance-header h1{color:var(--text-color);margin:0 0 8px;font-size:28px;font-weight:600}.page-description{color:#0009;font-size:var(--font-size);margin:0}.view-actions{gap:12px;display:flex}.edit-action-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;border:none;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.edit-action-btn:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.view-attendance-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:24px;box-shadow:0 2px 4px #0000001a}.detail-section{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.detail-section:first-child{border-top:none;margin-top:0;padding-top:0}.detail-section h2{color:var(--text-color);margin:0 0 16px;font-size:18px;font-weight:600}.detail-grid>div{flex-direction:column;gap:4px;display:flex}.detail-grid>div.full-width{grid-column:1/-1}.detail-grid>div span{color:#0009;margin:0;font-size:12px;font-weight:500}.detail-grid>div strong{font-size:var(--font-size);color:var(--text-color);word-break:break-word;font-weight:500}.attendance-calendar{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;display:grid}.attendance-day{background:#00000005;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.attendance-day.present{background:#e8f5e9;border-color:#4caf50}.attendance-day.absent{background:#ffebee;border-color:#f44336}.attendance-day.leave{background:#fff3e0;border-color:#ff9800}.attendance-day .day-number{color:var(--text-color);font-size:16px;font-weight:600}.attendance-day .day-status{color:#0009;text-transform:uppercase;font-size:11px;font-weight:500}.retry-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;padding:12px 24px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block}@media (width<=768px){.view-attendance-page{padding:16px}.view-attendance-header{flex-direction:column;align-items:stretch;gap:16px}.view-actions{flex-direction:column}.back-btn,.edit-action-btn{width:100%}.detail-grid{grid-template-columns:1fr}.attendance-calendar{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}.bulk-attendance-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}.error-message{border-radius:var(--border-radius);background:#ffebee;border:1px solid #f44336;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.error-icon{font-size:24px}.bulk-attendance-form{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:24px;box-shadow:0 2px 4px #0000001a}.form-section{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.form-section:first-child{border-top:none;margin-top:0;padding-top:0}.form-section h2{color:var(--text-color);margin:0 0 16px;font-size:18px;font-weight:600}.form-group select,.form-group input,.form-group textarea{border-radius:var(--border-radius);font-size:var(--font-size);color:var(--text-color);background:#fff;border:1px solid #e0e0e0;padding:12px 16px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0000001a}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-header h2{color:var(--text-color);margin:0;font-size:18px;font-weight:600}.bulk-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-label{color:#000000b3;font-size:14px;font-weight:500}.bulk-btn{border-radius:var(--border-radius);cursor:pointer;background:#fff;border:1px solid #e0e0e0;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.bulk-btn:hover{background:#0000000a;transform:translateY(-1px)}.bulk-btn.present{color:#2e7d32;background:#e8f5e9;border-color:#4caf50}.bulk-btn.present:hover{background:#c8e6c9}.bulk-btn.absent{color:#c62828;background:#ffebee;border-color:#f44336}.bulk-btn.absent:hover{background:#ffcdd2}.bulk-btn.leave{color:#ef6c00;background:#fff3e0;border-color:#ff9800}.bulk-btn.leave:hover{background:#ffe0b2}.bulk-btn.holiday{color:#1565c0;background:#e3f2fd;border-color:#2196f3}.bulk-btn.holiday:hover{background:#bbdefb}.bulk-btn.onduty{color:#7b1fa2;background:#f3e5f5;border-color:#9c27b0}.bulk-btn.onduty:hover{background:#e1bee7}.bulk-btn.clear{color:#616161;background:#f5f5f5;border-color:#9e9e9e}.bulk-btn.clear:hover{background:#e0e0e0}.students-table-wrapper{border-radius:var(--border-radius);border:1px solid #e0e0e0;overflow-x:auto}.students-table{border-collapse:collapse;width:100%;font-size:var(--font-size)}.students-table thead{background:#00000005}.students-table th{text-align:left;color:#000000b3;border-bottom:2px solid #e0e0e0;padding:16px;font-weight:600}.students-table td{border-bottom:1px solid #e0e0e0;padding:16px}.students-table tbody tr:hover{background:#00000005}.students-table tbody tr:last-child td{border-bottom:none}.status-buttons{flex-wrap:wrap;gap:8px;display:flex}.status-btn{border-radius:var(--border-radius);cursor:pointer;background:#fff;border:1px solid #e0e0e0;min-width:40px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-btn:hover{background:#0000000a;transform:translateY(-1px)}.status-btn.present{color:#2e7d32;background:#fff;border-color:#4caf50}.status-btn.present:hover,.status-btn.present.active{color:#fff;background:#4caf50}.status-btn.absent{color:#c62828;background:#fff;border-color:#f44336}.status-btn.absent:hover,.status-btn.absent.active{color:#fff;background:#f44336}.status-btn.leave{color:#ef6c00;background:#fff;border-color:#ff9800}.status-btn.leave:hover,.status-btn.leave.active{color:#fff;background:#ff9800}.status-btn.holiday{color:#1565c0;background:#fff;border-color:#2196f3}.status-btn.holiday:hover,.status-btn.holiday.active{color:#fff;background:#2196f3}.status-btn.onduty{color:#7b1fa2;background:#fff;border-color:#9c27b0}.status-btn.onduty:hover,.status-btn.onduty.active{color:#fff;background:#9c27b0}.empty-state{text-align:center;border-radius:var(--border-radius);background:#00000005;border:1px dashed #e0e0e0;padding:48px 24px}.empty-icon{margin-bottom:16px;font-size:64px}.form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.cancel-btn,.submit-btn{border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;padding:12px 24px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{border-color:var(--text-color);background:#0000000a}.submit-btn{background:var(--primary-color);color:#fff;border:none}.submit-btn:hover:not(:disabled){background:#3700b3;box-shadow:0 4px 8px #0000004d}@media (width<=768px){.bulk-attendance-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.section-header{flex-direction:column;align-items:stretch}.bulk-actions{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.students-table{font-size:13px}.students-table th,.students-table td{padding:12px 8px}.status-buttons{gap:4px}.status-btn{min-width:35px;padding:6px 10px;font-size:12px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.languages-list-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.languages-subheader{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.languages-add-button{min-width:92px;min-height:var(--button-height);background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0003}.languages-add-button:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.header-subtitle{color:#0009;font-size:var(--font-size);margin:0}.languages-table-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 4px #0000001a}.table-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-box{flex:0 320px;min-width:0;max-width:320px;position:relative}.search-box input{width:100%;height:var(--input-height);border-radius:var(--border-radius) var(--border-radius) 0 0;line-height:1;font-size:var(--font-size);color:var(--text-color);background:0 0;border:none;border-bottom:2px solid #e0e0e0;padding:12px 12px 12px 40px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-box input:focus{border-bottom-color:var(--primary-color);box-shadow:0 1px 0 0 var(--primary-color);outline:none}.search-icon{color:#0000008a;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-wrapper{overflow-x:auto}.languages-table{border-collapse:collapse;border-radius:var(--card-border-radius);table-layout:auto;background:#fff;width:100%;overflow:visible;box-shadow:0 1px 3px #0000001f}.languages-table thead{background:var(--primary-color)}.languages-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff1f;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.languages-table td{font-size:var(--font-size);color:var(--text-color);white-space:nowrap;vertical-align:middle;text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;padding:10px 12px;line-height:1.4;overflow:hidden}.languages-table th:first-child,.languages-table td:first-child{text-align:center}.languages-table tbody tr:hover{background:#6200ee0a}.languages-table td.languages-actions{white-space:nowrap;text-align:center;width:auto;min-width:200px;padding:10px 12px;overflow:visible}.languages-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.languages-actions a,.languages-actions button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:visible}.languages-actions a:link,.languages-actions a:visited,.languages-actions a:hover,.languages-actions a:active,.languages-actions a:focus,.languages-actions button:hover,.languages-actions button:focus,.languages-actions button:active{box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;text-decoration:none!important}.languages-actions .material-icons{letter-spacing:0;word-spacing:0;width:16px;height:16px;font-size:16px;line-height:16px;display:block;margin:0!important;padding:0!important}.languages-actions .view-btn{color:#1976d2}.languages-actions .view-btn:hover{background:#1976d21a;transform:scale(1.1)}.languages-actions .edit-btn{color:#f57c00!important;visibility:visible!important;opacity:1!important;z-index:10!important;display:inline-flex!important;position:relative!important}.languages-actions .edit-btn:hover{background:#f57c001a;transform:scale(1.1)}.languages-actions .delete-btn{color:#f44336}.languages-actions .delete-btn:hover{background:#f443361a;transform:scale(1.1)}.table-footer{border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 0;display:flex}.footer-left{align-items:center;gap:8px;display:flex}.footer-right{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.page-btn{border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;font-size:var(--font-size);background:0 0;border:1px solid #e0e0e0;padding:12px 16px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.page-btn:hover:not(:disabled){border-color:var(--primary-color);background:#6200ee14}.page-btn:disabled{opacity:.38;cursor:not-allowed}.page-info{font-size:var(--font-size);color:#0009;margin:0 8px}.add-first-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;margin-top:16px;padding:12px 24px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block}.add-first-btn:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}@media (width<=1024px){.languages-table-card{padding:12px}.search-box{flex:0 240px}.languages-table th,.languages-table td{padding:12px 8px}}@media (width<=768px){.languages-list-page{padding:16px}.languages-subheader{flex-direction:column;align-items:stretch}.languages-add-button{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.languages-table{font-size:12px}.languages-table th,.languages-table td{padding:8px 4px}.table-footer{flex-direction:column;gap:16px}.footer-left,.footer-right{justify-content:center;width:100%}}@media (width<=480px){.languages-table-card{padding:8px}.page-btn{padding:8px 12px;font-size:12px}}.add-language-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}.add-language-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.add-language-header h1{color:var(--text-color);margin:0;font-size:24px;font-weight:500}.add-language-form{flex-direction:column;display:flex}@media (width<=768px){.add-language-page{padding:16px}.add-language-header{flex-direction:column;align-items:flex-start;gap:16px}.back-btn{width:100%}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.edit-language-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}.edit-language-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.edit-language-header h1{color:var(--text-color);margin:0;font-size:24px;font-weight:500}.edit-language-form{flex-direction:column;display:flex}.form-section{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#000000b3;margin:0;font-size:14px;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=url],.form-group input[type=date],.form-group input[type=time],.form-group textarea,.form-group select{width:100%;height:var(--input-height);border-radius:var(--border-radius) var(--border-radius) 0 0;line-height:1;font-size:var(--font-size);color:var(--text-color);box-sizing:border-box;background:0 0;border:none;border-bottom:2px solid #e0e0e0;padding:12px 12px 12px 0;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-bottom-color:var(--primary-color);box-shadow:0 1px 0 0 var(--primary-color);outline:none}.form-group textarea{resize:vertical;min-height:80px}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.cancel-btn,.submit-btn{min-width:120px;min-height:var(--button-height);border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.cancel-btn{color:var(--text-color);background:0 0;border:1px solid #e0e0e0}.cancel-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#0000000a}.submit-btn{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #0003}.submit-btn:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#c62828;border-radius:var(--border-radius);font-size:var(--font-size);background:#ffebee;margin-bottom:16px;padding:12px 16px}@media (width<=768px){.edit-language-page{padding:16px}.edit-language-header{flex-direction:column;align-items:flex-start;gap:16px}.back-btn{width:100%}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.view-language-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color)}.page-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.page-header h1{color:var(--text-color);margin:0;font-size:24px;font-weight:500}.back-btn{border-radius:var(--border-radius);color:var(--text-color);font-size:var(--font-size);background:0 0;border:1px solid #e0e0e0;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#0000000a}.language-view-card{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}.language-header{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.language-header h2{color:var(--text-color);margin:0;font-size:20px;font-weight:500}.language-details{margin-bottom:24px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.detail-item{flex-direction:column;gap:8px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#000000b3;margin:0;font-size:14px;font-weight:500}.detail-item span{font-size:var(--font-size);color:var(--text-color);word-break:break-word;padding:8px 0}.view-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.edit-btn{min-width:120px;min-height:var(--button-height);border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;color:#f57c00;background:#fff3e0;border:1px solid #ffe0b2;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.edit-btn:hover{color:#e65100;background:#ffe0b2}.loading-container{text-align:center;padding:48px 24px}.spinner{border:4px solid #e0e0e0;border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.loading-container p{font-size:var(--font-size);color:#0009;margin:0}.error-container{text-align:center;padding:48px 24px}.error-icon{color:#f44336;margin-bottom:16px;font-size:64px}.error-container p{font-size:var(--font-size);color:#0009;margin:0 0 16px}.retry-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;border:none;padding:12px 24px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.empty-state{text-align:center;padding:48px 24px}.empty-icon{color:#0000001f;margin-bottom:16px;font-size:64px}.empty-state h3{color:#0009;margin:0 0 8px;font-size:20px;font-weight:500}.empty-state p{font-size:var(--font-size);color:#00000061;margin:0}@media (width<=768px){.view-language-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.back-btn{width:100%}.detail-grid{grid-template-columns:1fr}.view-actions{flex-direction:column}.edit-btn{width:100%}}.settings-page{padding:var(--content-padding);max-width:1400px;min-height:100vh;font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);font-size:var(--font-size);background:#f5f5f5;margin:0 auto}.settings-header{text-align:center;background:var(--primary-color);border-radius:var(--card-border-radius);color:#fff;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}.settings-header h1{letter-spacing:.15px;margin-bottom:8px;font-size:32px;font-weight:500}.settings-header p{font-size:var(--font-size);opacity:.87;font-weight:400}.settings-container{gap:var(--grid-gap);grid-template-columns:280px 1fr;margin-bottom:24px;display:grid}.settings-tabs{background:var(--card-background);border-radius:var(--card-border-radius);flex-direction:column;gap:8px;max-height:calc(100vh - 48px);padding:16px;display:flex;position:sticky;top:24px;overflow-y:auto;box-shadow:0 2px 4px #0000001a}.settings-tabs button{color:var(--text-color);border-radius:var(--card-border-radius);cursor:pointer;text-align:left;font-size:var(--font-size);background:0 0;border:none;padding:12px 16px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.settings-tabs button:hover{color:var(--primary-color);background:#6200ee14}.settings-tabs button.active{color:var(--primary-color);background:#6200ee1f;font-weight:500}.settings-content{background:var(--card-background);border-radius:var(--card-border-radius);padding:24px;box-shadow:0 2px 4px #0000001a}.settings-tab-content{animation:.3s cubic-bezier(.4,0,.2,1) fadeIn}.settings-tab-content h2{color:var(--text-color);text-transform:none;letter-spacing:.15px;border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px;font-size:24px;font-weight:500}.settings-group{border-radius:var(--card-border-radius);background:#fafafa;border:1px solid #e0e0e0;margin-bottom:24px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-group:hover{box-shadow:0 2px 8px #0000001a}.settings-group label{color:var(--text-color);font-weight:500;font-size:var(--font-size);text-transform:none;letter-spacing:.25px;margin-bottom:8px;display:block}.settings-group input[type=text],.settings-group input[type=number],.settings-group select{border-radius:var(--border-radius) var(--border-radius) 0 0;width:100%;font-size:var(--font-size);color:var(--text-color);background:0 0;border:none;border-bottom:2px solid #e0e0e0;padding:12px 0;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-group input[type=text]:focus,.settings-group input[type=number]:focus,.settings-group select:focus{border-bottom-color:var(--primary-color);box-shadow:0 1px 0 0 var(--primary-color);outline:none}.settings-group input[type=range]{appearance:none;background:#e0e0e0;border-radius:2px;outline:none;width:calc(100% - 80px);height:4px;margin-right:16px}.settings-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.settings-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-group input[type=color]{cursor:pointer;border:none;border-radius:50%;width:40px;height:40px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-group input[type=color]:hover{border-color:var(--primary-color);transform:scale(1.05)}.settings-group input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary-color);margin-right:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-group input[type=checkbox]:hover{transform:scale(1.1)}.settings-group span{min-width:60px;color:var(--primary-color);font-weight:500;font-size:var(--font-size);display:inline-block}.preview-box{border-radius:var(--card-border-radius);background:#fafafa;border:1px solid #e0e0e0;margin-top:24px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.preview-box:hover{box-shadow:0 4px 8px #00000026}.preview-box h3{color:var(--text-color);text-transform:none;letter-spacing:.15px;margin-bottom:16px;font-size:18px;font-weight:500}.preview-card{background:var(--card-background);border-radius:var(--card-border-radius);margin-top:16px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.preview-card:hover{box-shadow:0 4px 8px #00000026}.preview-card h4{color:var(--text-color);margin-bottom:12px;font-weight:500}.preview-card p{color:var(--text-color);line-height:1.6}.preview-grid{gap:var(--grid-gap);margin-top:16px;display:grid}.grid-item{border-radius:var(--card-border-radius);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.grid-item:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.preview-3d{transform-style:preserve-3d;border-radius:var(--card-border-radius);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #0003}.preview-3d:hover{transform:rotateY(5deg)rotateX(2deg)scale(1.02)}.icon-preview{gap:24px;margin-top:16px;display:flex}.preview-icon{background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.preview-icon:hover{background:#e0e0e0;transform:scale(1.1)}.settings-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;display:flex}.btn-reset{border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;font-size:var(--font-size);background:0 0;border:1px solid #e0e0e0;padding:12px 24px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-reset:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f5f5f5}.btn-save{background:var(--primary-color);border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--font-size);border:none;padding:12px 24px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-save:hover{background:var(--primary-color-dark);box-shadow:0 4px 8px #0000004d}.layout-preview{border-radius:var(--card-border-radius);background:#f5f5f5;gap:16px;padding:16px;display:flex}@media (width<=1024px){.settings-container{grid-template-columns:1fr}.settings-tabs{flex-direction:row;max-height:none;position:relative;top:0;overflow-x:auto}.settings-tabs button{white-space:nowrap}}@media (width<=768px){.settings-page{padding:16px}.settings-header h1{font-size:24px}.settings-header p{font-size:14px}.settings-content{padding:16px}.settings-tab-content h2{font-size:20px}.settings-group{padding:12px}.preview-box{padding:16px}.settings-actions{flex-direction:column}.btn-reset,.btn-save{width:100%}}.profile-page{padding:var(--content-padding);font-family:var(--font-family), system-ui, "Segoe UI", Roboto, sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:var(--font-size)}.profile-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.profile-header h1{color:var(--text-color);margin:0 0 8px;font-size:28px;font-weight:600}.header-actions{gap:12px;display:flex}.back-btn{background:var(--sidebar-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size);cursor:pointer;border:none;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-btn:hover{opacity:.9;box-shadow:0 4px 8px #0003}.profile-content{background:var(--card-background);border-radius:var(--card-border-radius);border:1px solid #e0e0e0;justify-content:center;padding:24px;display:flex;box-shadow:0 2px 4px #0000001a}.profile-card{flex-direction:column;align-items:center;gap:24px;display:flex}.profile-photo-section{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:12px;justify-content:center;padding:24px;display:flex}.photo-container{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.profile-image{object-fit:cover;border:4px solid #fff;border-radius:50%;width:150px;height:150px;box-shadow:0 4px 12px #00000026}.no-photo{flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.no-photo-icon{opacity:.5;font-size:64px}.no-photo p{color:#0009;margin:0;font-size:14px}.download-btn{background:var(--sidebar-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.download-btn:hover{opacity:.9;transform:translateY(-1px)}.info-section{border-top:1px solid #e0e0e0;width:100%;max-width:500px;padding-top:24px}.info-section h2{color:var(--text-color);margin:0 0 16px;font-size:18px;font-weight:600}.info-grid{flex-direction:column;gap:16px;display:flex}.info-item{flex-direction:row;align-items:baseline;gap:8px;display:flex}.info-item.full-width{grid-column:1/-1}.info-item label{color:#0009;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.info-item p{color:var(--text-color);border-bottom:1px solid #f0f0f0;margin:0;padding:8px 0;font-size:15px;font-weight:400}.loading-container,.error-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.spinner{border:4px solid #e0e0e0;border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.error-icon{color:#f44336;font-size:64px}.error-container h3{color:#f44336;margin:0 0 8px;font-size:20px;font-weight:500}.error-container p{color:#0009;margin:0 0 16px;font-size:14px}.retry-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.retry-btn:hover{background:#3700b3;box-shadow:0 4px 8px #0000004d}@media (width<=768px){.profile-page{padding:16px}.profile-header{flex-direction:column;align-items:flex-start;gap:16px}.info-grid{grid-template-columns:1fr}.profile-image{width:120px;height:120px}}