@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;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://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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--sidebar-color:#500;--page-bg-color:#fff;--text-color:#1a2634}html,body{height:100%;font-size:80%;overflow:hidden;margin:0!important;padding:0!important}#root{height:100%;margin:0;padding:0}.layout-container{background:var(--page-bg-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100%;min-height:100vh;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;margin:0!important;padding:0!important}.sidebar{background:var(--sidebar-color);z-index:1000;flex-direction:column;width:170px;min-width:170px;height:100vh;margin:0;padding:8px 6px;transition:all .3s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:56px;min-width:56px}.sidebar-brand{border-bottom:1px solid #ffffff26;align-items:center;gap:6px;min-height:28px;margin-bottom:8px;padding:0 6px 8px;display:flex}.sidebar.collapsed .sidebar-brand{justify-content:center}.brand-icon{object-fit:contain;flex-shrink:0;width:34px;height:34px}.brand-name{color:#fff;letter-spacing:.12px;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:700;transition:opacity .2s}.sidebar.collapsed .brand-name{opacity:0;width:0;overflow:hidden}.sidebar-nav{flex:1}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav li{color:#ffffffbf;cursor:pointer;letter-spacing:.08px;white-space:nowrap;border-radius:10px;align-items:center;gap:5px;margin:2px 0;padding:4px 6px;font-size:.65rem;font-weight:600;line-height:1.12;transition:all .3s;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-nav li{justify-content:center;gap:0;min-height:42px;padding:10px 0}.sidebar-nav li:hover{color:#fff;background:#ffffff1a}.sidebar-nav li.active{color:#fff;background:#ffffff26;box-shadow:0 4px 12px #00000026}.nav-icon{color:#fffc;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;font-size:1rem;display:flex}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:1.2rem;font-style:normal;font-weight:400;line-height:1;display:inline-block}.sidebar.collapsed .sidebar-nav{align-items:center}.sidebar.collapsed .sidebar-nav li{justify-content:center;min-height:48px;padding:12px 0}.sidebar.collapsed .nav-icon{color:#fff!important;opacity:1!important;text-shadow:0 0 10px #ffffff73!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;font-size:1.5rem!important}.sidebar.collapsed .sidebar-nav li .nav-icon{justify-content:center!important;align-items:center!important;display:inline-flex!important}.sidebar.collapsed .sidebar-nav li.active .nav-icon,.sidebar.collapsed .sidebar-nav li:hover .nav-icon{color:#fff!important}.sidebar-nav li .nav-text{font-size:.82rem;line-height:1.1;display:inline-block}.sidebar.collapsed .sidebar-nav li .nav-text{display:none}.sidebar-logout{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .3s;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-logout{justify-content:center;gap:0;padding:12px}.sidebar.collapsed .sidebar-logout span:last-child{display:none}.sidebar-logout:hover{color:#fff;background:#fff3}.main-content{background:var(--page-bg-color);height:100vh;color:var(--text-color);flex:1;transition:all .3s;overflow-y:auto;margin:0!important;padding:0!important}.dashboard-header{background:var(--sidebar-color);z-index:100;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:36px;padding:4px 8px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000014;margin:0!important}.header-left{align-items:center;gap:8px;margin:0;padding:0;display:flex}.menu-toggle{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:.88rem;transition:all .3s;display:flex}.menu-toggle:hover{background:#ffffff40;transform:scale(1.05)}.menu-icon{color:#fff;text-shadow:0 2px 4px #0003;font-size:1rem;font-weight:700;line-height:1}.header-title{margin:0;padding:0}.header-title h1{color:#fff;margin:0;padding:0;font-size:1.08rem;font-weight:700}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:6px;margin:0;padding:0;display:flex}.search-bar{background:#ffffff26;border:2px solid #0000;border-radius:10px;align-items:center;gap:4px;min-width:130px;padding:3px 7px;transition:all .3s;display:flex}.search-bar:focus-within{background:#fff3;border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff0d}.search-icon{color:#fff9;font-size:1rem}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.76rem}.search-input::placeholder{color:#ffffff80}.profile-section{align-items:center;gap:12px;margin:0;padding:0;display:flex}.notification-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;transition:all .3s;display:flex;position:relative}.notification-btn:hover{background:#ffffff26}.notification-badge{color:#fff;background:#ff6b6b;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.profile-avatar{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:700;display:flex}.header-logout{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:inherit;font-size:.9rem;transition:all .3s;display:flex}.header-logout img.logout-icon{object-fit:contain;width:18px;height:18px}.header-logout:hover{background:#ffffff40;transform:translateY(-2px)}.academic-year-display{color:#fff;background:#ffffff26;border-radius:10px;align-items:center;gap:5px;padding:4px 8px;display:flex}.academic-year-display span.material-symbols-outlined{font-size:1rem}.academic-year-label{font-size:.78rem;font-weight:600}.theme-selector{align-items:center;display:flex;position:relative}.theme-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;align-items:center;gap:5px;padding:4px 8px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .3s;display:flex}.theme-btn:hover{background:#ffffff40}.theme-btn span.material-symbols-outlined{font-size:1rem}.theme-label{display:inline-block}.theme-dropdown{z-index:1001;background:#fff;border-radius:10px;min-width:200px;margin-top:6px;padding:10px;animation:.2s slideDown;position:absolute;top:100%;right:0;box-shadow:0 6px 16px #0000001f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-option-group{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.theme-option-group:last-of-type{margin-bottom:10px}.color-label{color:#1a2634;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:600}.color-input{cursor:pointer;border:.5px solid #d0d0d0;border-radius:5px;width:100%;height:28px;padding:1px;transition:border-color .2s}.color-input:hover{border-color:#500}.text-color-options{gap:8px;display:flex}.text-color-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;padding:8px 10px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.text-color-btn:hover{background:#f5f5f5;border-color:#500}.text-color-btn.active{background:#500;border-color:#500;color:#fff!important}.remember-theme-option{color:#1a2634;cursor:pointer;align-items:center;gap:6px;margin:6px 0 8px;font-size:.72rem;display:flex}.remember-theme-option input{cursor:pointer;width:13px;height:13px}.apply-theme-btn{color:#fff;cursor:pointer;background:#500;border:none;border-radius:5px;width:100%;padding:7px 10px;font-family:inherit;font-size:.76rem;font-weight:600;transition:all .2s}.apply-theme-btn:hover{background:#3d0000;transform:translateY(-2px);box-shadow:0 4px 12px #5003}.page-content{background:var(--page-bg-color);width:100%;color:var(--text-color);padding:0;transition:background .3s,color .3s}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:var(--page-bg-color)}.main-content::-webkit-scrollbar-thumb{background:#c62828;border-radius:10px}.main-content::-webkit-scrollbar-thumb:hover{background:#b71c1c}.tab-navigation{-webkit-overflow-scrolling:touch;white-space:nowrap;flex-wrap:nowrap;display:flex;overflow-x:auto}.tab-navigation .tab-btn{white-space:nowrap;flex:none;min-width:auto;display:inline-flex}@media (width<=1200px){.search-bar{min-width:200px}}@media (width<=968px){.search-bar{min-width:150px}}@media (width<=768px){.layout-container{flex-direction:column;position:relative;overflow-y:auto;margin:0!important;padding:0!important}.sidebar{width:100%;min-width:unset;z-index:100;flex-flow:wrap;align-items:center;height:auto;margin:0;padding:16px;position:sticky;top:0}.sidebar.collapsed{width:100%;min-width:unset}.sidebar-brand{min-height:unset;border-bottom:none;border-right:1px solid #ffffff26;margin-bottom:0;padding:0 12px 0 0}.brand-name{font-size:.9rem}.sidebar.collapsed .brand-name{opacity:1;width:auto}.sidebar-nav{flex:1;margin:0 8px}.sidebar-nav ul{gap:4px;display:flex}.sidebar-nav li{white-space:nowrap;padding:8px 12px;font-size:.8rem}.sidebar-nav li .nav-text{display:none}.sidebar.collapsed .sidebar-nav li{padding:8px 12px}.sidebar-footer{border-top:none;margin-top:0;padding-top:0}.sidebar-logout{width:auto;padding:8px 12px}.sidebar-logout span:last-child{display:none}.main-content{height:auto;overflow-y:visible;margin:0!important;padding:0!important}.dashboard-header{border-radius:0;flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px;margin:0!important}.header-left{gap:12px}.header-title h1{font-size:1.4rem}.header-right{flex-wrap:wrap;justify-content:stretch;gap:12px}.search-bar{min-width:unset;flex:1;width:100%}.theme-label{display:none}.theme-btn{padding:6px 8px}.profile-section{justify-content:flex-end}.page-content{padding:0}}@media (width<=480px){.profile-avatar{width:30px;height:30px;font-size:.7rem}.header-logout,.notification-btn,.menu-toggle{width:34px;height:34px;font-size:1rem}.menu-icon{font-size:1.2rem}.sidebar.collapsed .nav-icon{min-width:20px;font-size:1rem}}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:88px;height:88px;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:340px}.login-form{flex-direction:column;gap:8px;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{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100%;padding:24px 32px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:16px;padding:20px 22px;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000a}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.stat-icon{background:#fef2f2;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.2rem;display:flex}.stat-info{flex:1}.stat-info h3{color:#0c0c0c;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:.8rem;font-weight:600}.stat-number{color:#1a2634;margin:0;font-size:1.6rem;font-weight:700}.stat-change{margin-top:4px;font-size:.7rem;font-weight:600;display:block}.stat-change.positive{color:#16a34a}.stat-change.neutral{color:#6b7a93}.stat-change.negative{color:#dc2626}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dashboard-card{cursor:pointer;background:#fff;border:1px solid #c628280f;border-radius:20px;padding:24px;transition:all .3s;box-shadow:0 4px 20px #0000000a}.dashboard-card:hover{border-color:#c6282826;transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.dashboard-card h2{color:#0c0c0c;margin:0 0 8px;font-size:1.1rem}.dashboard-card p{color:#6b7a93;margin:0;font-size:.9rem;line-height:1.6}@media (width<=1200px){.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-page{padding:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-icon{width:44px;height:44px;font-size:1.6rem}.stat-number{font-size:1.3rem}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-card{padding:18px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.student-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.student-subheader{justify-content:flex-end;align-items:center;margin-bottom:4px;display:flex}.student-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.student-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.student-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.import-btn:hover{background:#f5f5f5}.student-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1000px}.student-table thead{background:#f8fafc;border-radius:12px}.student-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.student-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.student-table th:first-child,.student-table td:first-child{text-align:center;width:50px}.student-table th:nth-child(2),.student-table td:nth-child(2){text-align:left;width:100px}.student-table th:nth-child(3),.student-table td:nth-child(3){text-align:left;width:200px}.student-table th:nth-child(4),.student-table td:nth-child(4),.student-table th:nth-child(5),.student-table td:nth-child(5){text-align:left;width:80px}.student-table th:nth-child(6),.student-table td:nth-child(6){text-align:left;width:70px}.student-table th:nth-child(7),.student-table td:nth-child(7){text-align:left;width:120px}.student-table th:nth-child(8),.student-table td:nth-child(8){text-align:left;width:200px}.student-table th:nth-child(9),.student-table td:nth-child(9){text-align:left;width:110px}.student-table th:nth-child(10),.student-table td:nth-child(10){text-align:left;width:100px}.student-table tbody tr{transition:all .2s}.student-table tbody tr:hover{background:#fef2f2}.student-name-cell{align-items:center;gap:6px;display:flex}.admission-no{color:#c62828;font-weight:600}.gender-badge{text-transform:uppercase;border-radius:18px;padding:3px 10px;font-size:.68rem;font-weight:600;display:inline-block}.gender-badge.male{color:#1d4ed8;background:#dbeafe}.gender-badge.female{color:#c62828;background:#fce4ec}.gender-badge.other{color:#7c3aed;background:#f3e8ff}.student-actions{gap:4px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.table-actions{flex-wrap:wrap}}@media (width<=768px){.student-list-page{padding:12px 16px}.student-subheader{flex-direction:column;align-items:flex-start;gap:12px}.student-add-button{text-align:center;justify-content:center;width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.table-actions{flex-wrap:wrap}.filter-select{flex:1;min-width:120px}.export-btn{flex:1}.student-table-card{padding:16px}.table-footer{flex-direction:column;gap:12px}.pagination{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.student-table th,.student-table td{padding:10px 12px;font-size:.8rem}.student-table thead th:first-child,.student-table tbody td:first-child{display:none}.student-actions{gap:4px}.action-btn{width:28px;height:28px;font-size:.8rem}}.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{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-student-header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.add-student-header h1{color:#1a2634;margin:0;font-size:.75rem;font-weight:700}.add-student-header .page-description{color:#6b7a93;margin:2px 0 0;font-size:.65rem}.import-btn{color:#f7f2f2;white-space:nowrap;background:#500;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.import-btn:hover{background:#c50f0f;transform:translateY(-1px)}.add-student-form{background:#fff;border-radius:8px;width:100%;max-width:100%;margin:0 auto;padding:8px 10px;box-shadow:0 1px 6px #00000006}.add-student-form .tab-content .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}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group input,.form-group select,.form-group textarea,.form-group .date-input{color:#1a2634;appearance:auto;border:1px solid #e8edf2;border-radius:6px;width:100%;padding:4px 6px;font-size:.65rem}.react-datepicker__input-container input{box-sizing:border-box;width:100%}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:#1a2634}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:#1a2634}@media (width<=1500px){.add-student-form .form-grid{grid-template-columns:repeat(4,1fr)}.form-group.full-width{grid-column:span 4!important}}@media (width<=1200px){.add-student-form .form-grid{grid-template-columns:repeat(3,1fr)}.form-group.full-width{grid-column:span 3!important}}@media (width<=900px){.add-student-form .form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2!important}}@media (width<=768px){.add-student-page{padding:8px 12px}.add-student-header{flex-direction:column;align-items:flex-start;gap:8px}.add-student-header h1{font-size:.8rem}.tab-navigation{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:3px;overflow-x:auto}.tab-btn{flex:none;padding:6px 12px;font-size:.6rem}.add-student-form{padding:12px}.add-student-form .tab-content .form-grid{gap:8px;grid-template-columns:1fr!important}.form-group.full-width{grid-column:span 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:6px 8px}.add-student-header h1{font-size:.7rem}.back-btn{padding:4px 10px;font-size:.6rem}.tab-btn{padding:3px 6px;font-size:.55rem}.add-student-form{padding:6px}.add-student-form .tab-content .form-grid{gap:6px;grid-template-columns:1fr!important}.form-group input,.form-group select,.form-group textarea{padding:4px 6px;font-size:.6rem}.submit-btn,.cancel-btn{padding:6px 14px;font-size:.6rem}}.edit-student-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 8px;font-size:.7rem}.edit-student-header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.edit-student-header h1{color:#1a2634;margin:0;font-size:.75rem;font-weight:700}.tab-btn:hover{color:#1a2634;background:#ffffff80;transform:translateY(-1px)}.tab-navigation .tab-btn.active{color:#fff!important;background:#500!important;border-color:#0000!important;box-shadow:0 4px 12px #c6282859!important}.edit-student-header .back-btn,.back-btn{color:#fff;background:#500}.tab-navigation::-webkit-scrollbar{height:2px}.tab-navigation::-webkit-scrollbar-track{background:0 0}.tab-navigation::-webkit-scrollbar-thumb{background:#500;border-radius:10px}.edit-student-form{background:#fff;border-radius:8px;width:100%;max-width:100%;margin:0 auto;padding:8px 10px;box-shadow:0 1px 6px #00000006}.edit-student-form .tab-content .form-grid{grid-template-columns:repeat(5,minmax(100px,1fr));grid-auto-columns:minmax(100px,1fr);grid-auto-flow:row;align-items:start;gap:4px 6px;display:grid}.form-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;margin:0 0 12px;padding:10px 14px;font-size:.65rem;line-height:1.4}.form-section p{margin:-6px 0 10px;font-size:.6rem}.form-group input,.form-group select,.form-group textarea,.form-group .date-input{color:#1a2634;appearance:auto;border:1px solid #e8edf2;border-radius:6px;width:100%;padding:2px 6px;font-size:.55rem;line-height:1.1}.form-group .date-input{box-sizing:border-box;background:#fff;border:1px solid #e8edf2;border-radius:6px;width:100%;min-height:26px;padding-right:22px}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input{box-sizing:border-box;width:100%;padding:2px 6px;font-size:.55rem}.form-group input[type=date],.form-group input[type=time]{appearance:auto}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;color:#1a2634}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;color:#1a2634}.form-group input::placeholder,.form-group textarea::placeholder{color:#aab8cf;font-size:.5rem}.form-group input[type=file]{cursor:pointer;background:#fff;border:2px dashed #e8edf2;padding:4px 6px;font-size:.6rem}.form-group input[type=file]:hover{border-color:#c62828}.checkbox-group{grid-column:span 1}.checkbox-label{color:#1a2634;cursor:pointer;align-items:center;gap:6px;padding:4px 0;font-size:.65rem;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{accent-color:#c62828;cursor:pointer;flex-shrink:0;width:14px;height:14px}.yes-no-toggle{background:#f2f2f2;border:1px solid #e8edf2;border-radius:999px;gap:3px;width:fit-content;padding:2px;display:flex}.toggle-option{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:40px;padding:3px 6px;font-size:.6rem;font-weight:700;transition:all .12s;display:inline-flex;position:relative}.toggle-option.active{color:#fff;background:#4a4a4a}.toggle-option input{opacity:0;pointer-events:none;position:absolute}.form-actions{border-top:1px solid #f5f2ed;justify-content:flex-end;gap:8px;width:100%;margin-top:8px;padding-top:8px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:6px;padding:3px 12px;font-family:inherit;font-size:.55rem;font-weight:700;transition:all .12s;box-shadow:0 2px 8px #c6282838}.submit-btn:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 8px 24px #c6282866}@media (width<=1200px){.edit-student-form .form-grid{grid-template-columns:repeat(3,1fr)}.form-group.full-width{grid-column:span 3}}@media (width<=992px){.edit-student-form .form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2}}@media (width<=768px){.edit-student-page{padding:12px 16px}.edit-student-header{flex-direction:column;align-items:flex-start;gap:12px}.edit-student-header h1{font-size:1.4rem}.tab-navigation{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:4px;overflow-x:auto}.tab-btn{flex:none;padding:8px 16px;font-size:.75rem}.edit-student-form{padding:16px}.edit-student-form .form-grid{grid-template-columns:1fr;gap:12px}.form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.edit-student-page{padding:8px 10px}.edit-student-header h1{font-size:1.2rem}.back-btn{padding:8px 16px;font-size:.8rem}.tab-btn{padding:6px 12px;font-size:.7rem}.edit-student-form{padding:12px}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;font-size:.85rem}.submit-btn,.cancel-btn{padding:10px 20px;font-size:.85rem}}.view-student-page{color:#1a2634;width:100%;max-width:100%;margin:0 auto;padding:6px 10px}.view-student-header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.view-student-header .page-subtitle{color:#500;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:.6rem;font-weight:600}.view-student-header h1{color:#1a2634;margin:0;font-size:.75rem;font-weight:700}.view-student-header .page-description{color:#6b7a93;margin:2px 0 0;font-size:.65rem}.header-actions{gap:4px;display:flex}.tab-navigation{-webkit-overflow-scrolling:touch;white-space:nowrap;background:#f5f2ed;border-radius:6px;flex-wrap:nowrap;align-items:center;gap:4px;min-height:22px;margin-bottom:8px;padding:4px 6px;display:flex;overflow:auto hidden}.tab-btn{cursor:pointer;color:#6b7a93;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:12px;flex:none;min-width:fit-content;padding:4px 12px;font-family:inherit;font-size:.6rem;font-weight:600;transition:all .12s}.view-student-content{background:#fff;border-radius:8px;width:100%;max-width:100%;margin:0 auto;padding:8px 10px;box-shadow:0 1px 6px #00000006}.info-grid{grid-template-columns:repeat(5,minmax(150px,1fr));align-items:start;gap:4px 8px;display:grid}.document-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.document-row{background:#f8fafc;border:1px solid #e8edf2;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.document-meta{flex-direction:column;gap:1px;display:flex}.document-meta label{color:#1a2634;font-size:.55rem;font-weight:700}.document-meta p{color:#1a2634;margin:0;font-size:.6rem}.download-icon-btn{color:#fff;background:#500;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.download-icon-btn:hover:not(.disabled){background:#c50f0f;transform:translateY(-1px)}.download-icon-btn.disabled{color:#64748b;cursor:not-allowed;background:#e2e8f0}.info-item.full-width{grid-column:span 5!important}.info-item p{color:#1a2634;border-bottom:1px solid #f5f2ed;margin:0;padding:2px 0;font-size:.65rem}.status-badge{border-radius:20px;padding:2px 8px;font-size:.55rem;font-weight:600;display:inline-block}.status-badge.transferred{color:#d97706;background:#fef3c7}.status-badge.graduated{color:#1d4ed8;background:#dbeafe}@media (width<=1200px){.info-grid{grid-template-columns:repeat(3,1fr)}.info-item.full-width{grid-column:span 3}}@media (width<=992px){.info-grid{grid-template-columns:repeat(2,1fr)}.info-item.full-width{grid-column:span 2}}@media (width<=768px){.view-student-page{padding:12px 16px}.view-student-header{flex-direction:column;align-items:flex-start;gap:12px}.view-student-header h1{font-size:1.4rem}.header-actions{width:100%}.edit-btn,.back-btn{flex:1;justify-content:center}.tab-navigation{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:4px;overflow-x:auto}.tab-btn{flex:none;padding:8px 16px;font-size:.75rem}.view-student-content{padding:16px}.info-grid{grid-template-columns:1fr;gap:12px}.info-item.full-width{grid-column:span 1}}@media (width<=480px){.view-student-page{padding:8px 10px}.view-student-header h1{font-size:1.2rem}.edit-btn,.back-btn{padding:8px 16px;font-size:.8rem}.tab-btn{padding:6px 12px;font-size:.7rem}.view-student-content{padding:12px}.info-item p{font-size:.85rem}}.staff-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.staff-subheader{justify-content:flex-end;align-items:center;margin-bottom:4px;display:flex}.staff-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.staff-add-button:hover{background:#3d0000;transform:translateY(-2px);box-shadow:0 6px 16px #5500002e}.staff-table-card{background:#fff;border-radius:10px;padding:6px;box-shadow:0 2px 10px #0000000a}.footer-left{align-items:center;gap:8px;display:flex}.page-size-select{color:#1a2634;background:#fff;border:1px solid #e8edf2;border-radius:8px;padding:5px 8px;font-size:.72rem}.staff-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1000px}.staff-table thead{background:#f8fafc}.staff-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.staff-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.staff-table th:first-child,.staff-table td:first-child{text-align:center;width:50px}.staff-table th:nth-child(2),.staff-table td:nth-child(2){text-align:left;width:130px}.staff-table th:nth-child(3),.staff-table td:nth-child(3){text-align:left;width:220px}.staff-table th:nth-child(4),.staff-table td:nth-child(4){text-align:left;width:180px}.staff-table th:nth-child(5),.staff-table td:nth-child(5){text-align:left;width:150px}.staff-table th:nth-child(6),.staff-table td:nth-child(6){text-align:left;width:110px}.staff-table th:nth-child(7),.staff-table td:nth-child(7){text-align:left;width:220px}.staff-table th:nth-child(8),.staff-table td:nth-child(8),.staff-table th:nth-child(9),.staff-table td:nth-child(9),.staff-table th:nth-child(10),.staff-table td:nth-child(10){text-align:left;width:100px}.staff-table tbody tr:hover{background:#fef2f2}.staff-name-cell{align-items:center;gap:5px;display:flex}.employee-code{color:#c62828;font-weight:600}.staff-actions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.72rem;text-decoration:none;transition:all .2s;display:inline-flex}.page-btn{color:#1a2634;cursor:pointer;background:#f5f2ed;border:none;border-radius:10px;width:28px;height:28px;font-size:.7rem}.loading-container,.error-container{text-align:center;color:#6b7a93;padding:40px}.spinner{border:4px solid #e8edf2;border-top-color:#c62828;border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:1s linear infinite spin}.retry-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:10px;margin-top:10px;padding:10px 18px}.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}.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}.form-section h2{color:#1a2634;border-bottom:1px solid #f5f2ed;margin:0 0 4px;padding-bottom:4px;font-size:.7rem;font-weight:700}.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}.form-group .date-picker-icon{pointer-events:none;color:#6b7a93;font-size:.65rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.form-actions{border-top:1px solid #f5f2ed;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:6px;display:flex}.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{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}.view-staff-header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.view-staff-header .page-subtitle{color:#c62828;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:.65rem;font-weight:600}.view-staff-header h1{color:#1a2634;margin:0;font-size:.75rem;font-weight:700}.view-staff-header .page-description{color:#6b7a93;margin:2px 0 0;font-size:.65rem}.edit-btn{color:#fff;white-space:nowrap;background:#500;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-btn:hover{background:#e8e0d8;transform:translateY(-1px)}.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}.view-staff-content{background:#fff;border-radius:8px;width:100%;max-width:100%;margin:0 auto;padding:8px 10px;box-shadow:0 1px 6px #00000006}.info-section h2{color:#1a2634;border-bottom:1px solid #f5f2ed;margin:0 0 4px;padding-bottom:4px;font-size:.7rem;font-weight:700}.info-item label{color:#2c3a4a;font-size:.55rem;font-weight:500}@media (width<=1200px){.info-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=992px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.view-staff-page{padding:6px 8px}.view-staff-header{flex-direction:column;align-items:flex-start;gap:6px}.view-staff-content{padding:8px 10px}.info-grid{grid-template-columns:1fr}}.user-list-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}.user-subheader{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.user-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.user-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.user-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.user-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1000px}.user-table thead{background:#f8fafc}.user-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.user-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.user-table th:first-child,.user-table td:first-child{text-align:center;width:50px}.user-table th:nth-child(2),.user-table td:nth-child(2){text-align:left;width:200px}.user-table th:nth-child(3),.user-table td:nth-child(3){text-align:left;width:220px}.user-table th:nth-child(4),.user-table td:nth-child(4){text-align:left;width:130px}.user-table th:nth-child(5),.user-table td:nth-child(5),.user-table th:nth-child(6),.user-table td:nth-child(6){text-align:left;width:100px}.user-table th:nth-child(7),.user-table td:nth-child(7){text-align:left;width:120px}.user-table tbody tr{transition:all .2s}.user-table tbody tr:hover{background:#fef2f2}.user-name-cell{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:#c62828;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.64rem;font-weight:600;display:flex}.username{color:#c62828;font-weight:600}.user-actions{gap:4px;display:flex}.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}.add-user-form{background:#fff;border-radius:10px;width:100%;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-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}.edit-user-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.edit-user-header .page-subtitle{color:#c62828;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:.82rem;font-weight:700}.edit-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}.edit-user-form{background:#fff;border-radius:10px;width:100%;padding:5px;box-shadow:0 1px 8px #0000000a}.tab-content{animation:.3s fadeIn}.form-section h2{color:#1a2634;margin:0 0 6px;font-size:.82rem;font-weight:700}.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}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-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}.view-user-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.view-user-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem;font-weight:700}.header-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.edit-btn,.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}.edit-btn:hover,.back-btn:hover{background:#ffeaea}.tab-navigation{background:#f5f2ed;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.tab-btn{cursor:pointer;color:#6b7a93;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s}.tab-btn:hover{color:#1a2634;background:#ffffff80}.tab-btn.active{color:#fff;background:#c62828;box-shadow:0 4px 12px #c628284d}.view-user-content{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.info-section{margin-bottom:4px}.info-section h2{color:#1a2634;margin:0 0 6px;font-size:.82rem;font-weight:700}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item label{color:#6b7a93;text-transform:uppercase;letter-spacing:.22px;font-size:.62rem;font-weight:600}.info-item p{color:#1a2634;margin:0;font-size:.68rem}@media (width<=840px){.info-grid{grid-template-columns:1fr}}.school-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.school-subheader{justify-content:flex-end;align-items:center;margin-bottom:4px;display:flex}.school-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.school-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.school-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.filter-select{cursor:pointer;color:#1a2634;background:#f8fafc;border:1px solid #e8edf2;border-radius:8px;min-width:82px;min-height:30px;padding:5px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .18s}.export-btn{cursor:pointer;color:#1a2634;background:#f5f2ed;border:1px solid #e8edf2;border-radius:8px;min-width:82px;min-height:30px;padding:5px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .18s}.export-btn:hover{background:#e8e0d8;border-color:#c62828}.school-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1300px}.school-table thead{background:#f8fafc}.school-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.school-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.school-table th:first-child,.school-table td:first-child{text-align:center;width:60px}.school-table th:nth-child(2),.school-table td:nth-child(2){text-align:left;width:100px}.school-table th:nth-child(3),.school-table td:nth-child(3){text-align:left;width:250px}.school-table th:nth-child(4),.school-table td:nth-child(4),.school-table th:nth-child(5),.school-table td:nth-child(5){text-align:left;width:200px}.school-table th:nth-child(6),.school-table td:nth-child(6){text-align:left;width:130px}.school-table th:nth-child(7),.school-table td:nth-child(7){text-align:left;width:90px}.school-table th:nth-child(8),.school-table td:nth-child(8){text-align:left;width:100px}.school-table th:nth-child(9),.school-table td:nth-child(9){text-align:left;width:120px}.school-table tbody tr{transition:all .2s}.school-table tbody tr:hover{background:#fef2f2}.school-code{color:#c62828;font-weight:600}.school-actions{gap:4px;display:flex}.add-school-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.add-school-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.add-school-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.add-school-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-school-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.edit-school-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.edit-school-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.back-btn,.cancel-btn{color:#c62828;background:#fff8f8;border:1px solid #f0c9c9;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s}.tab-navigation{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.tab-btn{cursor:pointer;color:#6b7a93;background:#f8fafc;border:1px solid #e8edf2;border-radius:8px;padding:5px 10px;font-size:.72rem;transition:all .18s}.tab-btn.active{color:#fff;background:#c62828;border-color:#c62828}.edit-school-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-school-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.view-school-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.view-school-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.view-school-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}.role-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.role-subheader{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.role-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.role-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.role-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.table-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-left:8px;display:flex}.filter-select{cursor:pointer;color:#1a2634;background:#f8fafc;border:1px solid #e8edf2;border-radius:8px;min-width:116px;padding:6px 8px;font-family:inherit;font-size:.77rem;transition:all .3s}.role-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:700px}.role-table thead{background:#f8fafc}.role-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.role-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.role-table th:first-child,.role-table td:first-child{text-align:center;width:60px}.role-table th:nth-child(2),.role-table td:nth-child(2){text-align:left;width:200px}.role-table th:nth-child(3),.role-table td:nth-child(3){text-align:left;width:250px}.role-table th:nth-child(4),.role-table td:nth-child(4){text-align:left;width:100px}.role-table th:nth-child(5),.role-table td:nth-child(5){text-align:left;width:90px}.role-table tbody tr:hover{background:#fef2f2}.role-name{color:#c62828;font-weight:600}.role-actions{gap:6px;display:flex}.table-footer{color:#6b7a93;border-top:1px solid #f0f2f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:6px;font-size:.75rem;display:flex}.add-role-page{padding:20px 32px}.add-role-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.add-role-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.7rem}.add-role-form{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-role-page{padding:20px 32px}.edit-role-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.edit-role-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.7rem}.edit-role-form{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-role-page{padding:20px 32px}.view-role-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.view-role-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.7rem}.view-role-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}.branch-list-page{padding:20px 32px}.branch-subheader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.branch-add-button{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:12px;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #c6282840}.branch-add-button:hover{background:#b71c1c;transform:translateY(-2px)}.header-subtitle{color:#6b7a93;margin:0;font-size:.95rem}.branch-table-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-box{flex:1;max-width:360px;position:relative}.search-box input{color:#1a2634;background:#f8fafc;border:2px solid #e8edf2;border-radius:12px;width:100%;padding:10px 16px 10px 42px;font-family:inherit;font-size:.9rem;transition:all .3s}.filter-select{cursor:pointer;color:#1a2634;background:#f8fafc;border:2px solid #e8edf2;border-radius:12px;padding:10px 16px;font-family:inherit;font-size:.9rem;transition:all .3s}.filter-select:focus{border-color:#c62828;outline:none}.table-wrapper{overflow-x:auto}.branch-table{border-collapse:collapse;width:100%;min-width:800px}.branch-table thead{background:#f8fafc}.branch-table th{text-align:left;color:#6b7a93;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e8edf2;padding:14px 16px;font-size:.75rem;font-weight:700}.branch-table td{color:#1a2634;border-bottom:1px solid #f0f2f5;padding:14px 16px;font-size:.9rem}.branch-table tbody tr:hover{background:#fef2f2}.branch-code{color:#c62828;font-weight:600}.branch-actions{gap:6px;display:flex}.table-footer{color:#6b7a93;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:.9rem;display:flex}.page-btn{color:#1a2634;cursor:pointer;background:#f5f2ed;border:none;border-radius:10px;width:36px;height:36px}.page-btn.active{color:#fff;background:#c62828}.add-first-btn{color:#fff;background:#c62828;border-radius:10px;margin-top:10px;padding:10px 18px;text-decoration:none;display:inline-block}.add-branch-page{padding:20px 32px}.add-branch-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.add-branch-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.7rem}.add-branch-form{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-branch-page{padding:20px 32px}.edit-branch-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.edit-branch-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.7rem}.back-btn,.cancel-btn{color:#c62828;background:#fff8f8;border:1px solid #f0c9c9;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .2s}.back-btn:hover,.cancel-btn:hover{background:#ffeaea}.edit-branch-form{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a}.submit-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:10px;padding:10px 20px;font-weight:600}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-branch-page{padding:20px 32px}.view-branch-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.view-branch-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.7rem}.page-description{color:#6b7a93;margin:0;font-size:.95rem}.back-btn,.edit-action-btn{color:#c62828;background:#fff8f8;border:1px solid #f0c9c9;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .2s}.view-branch-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a}.empty-state{text-align:center;color:#6b7a93;padding:32px 16px}.empty-icon{margin-bottom:8px;font-size:2rem;display:block}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}.department-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.department-subheader{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.department-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.department-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.department-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.department-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px}.department-table thead{background:#f8fafc}.department-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.department-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.department-table th:first-child,.department-table td:first-child{text-align:center;width:60px}.department-table th:nth-child(2),.department-table td:nth-child(2){text-align:left;width:150px}.department-table th:nth-child(3),.department-table td:nth-child(3){text-align:left;width:200px}.department-table th:nth-child(4),.department-table td:nth-child(4){text-align:left;width:120px}.department-table th:nth-child(5),.department-table td:nth-child(5){text-align:left;width:200px}.department-table th:nth-child(6),.department-table td:nth-child(6){text-align:left;width:100px}.department-table th:nth-child(7),.department-table td:nth-child(7){text-align:left;width:120px}.department-table tbody tr{transition:all .2s}.department-table tbody tr:hover{background:#fef2f2}.department-code{color:#c62828;font-weight:600}.department-name{color:#1a2634;font-weight:600}.department-actions{gap:4px;display:flex}.add-department-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.add-department-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.add-department-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.add-department-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-department-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.edit-department-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.edit-department-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.edit-department-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-department-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.view-department-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.view-department-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.view-department-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}.class-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.class-subheader{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.class-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.class-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.class-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.class-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:650px}.class-table thead{background:#f8fafc}.class-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.class-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.class-table th:first-child,.class-table td:first-child{text-align:center;width:60px}.class-table th:nth-child(2),.class-table td:nth-child(2){text-align:left;width:150px}.class-table th:nth-child(3),.class-table td:nth-child(3){text-align:left;width:200px}.class-table th:nth-child(4),.class-table td:nth-child(4),.class-table th:nth-child(5),.class-table td:nth-child(5){text-align:left;width:120px}.class-table tbody tr{transition:all .2s}.class-table tbody tr:hover{background:#fef2f2}.class-code{color:#c62828;font-weight:600}.class-name{color:#1a2634;font-weight:600}.class-actions{gap:4px;display:flex}.add-class-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.add-class-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.add-class-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.add-class-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-class-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.edit-class-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.edit-class-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.edit-class-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-class-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.view-class-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.view-class-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.view-class-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}.section-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.section-subheader{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.section-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.section-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.section-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.section-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:650px}.section-table thead{background:#f8fafc}.section-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.section-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.section-table th:first-child,.section-table td:first-child{text-align:center;width:60px}.section-table th:nth-child(2),.section-table td:nth-child(2){text-align:left;width:150px}.section-table th:nth-child(3),.section-table td:nth-child(3){text-align:left;width:200px}.section-table th:nth-child(4),.section-table td:nth-child(4),.section-table th:nth-child(5),.section-table td:nth-child(5){text-align:left;width:120px}.section-table tbody tr{transition:all .2s}.section-table tbody tr:hover{background:#fef2f2}.section-code{color:#c62828;font-weight:600}.section-name{color:#1a2634;font-weight:600}.section-actions{gap:4px;display:flex}.add-section-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.add-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.add-section-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.add-section-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-section-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.edit-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.edit-section-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.edit-section-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-section-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.view-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.view-section-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.view-section-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}.academic-year-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.academic-year-subheader{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.academic-year-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.academic-year-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.academic-year-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.academic-year-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}.academic-year-table thead{background:#f8fafc}.academic-year-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.academic-year-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.academic-year-table th:first-child,.academic-year-table td:first-child{text-align:center;width:60px}.academic-year-table th:nth-child(2),.academic-year-table td:nth-child(2){text-align:left;width:150px}.academic-year-table th:nth-child(3),.academic-year-table td:nth-child(3),.academic-year-table th:nth-child(4),.academic-year-table td:nth-child(4),.academic-year-table th:nth-child(5),.academic-year-table td:nth-child(5){text-align:left;width:120px}.academic-year-table th:nth-child(6),.academic-year-table td:nth-child(6){text-align:left;width:80px}.academic-year-table th:nth-child(7),.academic-year-table td:nth-child(7){text-align:left;width:150px}.academic-year-table tbody tr{transition:all .2s}.academic-year-table tbody tr:hover{background:#fef2f2}.year-name{color:#c62828;font-weight:600}.current-badge,.status-badge{text-transform:uppercase;vertical-align:middle;border-radius:12px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.academic-year-actions{gap:4px;display:flex}.add-academic-year-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.add-academic-year-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.add-academic-year-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.add-academic-year-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-academic-year-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.edit-academic-year-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.edit-academic-year-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.edit-academic-year-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-academic-year-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.view-academic-year-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.view-academic-year-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.view-academic-year-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.current-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.current-badge.current{color:#059669;background:#d1fae5}.current-badge.not-current{color:#6b7280;background:#f3f4f6}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}.master-section-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.master-section-subheader{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.master-section-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.master-section-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.master-section-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.master-section-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1200px}.master-section-table thead{background:#f8fafc}.master-section-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.master-section-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.master-section-table th:first-child,.master-section-table td:first-child{text-align:center;width:60px}.master-section-table th:nth-child(2),.master-section-table td:nth-child(2){text-align:left;width:200px}.master-section-table th:nth-child(3),.master-section-table td:nth-child(3){text-align:left;width:120px}.master-section-table th:nth-child(4),.master-section-table td:nth-child(4),.master-section-table th:nth-child(5),.master-section-table td:nth-child(5){text-align:left;width:100px}.master-section-table th:nth-child(6),.master-section-table td:nth-child(6){text-align:center;width:80px}.master-section-table th:nth-child(7),.master-section-table td:nth-child(7){text-align:center;width:120px}.master-section-table tbody tr{transition:all .2s}.master-section-table tbody tr:hover{background:#fef2f2}.master-section-actions{gap:4px;display:flex}.add-master-section-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.add-master-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.add-master-section-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.add-master-section-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-master-section-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.edit-master-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.edit-master-section-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.edit-master-section-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-master-section-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.view-master-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.view-master-section-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.view-actions{flex-wrap:wrap;gap:6px;display:flex}.back-btn,.edit-action-btn{color:#c62828;background:#fff8f8;border:1px solid #f0c9c9;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s}.edit-action-btn{color:#fff;background:#c62828;border-color:#c62828}.view-master-section-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.detail-section{margin-bottom:4px}.detail-section h2{color:#1a2634;margin:0 0 6px;font-size:.82rem}.detail-grid>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;flex-direction:column;gap:4px;padding:5px 6px;display:flex}.detail-grid .full-width{grid-column:1/-1}.detail-grid span{color:#6b7a93;text-transform:uppercase;letter-spacing:.22px;font-size:.62rem}.detail-grid strong{color:#1a2634;font-size:.68rem}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.retry-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:12px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}.designation-list-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.designation-subheader{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.designation-add-button{color:#fff;cursor:pointer;background:#500;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5500001f}.designation-add-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 18px #c6282824}.designation-table-card{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.table-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.search-box{flex:0 320px;min-width:0;max-width:320px;position:relative}.search-box input{color:#1a2634;background:#f8fafc;border:1px solid #e8edf2;border-radius:8px;width:100%;height:30px;padding:5px 10px 5px 30px;font-family:inherit;font-size:.72rem;line-height:1;transition:all .18s}.search-box input:focus{background:#fff;border-color:#500;outline:none;box-shadow:0 0 0 4px #c6282814}.search-icon{color:#aab8cf;font-size:1.1rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.import-btn{cursor:pointer;color:#1a2634;background:#f5f2ed;border:1px solid #e8edf2;border-radius:8px;min-width:82px;min-height:30px;padding:5px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .18s}.import-btn:hover{background:#e8e0d8;border-color:#c62828}.table-wrapper{width:100%;overflow-x:auto}.designation-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px}.designation-table thead{background:#f8fafc}.designation-table th{text-align:left;color:#0c0c0c;text-transform:uppercase;letter-spacing:.22px;white-space:nowrap;vertical-align:middle;border-bottom:2px solid #e8edf2;padding:6px 8px;font-size:.68rem;font-weight:600;line-height:1.2}.designation-table td{color:#1a2634;white-space:nowrap;vertical-align:middle;text-align:left;border-bottom:1px solid #f0f2f5;padding:6px 8px;font-size:.68rem;line-height:1.2}.designation-table th:first-child,.designation-table td:first-child{text-align:center;width:60px}.designation-table th:nth-child(2),.designation-table td:nth-child(2){text-align:left;width:200px}.designation-table th:nth-child(3),.designation-table td:nth-child(3){text-align:left;width:250px}.designation-table th:nth-child(4),.designation-table td:nth-child(4){text-align:left;width:100px}.designation-table th:nth-child(5),.designation-table td:nth-child(5){text-align:left;width:120px}.designation-table tbody tr{transition:all .2s}.designation-table tbody tr:hover{background:#fef2f2}.designation-name{color:#1a2634;font-weight:600}.designation-actions{gap:4px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;text-decoration:none;transition:all .2s;display:flex}.view-btn{color:#1d4ed8;background:#dbeafe}.view-btn:hover{background:#bfdbfe;transform:scale(1.1)}.edit-btn{color:#059669;background:#d1fae5}.edit-btn:hover{background:#a7f3d0;transform:scale(1.1)}.delete-btn{color:#c62828;background:#fce4ec}.delete-btn:hover{background:#fecdd3;transform:scale(1.1)}.table-footer{border-top:1px solid #f0f2f5;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;display:flex}.table-footer p{color:#6b7a93;font-size:.75rem}.pagination{gap:6px;display:flex}.page-btn{color:#1a2634;cursor:pointer;background:#fff;border:2px solid #e8edf2;border-radius:8px;padding:4px 8px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .2s}.page-btn:hover:not(:disabled){color:#c62828;border-color:#500}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{color:#fff;background:#c62828;border-color:#c62828}.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}.add-first-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:12px;margin-top:8px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.add-first-btn:hover{background:#b71c1c;transform:translateY(-2px)}.retry-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:12px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.add-designation-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.add-designation-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.add-designation-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.add-designation-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.edit-designation-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.edit-designation-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.page-subtitle{color:#c62828;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.82rem;font-weight:700}.edit-designation-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.edit-designation-form{background:#fff;border-radius:10px;padding:5px;box-shadow:0 1px 8px #0000000a}.form-section{margin-bottom:4px}.form-section h2{color:#1a2634;margin:0 0 6px;font-size:.82rem}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#344255;font-size:.72rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fbfdff;border:1px solid #d9e2ec;border-radius:8px;padding:5px 8px;font-family:inherit;font-size:.72rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#c62828;outline:none;box-shadow:0 0 0 4px #c6282814}.checkbox-group{align-items:center;gap:8px;padding-top:20px;display:flex}.checkbox-label{cursor:pointer;color:#344255;align-items:center;gap:8px;font-size:.72rem;font-weight:600;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.error-message{color:#c62828;background:#fee;border-radius:8px;margin:10px 0;padding:8px 12px;font-size:.72rem;font-weight:500}.form-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.cancel-btn{color:#c62828;background:#fff8f8;border:1px solid #f0c9c9;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s}.cancel-btn:hover{background:#ffeaea}.submit-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600}.submit-btn:hover{background:#b71c1c}@media (width<=840px){.form-grid{grid-template-columns:1fr}}.view-designation-page{color:#1a2634;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:8px 12px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.view-designation-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.view-designation-header h1{color:#1a2634;margin:4px 0 6px;font-size:1.2rem}.view-actions{align-items:center;gap:8px;display:flex}.edit-action-btn{color:#059669;background:#d1fae5;border:1px solid #d1fae5;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s}.edit-action-btn:hover{background:#a7f3d0}.back-btn{color:#c62828;background:#fff8f8;border:1px solid #f0c9c9;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .18s}.back-btn:hover{background:#ffeaea}.view-designation-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 8px #0000000a}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.detail-grid>div{flex-direction:column;gap:4px;display:flex}.detail-grid>div.full-width{grid-column:1/-1}.detail-grid>div span{color:#6b7a93;font-size:.72rem;font-weight:500}.detail-grid>div strong{color:#1a2634;font-size:.82rem;font-weight:600}.status-badge{text-transform:uppercase;vertical-align:middle;border-radius:12px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.status-badge.active{color:#1d4ed8;background:#dbeafe}.status-badge.inactive{color:#be185d;background:#fce7f3}.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-color:#c62828;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.error-icon{font-size:3rem}.error-container h3{color:#1a2634;margin:0}.retry-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:12px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.retry-btn:hover{background:#b71c1c;transform:translateY(-2px)}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}