:root{--navbar-h: 3.25rem;--sidebar-w: 260px;--primary: #0a8e2e;--primary-strong: #087b29;--login-shell-bg: #0b7e2a;--accent: #198754;--accent-soft: #e0f7ea;--surface: #ffffff;--surface-alt: #f7f9fb;--surface-muted: #f8f9fa;--border: #e0e0e0;--text: #222;--text-muted: #6c757d;--focus-ring: rgba(13, 177, 59, .2)}html[data-theme=dark]{color-scheme:dark;--primary: #0f7b3a;--primary-strong: #18a756;--accent: #50d987;--accent-soft: #123b27;--surface: #151a17;--surface-alt: #0e1210;--surface-muted: #1d241f;--border: #334038;--text: #edf5ef;--text-muted: #b5c2ba;--focus-ring: rgba(80, 217, 135, .28)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;background:var(--surface-alt);color:var(--text);min-height:100vh}body:not(.login-page){padding-top:var(--navbar-h)}.navbar{background:var(--primary)}.navbar.admin-navbar-fixed,.navbar.hod-navbar-fixed{position:fixed;top:0;left:0;right:0;z-index:1050;min-height:var(--navbar-h)}.sidebar{background:var(--surface);border-right:1.5px solid var(--border);transition:left .3s;z-index:1030}.sidebar-scroll-area{min-height:0;overflow-x:hidden;overflow-y:auto}.sidebar-scroll-area>.nav,.sidebar-scroll-area .nav-item{min-width:0;width:100%}@media(min-width:992px){#sidebar{position:fixed;top:var(--navbar-h);left:0;width:var(--sidebar-w);height:calc(100vh - var(--navbar-h))}#sidebar .d-flex.flex-column{height:100%}#sidebar .overflow-auto{overflow-y:auto!important}#mainContent{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));max-width:none;min-height:calc(100vh - var(--navbar-h))}}.sidebar .nav-link{color:var(--text);font-weight:500;border-radius:0 20px 20px 0;transition:background .2s,color .2s;padding:12px 18px}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#e0f7ea;color:var(--accent)}.sidebar-nav-link{align-items:center;display:flex;gap:.45rem;min-width:0}.sidebar-link-label,.sidebar-dropdown-label{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0}.sidebar-label-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-dropdown{position:relative;margin-right:.65rem}.sidebar-dropdown-toggle{align-items:center;background:transparent;border:0;display:flex;justify-content:space-between;text-align:left;width:100%}.sidebar-dropdown-toggle:hover,.sidebar-dropdown-toggle:focus-visible,.sidebar-dropdown.is-active .sidebar-dropdown-toggle,.sidebar-dropdown.is-open .sidebar-dropdown-toggle{background:linear-gradient(135deg,#0db13b29,#19875414);box-shadow:inset 4px 0 #0a8e2e;color:var(--accent);outline:none}.sidebar-dropdown-meta{align-items:center;display:inline-flex;flex:0 0 auto;gap:.45rem;margin-left:.35rem}.sidebar-notification-badge{align-items:center;display:inline-flex;flex:0 0 auto;font-size:.72rem;font-weight:700;justify-content:center;line-height:1;min-height:1.35rem;min-width:1.35rem;padding:.25rem .42rem}.sidebar-dropdown-caret{color:#7d9284;flex:0 0 auto;font-size:.72rem;margin-left:.5rem;transition:color .2s,transform .24s ease;width:auto!important}.sidebar-dropdown.is-open .sidebar-dropdown-caret{color:var(--accent);transform:rotate(180deg)}.sidebar-submenu{border-left:1px solid rgba(10,142,46,.2);margin-left:1.85rem;max-height:0;opacity:0;overflow:hidden;padding-left:.65rem;transform:translateY(-4px);transition:max-height .3s ease,opacity .2s ease,padding .25s ease,transform .25s ease}.sidebar-dropdown.is-open .sidebar-submenu{max-height:260px;opacity:1;padding-bottom:.35rem;padding-top:.35rem;transform:translateY(0)}.sidebar-submenu-link{align-items:center;border-radius:14px;color:#3d5144;display:flex;font-size:.92rem;font-weight:600;gap:.55rem;margin:.12rem 0;min-height:38px;padding:.55rem .75rem;position:relative;text-decoration:none;transition:background .2s,color .2s,transform .2s}.sidebar-submenu-link>span:not(.sidebar-notification-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-submenu-link:before{background:#0a8e2e40;border-radius:999px;content:"";height:6px;left:-.86rem;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s,box-shadow .2s;width:6px}.sidebar-submenu-link i{color:#6d8274;flex:0 0 20px;text-align:center;transition:color .2s}.sidebar-submenu-link:hover,.sidebar-submenu-link:focus-visible,.sidebar-submenu-link.active{background:#e8f8ee;color:#087b29;outline:none;transform:translate(2px)}.sidebar-submenu-link:hover:before,.sidebar-submenu-link:focus-visible:before,.sidebar-submenu-link.active:before{background:#0a8e2e;box-shadow:0 0 0 4px #0a8e2e1f}.sidebar-submenu-link:hover i,.sidebar-submenu-link:focus-visible i,.sidebar-submenu-link.active i{color:#0a8e2e}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1039}.sidebar-backdrop.is-visible{display:block}.deco{height:1rem;background-color:#0a8e2e;margin:0}@media(max-width:991.98px){.admin-navbar-fixed{display:flex;align-items:center;position:fixed}.admin-navbar-fixed .mobile-header-actions{display:flex!important;align-items:center;margin-left:auto!important;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}#sidebar{position:fixed;top:var(--navbar-h);left:-220px;width:220px;height:calc(100vh - var(--navbar-h));overflow-y:auto;z-index:1040;transition:left .3s}#sidebar.show{left:0}#mainContent{margin-left:0;width:100%;min-height:calc(100vh - var(--navbar-h))}.sidebar .nav-link{padding:12px}}@media(max-width:575.98px){.admin-card{min-height:118px!important}.admin-card .card-body{padding:.65rem .85rem!important}.admin-card .card-title{font-size:.82rem!important;margin-bottom:.15rem!important}.admin-card .display-6{font-size:1.35rem!important}.admin-card .fa-2x{font-size:1.25rem!important}.admin-card .small{font-size:.76rem!important;line-height:1.25}.navbar-brand{display:none!important}.navbar .btn-link{padding-left:.5rem;padding-right:.5rem}.dashboard-card .display-6,.card .display-6{font-size:1.5rem}.dashboard-card .card-title,.card .card-title{font-size:.95rem}}.card{border-radius:14px}.ecms-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}@media(min-width:768px){.ecms-page-actions .ecms-back-button{order:999}}.ecms-add-button,.ecms-add-button-outline{align-items:center;border-radius:8px;display:inline-flex;font-weight:700;gap:.45rem;justify-content:center;line-height:1.2;min-height:2.55rem;min-width:9rem;padding:.65rem 1rem;text-align:center;transition:box-shadow .18s ease,transform .18s ease;white-space:normal}.ecms-add-button i,.ecms-add-button-outline i{flex:0 0 auto;margin-right:0!important}.ecms-add-button{box-shadow:0 .45rem 1rem #19875429}.ecms-add-button:hover,.ecms-add-button:focus-visible{box-shadow:0 .6rem 1.2rem #19875438;transform:translateY(-1px)}.ecms-add-button-outline:hover,.ecms-add-button-outline:focus-visible{transform:translateY(-1px)}@media(max-width:767.98px){.ecms-page-actions{justify-content:stretch;width:100%}.ecms-page-actions>form,.ecms-page-actions .btn{flex:1 1 11rem}.ecms-page-actions>form .btn{width:100%}}@media(max-width:575.98px){.d-flex.justify-content-between.align-items-center.mb-4.flex-wrap:has(.ecms-page-actions){align-items:stretch!important;flex-direction:column}.d-flex.justify-content-between.align-items-center.mb-4.flex-wrap:has(.ecms-page-actions)>div:first-child{width:100%}.ecms-page-actions{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.45rem}.d-flex.justify-content-between.flex-wrap>.ecms-add-button,.ecms-page-actions .btn{flex:1 1 0;font-size:.78rem;line-height:1.1;min-height:2.1rem;min-width:0;overflow:hidden;padding:.5rem .55rem;text-overflow:ellipsis;white-space:nowrap;width:auto}.ecms-page-actions .btn i{font-size:.78rem;margin-right:.25rem!important}.ecms-page-actions>form{flex:1 1 0;min-width:0}}.ecms-back-button{align-items:center;background:var(--surface);border:1px solid rgba(10,142,46,.28);border-radius:999px;box-shadow:0 8px 18px #0a8e2e14;color:var(--primary-strong)!important;display:inline-flex;font-weight:700;gap:.35rem;justify-content:center;min-height:2.45rem;padding:.55rem 1rem;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease;white-space:nowrap}.ecms-back-button:hover,.ecms-back-button:focus-visible{background:var(--accent-soft);border-color:#0a8e2e85;box-shadow:0 10px 22px #0a8e2e24;color:var(--primary-strong)!important;transform:translate(-2px)}.ecms-back-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ecms-back-button i{flex:0 0 auto;margin-right:.35rem!important}html[data-theme=dark] .ecms-back-button{background:var(--surface-muted);border-color:#50d98757;box-shadow:0 8px 18px #0000003d;color:var(--accent)!important}html[data-theme=dark] .ecms-back-button:hover,html[data-theme=dark] .ecms-back-button:focus-visible{background:var(--accent-soft);border-color:#50d9879e;color:var(--accent)!important}.d-flex.mb-4:has(>.ecms-back-button)>div:first-of-type{flex:1 1 auto;min-width:0}.d-flex.mb-4:has(>.ecms-back-button)>.ecms-back-button{margin-left:auto}.d-flex.mb-4:has(>.ecms-back-button)>.ecms-page-actions,.d-flex.mb-4:has(>.ecms-back-button)>.action-buttons{margin-left:auto}@media(max-width:575.98px){.d-flex.mb-4:has(.ecms-back-button){align-items:flex-start!important;flex-direction:column!important;flex-wrap:nowrap!important;column-gap:0!important;row-gap:.75rem!important;position:relative}.d-flex.mb-4:has(.ecms-back-button)>.ecms-back-button,.d-flex.mb-4:has(.ecms-back-button)>.action-buttons:has(.ecms-back-button),.d-flex.mb-4:has(.ecms-back-button)>div:has(>.ecms-back-button){order:0!important}.d-flex.mb-4:has(.ecms-back-button)>div:not(:has(>.ecms-back-button)):first-child{flex:1 1 auto;min-width:0;order:-1!important;width:100%}.d-flex.mb-4:has(.ecms-back-button)>div:not(:has(.ecms-back-button)):first-child :is(h1,h2,h3,h4,h5,h6){padding-left:1.55rem;position:relative}.d-flex.mb-4:has(.ecms-back-button)>div:not(:has(.ecms-back-button)):first-child :is(h1,h2,h3,h4,h5,h6)>i:first-child{display:none!important}.ecms-back-button{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;color:var(--primary-strong)!important;flex:0 0 auto;font-size:0;height:auto;min-height:0;min-width:0;padding:0!important;position:absolute;left:0;top:.1rem;transform:none!important;width:auto;z-index:2}.ecms-back-button:hover,.ecms-back-button:focus-visible{background:transparent!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}.ecms-back-button i{font-size:1.08rem;line-height:1.35;margin:0!important}.ecms-back-button span{display:none!important}.d-flex.mb-4:has(.ecms-page-actions):has(.ecms-back-button){align-items:flex-start!important;flex-direction:column!important;flex-wrap:wrap!important;column-gap:0!important;row-gap:.75rem!important}.d-flex.mb-4:has(.ecms-page-actions):has(.ecms-back-button)>.ecms-back-button{order:0!important}.d-flex.mb-4:has(.ecms-page-actions):has(.ecms-back-button)>div:first-child:not(.ecms-page-actions){flex:1 1 auto!important;min-width:0;order:-1!important;width:100%}.d-flex.mb-4:has(.ecms-page-actions):has(.ecms-back-button)>.ecms-page-actions{flex:0 0 100%!important;order:1!important;padding-left:1.55rem;width:100%}.d-flex.mb-4:has(.ecms-page-actions):has(.ecms-back-button)>.ecms-page-actions:has(.ecms-back-button){min-height:0;padding-left:0}}.ecms-tg-stat-card .card-body{min-height:92px}.ecms-tg-stat-card:hover,.ecms-tg-stat-card:focus-within{border:2px solid var(--accent)!important;background:#e0f7ea}.ecms-tg-stat-icon{width:52px;height:52px;flex:0 0 52px}.ecms-tg-stat-label{font-size:.95rem;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.ecms-tg-stat-value{line-height:1.1;overflow-wrap:anywhere}.ecms-tg-stat-card .ecms-tg-stat-copy{min-width:0}@media(max-width:575.98px){.ecms-tg-stat-card .card-body{min-height:auto;padding:.9rem}.ecms-tg-stat-icon{width:44px;height:44px;flex-basis:44px}.ecms-tg-stat-value{font-size:1.55rem!important}}.admin-card{min-height:160px}.admin-card:hover,.admin-card:focus,.admin-card.active,.dashboard-card:hover,.dashboard-card:focus,.dashboard-card.active{border:2px solid var(--accent)!important;background:#e0f7ea}.card-header{background:var(--primary)}.timetable-table th,.timetable-table td{text-align:center;vertical-align:middle;min-width:110px}.timetable-table th.time-col,.timetable-table td.time-col{background:#e9fbe9;font-weight:700;min-width:70px}.timetable-table td input{width:100%;min-width:90px;font-size:.95em;padding:2px 4px}.ecms-live-select{position:relative;display:grid;gap:.5rem}.ecms-live-select-control{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;display:grid;gap:.5rem;grid-template-columns:auto minmax(0,1fr) auto;min-height:2.75rem;padding:0 .75rem;transition:border-color .18s ease,box-shadow .18s ease}.ecms-live-select-control:focus-within{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40}.ecms-live-select.is-invalid .ecms-live-select-control{border-color:#dc3545}.ecms-live-select.is-valid .ecms-live-select-control{border-color:#198754}.ecms-live-select-icon,.ecms-live-select-caret{color:var(--text-muted);font-size:.9rem}.ecms-live-select-input{background:transparent;border:0;color:var(--text);min-width:0;outline:0;padding:.65rem 0;width:100%}.ecms-live-select-input::placeholder{color:#6c757d}.ecms-live-select-native{height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:100%;width:1px}.ecms-live-select-menu{background:var(--surface);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 16px 34px #00000024;display:none;left:0;max-height:18rem;overflow-y:auto;position:absolute;right:0;top:3.1rem;z-index:1060}.ecms-live-select.is-open .ecms-live-select-menu{display:block}.ecms-live-select-option{background:transparent;border:0;color:var(--text);display:block;padding:.65rem .85rem;text-align:left;width:100%}.ecms-live-select-option:hover,.ecms-live-select-option:focus,.ecms-live-select-option[aria-selected=true]{background:var(--accent-soft);color:var(--primary-strong);outline:none}.ecms-live-select-empty{color:var(--text-muted);padding:.75rem .85rem}.ecms-live-select select{min-height:2.75rem}.ecms-live-select-status{margin-top:-.15rem}form[data-validate] .form-control,form[data-validate] .form-select,form[data-validate] textarea,.academic-year-form .form-control{transition:border-color .18s ease,box-shadow .18s ease}form[data-validate] .is-valid,.academic-year-form .form-control.is-valid{border-color:#198754}form[data-validate] .is-invalid,.academic-year-form .form-control.is-invalid{border-color:#dc3545}form[data-validate] .validation-help,.academic-year-form .validation-help{font-size:.875rem;min-height:1.25rem}.validated-create-form .form-control,.validated-create-form .form-select,.course-create-form .form-control,.course-create-form .form-select,.classrep-form .form-control,.classrep-form .form-select{transition:border-color .18s ease,box-shadow .18s ease}.validated-create-form .form-control.is-valid,.validated-create-form .form-select.is-valid,.course-create-form .form-control.is-valid,.course-create-form .form-select.is-valid,.classrep-form .form-control.is-valid,.classrep-form .form-select.is-valid{border-color:#198754}.validated-create-form .form-control.is-invalid,.validated-create-form .form-select.is-invalid,.course-create-form .form-control.is-invalid,.course-create-form .form-select.is-invalid,.classrep-form .form-control.is-invalid,.classrep-form .form-select.is-invalid{border-color:#dc3545}.validated-create-form .validation-help,.course-create-form .validation-help,.classrep-form .validation-help{font-size:.875rem;min-height:1.25rem}.clockpicker-popover{z-index:1060}.clockpicker .form-control[readonly]{background-color:#fff;cursor:pointer}.clockpicker .input-group-text{cursor:pointer}.ecms-lecturer-picker{display:grid;gap:.35rem}.ecms-external-lecturer-panel{background:var(--surface-muted);border:1px solid var(--border);border-radius:.5rem;margin-top:.6rem;padding:.75rem}.table-responsive{min-height:1px}.timetable-overview-table th,.timetable-overview-table td{min-width:120px;vertical-align:middle}.timetable-overview-table th:first-child{min-width:105px}.lecturer-timetable-entry{max-width:100%}.lecturer-timetable-entry .badge{white-space:normal}.tutorial-labs-grid-table th,.tutorial-labs-grid-table td{min-width:150px}.tutorial-lab-slot{background:#f2fbf6;border-color:#acdcbc;border-radius:.375rem;color:#0a4f20;padding:.55rem .6rem;box-shadow:0 8px 18px #0a8e2e14;text-align:left}.tutorial-lab-slot .timetable-course-code{display:block;font-weight:700;line-height:1.15}.tutorial-lab-slot .timetable-course-title{color:#4f6657;display:block;font-size:.75rem;line-height:1.25;margin-top:.15rem}.tutorial-lab-slot-top{align-items:center;display:flex;gap:.35rem;justify-content:space-between;margin-bottom:.25rem}.tutorial-lab-type,.tutorial-lab-group{border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:700;line-height:1;padding:.25rem .45rem}.tutorial-lab-type{background:#0a8e2e;color:#fff}.tutorial-lab-group{background:#fff;border:1px solid #cfe8d7;color:#375f44}.tutorial-lab-meta{align-items:center;color:#52685a;display:flex;font-size:.72rem;gap:.35rem;line-height:1.25;margin-top:.3rem}.acc-home-chart-wrap{min-height:260px}.acc-home-chart-wrap canvas{min-height:260px}.acc-home-chart-empty{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:.95rem;inset:0;justify-content:center;position:absolute;text-align:center}.logo-mobile{margin-left:auto}body.login-page{background:radial-gradient(circle at top left,rgba(13,177,59,.16),transparent 32%),linear-gradient(135deg,#f4fbf6,#eef4ef 52%,#f8faf7);display:flex;flex-direction:column;padding-top:0!important}body.login-page .login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem 4rem}body.login-page .login-card{background:#fffffff5;border:1px solid rgba(10,142,46,.12);border-radius:28px;box-shadow:0 24px 60px #10341a1f;padding:2.5rem 2.3rem 2rem;width:min(100%,460px);text-align:left;position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.login-page .login-chip{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:999px;background:#0db13b1a;color:#0a8e2e;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.2rem}body.login-page .login-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#0db13b,#087b29);color:#fff;display:grid;place-items:center;font-size:2rem;margin-bottom:1rem;box-shadow:0 18px 30px #0db13b38}body.login-page .login-card h2{font-size:2rem;font-weight:700;margin-bottom:.45rem;color:#13311a}body.login-page .login-subtext{color:#526157;font-size:.98rem;line-height:1.6;margin-bottom:1.5rem}body.login-page .login-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}body.login-page .login-form-logo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.5rem}body.login-page .login-form-logo{width:96px;height:96px;object-fit:contain}body.login-page .login-form-system-name{color:#13311a;font-size:1.15rem;font-weight:700;margin-top:.75rem;text-align:center}body.login-page .login-field{display:flex;flex-direction:column;gap:.45rem}body.login-page .login-field span,body.login-page .login-field>label{color:#294131;font-size:.92rem;font-weight:600}body.login-page .login-input-wrap{display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-radius:16px;border:1px solid #d6e4d8;background:#f8fcf9;transition:border-color .2s,box-shadow .2s,background .2s}body.login-page .login-input-wrap i{color:#6d8573;font-size:.95rem}body.login-page .login-password-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:transparent;color:#6d8573;cursor:pointer;transition:background .2s,color .2s}body.login-page .login-password-toggle:hover,body.login-page .login-password-toggle:focus-visible{background:#0db13b1a;color:#0a8e2e;outline:none}body.login-page .login-password-toggle i{color:currentColor}body.login-page .login-card input[type=text],body.login-page .login-card input[type=email],body.login-page .login-card input[type=password],body.login-page .login-card select{width:100%;padding:1rem 0;border-radius:0;border:none;background:transparent;font-size:1rem;outline:none;color:#1b2d20}body.login-page .login-card select{appearance:none}body.login-page .login-card input::placeholder{color:#8a9a8e}body.login-page .login-input-wrap:focus-within{border-color:#0db13b80;box-shadow:0 0 0 4px #0db13b1f;background:#fff}body.login-page .login-submit{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:linear-gradient(135deg,#0db13b,#0a8e2e);color:#fff;border:none;border-radius:16px;padding:1rem 1.2rem;font-size:1rem;font-weight:600;margin-top:.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s}body.login-page .login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 26px #0db13b38}body.login-page .login-alert{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;border-radius:16px;border:1px solid #f3c2c2;background:#fff5f5;color:#8b2f2f;margin-bottom:.3rem}body.login-page .login-alert ul{margin:0;padding-left:1rem}body.login-page .login-alert li+li{margin-top:.2rem}body.login-page .login-alert-success{background:#f0fff5;border-color:#b8e8c4;color:#186b31}body.login-page .login-note{color:#6a7b6e;font-size:.9rem;line-height:1.6;margin-top:.25rem}body.login-page .forgot-link{display:inline-block;color:#0db13b;font-size:.92rem;margin-top:.65rem;text-decoration:none;font-weight:600}body.login-page .forgot-link:hover{text-decoration:underline}body.login-page footer{color:#fff;font-size:.95rem;margin-top:auto;background:var(--login-shell-bg);border-top:1px solid rgba(255,255,255,.16)}body.login-page .footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.2rem;gap:18px}body.login-page .footer-container>div{min-width:180px;margin-bottom:10px}body.login-page .footer-social a{color:#fff;font-size:1.5rem;margin-right:10px;transition:color .2s}body.login-page .footer-social a:hover{color:#ffffffc7}html[data-theme=dark] body.login-page{background:radial-gradient(circle at top left,rgba(80,217,135,.14),transparent 34%),linear-gradient(135deg,#07100b,#101812 52%,#0b120d);color:var(--text)}html[data-theme=dark] body.login-page .deco{background-color:#0f7b3a}html[data-theme=dark] body.login-page .login-card{background:#151a17f5;border-color:#50d98738;box-shadow:0 24px 60px #0000006b}html[data-theme=dark] body.login-page .login-form-system-name,html[data-theme=dark] body.login-page .login-card h2,html[data-theme=dark] body.login-page .login-field span,html[data-theme=dark] body.login-page .login-field>label,html[data-theme=dark] body.login-page .login-card input[type=text],html[data-theme=dark] body.login-page .login-card input[type=email],html[data-theme=dark] body.login-page .login-card input[type=password],html[data-theme=dark] body.login-page .login-card select{color:var(--text)}html[data-theme=dark] body.login-page .login-subtext,html[data-theme=dark] body.login-page .login-note{color:var(--text-muted)}html[data-theme=dark] body.login-page .login-input-wrap{background:#101612;border-color:var(--border)}html[data-theme=dark] body.login-page .login-input-wrap i,html[data-theme=dark] body.login-page .login-password-toggle{color:var(--text-muted)}html[data-theme=dark] body.login-page .login-input-wrap:focus-within{background:var(--surface-muted);border-color:#50d98794;box-shadow:0 0 0 4px var(--focus-ring)}html[data-theme=dark] body.login-page .login-card input::placeholder{color:#8fa199}html[data-theme=dark] body.login-page .login-password-toggle:hover,html[data-theme=dark] body.login-page .login-password-toggle:focus-visible{background:#50d98724;color:var(--accent)}html[data-theme=dark] body.login-page .login-submit{background:linear-gradient(135deg,#18a756,#0f7b3a);color:#fff}html[data-theme=dark] body.login-page .login-submit:hover{box-shadow:0 16px 26px #00000057}html[data-theme=dark] body.login-page .login-alert{background:#451d24;border-color:#8f3a49;color:#ffdce1}html[data-theme=dark] body.login-page .login-alert-success{background:#123b27;border-color:#286844;color:#d9f7e2}html[data-theme=dark] body.login-page .forgot-link{color:#7ce7a6}html[data-theme=dark] body.login-page .forgot-link:hover{color:#a6f4c5}html[data-theme=dark] body.login-page footer{background:#075a25;border-top-color:#50d98733}html[data-theme=dark] body.login-page .footer-social a{color:#d9f7e2}body.login-page .login-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 2rem;background:var(--login-shell-bg);color:#fff;box-shadow:0 10px 30px #083e1529}body.login-page .login-logo{width:100px;height:60px;object-fit:contain;border-radius:16px;padding:.15rem}body.login-page .login-brand{display:flex;align-items:center;gap:0rem}body.login-page .login-brand-copy{display:flex;flex-direction:column;gap:.15rem}body.login-page .login-brand-copy strong{font-size:1rem;letter-spacing:.04em}body.login-page .login-brand-copy span{font-size:.88rem;color:#ffffffd1}body.login-page .login-header nav ul{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap}body.login-page .login-header nav ul li{color:#ffffffe6;font-weight:500;letter-spacing:.08em;cursor:pointer;font-size:.9rem;transition:color .2s;text-align:center}body.login-page .login-header nav ul li:hover{color:#fff}@media(max-width:700px){body.login-page .login-header{flex-direction:row;align-items:center;padding:.85rem 1rem}body.login-page .footer-container{flex-direction:column;align-items:flex-start;padding:1.25rem 1rem}body.login-page .login-main{padding:2rem 1rem 3rem}body.login-page .login-card{padding:2rem 1.2rem 1.5rem}body.login-page .login-brand{align-items:center;justify-content:space-between;gap:1rem;width:100%}body.login-page .login-logo{width:48px;height:48px;flex:0 0 auto}body.login-page .login-brand-copy{align-items:flex-end;text-align:right}body.login-page .login-brand-copy strong{display:none}body.login-page .login-brand-copy span{color:#fff;font-size:.95rem;font-weight:700;line-height:1.2}body.login-page .login-header nav{display:none}}:root{--acc-navbar-h: 3.25rem;--acc-sidebar-w: 260px}body{padding-top:var(--acc-navbar-h)}.navbar.acc-navbar-fixed{background:#0a8e2e;position:fixed;top:0;left:0;right:0;z-index:1050;min-height:var(--acc-navbar-h)}@media(min-width:992px){#sidebar{position:fixed;top:var(--acc-navbar-h);left:0;width:var(--acc-sidebar-w);height:calc(100vh - var(--acc-navbar-h));overflow-x:hidden;min-height:0}#mainContent{margin-left:var(--acc-sidebar-w);width:calc(100% - var(--acc-sidebar-w));max-width:none;min-height:calc(100vh - var(--acc-navbar-h))}}.acc-page-section{display:none}.acc-page-section.active{display:block}@media(max-width:991.98px){#sidebar{position:fixed;top:var(--acc-navbar-h);left:-220px;width:220px;height:calc(100vh - var(--acc-navbar-h));overflow:hidden;z-index:1040;transition:left .3s}#sidebar.show{left:0}#mainContent{margin-left:0;width:100%;min-height:calc(100vh - var(--acc-navbar-h))}.sidebar .nav-link{padding:12px}}.theme-toggle-item{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-width:14rem}.theme-toggle-copy{align-items:center;display:inline-flex;gap:.65rem}.theme-toggle-icon{color:var(--accent);text-align:center;width:1.1rem}.theme-toggle-state{border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;font-weight:700;line-height:1;padding:.25rem .55rem}html[data-theme=dark] body,html[data-theme=dark] #mainContent{background:var(--surface-alt);color:var(--text)}html[data-theme=dark] .navbar,html[data-theme=dark] .navbar.dean-navbar-fixed,html[data-theme=dark] .navbar.dvc-navbar-fixed,html[data-theme=dark] .navbar.hod-navbar-fixed,html[data-theme=dark] .navbar.admin-navbar-fixed{background:#0b5f2e;border-bottom:1px solid rgba(255,255,255,.12)}html[data-theme=dark] .navbar .text-white,html[data-theme=dark] .navbar .btn-link,html[data-theme=dark] .navbar .navbar-brand{color:#f4fff7!important}html[data-theme=dark] .dropdown-menu{--bs-dropdown-bg: var(--surface);--bs-dropdown-border-color: var(--border);--bs-dropdown-link-color: var(--text);--bs-dropdown-link-hover-bg: var(--accent-soft);--bs-dropdown-link-hover-color: var(--accent);--bs-dropdown-link-active-bg: var(--primary);--bs-dropdown-link-active-color: #fff;box-shadow:0 18px 40px #00000059}html[data-theme=dark] .dropdown-divider,html[data-theme=dark] .border,html[data-theme=dark] .border-top,html[data-theme=dark] .border-bottom{border-color:var(--border)!important}html[data-theme=dark] .sidebar,html[data-theme=dark] .sidebar-logout,html[data-theme=dark] #sidebar{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .sidebar .nav-link,html[data-theme=dark] .sidebar-submenu-link{color:var(--text)!important}html[data-theme=dark] .sidebar .nav-link i,html[data-theme=dark] .sidebar-submenu-link i,html[data-theme=dark] .sidebar-dropdown-caret{color:#9bb6a5}html[data-theme=dark] .sidebar .nav-link.active,html[data-theme=dark] .sidebar .nav-link:hover,html[data-theme=dark] .sidebar .nav-link:focus-visible,html[data-theme=dark] .sidebar-dropdown-toggle:hover,html[data-theme=dark] .sidebar-dropdown-toggle:focus-visible,html[data-theme=dark] .sidebar-dropdown.is-active .sidebar-dropdown-toggle,html[data-theme=dark] .sidebar-dropdown.is-open .sidebar-dropdown-toggle,html[data-theme=dark] .sidebar-submenu-link:hover,html[data-theme=dark] .sidebar-submenu-link:focus-visible,html[data-theme=dark] .sidebar-submenu-link.active,html[data-theme=dark] .dashboard-card.active,html[data-theme=dark] .dashboard-card:focus,html[data-theme=dark] .dashboard-card:hover,html[data-theme=dark] .admin-card.active,html[data-theme=dark] .admin-card:focus,html[data-theme=dark] .admin-card:hover,html[data-theme=dark] .ecms-tg-stat-card:hover,html[data-theme=dark] .ecms-tg-stat-card:focus-within{background:var(--accent-soft)!important;border-color:var(--accent)!important;color:var(--accent)!important}html[data-theme=dark] .sidebar .nav-link.active i,html[data-theme=dark] .sidebar .nav-link:hover i,html[data-theme=dark] .sidebar-submenu-link.active i,html[data-theme=dark] .sidebar-submenu-link:hover i,html[data-theme=dark] .sidebar-dropdown.is-open .sidebar-dropdown-caret{color:var(--accent)!important}html[data-theme=dark] .card,html[data-theme=dark] .modal-content,html[data-theme=dark] .list-group-item,html[data-theme=dark] .offcanvas,html[data-theme=dark] .toast,html[data-theme=dark] .accordion-item{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--text)}html[data-theme=dark] .card-header,html[data-theme=dark] .card-footer,html[data-theme=dark] .bg-white,html[data-theme=dark] .bg-light,html[data-theme=dark] .table-light,html[data-theme=dark] .table-light th,html[data-theme=dark] .table-light td{background-color:var(--surface-muted)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] .text-muted,html[data-theme=dark] small.text-muted,html[data-theme=dark] .acc-home-chart-empty,html[data-theme=dark] .tutorial-lab-slot .timetable-course-title,html[data-theme=dark] .tutorial-lab-meta{color:var(--text-muted)!important}html[data-theme=dark] .text-success,html[data-theme=dark] .nav-pills .nav-link{color:var(--accent)!important}html[data-theme=dark] .btn-outline-success{--bs-btn-color: var(--accent);--bs-btn-border-color: var(--accent);--bs-btn-hover-bg: var(--accent);--bs-btn-hover-border-color: var(--accent);--bs-btn-hover-color: #06210f}html[data-theme=dark] .table{--bs-table-bg: var(--surface);--bs-table-color: var(--text);--bs-table-border-color: var(--border);--bs-table-striped-bg: #1b231e;--bs-table-hover-bg: #203326;--bs-table-hover-color: var(--text);color:var(--text)}html[data-theme=dark] .form-control,html[data-theme=dark] .form-select,html[data-theme=dark] .form-check-input,html[data-theme=dark] textarea,html[data-theme=dark] input,html[data-theme=dark] select{background-color:#101612;border-color:var(--border);color:var(--text)}html[data-theme=dark] .ecms-live-select-control,html[data-theme=dark] .ecms-live-select-menu,html[data-theme=dark] .ecms-external-lecturer-panel{background:var(--surface-muted);border-color:var(--border)}html[data-theme=dark] .ecms-live-select-input,html[data-theme=dark] .ecms-live-select-option{color:var(--text)}html[data-theme=dark] .ecms-live-select-icon,html[data-theme=dark] .ecms-live-select-caret,html[data-theme=dark] .ecms-live-select-empty{color:var(--text-muted)}html[data-theme=dark] .form-control:focus,html[data-theme=dark] .form-select:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] .btn:focus-visible,html[data-theme=dark] .dropdown-item:focus-visible{border-color:var(--accent);box-shadow:0 0 0 .2rem var(--focus-ring);outline:none}html[data-theme=dark] .form-control::placeholder,html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8fa199}html[data-theme=dark] .timetable-table th.time-col,html[data-theme=dark] .timetable-table td.time-col,html[data-theme=dark] .tutorial-lab-slot{background:#152f20;border-color:#286844;color:#d9f7e2}html[data-theme=dark] .tutorial-lab-group{background:#101612;border-color:var(--border);color:var(--text)}html[data-theme=dark] .badge.bg-success-subtle,html[data-theme=dark] .bg-success-subtle{background-color:#123b27!important;color:#86efac!important;border-color:#286844!important}html[data-theme=dark] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.sidebar-submenu-link){color:#7ce7a6}html[data-theme=dark] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.sidebar-submenu-link):hover{color:#a6f4c5}html[data-theme=dark] .alert-success{background-color:#123b27;border-color:#286844;color:#d9f7e2}html[data-theme=dark] .alert-danger{background-color:#451d24;border-color:#8f3a49;color:#ffdce1}html[data-theme=dark] .alert-warning{background-color:#3d3213;border-color:#8a6a1d;color:#ffefb3}html[data-theme=dark] .shadow-sm,html[data-theme=dark] .shadow{box-shadow:0 .5rem 1.4rem #00000059!important}:root{--navbar-h: 3.25rem}body:not(.login-page){padding-top:var(--navbar-h)!important}.navbar.admin-navbar-fixed{min-height:var(--navbar-h)!important;padding-top:.25rem!important;padding-bottom:.25rem!important}.admin-navbar-fixed img{height:32px!important}.admin-navbar-fixed .navbar-brand{font-size:.9rem!important;line-height:1.1}.admin-navbar-fixed .btn-link{padding-top:.15rem;padding-bottom:.15rem}.admin-navbar-fixed .fa-user-circle{font-size:1.45rem}.admin-navbar-fixed .dropdown .small{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}@media(min-width:992px){#sidebar{top:var(--navbar-h)!important;height:calc(100vh - var(--navbar-h))!important}#mainContent{min-height:calc(100vh - var(--navbar-h))!important}}@media(max-width:991.98px){#sidebar{top:var(--navbar-h)!important;height:calc(100vh - var(--navbar-h))!important}#mainContent{min-height:calc(100vh - var(--navbar-h))!important}}:root{--aud-navbar-h: 3.25rem;--aud-sidebar-w: 260px}body{padding-top:var(--aud-navbar-h)}.navbar.aud-navbar-fixed{background:#0a8e2e;position:fixed;top:0;left:0;right:0;z-index:1050;min-height:var(--aud-navbar-h)}@media(min-width:992px){#sidebar{position:fixed;top:var(--aud-navbar-h);left:0;width:var(--aud-sidebar-w);height:calc(100vh - var(--aud-navbar-h));overflow-x:hidden;min-height:0}#mainContent{margin-left:var(--aud-sidebar-w);width:calc(100% - var(--aud-sidebar-w));max-width:none;min-height:calc(100vh - var(--aud-navbar-h))}}.aud-page-section{display:none}.aud-page-section.active{display:block}@media(max-width:991.98px){#sidebar{position:fixed;top:var(--aud-navbar-h);left:-220px;width:220px;height:calc(100vh - var(--aud-navbar-h));overflow:hidden;z-index:1040;transition:left .3s}#sidebar.show{left:0}#mainContent{margin-left:0;width:100%;min-height:calc(100vh - var(--aud-navbar-h))}.sidebar .nav-link{padding:12px}}:root{--dean-navbar-h: 3.25rem;--dean-sidebar-w: 260px}body{padding-top:var(--dean-navbar-h)}.navbar.dean-navbar-fixed{background:#0a8e2e;position:fixed;top:0;left:0;right:0;z-index:1050;min-height:var(--dean-navbar-h)}#sidebar{scrollbar-width:none;-ms-overflow-style:none}#sidebar::-webkit-scrollbar{display:none;width:0;height:0}@media(min-width:992px){#sidebar{position:fixed;top:var(--dean-navbar-h);left:0;width:var(--dean-sidebar-w);height:calc(100vh - var(--dean-navbar-h));overflow-y:auto;overflow-x:hidden;min-height:0}#mainContent{margin-left:var(--dean-sidebar-w);width:calc(100% - var(--dean-sidebar-w));max-width:none;min-height:calc(100vh - var(--dean-navbar-h))}}#logoutBtn{margin-top:1.5rem}.dean-page-section{display:none}.dean-page-section.active{display:block}@media(max-width:991.98px){#sidebar{position:fixed;top:var(--dean-navbar-h);left:-220px;width:220px;height:calc(100vh - var(--dean-navbar-h));overflow-y:auto;z-index:1040;transition:left .3s}#sidebar.show{left:0}#mainContent{margin-left:0;width:100%;min-height:calc(100vh - var(--dean-navbar-h))}.sidebar .nav-link{padding:12px}}:root{--dvc-navbar-h: 3.25rem;--dvc-sidebar-w: 260px}body{padding-top:var(--dvc-navbar-h)}.navbar.dvc-navbar-fixed{background:#0a8e2e;position:fixed;top:0;left:0;right:0;z-index:1050;min-height:var(--dvc-navbar-h)}.sidebar{background:#fff;border-right:1.5px solid #e0e0e0;transition:left .3s;z-index:1030}#sidebar{display:flex;flex-direction:column;overflow:hidden}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-scroll::-webkit-scrollbar{display:none;width:0;height:0}.sidebar-logout{flex-shrink:0;border-top:1px solid #e0e0e0;background:#f8f9fa}@media(min-width:992px){#sidebar{position:fixed;top:var(--dvc-navbar-h);left:0;width:var(--dvc-sidebar-w);height:calc(100vh - var(--dvc-navbar-h));overflow-x:hidden;min-height:0}#mainContent{margin-left:var(--dvc-sidebar-w);width:calc(100% - var(--dvc-sidebar-w));max-width:none;min-height:calc(100vh - var(--dvc-navbar-h))}}.sidebar .nav-link{color:#222;font-weight:500;border-radius:0 20px 20px 0;transition:background .2s,color .2s;padding:12px 18px}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#e0f7ea;color:#198754}.sidebar .nav-link i{width:22px;text-align:center}.dashboard-card.active,.dashboard-card:focus,.dashboard-card:hover{border:2px solid #198754!important;background:#e0f7ea}.dvc-page-section{display:none}.dvc-page-section.active{display:block}.nav-pills .nav-link{color:#198754}.nav-pills .nav-link.active{background-color:#0a8e2e}@media(max-width:991.98px){#sidebar{position:fixed;top:var(--dvc-navbar-h);left:-220px;width:220px;height:calc(100vh - var(--dvc-navbar-h));overflow:hidden;z-index:1040;transition:left .3s}#sidebar.show{left:0}#mainContent{margin-left:0;width:100%;min-height:calc(100vh - var(--dvc-navbar-h))}.sidebar .nav-link{padding:12px}.nav-pills{flex-wrap:wrap}}@media(max-width:575.98px){.dashboard-card .display-6{font-size:1.5rem}.dashboard-card .card-title{font-size:.95rem}}