@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";:root{--sidebar-width: 240px;--page-gutter: 28px;--page-padding-x: 28px;--page-max-width: 1000px;--accent: #0D9488;--accent-2: #06B6D4;--accent-hover: #0F766E;--accent-2-hover: #0891B2;--accent-shadow: rgba(13, 148, 136, .18);--accent-tint: #E6F5F3;--accent-deep: #0F766E;--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-2));--accent-gradient-hover: linear-gradient(135deg, var(--accent-hover), var(--accent-2-hover));--glass-bg: rgba(255, 255, 255, .62);--glass-bg-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .75);--glass-blur: blur(24px) saturate(160%);--glass-shadow: 0 6px 20px rgba(16, 24, 40, .06), inset 0 1px 0 rgba(255, 255, 255, .85);--page-backdrop: radial-gradient(circle at 12% 0%, rgba(13, 148, 136, .14), transparent 52%), radial-gradient(circle at 95% 100%, rgba(6, 182, 212, .12), transparent 50%), linear-gradient(160deg, #F4F9FA 0%, #EDF4F5 55%, #F5FAFB 100%);--surface-page: transparent;--surface-card: var(--glass-bg);--surface-card-border: var(--glass-border);--surface-card-shadow: var(--glass-shadow);--surface-card-blur: var(--glass-blur);--surface-raised: rgba(255, 255, 255, .92);--radius-card: 14px;--radius-control: 10px;--radius-pill: 8px;--font-heading: "Poppins", sans-serif;--font-weight-heading: 600;--heading-tracking: -.015em;--font-family: "Poppins", sans-serif;--font-size-small: 13px;--font-size-extrasmall: 12px;--font-size-medium: 14px;--icon-size: 18px;--primary-color: #0F766E;--primary-light: #0D9488;--supporting-blue: #06B6D4;--supporting-purple: #0891B2;--supporting-coral: #10B981;--sidebar-bg: #F5F9FA;--sidebar-active-bg: #0D9488;--content-bg: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--text-white: #FFFFFF;--text-dark: #1F2937;--hover-bg: #E6F5F3;--active-bg: #0D9488;--input-border: #E3E8EA;--input-focus-border: var(--accent);--input-focus-shadow: rgba(13, 148, 136, .12);--button-hover: #0F766E;--legacy-blue: #0F766E;--legacy-dark-blue: #115E59;--status-bar-bg: #10B981;--header-bg: #0F766E;--header-text: #FFFFFF;--header-border: rgba(255, 255, 255, .1)}[data-theme=precision]{--accent: #3B82F6;--accent-2: #3B82F6;--accent-hover: #2563EB;--accent-2-hover: #2563EB;--accent-shadow: rgba(59, 130, 246, .16);--accent-tint: #EFF4FF;--accent-deep: #0A0A0B;--accent-gradient: #0A0A0B;--accent-gradient-hover: #27272A;--page-backdrop: linear-gradient(180deg, #FAFAFA 0%, #F4F4F5 100%);--glass-bg: #FFFFFF;--glass-bg-strong: #FFFFFF;--glass-border: #E9E9EC;--glass-blur: none;--glass-shadow: none;--surface-raised: #FFFFFF;--radius-card: 8px;--radius-control: 6px;--radius-pill: 5px;--font-family: "Inter", system-ui, sans-serif;--font-heading: "Inter", system-ui, sans-serif;--font-weight-heading: 600;--heading-tracking: -.03em;--sidebar-bg: #FFFFFF;--sidebar-active-bg: #F4F4F5;--hover-bg: #F4F4F5;--input-border: #E9E9EC;--text-primary: #0A0A0B;--text-secondary: #71717A;--primary-color: #0A0A0B}[data-theme=nocturne]{--accent: #8B5CF6;--accent-2: #A78BFA;--accent-hover: #7C3AED;--accent-2-hover: #8B5CF6;--accent-shadow: rgba(139, 92, 246, .22);--accent-tint: #F3EEFE;--accent-deep: #5B21B6;--page-backdrop: linear-gradient(170deg, #F7F7F9 0%, #F1F1F4 100%);--glass-bg: #FFFFFF;--glass-bg-strong: #FFFFFF;--glass-border: #E8E8ED;--glass-blur: none;--glass-shadow: 0 2px 8px rgba(23, 24, 28, .05);--surface-raised: #FFFFFF;--radius-card: 12px;--radius-control: 9px;--font-family: "Sora", system-ui, sans-serif;--font-heading: "Sora", system-ui, sans-serif;--heading-tracking: -.02em;--chrome-bg: rgba(23, 24, 28, .9);--chrome-border: rgba(255, 255, 255, .08);--chrome-text: #A9AEBA;--chrome-text-strong: #FFFFFF;--chrome-hover: rgba(255, 255, 255, .07);--sidebar-bg: #17181C;--primary-color: #5B21B6}[data-theme=signal]{--accent: #FF5A5F;--accent-2: #FF7E82;--accent-hover: #E5484D;--accent-2-hover: #FF5A5F;--accent-shadow: rgba(255, 90, 95, .22);--accent-tint: #FFF0F0;--accent-deep: #111C36;--accent-gradient: #FF5A5F;--accent-gradient-hover: #E5484D;--page-backdrop: radial-gradient(circle at 88% 4%, rgba(255, 90, 95, .11), transparent 46%), linear-gradient(165deg, #F8F9FC 0%, #F2F4F9 100%);--glass-bg: rgba(255, 255, 255, .8);--glass-border: #FFFFFF;--glass-blur: blur(18px) saturate(150%);--glass-shadow: 0 4px 16px rgba(17, 28, 54, .07);--radius-card: 16px;--radius-control: 11px;--radius-pill: 11px;--font-family: "Plus Jakarta Sans", system-ui, sans-serif;--font-heading: "Plus Jakarta Sans", system-ui, sans-serif;--font-weight-heading: 800;--heading-tracking: -.03em;--sidebar-active-bg: #111C36;--text-primary: #111C36;--text-secondary: #6B7590;--primary-color: #111C36;--hover-bg: #FFF0F0}html{scrollbar-gutter:stable;overflow-y:scroll}body{font-family:var(--font-family);margin:0;padding:0}.app{min-height:100vh;background:var(--page-backdrop);background-attachment:fixed}.top-status-bar{height:24px;background:var(--status-bar-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;color:#fff;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.top-status-bar .left,.top-status-bar .right{display:flex;align-items:center;gap:20px}.top-status-bar .status-item{display:flex;align-items:center;gap:6px;opacity:.9}.top-header{height:60px;background:var(--header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 10px #0000001a;border-bottom:1px solid var(--header-border)}.top-header .left,.top-header .right{display:flex;align-items:center;gap:20px}.top-header .action-button{background:#ffffff1a;border:1px solid var(--header-border);border-radius:6px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.top-header .action-button:hover{background:#fff3;border-color:#ffffff4d}.top-header .campus-selector{background:#ffffff26;border:1px solid var(--header-border);border-radius:6px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px}.top-header .campus-selector:hover{background:#ffffff40}.app{display:flex;flex-direction:column}.main-content{display:flex;margin-top:60px}.content-area{padding:20px;width:100%;min-height:calc(100vh - 80px);margin-left:50px;transition:margin-left .3s ease}.breadcrumbs{padding:10px 30px;margin:20px var(--page-gutter) 20px calc(var(--sidebar-width) + var(--page-gutter));font-size:12px;color:var(--text-primary);border:1px solid #E5E5E5;border-radius:5px;background:var(--surface-card);backdrop-filter:var(--surface-card-blur);-webkit-backdrop-filter:var(--surface-card-blur);box-sizing:border-box;transition:margin-left .3s ease}@media (max-width: 768px){.breadcrumbs{margin-left:var(--page-gutter);margin-right:var(--page-gutter)}}.admission-inquiries .breadcrumbs,.admission-reports .breadcrumbs,.fee-reports .breadcrumbs,.invoice-archive .breadcrumbs{margin-right:auto;max-width:var(--page-max-width)}.app-page{margin-left:calc(var(--sidebar-width) + var(--page-gutter));margin-right:var(--page-gutter);box-sizing:border-box}@media (max-width: 768px){.app-page{margin-left:var(--page-gutter);margin-right:var(--page-gutter)}}.admission-requests .breadcrumbs{width:79%}.dashboard .breadcrumbs{width:75%;margin-left:calc(var(--sidebar-width) + var(--page-gutter))}.student-promotion .content-area{min-height:0;padding-bottom:0}.student-promotion .main-content{align-items:flex-start}.student-information .content-area{min-height:0;padding-bottom:0}.student-information .main-content{align-items:flex-start}.staff-management .content-area{min-height:0;padding-bottom:0}.staff-management .main-content{align-items:flex-start}.manage-subjects .breadcrumbs,.add-timetable .breadcrumbs,.manage-timetable .breadcrumbs{width:85%;margin-left:calc(var(--sidebar-width) + var(--page-gutter))}.fee-payment .breadcrumbs{width:72%;margin-left:calc(var(--sidebar-width) + var(--page-gutter))}.generate-monthly-fee .breadcrumbs,.generate-custom-fee .breadcrumbs,.family-credit-system .breadcrumbs{width:75%;margin-left:calc(var(--sidebar-width) + var(--page-gutter))}.expense-management .content-area{min-height:0;padding-bottom:0}.expense-management .main-content{align-items:flex-start}.admin-roles-management .breadcrumbs,.general-settings .breadcrumbs{width:85%;margin-left:calc(var(--sidebar-width) + var(--page-gutter))}.print-student-cards .breadcrumbs{margin-left:calc(var(--sidebar-width) + var(--page-gutter))}.print-staff-cards .breadcrumbs,.print-fee-vouchers .breadcrumbs{margin-left:calc(var(--sidebar-width) + var(--page-gutter));width:75%}.fee-collection .breadcrumbs{margin-left:calc(var(--sidebar-width) + var(--page-gutter));width:72%}.salary-management .content-area{min-height:0;padding-bottom:0}.salary-management .main-content{align-items:flex-start}.paid-unpaid-invoices .content-area{min-height:0;padding-bottom:0}.paid-unpaid-invoices .main-content{align-items:flex-start}.issue-student-certificate .breadcrumbs,.student-certificate-records .breadcrumbs,.student-certificate-templates .breadcrumbs,.issue-staff-certificate .breadcrumbs,.staff-certificate-records .breadcrumbs,.staff-certificate-templates .breadcrumbs{width:75%;margin-left:calc(var(--sidebar-width) + var(--page-gutter))}.issue-student-certificate .content-area,.student-certificate-records .content-area,.student-certificate-templates .content-area,.issue-staff-certificate .content-area,.staff-certificate-records .content-area,.staff-certificate-templates .content-area{display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding-bottom:12px;box-sizing:border-box}.issue-student-certificate .content-area>*:last-child,.student-certificate-records .content-area>*:last-child,.student-certificate-templates .content-area>*:last-child,.issue-staff-certificate .content-area>*:last-child,.staff-certificate-records .content-area>*:last-child,.staff-certificate-templates .content-area>*:last-child{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.sci-page-wrapper .footer{width:100%;margin-top:auto;margin-bottom:0;flex-shrink:0}.issue-student-certificate .main-content,.student-certificate-records .main-content,.student-certificate-templates .main-content,.issue-staff-certificate .main-content,.staff-certificate-records .main-content,.staff-certificate-templates .main-content{align-items:flex-start}.id-card-settings .breadcrumbs{margin-left:calc(var(--sidebar-width) + var(--page-gutter));width:75%}.payment-settings .breadcrumbs{margin-left:calc(var(--sidebar-width) + var(--page-gutter))}.recycle-bin .content-area{display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding-bottom:0;box-sizing:border-box}.recycle-bin .content-area>*:last-child{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.recycle-bin .main-content{align-items:flex-start}.recycle-bin .breadcrumbs{margin-left:calc(var(--sidebar-width) + var(--page-gutter));width:calc(100% - 220px);max-width:none;margin-right:20px;box-sizing:border-box}.breadcrumbs a{text-decoration:none;color:var(--primary-color);margin-right:5px}.breadcrumbs span{margin-right:5px;color:var(--text-secondary)}.footer{border-radius:0 0 12px 12px}.admit-student .content-area,.admit-bulk-student .content-area,.admission-requests .content-area,.admission-inquiries .content-area,.admission-reports .content-area,.dashboard .content-area,.student-promotion .content-area,.student-information .content-area,.staff-management .content-area,.manage-classes .content-area,.manage-sections .content-area,.manage-subjects .content-area,.add-timetable .content-area,.manage-timetable .content-area,.global-search .content-area,.fee-payment .content-area,.generate-monthly-fee .content-area,.paid-unpaid-invoices .content-area,.generate-custom-fee .content-area,.fee-types .content-area,.family-credit-system .content-area,.expense-management .content-area,.fee-reports .content-area,.admin-roles-management .content-area,.general-settings .content-area,.print-student-cards .content-area,.print-staff-cards .content-area,.print-fee-vouchers .content-area,.fee-collection .content-area,.salary-management .content-area,.invoice-archive .content-area,.issue-student-certificate .content-area,.student-certificate-records .content-area,.student-certificate-templates .content-area,.issue-staff-certificate .content-area,.staff-certificate-records .content-area,.staff-certificate-templates .content-area,.id-card-settings .content-area,.payment-settings .content-area,.recycle-bin .content-area{margin-left:0}.change-password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.change-password-modal{background:var(--surface-card);backdrop-filter:var(--surface-card-blur);-webkit-backdrop-filter:var(--surface-card-blur);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.change-password-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.change-password-title{display:flex;align-items:center;gap:12px}.change-password-icon{font-size:24px;color:#06b6d4}.change-password-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.change-password-close-btn{background:none;border:none;cursor:pointer;font-size:20px;color:#6b7280;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.change-password-close-btn:hover{background:#f3f4f6;color:#111827}.change-password-form{padding:24px}.change-password-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px}.change-password-success{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:14px;margin-bottom:20px}.change-password-success svg{font-size:18px}.change-password-field{margin-bottom:20px}.change-password-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.change-password-input-wrapper{position:relative;display:flex;align-items:center}.change-password-input-wrapper input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;color:#111827;transition:all .2s ease;background:var(--surface-card);backdrop-filter:var(--surface-card-blur);-webkit-backdrop-filter:var(--surface-card-blur)}.change-password-input-wrapper input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.change-password-input-wrapper input.error{border-color:#ef4444}.change-password-input-wrapper input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.change-password-input-wrapper input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.change-password-input-wrapper input::placeholder{color:#9ca3af}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle-btn:hover{color:#111827}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.field-error{display:block;font-size:12px;color:#ef4444;margin-top:6px}.change-password-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #e5e7eb}.change-password-cancel-btn,.change-password-submit-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.change-password-cancel-btn{background:#f3f4f6;color:#374151}.change-password-cancel-btn:hover:not(:disabled){background:#e5e7eb}.change-password-submit-btn{background:#06b6d4;color:#fff}.change-password-submit-btn:hover:not(:disabled){background:#0891b2;box-shadow:0 4px 12px #06b6d44d}.change-password-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.change-password-submit-btn:disabled:hover{box-shadow:none}@media (max-width: 640px){.change-password-modal{width:95%;margin:20px}.change-password-header,.change-password-form{padding:20px}.change-password-actions{flex-direction:column-reverse}.change-password-cancel-btn,.change-password-submit-btn{width:100%}}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;border-top:none;background:#ffffff8c;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);color:var(--text-primary);overflow-y:auto;padding:0;margin:0;border-right:1px solid rgba(255,255,255,.6);box-shadow:inset -1px 0 #ffffff80,8px 0 32px #1e293b14;transition:width .3s ease;z-index:100}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:60px 12px 16px;border-bottom:1px solid rgba(255,255,255,.5);background:transparent;position:relative}.hamburger{display:none}.logo-link{text-decoration:none;color:inherit;display:flex;width:100%;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.logo{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-primary);justify-content:center;width:100%;cursor:pointer}.logo-container{display:flex;justify-content:center;align-items:center}.logo-icon{font-size:48px;opacity:.9;flex-shrink:0}.logo-image{width:72px;height:72px;object-fit:contain;flex-shrink:0}.logo-text{font-size:14px;font-weight:600;letter-spacing:.3px;line-height:1.2;word-break:break-word;overflow:visible;text-overflow:initial;white-space:normal;text-align:center;max-width:100%}.sidebar-search-container{background:#ffffff4d;padding:12px;border-bottom:1px solid rgba(255,255,255,.5)}.sidebar-search-box{display:flex;align-items:center;background:#ffffff80;padding:8px 12px;border-radius:10px;width:100%;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 3px #1e293b0f;transition:background .2s ease,box-shadow .2s ease;box-sizing:border-box}.sidebar-search-box:focus-within{background:#fffc;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow)}.sidebar-search-icon{color:var(--text-secondary);margin-right:8px;font-size:14px;opacity:.8}.sidebar-search-bar{background:none;border:none;color:var(--text-primary);outline:none;font-size:13px;width:100%;font-weight:500}.sidebar-search-bar::placeholder{color:var(--text-secondary);font-weight:400}.menu{list-style:none;padding:8px 0;margin:0}.menu>li{padding:0}.menu-item{display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;color:var(--text-primary);padding:12px;transition:background .2s ease,color .2s ease;font-size:12.5px;border-radius:0;margin:0;position:relative;font-weight:500;min-height:48px;box-sizing:border-box}.menu-item>*:first-child{flex-shrink:0;width:18px;text-align:center}.menu-item>span:not(.arrow){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item:hover{background:var(--hover-bg);color:var(--text-primary)}.menu-item.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--text-white);box-shadow:0 4px 16px #0d94884d;font-weight:600}.arrow{font-size:12px;transition:all .3s ease;margin-left:auto;opacity:.7;min-width:16px;text-align:center;flex-shrink:0}.arrow.open{transform:rotate(90deg);opacity:1}.submenu{list-style:none;padding:0;display:none;background:#ffffff40;border-radius:0;box-shadow:inset 0 2px 4px #0000000d;overflow:hidden;transform:translateY(-10px);opacity:0;transition:transform .3s ease,opacity .3s ease;font-size:var(--font-size-extrasmall);margin:0;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03)}.submenu.open{display:block;transform:translateY(0);opacity:1}.submenu li{padding:0;border-bottom:1px solid rgba(255,255,255,.03)}.submenu li:last-child{border-bottom:none}.menu-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .submenu-group{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 16px 10px 48px;font-size:var(--font-size-extrasmall);color:var(--text-primary);min-height:40px;transition:all .3s ease;font-weight:500;box-sizing:border-box}.sidebar .submenu-group:hover{background:var(--hover-bg)}.sidebar .submenu-group.active{background:#0d94881f;color:var(--accent-hover);font-weight:600}.sidebar .submenu-group .arrow{margin-left:auto}.sidebar .submenu-group svg{width:16px;height:16px;flex-shrink:0;opacity:.85}.sidebar .submenu-link{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 48px;text-decoration:none;font-size:var(--font-size-extrasmall);color:var(--text-primary);position:relative;transition:all .3s ease;min-height:40px;font-weight:400;box-sizing:border-box}.sidebar .submenu-link:before{content:"➜";font-size:10px;color:var(--text-secondary);opacity:.6;margin-right:4px;flex-shrink:0}.sidebar .submenu-link:hover{background:var(--hover-bg);color:var(--text-primary)}.sidebar .submenu-link.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--text-white);box-shadow:0 4px 16px #0d94884d;font-weight:500}.sidebar .submenu-level-1{background:#ffffff40}.sidebar .submenu-level-2{background:#ffffff26;border-left:2px solid rgba(255,255,255,.6);margin-left:12px}.sidebar .submenu-level-2 .submenu-link{padding-left:56px;font-size:calc(var(--font-size-extrasmall) - 1px)}.sidebar .submenu-level-2 .submenu-link:hover{background:var(--hover-bg)}.sidebar .submenu-level-2 .submenu-link:before{content:"•";font-size:12px}.submenu li a{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 48px;text-decoration:none;font-size:var(--font-size-extrasmall);color:var(--text-primary);position:relative;transition:all .3s ease;min-height:40px;font-weight:400}.submenu li a:before{content:"➜";font-size:10px;color:var(--text-secondary);opacity:.6;margin-right:4px}.submenu li a:hover{background:var(--hover-bg);color:var(--text-primary)}.submenu li a.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--text-white);box-shadow:0 4px 16px #0d94884d;font-weight:500}.important-links{margin-top:20px;padding:0 16px 16px}.important-links-title{font-size:11px;font-weight:600;color:var(--text-secondary);padding:12px 16px;background:#fff6;height:auto;border-radius:8px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.important-links ul{list-style:none;padding:0;margin:0}.important-links ul li{padding:0;margin-bottom:4px}.important-links ul li a{text-decoration:none;display:flex;align-items:center;gap:12px;color:var(--text-primary);padding:10px 16px;border-radius:8px;transition:all .3s ease;font-size:var(--font-size-extrasmall);font-weight:500;min-height:40px}.important-links ul li a:hover{color:var(--text-primary);background:var(--hover-bg)}.menu-item svg{width:18px;height:18px;margin-right:0;vertical-align:middle;opacity:.9}.menu-icon{font-size:var(--icon-size);opacity:.9}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#fff3}.sidebar::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000;position:fixed;top:0;left:0;width:240px!important}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#0006;z-index:999;display:none}.sidebar-backdrop.active{display:block}.hamburger{display:block;position:fixed;top:15px;left:15px;z-index:1100;font-size:24px;background:none;border:none;color:#fff;cursor:pointer}.content-area{margin-left:0!important}.breadcrumbs,.admit-student .breadcrumbs,.admit-bulk-student .breadcrumbs{margin-left:20px!important}}.modern-topbar{position:fixed;top:0;left:0;right:0;height:50px;background:#ffffff8c;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #1e293b14;z-index:1000}.topbar-content{display:flex;align-items:center;height:100%;padding:0;max-width:100%;background-color:transparent}.topbar-left-empty{width:240px;flex-shrink:0;height:100%;background-color:transparent}.topbar-divider{width:1px;height:100%;background-color:#ffffff80;flex-shrink:0}.topbar-content-area{display:flex;align-items:center;justify-content:space-between;flex:1;height:100%;padding-left:0;padding-right:16px;gap:12px;background-color:transparent}.topbar-left{display:flex;align-items:center;flex:0 0 auto;min-width:320px;height:100%;position:relative}.global-search-form{position:relative;display:flex;align-items:center;background:#fff9;border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:0;width:100%;max-width:320px;height:38px;transition:box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 8px #1e293b0f;box-sizing:border-box;overflow:hidden}.global-search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-shadow)}.global-search-input{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-medium);flex:1;padding:0 12px;font-weight:400;height:100%;box-sizing:border-box}.global-search-input:focus{border:none;outline:none;box-shadow:none}.global-search-input::placeholder{color:var(--text-secondary);font-weight:400}.global-search-submit-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;outline:none;color:var(--text-white);width:40px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;font-size:15px;flex-shrink:0;padding:0}.global-search-submit-btn:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-2-hover))}.global-search-submit-btn:active{opacity:.9}.topbar-center{display:flex;align-items:center;flex:1;justify-content:center;min-width:0}.topbar-right{display:flex;align-items:center;gap:16px;flex:0 0 auto}.topbar-campus-dropdown{position:relative}.topbar-campus-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:10px;font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .15s ease;white-space:nowrap;font-family:Poppins,sans-serif}.topbar-campus-btn:hover{background:#ffffffd9;box-shadow:0 4px 14px #1e293b1a;transform:translateY(-1px)}.topbar-campus-btn:active{transform:translateY(1px)}.campus-icon{font-size:16px;flex-shrink:0}.campus-label-text{font-weight:500;color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis}.campus-arrow{font-size:10px;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.campus-arrow.open{transform:rotate(180deg)}.topbar-campus-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#ffffffbf;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.7);border-radius:10px;box-shadow:0 12px 32px #1e293b29;z-index:1001;min-width:200px;max-width:250px;overflow:hidden;margin-top:4px}.topbar-campus-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,sans-serif;font-size:var(--font-size-small);color:var(--text-primary)}.topbar-campus-option:hover{background-color:#0d94881a}.topbar-campus-option.active{background-color:#0d948826;font-weight:600}.campus-option-name{flex:1}.campus-option-check{color:var(--primary-color);font-weight:700;font-size:14px;margin-left:8px}.topbar-user-dropdown{position:relative}.topbar-user-info-btn{display:flex;align-items:center;gap:10px;padding:4px 12px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:10px;transition:background .2s ease,box-shadow .2s ease,transform .15s ease;cursor:pointer;font-family:Poppins,sans-serif;width:100%}.topbar-user-info-btn:hover{background:#ffffffd9;box-shadow:0 4px 14px #1e293b1a;transform:translateY(-1px)}.user-arrow{font-size:10px;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0;margin-left:auto}.user-arrow.open{transform:rotate(180deg)}.user-avatar-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;flex-shrink:0}.user-avatar{font-size:18px;filter:brightness(0) invert(1)}.user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{font-size:10px;font-weight:600;color:var(--accent-hover);background-color:#0d94881f;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.topbar-user-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#ffffffbf;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.7);border-radius:10px;box-shadow:0 12px 32px #1e293b29;z-index:1001;min-width:200px;overflow:hidden;margin-top:4px}.topbar-user-dropdown-header{padding:12px 14px;border-bottom:1px solid rgba(30,41,59,.08)}.topbar-user-dropdown-header .user-dropdown-name{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.topbar-user-dropdown-header .user-dropdown-email{display:block;font-size:11.5px;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,sans-serif;font-size:var(--font-size-small);color:var(--text-primary)}.topbar-user-menu-item:hover{background-color:#0d94881a}.topbar-user-menu-item.logout-item{color:#dc2626}.topbar-user-menu-item.logout-item:hover{background-color:#dc26261a;color:#b91c1c}.menu-item-icon{font-size:16px;flex-shrink:0}.menu-item-text{font-weight:500;white-space:nowrap}.topbar-campus-info,.user-info-simple,.logout-btn,.topbar-user-info,.topbar-logout-btn{display:none}@media (max-width: 768px){.topbar-content-area{padding:0 16px;gap:12px}.topbar-left{min-width:200px}.global-search-form{max-width:200px}.topbar-center{display:none}.topbar-right{gap:12px}.campus-label-text{max-width:100px}.user-name,.user-arrow{display:none}}@media (max-width: 480px){.topbar-content-area{gap:8px;padding:0 12px}.topbar-left{min-width:150px}.global-search-form{max-width:150px;height:36px}.topbar-right{gap:8px}.campus-label-text,.user-details{display:none}}.global-search-suggestions{position:absolute;top:100%;left:0;right:0;max-width:320px;background:#ffffffd9;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.7);border-radius:10px;box-shadow:0 12px 32px #1e293b29;z-index:1001;max-height:300px;overflow-y:auto;margin-top:4px}.global-search-suggestion-item{padding:12px 16px;border-bottom:1px solid var(--input-border);cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;gap:4px}.global-search-suggestion-item:last-child{border-bottom:none}.global-search-suggestion-item:hover,.global-search-suggestion-item.selected{background-color:#7da0fa1a}.global-search-suggestion-main{display:flex;justify-content:space-between;align-items:center}.global-search-suggestion-name{font-weight:600;color:var(--text-dark);font-size:var(--font-size-medium)}.global-search-suggestion-roll{font-size:var(--font-size-small);color:var(--text-secondary);background:var(--input-border);padding:2px 6px;border-radius:4px}.global-search-suggestion-details{font-size:var(--font-size-small);color:var(--text-secondary)}.global-search-suggestion-class,.global-search-suggestion-designation{font-style:italic}@media (max-width: 768px){.global-search-suggestions{max-height:200px}.global-search-suggestion-item{padding:8px 12px}.global-search-suggestion-name{font-size:var(--font-size-small)}.global-search-suggestion-roll{font-size:var(--font-size-extrasmall)}}.theme-switcher{position:relative;flex-shrink:0}.theme-switcher-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:var(--radius-control, 10px);border:1px solid var(--glass-border, rgba(255, 255, 255, .75));background:var(--glass-bg, rgba(255, 255, 255, .6));backdrop-filter:var(--glass-blur, blur(20px));-webkit-backdrop-filter:var(--glass-blur, blur(20px));color:var(--text-secondary);cursor:pointer;transition:all .18s ease;font-family:var(--font-family)}.theme-switcher-btn:hover{color:var(--accent);border-color:var(--accent)}.theme-switcher-btn svg{font-size:14px}.theme-switcher-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(255,255,255,.7);flex-shrink:0}.theme-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:208px;padding:6px;border-radius:14px;background:var(--surface-raised, rgba(255, 255, 255, .95));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-border, rgba(255, 255, 255, .8));box-shadow:0 12px 32px #10182824;z-index:1200}.theme-switcher-heading{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:6px 10px 7px}.theme-switcher-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-family);transition:background .15s ease}.theme-switcher-option:hover,.theme-switcher-option.active{background:var(--hover-bg, #E6F5F3)}.theme-switcher-swatch{width:22px;height:22px;border-radius:7px;flex-shrink:0;border:1px solid rgba(0,0,0,.07)}.theme-switcher-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.theme-switcher-name{font-size:13px;font-weight:600;color:var(--text-primary)}.theme-switcher-hint{font-size:11px;color:var(--text-secondary)}.theme-switcher-check{margin-left:auto;font-size:11px;color:var(--accent);flex-shrink:0}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-form{background:var(--surface-card);backdrop-filter:var(--surface-card-blur);-webkit-backdrop-filter:var(--surface-card-blur);padding:40px;border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:#333;margin:0 0 10px;font-size:24px;font-weight:600}.login-header h3{color:#666;margin:0;font-size:16px;font-weight:400}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background-color .2s}.password-toggle:hover:not(:disabled){background-color:#f8f9fa}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-btn{width:100%;padding:14px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s;margin-top:10px}.login-btn:hover:not(:disabled){background:#0056b3}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{background:#6c757d;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid #f5c6cb}.login-footer{text-align:center;margin-top:25px}.login-footer p{color:#666;font-size:13px;margin:0}.login-remember-me-container{margin:15px 0;text-align:right;padding-right:0}.login-remember-me-label{display:inline-flex;align-items:center;cursor:pointer;font-size:14px;color:#555;margin:0;padding:0;white-space:nowrap;position:relative}.login-remember-me-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.login-remember-me-custom-checkbox{position:relative;display:inline-block;width:16px;height:16px;background:var(--surface-card);backdrop-filter:var(--surface-card-blur);-webkit-backdrop-filter:var(--surface-card-blur);border:2px solid #007bff;border-radius:3px;margin-left:8px;cursor:pointer}.login-remember-me-checkbox:checked+.login-remember-me-custom-checkbox{background-color:#007bff}.login-remember-me-checkbox:checked+.login-remember-me-custom-checkbox:after{content:"";position:absolute;left:5px;top:2px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-remember-me-text{-webkit-user-select:none;user-select:none;font-weight:400;font-size:12px;margin:0;padding:0;color:#666}@media (max-width: 480px){.login-container{padding:10px}.login-form{padding:30px 20px}.login-header h2{font-size:20px}}