body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;scrollbar-color:#616161 #1c1c1c!important;scrollbar-width:thin!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{scrollbar-color:#616161 #1c1c1c;scrollbar-width:thin}.login-container-main{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-container-main.light{background-color:#ebeaea;background-color:var(--background-main-color-light);color:#000;color:var(--text-color-light)}.login-container-main.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.login-container{align-items:center;border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 0 10px #4d4d4d;box-shadow:0 0 10px var(--input-background-color-dark);display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:20px;width:100%}.login-container.dark{background-color:#282828!important;background-color:var(--background-color-inner-dark)!important;box-shadow:0 0 10px #fff!important;box-shadow:0 0 10px var(--background-color-light)!important}.login-container img{height:100px;margin-bottom:20px;width:100px}.login-container h2{align-items:center;color:inherit;display:grid;justify-content:center;margin-bottom:20px}.login-container form{display:flex;flex-direction:column}.login-container label{color:inherit;margin-bottom:8px}.login-container input{border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;color:inherit;font-size:16px;margin-bottom:20px;margin-top:10px;padding:10px;width:92%}.login-container.dark input{background-color:#4d4d4d!important;background-color:var(--input-background-color-dark)!important}.login-container button{background-color:#4caf50;background-color:var(--button-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.login-container.dark button{background-color:#4caf50;background-color:var(--button-background-color-dark)}.login_forgot_password,.signup_text_redirect{color:#45a049;color:var(--button-hover-color-light);cursor:pointer;font-size:16px;margin-top:5px!important;margin:0;padding:10px;text-align:center;transition:all .3s}.login-container.dark .login_forgot_password,.login-container.dark .signup_text_redirect{color:#45a049;color:var(--button-hover-color-dark)}.login_forgot_password:hover,.signup_text_redirect:hover{text-decoration:underline}.login_forgot_password{margin-top:-15px!important;text-align:right}.login-container button:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.login-container.dark button:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}@media (max-width:768px){.login-container{width:270px}}.eye-container{position:relative}.eyes{position:absolute;right:10px;top:22px}.alert_overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9111}.alert_modal{border-radius:8px;max-width:400px;padding:20px;text-align:center;width:100%}.alert_modal.light{background-color:#e6e6e6;color:#000}.alert_modal.dark{background-color:#333;color:#fff}.alert_modal-content h2{font-size:24px;margin-top:0}.alert_modal-content p{font-size:18px;margin-bottom:20px}.alert_success-icon{height:80px;margin:20px 0;width:80px}.alert_close-button{background-color:#202020;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.alert_close-button .dark{background-color:#555!important}.alert_close-button .dark :hover{background-color:#777!important}.alert_confirm-button{align-items:center;background-color:#555;border:none;border-radius:4px;color:#fff;display:flex;gap:2px;justify-content:center;padding:10px 20px}.alert_confirm-button:first-child{background-color:green}.alert_confirm-button:nth-child(2){background-color:red}.alert_confirm-button:hover{cursor:pointer}.alert_confirm-button:first-child:hover{background-color:rgba(0,128,0,.384)}.alert_confirm-button:nth-child(2):hover{background-color:rgba(255,0,0,.384)}.alert_close-button:hover{background-color:#171717}.alert_display-flex{align-items:center;display:flex;gap:5px;justify-content:space-evenly}.eye-containers{position:relative}.eyes-signup{position:absolute;right:10px;top:15px}.sign_up_Box_min{align-items:center;display:flex;justify-content:center;min-height:100vh}.sign_up_Box_min.light{background-color:#ebeaea;background-color:var(--background-main-color-light);color:#000;color:var(--text-color-light)}.sign_up_Box_min.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.Sign_up_Box{align-items:center;background-color:#ebeaea;background-color:var(--background-main-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 0 10px #4d4d4d;box-shadow:0 0 10px var(--input-background-color-dark);display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:20px;width:100%}.Sign_up_Box.dark{background-color:#282828;background-color:var(--background-color-inner-dark);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--background-color-light)}.Sign_up_Box img{display:grid;height:90px;width:80px}.Sign_up_Box h3{align-items:center;color:inherit;display:grid;justify-content:center;margin-bottom:10px}.Sign_up_Box label{color:inherit;margin-bottom:8px}.Sign_up_Box input{background-color:#f0f0f0;background-color:var(--input-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;color:inherit;font-size:16px;margin-bottom:20px;margin-top:5px;padding:8px;width:95%}.Sign_up_Box.dark input{background-color:#4d4d4d;background-color:var(--input-background-color-dark)}.Sign_up_Box button{background-color:#4caf50;background-color:var(--button-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.Sign_up_Box.dark button{background-color:#4caf50;background-color:var(--button-background-color-dark)}.Sign_up_Box button:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.Sign_up_Box.dark button:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}.verify_passcode_form{width:100%}.loader-div{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader{animation:l15 1s linear infinite;aspect-ratio:1;border:4px solid #0000;border-radius:50%;border-right-color:#0e580e;display:grid;width:150px}.loader:after,.loader:before{animation:l15 2s infinite;border:inherit;border-radius:50%;content:"";grid-area:1/1;margin:2px}.loader:after{animation-duration:3s;margin:8px}@keyframes l15{to{transform:rotate(1turn)}}.forgot-container-main{align-items:center;display:flex;justify-content:center;min-height:100vh}.forgot-container-main.light{background-color:#ebeaea;background-color:var(--background-main-color-light);color:#000;color:var(--text-color-light)}.forgot-container-main.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.forgot-container{align-items:center;border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 0 10px #4d4d4d;box-shadow:0 0 10px var(--input-background-color-dark);display:flex;flex-direction:column;justify-content:center;left:50%;max-width:400px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.forgot-container.dark{background-color:#282828;background-color:var(--background-color-inner-dark);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--background-color-light)}.forgot-container img{height:100px;width:100px}.forgot-container h2{align-items:center;color:inherit;display:grid;justify-content:center;margin-bottom:20px;text-align:center}.forgot-container form{display:flex;flex-direction:column;width:75%}.forgot-container label{color:inherit}.forgot-container input{background-color:#f0f0f0;background-color:var(--input-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;color:inherit;font-size:16px;margin-bottom:20px;margin-top:10px;padding:10px;width:93%}.forgot-container.dark input{background-color:#4d4d4d;background-color:var(--input-background-color-dark)}.forgot-container button{background-color:#4caf50;background-color:var(--button-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.forgot-container.dark button{background-color:#4caf50;background-color:var(--button-background-color-dark)}.forgot-container button:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.forgot-container.dark button:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}@media (max-width:720px){.forgot-container{width:270px}}.back_to_login{color:#45a049;color:var(--button-hover-color-light);cursor:pointer;text-align:center}.back_to_login:hover{text-decoration:underline}.forgot-container.dark .back_to_login{color:#45a049;color:var(--button-hover-color-dark)}.reset-container-main{align-items:center;display:flex;justify-content:center;min-height:100vh}.reset-container-main.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.reset-container-main.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.reset-container{align-items:center;background-color:#fff;background-color:var(--background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 0 10px #fff;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:400px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.reset-container.dark{background-color:#282828;background-color:var(--background-color-inner-dark)}.reset-container img{height:100px;margin-bottom:20px;width:100px}.reset-container h2{align-items:center;color:inherit;display:grid;justify-content:center;margin-bottom:20px;text-align:center}.reset-container form{display:flex;flex-direction:column;width:75%}.reset-container label{color:inherit}.reset-container input{background-color:#f0f0f0;background-color:var(--input-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;color:inherit;font-size:16px;margin-bottom:20px;margin-top:10px;padding:10px;width:93%}.reset-container.dark input{background-color:#4d4d4d;background-color:var(--input-background-color-dark)}.reset-container button{background-color:#4caf50;background-color:var(--button-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.reset-container.dark button{background-color:#4caf50;background-color:var(--button-background-color-dark)}.reset-container button:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.reset-container.dark button:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}.input-password{position:relative}.eye-icon,.eye-icon-slash{color:#ccc;position:absolute;right:10px;top:22px}.eye-icon-slash:hover,.eye-icon:hover{cursor:pointer}@media (max-width:720px){.reset-container{width:270px}}:root{--button-background-color-light:#fff;--button-text-color-light:#000;--button-text-color-dark:#fff}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.error-container.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.error-container.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.error404-heading{color:#0e580e;font-size:4rem;margin-bottom:20px;margin-top:10px}.panda-image{margin-bottom:0;margin-top:-80px;width:500px}.error404-text{font-size:1.5rem;margin-bottom:20px;margin-top:-20px}.go-back-button{background-color:#fff;background-color:var(--button-background-color-light);border:none;border-radius:5px;color:#000;color:var(--button-text-color-light);cursor:pointer;font-size:1.2rem;padding:10px 20px}.error-container.dark .go-back-button{background-color:#4caf50;background-color:var(--button-background-color-dark);color:#fff;color:var(--button-text-color-dark)}.go-back-button:hover{background-color:#e6e6e6;background-color:var(--button-hover-color-light)}.error-container.dark .go-back-button:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}@media (max-width:768px){.panda-image{width:300px}}.dashboard-container{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark);min-height:100vh;padding:20px}.dashboard-container.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.dashboard-container.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.attendance-section{background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 8px #0000004d;margin:20px auto}.dashboard-container.dark .attendance-section{background-color:#222;background-color:var(--secondary-background-color-dark)}.attendance-section h2{color:inherit;font-size:24px;margin-bottom:20px}.filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.form-group{display:flex;flex:1 1;flex-direction:column;min-width:150px}.form-group label{color:inherit;font-size:16px;margin-bottom:8px}.form-input,.form-select{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;color:inherit;font-size:16px;padding:10px 15px}.dashboard-container.dark .form-input,.dashboard-container.dark .form-select{background-color:#222;background-color:var(--secondary-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.form-input:disabled,.form-select:disabled{cursor:not-allowed;opacity:.6}.btn-fetch,.btn-submit{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;height:45px;min-width:150px;padding:10px 20px;transition:background-color .3s}.btn-fetch{background-color:#4caf50;background-color:var(--button-background-color-light);color:#fff}.dashboard-container.dark .btn-fetch{background-color:#4caf50;background-color:var(--button-background-color-dark)}.btn-fetch:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.dashboard-container.dark .btn-fetch:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}.btn-submit{background-color:#2196f3;background-color:var(--button-submit-background-color-light);color:#fff;margin-top:20px}.dashboard-container.dark .btn-submit{background-color:#2196f3;background-color:var(--button-submit-background-color-dark)}.btn-submit:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-light)}.dashboard-container.dark .btn-submit:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-dark)}.btn-fetch:disabled,.btn-submit:disabled{background-color:#555;cursor:not-allowed}.dashboard-container.dark .message{background-color:#222;background-color:var(--secondary-background-color-dark);border-left:4px solid #ff9800;border-left:4px solid var(--message-border-color-dark)}.attendance-table-container{overflow-x:hidden}.attendance-info{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:6px;margin-bottom:20px;padding:15px}.dashboard-container.dark .attendance-info{background-color:#222;background-color:var(--secondary-background-color-dark)}.attendance-info h3{color:#4caf50;color:var(--button-background-color-light);margin:0 0 10px}.attendance-info p{color:inherit;margin:0}.attendance-table{border-collapse:collapse;margin-top:20px;width:100%}.attendance-table td,.attendance-table th{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);padding:12px;text-align:left}.dashboard-container.dark .attendance-table td,.dashboard-container.dark .attendance-table th{border-bottom:1px solid #444;border-bottom:1px solid var(--border-color-dark)}.attendance-table th{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);color:inherit;font-weight:600}.dashboard-container.dark .attendance-table th{background-color:#222;background-color:var(--secondary-background-color-dark)}.attendance-table tr:hover{background-color:#f0f0f0;background-color:var(--secondary-background-color-light)}.dashboard-container.dark .attendance-table tr:hover{background-color:#222;background-color:var(--secondary-background-color-dark)}.attendance-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px}.attendance-checkbox input{accent-color:#4caf50;accent-color:var(--button-background-color-light);cursor:pointer;height:18px;width:18px}.dashboard-container.dark .attendance-checkbox input{accent-color:#4caf50;accent-color:var(--button-background-color-dark)}.attendance-checkbox span{color:inherit;font-weight:500}.attendance-checkbox span:after{border-radius:50%;content:"";display:inline-block;height:8px;margin-left:5px;width:8px}.attendance-checkbox input:checked+span{color:#4caf50;color:var(--button-background-color-light)}.dashboard-container.dark .attendance-checkbox input:checked+span{color:#4caf50;color:var(--button-background-color-dark)}.attendance-checkbox input:not(:checked)+span{color:#f44336}.btn-toggle-theme{background-color:#2196f3;background-color:var(--button-submit-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:10px 20px;transition:background-color .3s}.dashboard-container.dark .btn-toggle-theme{background-color:#2196f3;background-color:var(--button-submit-background-color-dark)}.btn-toggle-theme:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-light)}@media (max-width:500px){.filter-controls{align-items:center;display:flex;flex-direction:column}.filter-controls .form-group{width:100%}}.dashboard-container.dark .btn-toggle-theme:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-dark)}:root{--navbar-background-color-light:#e0e0e0;--navbar-text-color-light:#000;--navbar-background-color-dark:#282828;--navbar-text-color-dark:#fff;--navbar-link-active-background-color-light:#4caf50;--navbar-link-active-background-color-dark:#4caf50;--navbar-logout-background-color-light:#f0f0f0;--navbar-logout-background-color-dark:#1a1a1a;--navbar-logout-hover-background-color-light:#e0e0e0;--navbar-logout-hover-background-color-dark:#181818;--navbar-logout-hover-color-light:red;--navbar-logout-hover-color-dark:red}.navbar{align-items:center;border-radius:10px;box-shadow:none;display:flex;font-size:large;height:75px;justify-content:space-between;position:relative;width:100%;z-index:4444}.navbar.light{background-color:#e0e0e0;background-color:var(--navbar-background-color-light);color:#000;color:var(--navbar-text-color-light)}.navbar.dark{background-color:#282828;background-color:var(--navbar-background-color-dark);color:#fff;color:var(--navbar-text-color-dark)}.navbar-contents{display:flex;gap:15px}.navbar-left-margin{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-left:40px}.navbar-right-margin{align-items:center;display:flex;gap:15px;margin-right:40px}.pfp{border-radius:50%;margin-right:10px;margin-top:-5px}.navbar-links,.navbar-logout{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:large;font-weight:600;height:40px;justify-content:center;margin-top:18px;text-align:center;width:160px}.navbar-links.active{background-color:#4caf50;background-color:var(--navbar-link-active-background-color-light);border-radius:10px;color:#000;padding:0 0 0 5px}.navbar.dark .navbar-links.active{background-color:#4caf50;background-color:var(--navbar-link-active-background-color-dark)}.navbar-logout{gap:5px;margin-top:15px;transition:all .3s;width:120px}.navbar-logout,.toggle-head{align-items:center;display:flex;justify-content:center}.navbar.dark .navbar-logout{background-color:#1a1a1a;background-color:var(--navbar-logout-background-color-dark)}.navbar-logout:hover{background-color:#e0e0e0;background-color:var(--navbar-logout-hover-background-color-light);color:red;color:var(--navbar-logout-hover-color-light)}.navbar.dark .navbar-logout:hover{background-color:#181818;background-color:var(--navbar-logout-hover-background-color-dark);color:red;color:var(--navbar-logout-hover-color-dark)}.navbar-menu{display:none}.navbar-sidebar{padding:12px 0 5px;position:fixed;right:0;top:115px;transform:translateX(100%);transition:transform .4s ease-in-out;width:100%;z-index:22}.navbar-sidebar.light{background:#e0e0e0;background:var(--navbar-background-color-light)}.navbar-sidebar.dark{background:#282828;background:var(--navbar-background-color-dark)}.icon-container{align-items:center;display:flex;justify-content:center;transition:transform .2s ease-in-out}.icon-container.open{transform:rotate(90deg)}.admin-hamburger{cursor:pointer;margin-right:15px;position:relative}.admin-dropdown{border-radius:0 0 0 10px;bottom:0;height:100vh;min-width:220px;opacity:0;overflow-y:auto;padding:15px 0;position:fixed;right:0;top:0;transform:translateX(100%);transition:all .3s ease-in-out;width:220px;z-index:4444}.admin-dropdown,.navbar.light .admin-dropdown.light{border-left:1px solid #0000001a;box-shadow:-4px 0 20px #00000026}.navbar.light .admin-dropdown.light{background-color:#e0e0e0!important;color:#000!important;padding-top:35px}.navbar.dark .admin-dropdown.dark{background-color:#282828!important;border-left:1px solid #ffffff1a;box-shadow:-4px 0 20px #00000080;color:#fff!important;padding-top:35px}.admin-dropdown .navbar-logout{background-color:#fbc9c9!important;bottom:60px;justify-content:center!important;position:absolute}.logbut{color:#f44!important}.admin-dropdown.show{opacity:1;transform:translateX(0)}.navbar.dark .admin-dropdown.dark p,.navbar.light .admin-dropdown.light p{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:flex-start;margin:4px 10px;min-height:40px;padding:15px 10px;text-align:center;transition:all .2s ease;width:calc(100% - 20px)}.navbar.light .admin-dropdown.light p{color:#000!important}.navbar.dark .admin-dropdown.dark p{color:#fff!important}.navbar.dark .admin-dropdown.dark p:hover,.navbar.light .admin-dropdown.light p:hover{background-color:#4caf50;color:#000;transform:translateX(-2px)}.admin-dropdown hr{border:none;margin:15px 10px;width:calc(100% - 20px)}.admin-dropdown hr,.admin-dropdown.light hr{border-top:2px solid #0000001a}.admin-dropdown.dark hr{border-top:2px solid #fff3}.admin-dropdown .toggle-head{border-radius:8px;font-size:14px}.admin-dropdown .navbar-logout,.admin-dropdown .toggle-head{align-items:center;background-color:initial;box-sizing:border-box;display:flex;font-weight:600;justify-content:center;margin:8px 10px;min-height:40px;padding:15px 10px;text-align:center;width:calc(100% - 20px)}.admin-dropdown .navbar-logout{font-size:16px;height:auto;transition:all .2s ease}#root>div,.app-container,.container,.page-content,body>div:first-child,main{transition:margin-right .3s ease-in-out}#root>div.shifted,.app-container.shifted,.container.shifted,.page-content.shifted,body.admin-dropdown-open>div:first-child:not(.navbar):not(.navbar-sidebar),main.shifted{margin-right:220px}.admin-dropdown-open .app-container,.admin-dropdown-open .container,.admin-dropdown-open .page-content,.admin-dropdown-open main{box-sizing:border-box}.navbar-contents.admin-nav{position:relative}@media (max-width:900px){body{overflow-x:hidden}.toggle-head{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.253);display:block;display:flex;font-size:larger;height:40px;justify-content:left}.toggle-head.light{border-bottom:1px solid rgba(0,0,0,.253)}.navbar{box-shadow:2px 2px 10px #000}.navbar-menu{display:block}.navbar-displayed{display:none}.navbar-sidebar-ul{margin:0;padding:0 20px}.navbar-links,.navbar-logout-menu{border:none;border-bottom:1px solid hsla(0,0%,100%,.253);border-radius:0;justify-content:left;margin-top:10px;width:100%}.navbar-links.light,.navbar-logout-menu.light{border-bottom:1px solid rgba(0,0,0,.253)}.navbar-logout-menu{color:red}.navbar-sidebar{display:block;height:100vh;overflow-y:auto}.switch{margin-left:20px}.app-container.shifted,.container.shifted,.page-content.shifted,body.admin-dropdown-open>div:not(.navbar):not(.navbar-sidebar),main.shifted{margin-right:0}.navbar-logout{bottom:0;position:relative}}.switch{display:inline-block;height:20px;margin-left:10px;margin-right:10px;position:relative;width:34px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(14px)}.admin-dropdown .toggle-head:hover{background-color:initial!important}.admin-dropdown .navbar-logout.light{background-color:#b5b0b0!important;border-radius:0!important}.record_container{min-height:100vh;padding:20px}.record_container,.record_container.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.record_container.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.record_summary-section{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:8px;box-shadow:0 4px 8px #0000004d;margin:20px auto;padding:20px}.record_container.dark .record_summary-section{background-color:#222;background-color:var(--secondary-background-color-dark)}.record_summary-section h2{color:inherit;font-size:24px;margin-bottom:20px}.record_filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.record_filter-group{display:flex;flex:1 1;flex-direction:column;min-width:150px}.record_filter-group label{color:inherit;font-size:16px;margin-bottom:8px}.record_filter-select{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;color:inherit;font-size:16px;padding:10px 15px}.record_container.dark .record_filter-select{background-color:#222;background-color:var(--secondary-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.record_filter-select:disabled{cursor:not-allowed;opacity:.6}.record_btn-fetch{background-color:#4caf50;background-color:var(--button-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:45px;min-width:150px;padding:10px 20px;transition:background-color .3s}.record_container.dark .record_btn-fetch{background-color:#4caf50;background-color:var(--button-background-color-dark)}.record_btn-fetch:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.record_summary-table thead tr th,.record_table-header{background-color:#161616!important;color:#fff}.record_container.dark .record_btn-fetch:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}.record_btn-fetch:disabled{background-color:#555;cursor:not-allowed}.record_summary-table-container{overflow-x:auto}.record_summary-table{border-collapse:collapse;margin-top:20px;width:100%}.record_summary-table td,.record_summary-table th{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);padding:12px;text-align:left}.record_container.dark .record_summary-table td,.record_container.dark .record_summary-table th{border-bottom:1px solid #444;border-bottom:1px solid var(--border-color-dark)}.record_summary-table th{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);color:inherit;font-weight:600}.record_container.dark .record_summary-table th{background-color:#222;background-color:var(--secondary-background-color-dark)}.record_btn-filter{background-color:#2196f3;background-color:var(--button-submit-background-color-light);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-right:8px;padding:10px 16px}.record_btn-filter.active{background-color:#4caf50}.record_container.dark{background-color:initial}.record_status-good{background-color:#d4edda;color:#155724}.record_status-warning{background-color:#fff3cd;color:#856404}.record_status-critical{background-color:#f8d7da;color:#721c24}.record_status-good.dark{background-color:#55be5833;color:#d4edda}.record_status-warning.dark{background-color:#ffc10733;color:#fff3cd}.record_status-critical.dark{background-color:#f4433633;color:#e2d2d2}.record_btn-view-details{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:background-color .3s}.record_btn-view-details:hover{background-color:#2980b9}.record_export-container{display:flex;gap:10px;margin-bottom:20px}.record_btn-export,.record_btn-notify{background-color:#2196f3;background-color:var(--button-submit-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background-color .3s}.record_container.dark .record_btn-export,.record_container.dark .record_btn-notify{background-color:#2196f3;background-color:var(--button-submit-background-color-dark)}.record_btn-export:hover,.record_btn-notify:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-light)}.record_btn-notify:disabled,.record_container.dark .record_btn-notify:disabled{background-color:#555;cursor:not-allowed}@media screen and (max-width:768px){.record_filter-row{flex-direction:column}.record_filter-group{max-width:100%;min-width:100%}.record_btn-fetch{width:100%}}:root{--modal-background-color-light:#fff;--modal-background-color-dark:#333;--header-background-color-light:#4caf50;--header-background-color-dark:#4caf50;--button-background-color-light:#f2f2f2;--button-hover-color-light:#e6e6e6}.notification-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}.notification-modal{animation:modalFadeIn .3s;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;overflow:hidden;width:100%}.notification-modal.light{background-color:#fff;background-color:var(--modal-background-color-light);color:#000;color:var(--text-color-light)}.notification-modal.dark{background-color:#333;background-color:var(--modal-background-color-dark);color:#fff;color:var(--text-color-dark)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-modal-header{align-items:center;background-color:#4caf50;background-color:var(--header-background-color-light);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.notification-modal-header h3{font-size:18px;margin:0}.notification-modal-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:0}.notification-modal-body{padding:20px}.notification-threshold-container{margin:20px 0}.notification-threshold-slider{margin:10px 0;width:100%}.notification-threshold-value{color:#4caf50;color:var(--header-background-color-light);font-weight:700}.notification-info{border-radius:5px;margin-bottom:20px;padding:15px}.notification-info.light{background-color:#e4e4e4}.notification-info.dark{background-color:#1a1a1a;background-color:var(--background-color-dark)}.notification-warning{color:#666;font-size:.9em}.notification-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.notification-cancel-btn{border:none;border-radius:4px;cursor:pointer;padding:8px 15px}.notification-cancel-btn.light{background-color:#f2f2f2;background-color:var(--button-background-color-light)}.notification-cancel-btn.dark{background-color:#4caf50;background-color:var(--button-background-color-dark);color:#fff}.notification-send-btn{border:none;border-radius:4px;cursor:pointer;padding:8px 15px}.notification-send-btn.light{background-color:#f2f2f2;background-color:var(--button-background-color-light);color:#fff}.notification-send-btn.dark{background-color:#4caf50;background-color:var(--button-background-color-dark);color:#fff}.notification-send-btn:disabled{background-color:#5bbe59;cursor:not-allowed}.notification-send-btn.light:hover{background-color:#e6e6e6;background-color:var(--button-hover-color-light)}.notification-send-btn.dark:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}.notification-message{border-radius:4px;margin-top:15px;padding:10px}.notification-message.success{background-color:#d4edda;color:#155724}.notification-message.error{background-color:#f8d7da;color:#721c24}@media (max-width:768px){.notification-modal{width:95%}}.date-filter-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9111}.date-filter-modal{animation:modalAppear .3s ease-out;background-color:#e6e6e6;border-radius:8px;max-width:450px;padding:20px;text-align:left;width:90%}.date-filter-modal.dark{background-color:#333;color:#fff}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.date-filter-modal-header{align-items:center;border-bottom:1px solid #888;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.date-filter-modal-header h3{font-size:22px;font-weight:600;margin:0}.date-filter-close-btn{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:22px;padding:4px}.date-filter-close-btn:hover{background-color:#ffffff1a}.date-filter-modal-body{padding-top:12px}.date-filter-input-group{margin-bottom:20px}.date-filter-input-group label{display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.date-filter-input{background-color:#f9f9f9;border:2px solid #aaa;border-radius:6px;font-size:1rem;padding:10px 14px;transition:all .2s ease;width:92%}.date-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.date-filter-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;font-weight:500;padding:8px 12px}.date-filter-modal-footer{display:flex;gap:12px;justify-content:space-evenly;margin-top:16px}.date-filter-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;min-width:100px;padding:10px 20px;transition:all .2s ease}.date-filter-btn-apply{background-color:green;color:#fff}.date-filter-btn-apply:hover{background-color:rgba(0,128,0,.384)}.date-filter-btn-clear{background-color:red;color:#fff}.date-filter-btn-clear:hover{background-color:rgba(255,0,0,.384)}.dark .date-filter-modal{background-color:#333;color:#fff}.dark .date-filter-input{background-color:#444;border-color:#777;color:#fff}.dark .date-filter-input:focus{background-color:#444;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.dark .date-filter-error{background-color:#2d1b1b;border-color:#5d2f2f;color:#fca5a5}@media (max-width:768px){.date-filter-modal{margin:20px;width:95%}.date-filter-modal-footer{flex-direction:column}.date-filter-btn{width:100%}}:root{--background-color-dark:#111;--text-color-dark:#f5f5f5;--card-background-color-light:#f0f0f0;--card-background-color-dark:#1e1e1e;--button-background-color-dark:#3a9e40;--button-hover-color-dark:#2e7d32}.student-detail-container{display:flex;flex-direction:column;min-height:100vh;padding:20px}.student-detail-container.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.student-detail-container.dark{background-color:#111;background-color:var(--background-color-dark);color:#f5f5f5;color:var(--text-color-dark)}.student-detail-content{border-radius:10px;box-shadow:0 2px 10px #0000004d;margin:2rem auto;padding:2rem;width:95%}.student-detail-content.light{background-color:#f0f0f0;background-color:var(--card-background-color-light)}.student-detail-content.dark{background-color:#1e1e1e;background-color:var(--card-background-color-dark)}.student-detail-header{align-items:center;display:flex;margin-bottom:2rem;position:relative}.student-detail-header h2{flex:1 1;margin:0;text-align:center}.student-detail-back-btn{border-radius:4px;cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.student-detail-back-btn.light{background-color:#4caf50;background-color:var(--button-background-color-light);color:#fff}.student-detail-back-btn.dark{background-color:#3a9e40;background-color:var(--button-background-color-dark);color:#fff}.student-detail-back-btn.light:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.student-detail-back-btn.dark:hover{background-color:#2e7d32;background-color:var(--button-hover-color-dark)}.attendance-summary-card,.student-info-card{border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:2rem;padding:1.5rem}.attendance-summary-card.light,.student-info-card.light{background-color:#f0f0f0;background-color:var(--card-background-color-light)}.attendance-summary-card.dark,.student-info-card.dark{background-color:#272727}.attendance-summary-card h3,.student-info-card h3{border-bottom:1px solid #444;border-bottom:1px solid var(--border-color-dark);margin-bottom:1.5rem;margin-top:0;padding-bottom:.8rem}.student-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-item{display:flex;flex-direction:column}.info-label{color:#aaa;font-size:.9rem;margin-bottom:.3rem}.info-value{font-size:1.1rem;font-weight:500}.summary-stats{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-around}.stat-item{align-items:center;display:flex;flex-direction:column;min-width:120px}.stat-value{font-size:2rem;margin-bottom:.3rem}.stat-label{color:#aaa;font-size:.9rem}.good-attendance{color:#3a9e40}.warning-attendance{color:#f39c12}.critical-attendance{color:#e74c3c}.attendance-records-section{margin-top:2rem}.attendance-records-section h3{margin-bottom:1.5rem}.attendance-records-table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 6px #0003;overflow:hidden;width:100%}.attendance-records-table.light{background-color:#f0f0f0;background-color:var(--card-background-color-light)}.attendance-records-table.dark{background-color:#1e1e1e;background-color:var(--card-background-color-dark)}.attendance-records-table td,.attendance-records-table th{border-bottom:1px solid #444;border-bottom:1px solid var(--border-color-dark);padding:1rem;text-align:left}.attendance-records-table th{background-color:#161616;color:#fff;font-weight:600}.present-row{background-color:#3a9e4026}.absent-row{background-color:#e74c3c26}.status-badge{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:500;padding:.3rem .8rem}.status-badge.present{background-color:#3a9e4033;color:#4caf50}.status-badge.absent{background-color:#e74c3c33;color:#f44336}.no-records-message{border-radius:8px;color:#aaa;padding:2rem;text-align:center}.no-records-message.light{background-color:#f0f0f0;background-color:var(--card-background-color-light)}.no-records-message.dark{background-color:#1e1e1e;background-color:var(--card-background-color-dark)}.student-detail-error{border-radius:8px;box-shadow:0 2px 10px #0000004d;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.student-detail-error.light{background-color:#f0f0f0;background-color:var(--card-background-color-light);color:#000;color:var(--text-color-light)}.student-detail-error.dark{background-color:#1e1e1e;background-color:var(--card-background-color-dark);color:#f5f5f5;color:var(--text-color-dark)}@media (max-width:768px){.student-detail-content{padding:1rem}.student-detail-header{align-items:flex-start;flex-direction:column;gap:2rem}.student-detail-content{width:85%}.student-info-grid{grid-template-columns:1fr}.summary-stats{align-items:center;flex-direction:column}.attendance-records-container{overflow-x:auto}.attendance-records-table td,.attendance-records-table th{padding:.8rem}}:root{--error-color:#e53e3e;--warning-color:#ed8936;--divider-color-light:#e0e0e0;--divider-color-dark:#404040}.admin-container-main{align-items:flex-start;display:flex;flex-direction:column;min-height:100vh;padding:20px}.admin-container-main.light{background-color:#ebeaea;background-color:var(--background-main-color-light);color:#000;color:var(--text-color-light)}.admin-container-main.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.admin-title{color:inherit;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center;width:100%}.admin-split-container{background-color:#fff;background-color:var(--background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;margin:20px auto;min-height:600px;overflow:hidden;width:100%}.admin-split-container.dark{background-color:#282828;background-color:var(--background-color-inner-dark);border-color:#444;border-color:var(--border-color-dark);box-shadow:0 4px 20px #ffffff0d}.admin-instructions-panel{background-color:#f8f9fa;border-right:2px solid #e0e0e0;border-right:2px solid var(--divider-color-light);display:flex;flex:1 1;flex-direction:column;padding:40px}.admin-split-container.dark .admin-instructions-panel{background-color:#1e1e1e;border-right-color:#404040;border-right-color:var(--divider-color-dark)}.instructions-header{align-items:center;color:#4caf50;color:var(--button-background-color-light);display:flex;font-size:20px;font-weight:600;gap:12px;margin-bottom:20px}.instructions-header .instruction-icon{font-size:24px}.default-instructions{color:#666;font-size:16px;line-height:1.6;margin-top:60px;text-align:center}.admin-split-container.dark .default-instructions{color:#ccc}.category-instructions{display:flex;flex:1 1;flex-direction:column}.instructions-description{background-color:#4caf501a;border-left:4px solid #4caf50;border-left:4px solid var(--button-background-color-light);border-radius:4px;color:#666;font-size:15px;line-height:1.6;margin-bottom:25px;padding:15px}.admin-split-container.dark .instructions-description{background-color:#4caf5026;color:#ccc}.instructions-section{margin-bottom:25px}.instructions-section h4{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.admin-split-container.dark .instructions-section h4{color:#fff}.instructions-list{background-color:#fff;border:1px solid #e1e5e9;border-radius:6px;list-style:none;margin:0;padding:15px}.admin-split-container.dark .instructions-list{background-color:#2a2a2a;border-color:#404040}.instructions-list li{display:flex;flex-direction:column;font-size:14px;gap:4px;line-height:1.5;margin-bottom:10px}.column-name{border-radius:4px;display:inline-block;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:4px 8px;width:fit-content}.column-name.required{background-color:#fee;border:1px solid #feb2b2;color:#c53030}.admin-split-container.dark .column-name.required{background-color:#742a2a;border-color:#9b2c2c;color:#fed7d7}.column-name.optional{background-color:#e6f3ff;border:1px solid #bee3f8;color:#2b6cb0}.admin-split-container.dark .column-name.optional{background-color:#2a4365;border-color:#3182ce;color:#bee3f8}.column-description{color:#666;font-size:13px;margin-left:4px}.admin-split-container.dark .column-description{color:#ccc}.csv-example{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;font-family:Courier New,monospace;font-size:12px;line-height:1.4;margin:0;overflow-x:auto;padding:15px;white-space:pre}.admin-split-container.dark .csv-example{background-color:#1e1e1e;border-color:#404040;color:#e0e0e0}.admin-form-panel{display:flex;flex:1 1;flex-direction:column;padding:40px}.admin-form-panel h3{color:inherit;font-size:22px;font-weight:600;margin-bottom:30px}.admin-form-group{margin-bottom:25px}.admin-form-group label{align-items:center;color:inherit;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:8px}.label-icon{color:#4caf50;color:var(--button-background-color-light)}.admin-select{background-color:#f0f0f0;background-color:var(--input-background-color-light);border:2px solid #ccc;border:2px solid var(--border-color-light);border-radius:8px;color:inherit;cursor:pointer;font-size:16px;margin-top:10px;padding:12px 16px;transition:all .3s ease;width:100%}.admin-split-container.dark .admin-select{background-color:#4d4d4d;background-color:var(--input-background-color-dark);border-color:#444;border-color:var(--border-color-dark)}.admin-select:focus{border-color:#4caf50;border-color:var(--button-background-color-light);box-shadow:0 0 0 3px #4caf501a;outline:none}.file-upload-area{align-items:center;background-color:#f0f0f0;background-color:var(--input-background-color-light);border:2px dashed #ccc;border:2px dashed var(--border-color-light);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:10px;min-height:120px;padding:40px 30px;text-align:center;transition:all .3s ease}.admin-split-container.dark .file-upload-area{background-color:#4d4d4d;background-color:var(--input-background-color-dark);border-color:#444;border-color:var(--border-color-dark)}.file-upload-area.drag-active,.file-upload-area:hover{background-color:#4caf500d;border-color:#4caf50;border-color:var(--button-background-color-light);transform:translateY(-2px)}.admin-split-container.dark .file-upload-area.drag-active,.admin-split-container.dark .file-upload-area:hover{background-color:#4caf501a}.file-input{display:none}.upload-icon{color:#4caf50;color:var(--button-background-color-light);font-size:48px;margin-bottom:15px}.upload-text{color:inherit;font-size:16px;font-weight:500;margin:0 0 10px}.upload-subtext{color:#000;color:var(--text-color-light);font-size:14px;margin:0;opacity:.7}.admin-split-container.dark .upload-subtext{color:#fff;color:var(--text-color-dark)}.selected-file{align-items:center;background-color:#e8f5e8;border:2px solid #4caf50;border:2px solid var(--success-color);border-radius:8px;display:flex;justify-content:space-between;padding:20px;width:100%}.admin-split-container.dark .selected-file{background-color:#4caf501a;border-color:#45a049;border-color:var(--button-hover-color-dark)}.file-info{align-items:center;display:flex;gap:12px}.file-icon{color:#4caf50;color:var(--success-color);font-size:24px}.file-name{color:inherit;font-weight:500;margin:0 0 5px}.file-size{color:#000;color:var(--text-color-light);font-size:12px;margin:0;opacity:.7}.admin-split-container.dark .file-size{color:#fff;color:var(--text-color-dark)}.remove-file-btn{background:none;border:none;border-radius:6px;color:#e53e3e;color:var(--error-color);cursor:pointer;font-size:16px;padding:8px;transition:background-color .3s ease}.remove-file-btn:hover{background-color:#e53e3e1a}.admin-upload-btn{align-items:center;background-color:#4caf50;background-color:var(--button-background-color-light);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:20px;padding:15px 25px;text-transform:uppercase;transition:all .3s ease}.admin-split-container.dark .admin-upload-btn{background-color:#4caf50;background-color:var(--button-background-color-dark)}.admin-upload-btn:hover:not(:disabled){background-color:#45a049;background-color:var(--button-hover-color-light);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.admin-split-container.dark .admin-upload-btn:hover:not(:disabled){background-color:#45a049;background-color:var(--button-hover-color-dark)}.admin-upload-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.upload-results-table{width:100%}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:1024px){.admin-split-container{flex-direction:column;max-width:800px}.admin-instructions-panel{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--divider-color-light);border-right:none;padding:30px}.admin-split-container.dark .admin-instructions-panel{border-bottom-color:#404040;border-bottom-color:var(--divider-color-dark)}.admin-form-panel{padding:30px}}@media (max-width:768px){.admin-container-main{padding:20px}.admin-title{font-size:24px;margin-bottom:20px}.admin-form-panel,.admin-instructions-panel{padding:20px}.instructions-header{font-size:18px}.file-upload-area{min-height:100px;padding:30px 20px}.upload-icon{font-size:36px}.selected-file{flex-direction:column;gap:15px;padding:20px 5px;text-align:center}.file-info{justify-content:center}}@media (max-width:480px){.admin-container-main{padding:20px}.admin-form-panel,.admin-instructions-panel{padding:15px}.admin-title{font-size:20px}.instructions-header{font-size:16px}.file-upload-area{min-height:80px;padding:20px 15px}.upload-text{font-size:14px}.upload-subtext{font-size:12px}.csv-example{font-size:10px;padding:10px}}.upload-results-container{background:#fff;background:var(--container-background);border:1px solid #e1e5e9;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:30px 0;overflow:hidden;width:100%}.upload-results-container.dark{background:#1a1a1a;background:var(--dark-container-background);border:1px solid #404040;border:1px solid var(--dark-border-color);box-shadow:0 4px 12px #0000004d}.results-header{background-color:#fff;background-color:var(--container-background);color:#333;color:var(--text-color);padding:20px 25px}.upload-results-container.dark .results-header{background-color:#1a1a1a;background-color:var(--dark-container-background);color:#fff;color:var(--dark-text-color)}.results-title{align-items:center;display:flex;gap:12px;margin-bottom:15px}.results-title h3{color:#333;color:var(--text-color);font-size:1.4rem;font-weight:600;margin:0}.upload-results-container.dark .results-title h3{color:#fff;color:var(--dark-text-color)}.results-title svg{color:#333;color:var(--text-color);font-size:1.5rem}.upload-results-container.dark .results-title svg{color:#fff;color:var(--dark-text-color)}.results-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7878782e;border:1px dashed rgba(20,77,1,.385);border-radius:8px;padding:12px 16px}.upload-results-container.dark .summary-item{background:#3c3c3c4d;border:1px dashed #64c86466}.summary-label{color:#333;color:var(--text-color);display:block;font-size:.9rem;margin-bottom:4px;opacity:.9}.upload-results-container.dark .summary-label{color:#fff;color:var(--dark-text-color)}.summary-value{display:block;font-size:1.5rem;font-weight:700}.summary-item.total .summary-value{color:#1a1a1a}.upload-results-container.dark .summary-item.total .summary-value{color:#fff}.summary-item.inserted .summary-value{color:#40c057}.summary-item.updated .summary-value{color:#fab005}.summary-item.failed .summary-value{color:#f71c30}.results-content{background:#fff;background:var(--container-background);padding:0}.upload-results-container.dark .results-content{background:#1a1a1a;background:var(--dark-container-background)}.results-section{border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color)}.results-section:last-child{border-bottom:none}.upload-results-container.dark .results-section{border-bottom:1px solid #404040;border-bottom:1px solid var(--dark-border-color)}.section-header{align-items:center;border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color);display:flex;font-weight:600;gap:10px;padding:16px 25px}.upload-results-container.dark .section-header{border-bottom:1px solid #404040;border-bottom:1px solid var(--dark-border-color)}.section-header h4{font-size:1.1rem;margin:0}.section-icon{font-size:1.2rem}.failed-header{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.inserted-header{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.updated-header{background:linear-gradient(135deg,#ffd43b,#fab005);color:#333}.results-table-container{background:#fff;background:var(--container-background);overflow-x:auto}.upload-results-container.dark .results-table-container{background:#1a1a1a;background:var(--dark-container-background)}.results-table{background:#fff;background:var(--container-background);border-collapse:collapse;font-size:.9rem;width:100%}.upload-results-container.dark .results-table{background:#1a1a1a;background:var(--dark-container-background)}.results-table th{background:#f8f9fa;background:var(--table-header-background);color:#495057;color:var(--table-header-text);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.upload-results-container.dark .results-table th{background:#2d2d2d;background:var(--dark-table-header-background);color:#e9ecef;color:var(--dark-table-header-text)}.results-table td{background:#fff;background:var(--container-background);border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-color);padding:14px 16px;vertical-align:top}.upload-results-container.dark .results-table td{background:#1a1a1a;background:var(--dark-container-background);border-bottom:1px solid #404040;border-bottom:1px solid var(--dark-border-color);color:#fff;color:var(--dark-text-color)}.results-table tr:last-child td{border-bottom:none}.failed-row{background:#ff6b6b0d}.failed-row:hover{background:#ff6b6b1a}.inserted-row{background:#51cf660d}.inserted-row:hover{background:#51cf661a}.updated-row{background:#ffd43b0d}.updated-row:hover{background:#ffd43b1a}.upload-results-container.dark .failed-row{background:#ff6b6b1a}.upload-results-container.dark .failed-row:hover{background:#ff6b6b26}.upload-results-container.dark .inserted-row{background:#51cf661a}.upload-results-container.dark .inserted-row:hover{background:#51cf6626}.upload-results-container.dark .updated-row{background:#ffd43b1a}.upload-results-container.dark .updated-row:hover{background:#ffd43b26}.upload-results-container.dark .failed-row td{background:#ff6b6b1a}.upload-results-container.dark .failed-row:hover td{background:#ff6b6b26}.upload-results-container.dark .inserted-row td{background:#51cf661a}.upload-results-container.dark .inserted-row:hover td{background:#51cf6626}.upload-results-container.dark .updated-row td{background:#ffd43b1a}.upload-results-container.dark .updated-row:hover td{background:#ffd43b26}.item-name{color:#333;color:var(--text-color);font-weight:600}.upload-results-container.dark .item-name{color:#fff;color:var(--dark-text-color)}.item-details{color:#666;color:var(--secondary-text-color);font-size:.85rem;line-height:1.4}.item-details div{margin-bottom:2px}.upload-results-container.dark .item-details{color:#ccc;color:var(--dark-secondary-text-color)}.item-reason{color:#333;color:var(--text-color);font-size:.85rem}.upload-results-container.dark .item-reason{color:#fff;color:var(--dark-text-color)}.error-badge{word-wrap:break-word;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;display:inline-block;font-weight:500;max-width:100%;padding:4px 8px}.error-badge,.status-badge{border-radius:12px;font-size:.75rem}.status-badge{font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.inserted-badge{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.updated-badge{background:linear-gradient(135deg,#ffd43b,#fab005);color:#333}.no-items-message{background:#fff;background:var(--container-background);color:#666;color:var(--secondary-text-color);font-style:italic;padding:30px;text-align:center}.upload-results-container.dark .no-items-message{background:#1a1a1a;background:var(--dark-container-background);color:#ccc;color:var(--dark-secondary-text-color)}@media (max-width:768px){.upload-results-container{border-radius:8px;margin:20px 0}.results-header{padding:15px 20px}.results-title h3{font-size:1.2rem}.results-summary{gap:10px;grid-template-columns:repeat(2,1fr)}.summary-item{padding:10px 12px}.summary-value{font-size:1.3rem}.section-header{padding:12px 20px}.section-header h4{font-size:1rem}.results-table td,.results-table th{font-size:.85rem;padding:10px 12px}}@media (max-width:480px){.results-summary{grid-template-columns:1fr}.results-table{font-size:.8rem}.results-table td,.results-table th{padding:8px 10px}.item-details{font-size:.8rem}.error-badge,.status-badge{font-size:.7rem;padding:3px 6px}}:root{--container-background:#fff;--dark-container-background:#1a1a1a;--border-color:#e1e5e9;--dark-border-color:#404040;--text-color:#333;--dark-text-color:#fff;--secondary-text-color:#666;--dark-secondary-text-color:#ccc;--table-header-background:#f8f9fa;--dark-table-header-background:#2d2d2d;--table-header-text:#495057;--dark-table-header-text:#e9ecef;--background-main-color-light:#ebeaea;--background-color-inner-dark:#282828;--input-background-color-light:#f0f0f0;--input-background-color-dark:#4d4d4d;--error-color:#d9534f;--error-hover-color:#c9302c}.profile-container-main{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:20px}.profile-container-main.light{background-color:#ebeaea;background-color:var(--background-main-color-light);color:#000;color:var(--text-color-light)}.profile-container-main.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.profile-card{border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:120px auto;max-width:500px;padding:20px;position:relative;text-align:center;width:100%}.profile-card.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.profile-card.dark{background-color:#282828;background-color:var(--background-color-inner-dark);border:1px solid #444;border:1px solid var(--border-color-dark);box-shadow:0 4px 8px #ffffff1a;color:#fff;color:var(--text-color-dark)}.profile-header{display:inline-block;position:relative}.profile-image{border:5px solid #fff;border:5px solid var(--background-color-light);border-radius:50%;box-shadow:10px 15px 60px #0000001a;height:120px;margin-top:-90px;object-fit:cover;width:120px}.profile-card.dark .profile-image{border:5px solid #fff;border:5px solid var(--text-color-dark);box-shadow:10px 15px 60px #ffffff1a}.profile-plus-icon{background-color:#000;background-color:var(--text-color-light);border-radius:50%;bottom:0;color:#fff;color:var(--background-color-light);cursor:pointer;padding:5px;position:absolute;right:0}.profile-card.dark .profile-plus-icon{background-color:#fff;background-color:var(--text-color-dark);color:#1a1a1a;color:var(--background-color-dark)}.profile-details{margin-top:-40px}.profile-name{font-size:24px;font-weight:700;margin-top:50px}.profile-email,.profile-name{color:inherit;margin-bottom:5px}.profile-email{font-size:16px}.profile-mob{color:gray;font-size:18px}.profile-card.dark .profile-mob{color:#ccc}.profile-edit-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s}.profile-edit-button.light{background-color:#4caf50;background-color:var(--button-background-color-light);color:#fff}.profile-edit-button.dark{background-color:#4caf50;background-color:var(--button-background-color-dark);color:#fff}.profile-edit-button:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.profile-edit-button.dark:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}.profile-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5555}.profile-modal{border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:10px;margin:auto;max-width:90%;padding:20px;width:400px}.profile-modal.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.profile-modal.dark{background-color:#282828;background-color:var(--background-color-inner-dark);border:1px solid #444;border:1px solid var(--border-color-dark);color:#fff;color:var(--text-color-dark)}.profile-modal h2{color:inherit;font-size:22px;margin-bottom:20px}.profile-modal-form label{color:inherit;display:block;font-size:16px;margin-bottom:10px}.profile-modal-form input{border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:5px;color:inherit;font-size:14px;margin-top:5px;padding:8px;width:calc(100% - 10px)}.profile-modal-form input.light{background-color:#f0f0f0;background-color:var(--input-background-color-light)}.profile-modal-form input.dark{background-color:#4d4d4d;background-color:var(--input-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.profile-modal-form input:disabled{cursor:not-allowed;opacity:.6}.profile-password-field{position:relative;width:100%}.profile-eye-icon{color:inherit;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-30%)}.profile-input-normal{border:1px solid #ccc!important;border:1px solid var(--border-color-light)!important}.profile-input-faded{border:1px solid #d9534f!important;border:1px solid var(--error-color)!important}.profile-modal.dark .profile-input-normal{border:1px solid #444!important;border:1px solid var(--border-color-dark)!important}.profile-edit-password-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-bottom:15px;padding:10px 20px;transition:background-color .3s}.profile-edit-password-button.light{background-color:#4caf50;background-color:var(--button-background-color-light);color:#fff}.profile-edit-password-button.dark{background-color:#4caf50;background-color:var(--button-background-color-dark);color:#fff}.profile-edit-password-button:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.profile-edit-password-button.dark:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}.profile-modal-buttons{margin-top:20px;text-align:right}.profile-modal-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 20px;transition:background-color .3s}.profile-modal-buttons button.light{background-color:#4caf50;background-color:var(--button-background-color-light);color:#fff}.profile-modal-buttons button.dark{background-color:#4caf50;background-color:var(--button-background-color-dark);color:#fff}.profile-modal-buttons button:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.profile-modal-buttons button.dark:hover{background-color:#45a049;background-color:var(--button-hover-color-dark)}.profile-alert-modal{border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center}.profile-alert-modal.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.profile-alert-modal.dark{background-color:#282828;background-color:var(--background-color-inner-dark);color:#fff;color:var(--text-color-dark)}.profile-alert-message{color:inherit;font-size:18px;margin-bottom:20px}.profile-alert-buttons button{background-color:#f5b921;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.profile-alert-buttons button:hover{background-color:#e09e1a}.profile-alert-buttons .profile-close-button{background-color:#d9534f;background-color:var(--error-color);color:#fff;margin-left:10px}.profile-alert-buttons .profile-close-button:hover{background-color:#c9302c;background-color:var(--error-hover-color)}.profile-crop-modal{align-items:center;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;height:500px;justify-content:space-between;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.profile-crop-modal.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.profile-crop-modal.dark{background-color:#282828;background-color:var(--background-color-inner-dark);color:#fff;color:var(--text-color-dark)}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px;width:100%;z-index:5}.modal-buttons button{background-color:#4caf50;background-color:var(--button-background-color-light);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s;width:45%}.modal-buttons button:hover{background-color:#45a049;background-color:var(--button-hover-color-light)}.crop_h2{color:inherit;font-size:18px;margin-bottom:20px;z-index:5}@media (max-width:768px){.profile-card{margin:150px auto;width:90%}.profile-modal{width:80%}.profile-crop-modal{height:400px;width:80%}}@media (max-width:480px){.profile-image{height:100px;margin-top:-70px;width:100px}.profile-name{font-size:20px;margin-top:40px}.profile-email,.profile-mob{font-size:14px}}.studentdashboard_container{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark);min-height:100vh;padding:20px}.studentdashboard_container.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.studentdashboard_container.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.studentdashboard_section{margin:20px auto}.studentdashboard_header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.studentdashboard_header h2{color:inherit;font-size:24px;margin:0}.studentdashboard_add_btn{align-items:center;background-color:#2196f3;background-color:var(--button-submit-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;transition:background-color .3s}.studentdashboard_container.dark .studentdashboard_add_btn{background-color:#2196f3;background-color:var(--button-submit-background-color-dark)}.studentdashboard_add_btn:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-light)}.studentdashboard_container.dark .studentdashboard_add_btn:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-dark)}.studentdashboard_icon{height:18px;width:18px}.studentdashboard_add_form{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:8px;box-shadow:0 4px 8px #0000004d;margin-bottom:25px;padding:20px}.studentdashboard_container.dark .studentdashboard_add_form{background-color:#222;background-color:var(--secondary-background-color-dark)}.studentdashboard_add_form h3{color:inherit;font-size:20px;margin:0 0 20px}.studentdashboard_form_grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.studentdashboard_form_group{display:flex;flex-direction:column;min-width:250px}.studentdashboard_form_group label{color:inherit;font-size:16px;margin-bottom:8px}.studentdashboard_form_input,.studentdashboard_form_select{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;color:inherit;font-size:16px;padding:10px 15px}.studentdashboard_container.dark .studentdashboard_form_input,.studentdashboard_container.dark .studentdashboard_form_select{background-color:#222;background-color:var(--secondary-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.studentdashboard_form_input:disabled,.studentdashboard_form_select:disabled{cursor:not-allowed;opacity:.6}.studentdashboard_form_actions{display:flex;flex-wrap:wrap;gap:15px}.studentdashboard_btn_cancel,.studentdashboard_btn_save{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:10px 20px;transition:background-color .3s}.studentdashboard_btn_save{background-color:#4caf50;background-color:var(--button-background-color-light);color:#fff}.studentdashboard_container.dark .studentdashboard_btn_save{background-color:#4caf50;background-color:var(--button-background-color-dark)}.studentdashboard_btn_save:hover:not(:disabled){background-color:#45a049;background-color:var(--button-hover-color-light)}.studentdashboard_container.dark .studentdashboard_btn_save:hover:not(:disabled){background-color:#45a049;background-color:var(--button-hover-color-dark)}.studentdashboard_btn_save:disabled{background-color:#555;cursor:not-allowed}.studentdashboard_btn_cancel{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);color:inherit}.studentdashboard_container.dark .studentdashboard_btn_cancel{background-color:#222;background-color:var(--secondary-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.studentdashboard_btn_cancel:hover{opacity:.8}.studentdashboard_filter_controls{align-items:flex-end;background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px}.studentdashboard_container.dark .studentdashboard_filter_controls{background-color:#222;background-color:var(--secondary-background-color-dark)}.studentdashboard_btn_fetch{align-items:center;background-color:#4caf50;background-color:var(--button-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:45px;justify-content:center;min-width:150px;padding:10px 20px;transition:background-color .3s}.studentdashboard_container.dark .studentdashboard_btn_fetch{background-color:#4caf50;background-color:var(--button-background-color-dark)}.studentdashboard_btn_fetch:hover:not(:disabled){background-color:#45a049;background-color:var(--button-hover-color-light)}.studentdashboard_container.dark .studentdashboard_btn_fetch:hover:not(:disabled){background-color:#45a049;background-color:var(--button-hover-color-dark)}.studentdashboard_btn_fetch:disabled{background-color:#555;cursor:not-allowed}.studentdashboard_search_container{margin-bottom:25px}.studentdashboard_search_bar{max-width:500px;position:relative;right:0}.studentdashboard_search_add_container{display:flex;justify-content:space-between;margin-bottom:20px}.studentdashboard_search_icon{color:#000;color:var(--text-color-light);height:18px;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.studentdashboard_container.dark .studentdashboard_search_icon{color:#fff;color:var(--text-color-dark)}.studentdashboard_search_input{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;box-sizing:border-box;color:inherit;font-size:16px;padding:10px 15px 10px 45px;width:100%}.studentdashboard_container.dark .studentdashboard_search_input{background-color:#222;background-color:var(--secondary-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.studentdashboard_students_container{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:8px;box-shadow:0 4px 8px #0000004d;padding:20px}.studentdashboard_container.dark .studentdashboard_students_container{background-color:#222;background-color:var(--secondary-background-color-dark)}.studentdashboard_students_info{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:6px;margin-bottom:20px;padding:15px}.studentdashboard_container.dark .studentdashboard_students_info{background-color:#222;background-color:var(--secondary-background-color-dark)}.studentdashboard_students_info h3{color:#4caf50;color:var(--button-background-color-light);font-size:18px;margin:0 0 10px}.studentdashboard_students_info span{color:inherit;font-weight:500}.studentdashboard_students_grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.studentdashboard_empty_state{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:8px;box-shadow:0 4px 8px #0000004d;color:inherit;padding:40px 20px;text-align:center}.studentdashboard_container.dark .studentdashboard_empty_state{background-color:#222;background-color:var(--secondary-background-color-dark)}.studentdashboard_empty_state p{font-size:18px;margin:0}.studentdashboard_container.dark .message{background-color:#222;background-color:var(--secondary-background-color-dark);border-left:4px solid #ff9800;border-left:4px solid var(--message-border-color-dark)}@media (max-width:768px){.studentdashboard_header{align-items:stretch;flex-direction:column}.studentdashboard_header h2{text-align:center}.studentdashboard_add_btn{justify-content:center}.studentdashboard_form_grid{grid-template-columns:1fr}.studentdashboard_filter_controls{align-items:stretch;flex-direction:column}.studentdashboard_filter_controls .studentdashboard_form_group{width:100%}.studentdashboard_form_actions{flex-direction:column}.studentdashboard_students_grid{grid-template-columns:1fr}}@media (max-width:500px){.studentdashboard_filter_controls{align-items:center;display:flex;flex-direction:column}.studentdashboard_filter_controls .studentdashboard_form_group{width:100%}.studentdashboard_section{padding:10px}.studentdashboard_add_form,.studentdashboard_filter_controls,.studentdashboard_students_container{padding:15px}}:root{--primary-color:#4caf50;--primary-color-hover:#26db65;--primary-color-alpha:#3b82f61a;--success-color:#4caf50;--success-color-hover:#059669;--success-color-alpha:#10b9811a;--danger-color:#ef4444;--danger-color-hover:#dc2626;--danger-color-alpha:#ef44441a;--warning-color:orange;--warning-color-hover:#ff8c00;--disabled-color:#9ca3af;--border-color:#e5e7eb;--text-color:#111827;--text-secondary:#6b7280;--background-color:#f9fafb;--card-background:#fff;--student-card-background:#fff;--input-background:#ebeaea;--modal-background:#fff;--card-shadow:0 1px 3px #0000001a;--card-hover-shadow:0 10px 25px #00000026;--modal-shadow:0 10px 25px #00000040}.dark{--border-color:#282828;--text-color:#f9fafb;--text-secondary:#d1d5db;--background-color:#282828;--card-background:#212121;--student-card-background:#282828;--input-background:#282828;--modal-background:#2d2d2d;--card-shadow:0 1px 3px #0000004d;--card-hover-shadow:0 10px 25px #0006;--modal-shadow:0 10px 25px #0009}.student-card{background:#fff;background:var(--student-card-background);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--card-shadow);padding:20px;transition:all .3s ease}.student-card:hover{border-color:#3b82f61a;border-color:var(--primary-color-alpha);box-shadow:0 10px 25px #00000026;box-shadow:var(--card-hover-shadow);transform:translateY(-3px)}.card-actions{display:flex;gap:8px;position:absolute;right:15px;top:15px}.student-card{position:relative}.student-select-checkbox{cursor:pointer;height:16px;left:12px;position:absolute;top:12px;width:16px;z-index:5}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:6px 10px;transition:all .3s ease}.action-btn .icon{height:16px;width:16px}.edit-btn{background:#4caf50;background:var(--primary-color);color:#fff}.edit-btn:hover{background:#26db65;background:var(--primary-color-hover);transform:scale(1.05)}.delete-btn{background:#ef4444;background:var(--danger-color);color:#fff}.delete-btn:hover{background:#dc2626;background:var(--danger-color-hover);transform:scale(1.05)}.save-btn{background:#4caf50;background:var(--success-color);color:#fff}.save-btn:hover{background:#059669;background:var(--success-color-hover);transform:scale(1.05)}.cancel-btn{background:#6b7280;background:var(--text-secondary);color:#fff}.cancel-btn:hover{background:#9ca3af;background:var(--disabled-color);transform:scale(1.05)}.add-btn{background:#4caf50;background:var(--primary-color);color:#fff}.add-btn:hover{background:#26db65;background:var(--primary-color-hover);transform:scale(1.05)}.password-btn{background:orange;background:var(--warning-color);color:#fff}.password-btn:hover{background:#ff8c00;background:var(--warning-color-hover);transform:scale(1.05)}.student-info{align-items:flex-start;display:flex;gap:15px;margin-top:30px}.student-avatar{align-items:center;background:#4caf50;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:60px;justify-content:center;text-transform:uppercase;width:60px}.student-details{flex:1 1;padding-right:60px}.student-details h3{color:#111827;color:var(--text-color);font-size:1.2rem;font-weight:700;margin:0 0 12px}.student-field{align-items:center;display:flex;margin-bottom:6px}.field-label{color:#6b7280;color:var(--text-secondary);font-size:.85rem;font-weight:600;min-width:100px}.field-value{word-break:break-word}.edit-input,.field-value{color:#111827;color:var(--text-color);font-size:.9rem}.edit-input{background:#ebeaea;background:var(--input-background);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:6px;padding:6px 10px;transition:all .3s ease;width:100%}.edit-input:focus{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;box-shadow:0 0 0 2px var(--primary-color-alpha);outline:none}.name-input{font-size:1.1rem;font-weight:600;margin-bottom:12px;padding:8px 12px}.specialization-edit{display:flex;flex-direction:column;gap:8px}.specialization-item{align-items:center;display:flex;gap:6px}.faculty-id-highlight{background:linear-gradient(135deg,#3b82f61a,#10b9811a);background:linear-gradient(135deg,var(--primary-color-alpha),var(--success-color-alpha));border:1px solid #4caf50;border:1px solid var(--primary-color);border-radius:6px;color:#4caf50;color:var(--primary-color);font-weight:600;padding:4px 8px}.dark .faculty-id-highlight{background:linear-gradient(135deg,#4aaf5033,#10b98133);border-color:#26db65;border-color:var(--primary-color-hover);color:#26db65;color:var(--primary-color-hover)}.non-editable-field{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:6px;color:#6b7280;color:var(--text-secondary);font-style:italic;opacity:.8;padding:6px 10px}.non-editable-field,.subject-access-display{background:#f9fafb;background:var(--background-color)}.subject-access-display{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;padding:3px 6px}.subject-access-field{align-items:stretch;flex-direction:column}.subject-access-label{margin-bottom:8px}.subject-search-container{display:flex;gap:8px;margin-bottom:10px;position:relative}.subject-search-input-wrapper{flex:1 1;position:relative}.subject-search-input{padding-right:30px}.subject-search-icon{color:#6b7280;color:var(--text-secondary);height:16px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px}.subject-add-icon{align-self:center;color:#4caf50;color:var(--primary-color);cursor:pointer;height:16px;transition:all .2s ease;width:16px}.subject-add-icon:hover{color:#26db65;color:var(--primary-color-hover);transform:scale(1.1)}.subject-dropdown{background:#fff;background:var(--modal-background);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--card-shadow);left:0;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.subject-dropdown-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#111827;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.subject-dropdown-item:hover{background-color:#f9fafb;background-color:var(--background-color)}.subject-dropdown-item:last-child{border-bottom:none}.subject-dropdown-empty{color:#6b7280;color:var(--text-secondary);font-size:14px;font-style:italic;padding:8px 12px}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.selected-subjects{display:flex;flex-wrap:wrap;gap:6px}.subject-tag{align-items:center;background:#4caf50;background:var(--primary-color);border-radius:16px;color:#fff;display:flex;font-size:12px;gap:6px;padding:4px 8px}.subject-remove-icon{cursor:pointer;height:14px;transition:transform .2s ease;width:14px}.subject-remove-icon:hover{transform:scale(1.2)}.no-subjects-message{color:#6b7280;color:var(--text-secondary);font-size:12px;font-style:italic;margin:0}.password-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-modal{background:#fff;background:var(--modal-background);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #00000040;box-shadow:var(--modal-shadow);min-width:300px;padding:20px}.password-modal-title{font-size:1.1rem;font-weight:600}.password-input,.password-modal-title{color:#111827;color:var(--text-color);margin-bottom:15px}.password-input{background:#ebeaea;background:var(--input-background);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:10px;width:100%}.password-input:focus{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;box-shadow:0 0 0 2px var(--primary-color-alpha);outline:none}.password-modal-actions{display:flex;gap:10px;justify-content:flex-end}.password-cancel-btn{background:#6b7280;background:var(--text-secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.password-cancel-btn:hover{background:#9ca3af;background:var(--disabled-color)}.password-update-btn{background:#4caf50;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.password-update-btn:hover{background:#26db65;background:var(--primary-color-hover)}@media (max-width:480px){.student-card{padding:15px}.edit-input{width:90%}.field-value{left:5px;position:relative}.student-info{align-items:center;flex-direction:column;gap:15px;text-align:center}.student-field{display:block;margin:10px 0}.student-details{padding-right:0;text-align:left;width:100%}.field-label{min-width:90px}.subject-search-container{flex-direction:column;gap:10px;width:90%}.selected-subjects{justify-content:center}.password-modal{margin:0 20px;min-width:280px}.password-modal-actions{flex-direction:column;gap:8px}.password-cancel-btn,.password-update-btn{width:100%}}.rollback_modal_overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:9111}.rollback_modal{animation:rollbackFadeIn .25s ease-in-out;border-radius:8px;max-width:420px;padding:20px;text-align:center;width:100%}.rollback_modal.light{background-color:#e6e6e6;color:#000}.rollback_modal.dark{background-color:#333;color:#fff}.rollback_modal_title{font-size:24px;margin-top:0}.rollback_modal_text{font-size:18px;margin-bottom:20px}.rollback_modal_actions{align-items:center;display:flex;flex-direction:column;gap:14px}.rollback_modal_actions_row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.rollback_btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;min-width:180px;padding:10px 20px}.rollback_btn.primary{background-color:green;color:#fff}.rollback_btn.primary:hover{background-color:#00800066}.rollback_btn.danger{background-color:red;color:#fff}.rollback_btn.danger:hover{background-color:#f006}.rollback_btn.secondary{background-color:#555;color:#fff;min-width:140px}.rollback_btn.secondary:hover{background-color:#777}.rollback_btn:disabled{cursor:not-allowed;opacity:.6}@keyframes rollbackFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.promote_modal_overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:9111}.promote_modal{animation:promoteFadeIn .25s ease-in-out;border-radius:8px;max-width:420px;padding:20px;text-align:center;width:100%}.promote_modal.light{background-color:#e6e6e6;color:#000}.promote_modal.dark{background-color:#333;color:#fff}.promote_modal_title{font-size:24px;margin-top:0}.promote_modal_text{font-size:18px;margin-bottom:20px}.promote_modal_actions{align-items:center;display:flex;flex-direction:column;gap:14px}.promote_modal_actions_row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.promote_btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;min-width:180px;padding:10px 20px}.promote_btn.primary{background-color:green;color:#fff}.promote_btn.primary:hover{background-color:#00800066}.promote_btn.secondary{background-color:#555;color:#fff;min-width:140px}.promote_btn.secondary:hover{background-color:#777}.promote_btn:disabled{cursor:not-allowed;opacity:.6}@keyframes promoteFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--background-color-light:#fff;--text-color-light:#000;--background-color-dark:#1a1a1a;--text-color-dark:#fff;--secondary-background-color-light:#f0f0f0;--secondary-background-color-dark:#222;--border-color-light:#ccc;--border-color-dark:#444;--button-background-color-light:#4caf50;--button-background-color-dark:#4caf50;--button-hover-color-light:#45a049;--button-hover-color-dark:#45a049;--button-submit-background-color-light:#2196f3;--button-submit-background-color-dark:#2196f3;--button-submit-hover-color-light:#0b7dda;--button-submit-hover-color-dark:#0b7dda;--message-border-color-light:#ff9800;--message-border-color-dark:#ff9800;--danger-color-light:#f44336;--danger-color-dark:#f44336;--success-color-light:#4caf50;--success-color-dark:#4caf50;--subject-tag-bg-light:#94eea66b;--subject-tag-border-light:#bbdefb;--subject-tag-bg-dark:#22892965;--subject-tag-border-dark:#62dc4c;--subject-tag-text-light:#034515;--subject-tag-text-dark:#e0fce1}.teacherdashboard_container{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark);min-height:100vh;padding:20px}.teacherdashboard_container.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}.teacherdashboard_container.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}.teacherdashboard_section{margin:20px auto}.teacherdashboard_header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:25px}.teacherdashboard_header h2{color:inherit;font-size:24px;margin:0}.teacherdashboard_search_add_container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.teacherdashboard_add_btn{align-items:center;background-color:#2196f3;background-color:var(--button-submit-background-color-light);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;transition:background-color .3s}.teacherdashboard_container.dark .teacherdashboard_add_btn{background-color:#2196f3;background-color:var(--button-submit-background-color-dark)}.teacherdashboard_add_btn:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-light)}.teacherdashboard_container.dark .teacherdashboard_add_btn:hover{background-color:#0b7dda;background-color:var(--button-submit-hover-color-dark)}.teacherdashboard_icon{height:18px;width:18px}.teacherdashboard_search_bar{flex:1 1;max-width:500px;min-width:300px;position:relative}.teacherdashboard_search_icon{color:#000;color:var(--text-color-light);height:18px;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.teacherdashboard_container.dark .teacherdashboard_search_icon{color:#fff;color:var(--text-color-dark)}.teacherdashboard_search_input{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;box-sizing:border-box;color:inherit;font-size:16px;padding:10px 15px 10px 45px;width:100%}.teacherdashboard_container.dark .teacherdashboard_search_input{background-color:#222;background-color:var(--secondary-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.teacherdashboard_add_form{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:8px;box-shadow:0 4px 8px #0000004d;margin-bottom:25px;padding:20px}.teacherdashboard_container.dark .teacherdashboard_add_form{background-color:#222;background-color:var(--secondary-background-color-dark)}.teacherdashboard_add_form h3{color:inherit;font-size:20px;margin:0 0 20px}.teacherdashboard_form_grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.teacherdashboard_form_group,.teacherdashboard_form_group_check{display:flex;flex-direction:column;min-width:250px}.teacherdashboard_form_group label,.teacherdashboard_form_group_check label{color:inherit;font-size:16px;margin-bottom:8px}.teacherdashboard_form_group_check h4{color:inherit;font-size:16px;font-weight:600;margin:0 0 10px}.teacherdashboard_form_input,.teacherdashboard_form_select{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;color:inherit;font-size:16px;padding:10px 15px}.teacherdashboard_container.dark .teacherdashboard_form_input,.teacherdashboard_container.dark .teacherdashboard_form_select{background-color:#222;background-color:var(--secondary-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.teacherdashboard_form_input:disabled,.teacherdashboard_form_select:disabled{cursor:not-allowed;opacity:.6}.teacherdashboard_form_actions{display:flex;flex-wrap:wrap;gap:15px}.teacherdashboard_btn_cancel,.teacherdashboard_btn_save{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:10px 20px;transition:background-color .3s}.teacherdashboard_btn_save{background-color:#4caf50;background-color:var(--button-background-color-light);color:#fff}.teacherdashboard_container.dark .teacherdashboard_btn_save{background-color:#4caf50;background-color:var(--button-background-color-dark)}.teacherdashboard_btn_save:hover:not(:disabled){background-color:#45a049;background-color:var(--button-hover-color-light)}.teacherdashboard_container.dark .teacherdashboard_btn_save:hover:not(:disabled){background-color:#45a049;background-color:var(--button-hover-color-dark)}.teacherdashboard_btn_save:disabled{background-color:#555;cursor:not-allowed}.teacherdashboard_btn_cancel{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);color:inherit}.teacherdashboard_container.dark .teacherdashboard_btn_cancel{background-color:#222;background-color:var(--secondary-background-color-dark);border:1px solid #444;border:1px solid var(--border-color-dark)}.teacherdashboard_btn_cancel:hover{opacity:.8}.teacherdashboard_teachers_container{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:8px;box-shadow:0 4px 8px #0000004d;padding:20px}.teacherdashboard_container.dark .teacherdashboard_teachers_container{background-color:#222;background-color:var(--secondary-background-color-dark)}.teacherdashboard_teachers_info{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:6px;margin-bottom:20px;padding:15px}.teacherdashboard_container.dark .teacherdashboard_teachers_info{background-color:#222;background-color:var(--secondary-background-color-dark)}.teacherdashboard_teachers_info h3{color:#4caf50;color:var(--button-background-color-light);font-size:18px;margin:0 0 10px}.teacherdashboard_teachers_info span{color:inherit;font-weight:500}.teacherdashboard_teachers_grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.teacherdashboard_empty_state{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-radius:8px;box-shadow:0 4px 8px #0000004d;color:inherit;padding:40px 20px;text-align:center}.teacherdashboard_container.dark .teacherdashboard_empty_state{background-color:#222;background-color:var(--secondary-background-color-dark)}.teacherdashboard_empty_state p{font-size:18px;margin:0}.message{background-color:#f0f0f0;background-color:var(--secondary-background-color-light);border-left:4px solid #ff9800;border-left:4px solid var(--message-border-color-light);border-radius:4px;color:inherit;margin-bottom:20px;padding:12px}.teacherdashboard_container.dark .message{background-color:#222;background-color:var(--secondary-background-color-dark);border-left:4px solid #ff9800;border-left:4px solid var(--message-border-color-dark)}.teacherdashboard_subject_search_container{margin-bottom:15px;position:relative}.teacherdashboard_subject_input_container{align-items:center;display:flex;position:relative}.teacherdashboard_subject_add_icon{color:#2196f3;color:var(--button-submit-background-color-light);cursor:pointer;margin-left:10px;min-width:20px;transition:color .3s ease}.teacherdashboard_container.dark .teacherdashboard_subject_add_icon{color:#2196f3;color:var(--button-submit-background-color-dark)}.teacherdashboard_subject_add_icon:hover{color:#0b7dda;color:var(--button-submit-hover-color-light)}.teacherdashboard_container.dark .teacherdashboard_subject_add_icon:hover{color:#0b7dda;color:var(--button-submit-hover-color-dark)}.teacherdashboard_subject_dropdown{background-color:#fff;background-color:var(--background-color-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;width:max-content;z-index:1000}.teacherdashboard_subject_dropdown.dark{background-color:#1a1a1a;background-color:var(--background-color-dark);border-color:#444;border-color:var(--border-color-dark);box-shadow:0 2px 8px #ffffff1a;color:#fff;color:var(--text-color-dark)}.teacherdashboard_subject_dropdown_item{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);color:#000;color:var(--text-color-light);cursor:pointer;padding:10px 15px;transition:background-color .2s ease}.teacherdashboard_subject_dropdown_item:last-child{border-bottom:none}.teacherdashboard_subject_dropdown_item:hover{background-color:#f0f0f0;background-color:var(--secondary-background-color-light)}.teacherdashboard_subject_dropdown.dark .teacherdashboard_subject_dropdown_item{border-bottom-color:#444;border-bottom-color:var(--border-color-dark);color:#fff;color:var(--text-color-dark)}.teacherdashboard_subject_dropdown.dark .teacherdashboard_subject_dropdown_item:hover{background-color:#222;background-color:var(--secondary-background-color-dark)}.teacherdashboard_subject_dropdown_empty{color:#666;font-style:italic;padding:10px 15px;text-align:center}.teacherdashboard_container.dark .teacherdashboard_subject_dropdown_empty{color:#999}.teacherdashboard_dropdown_overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.teacherdashboard_selected_subjects{background-color:#b1b1b121;border:1px solid #0078134a;border-radius:6px;margin:15px 0;padding:15px}.teacherdashboard_container.dark .teacherdashboard_selected_subjects{background-color:#3838384a;border-color:#21f3354d}.teacherdashboard_selected_subjects_title{color:#2196f3;color:var(--button-submit-background-color-light);font-size:14px;font-weight:600;margin-bottom:10px}.teacherdashboard_container.dark .teacherdashboard_selected_subjects_title{color:#fff}.teacherdashboard_subject_tags{display:flex;flex-wrap:wrap;gap:8px}.teacherdashboard_subject_tag{align-items:center;background-color:#94eea66b;background-color:var(--subject-tag-bg-light);border:1px solid #bbdefb;border:1px solid var(--subject-tag-border-light);border-radius:20px;color:#034515;color:var(--subject-tag-text-light);display:flex;font-size:14px;gap:8px;padding:5px 12px;transition:all .3s ease}.teacherdashboard_container.dark .teacherdashboard_subject_tag{background-color:#22892965;background-color:var(--subject-tag-bg-dark);border-color:#62dc4c;border-color:var(--subject-tag-border-dark);color:#e0fce1;color:var(--subject-tag-text-dark)}.teacherdashboard_subject_tag:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.teacherdashboard_container.dark .teacherdashboard_subject_tag:hover{box-shadow:0 2px 4px #ffffff1a}.teacherdashboard_subject_tag_remove{border-radius:50%;color:#f44336;color:var(--danger-color-light);cursor:pointer;flex-shrink:0;padding:2px;transition:color .3s ease}.teacherdashboard_container.dark .teacherdashboard_subject_tag_remove{color:#f44336;color:var(--danger-color-dark)}.teacherdashboard_subject_tag_remove:hover{background-color:#f443361a;color:#d32f2f}.teacherdashboard_container.dark .teacherdashboard_subject_tag_remove:hover{background-color:#f4433633;color:#ff6b6b}.teacherdashboard_no_subjects_message{background-color:#8080800d;border:1px dashed #8080804d;border-radius:4px;color:#666;font-size:14px;font-style:italic;margin-top:10px;padding:10px;text-align:center}.teacherdashboard_container.dark .teacherdashboard_no_subjects_message{background-color:#8080801a;border-color:#80808066;color:#999}.teacherdashboard_form_group_check .teacherdashboard_form_input:focus{border-color:#2196f3;border-color:var(--button-submit-background-color-light);box-shadow:0 0 0 2px #2196f333;outline:none}.teacherdashboard_container.dark .teacherdashboard_form_group_check .teacherdashboard_form_input:focus{border-color:#2196f3;border-color:var(--button-submit-background-color-dark);box-shadow:0 0 0 2px #2196f34d}.teacherdashboard_subject_dropdown_loading{color:#000;color:var(--text-color-light);font-style:italic;padding:10px 15px;text-align:center}.teacherdashboard_container.dark .teacherdashboard_subject_dropdown_loading{color:#fff;color:var(--text-color-dark)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.teacherdashboard_subject_tag{animation:fadeInScale .3s ease-out}@media (max-width:768px){.teacherdashboard_header{align-items:center;flex-direction:column}.teacherdashboard_header h2{text-align:center}.teacherdashboard_search_add_container{align-items:stretch;flex-direction:column}.teacherdashboard_search_bar{max-width:none;min-width:auto}.teacherdashboard_add_btn{justify-content:center}.teacherdashboard_form_grid{grid-template-columns:1fr}.teacherdashboard_form_actions{flex-direction:column}.teacherdashboard_teachers_grid{grid-template-columns:1fr}.teacherdashboard_subject_tags{gap:6px}.teacherdashboard_subject_tag{font-size:12px;padding:4px 8px}}@media (max-width:500px){.teacherdashboard_section{padding:10px}.teacherdashboard_add_form,.teacherdashboard_teachers_container{padding:15px}.teacherdashboard_form_group,.teacherdashboard_form_group_check{min-width:auto}.teacherdashboard_selected_subjects{padding:10px}.teacherdashboard_subject_tags{gap:4px}}.teacher-dashboard-container{background-color:var(--background-color-light);color:var(--text-color-light);min-height:100vh;padding:20px}.teacher-dashboard-container.dark{background-color:var(--background-color-dark);color:var(--text-color-dark)}.paginate{margin-top:20px;padding:1rem 0}.teacher-header{margin-bottom:30px}.teacher-header h2{font-size:28px;font-weight:700;margin-bottom:10px}.teacher-info{font-size:16px;opacity:.8}.teacher-name{color:#4caf50;font-weight:600}.all-access-badge{background-color:#4caf50;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:500;margin-left:10px;padding:4px 12px}.attendance-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.attendance-card{background-color:var(--secondary-background-color-light);border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.teacher-dashboard-container.dark .attendance-card{background-color:var(--secondary-background-color-dark);box-shadow:0 4px 12px #0000004d}.attendance-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.teacher-dashboard-container.dark .attendance-card:hover{box-shadow:0 8px 20px #0006}.card-header{background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff;padding:20px}.card-header h3{font-size:20px;font-weight:600;margin:0 0 5px}.card-subject-name{font-size:14px;margin:0;opacity:.9}.card-body{padding:20px}.card-info-row{align-items:center;display:flex;margin-bottom:15px}.card-icon{color:#4caf50;flex-shrink:0;height:20px;margin-right:12px;width:20px}.card-info-content{flex:1 1}.card-info-label{font-size:12px;margin:0;opacity:.7}.card-info-value{font-size:15px;font-weight:600;margin:0}.attendance-stats{border-top:1px solid var(--border-color-light);margin-bottom:15px;padding-top:15px}.teacher-dashboard-container.dark .attendance-stats{border-top:1px solid var(--border-color-dark)}.stat-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.stat-row:last-child{margin-bottom:0}.stat-label{align-items:center;display:flex;font-size:14px}.stat-icon{height:18px;margin-right:8px;width:18px}.stat-value{font-size:16px;font-weight:700}.stat-value.present{color:#4caf50}.stat-value.absent{color:#f44336}.update-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin:0;padding:12px;transition:all .3s ease;width:100%}.update-button.active{background-color:#2196f3;color:#fff}.update-button.active:hover{background-color:#0b7dda}.update-button.disabled{background-color:#555;color:#999;cursor:not-allowed;opacity:.6}.update-button svg{height:16px;width:16px}.empty-state{background-color:var(--secondary-background-color-light);border-radius:12px;margin-top:20px;padding:60px 20px;text-align:center}.teacher-dashboard-container.dark .empty-state{background-color:var(--secondary-background-color-dark)}.empty-state-icon{height:64px;margin:0 auto 20px;opacity:.5;width:64px}.empty-state h3{font-size:20px;margin-bottom:10px}.empty-state p{font-size:16px;opacity:.7}.loading-container{padding:50px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #555;border-radius:50%;border-top-color:#4caf50;height:60px;margin:0 auto 20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--background-color-light);border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.teacher-dashboard-container.dark .modal-content{background-color:var(--background-color-dark)}.modal-header{background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff;padding:25px}.modal-header h2{font-size:24px;margin:0 0 5px}.modal-header p{font-size:16px;margin:0;opacity:.9}.modal-body{max-height:calc(90vh - 200px);overflow-y:auto;padding:25px}.modal-footer{background-color:var(--secondary-background-color-light);border-top:1px solid var(--border-color-light);display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}.teacher-dashboard-container.dark .modal-footer{background-color:var(--secondary-background-color-dark);border-top:1px solid var(--border-color-dark)}.modal-button{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.modal-button.cancel{background-color:#555;color:#fff}.modal-button.cancel:hover{background-color:#666}.modal-button.save{background-color:#4caf50;color:#fff}.modal-button.save:hover{background-color:#45a049}.modal-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#ffebee;border-left:4px solid #f44336;border-radius:6px;color:#c62828;margin-bottom:20px;padding:12px}.teacher-dashboard-container.dark .error-message{background-color:#4a2525;color:#ef5350}.attendance-section{background-color:var(--secondary-background-color-light);border-radius:12px;margin-top:20px;padding:20px}.teacher-dashboard-container.dark .attendance-section{background-color:var(--secondary-background-color-dark)}@media (max-width:768px){.attendance-cards-grid{grid-template-columns:1fr}.teacher-header h2{font-size:24px}.modal-content{max-width:100%}.modal-footer{flex-direction:column}.modal-button{width:100%}}@media (max-width:480px){.teacher-dashboard-container{padding:10px}.card-body,.card-header{padding:15px}.teacher-header h2{font-size:20px}}.paginate{display:flex;justify-content:center;margin-top:24px}.pagination-container{display:flex;gap:8px;list-style:none;margin:0;padding:0}.pagination-item{background-color:initial;border:1px solid #ccc;border-radius:6px;color:#000;cursor:pointer;font-size:14px;min-width:32px;padding:6px 10px;text-align:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.pagination-prev-next{min-width:28px}.pagination-break{cursor:default}.pagination-item:hover{background-color:#0000000a}.pagination-item-active{background-color:#1976d2;border-color:#1976d2;color:#fff}.pagination-item-disabled{cursor:default;opacity:.5;pointer-events:none}.teacher-dashboard-container.dark .pagination-item{border-color:#fff6;color:#fff}.teacher-dashboard-container.dark .pagination-item:hover{background-color:#ffffff1f}.teacher-dashboard-container.dark .pagination-item-active{background-color:#1976d2;border-color:#1976d2;color:#fff}.aus-page{--aus-bg:#1a1a1a;--aus-card-bg:#222;--aus-text:#e6eef8;--aus-muted:#a8b3c6;--aus-accent:#2563eb;--aus-border:#ffffff0f;-webkit-font-smoothing:antialiased;background-color:var(--aus-bg);box-sizing:border-box;color:var(--aus-text);min-height:100vh;padding:20px}.aus-page.light{--aus-bg:#fff;--aus-card-bg:#f0f0f0;--aus-text:#1f2937;--aus-muted:#6b7280;--aus-accent:#0b63ff;--aus-border:#1018280f}.aus-card{background:var(--aus-card-bg);border:1px solid var(--aus-border);border-radius:12px;box-shadow:0 6px 18px #02061773;box-sizing:border-box;color:var(--aus-text);margin:20px auto;padding:18px;width:97%}.aus-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.aus-title{color:var(--aus-text);font-size:1.05rem;font-weight:600;letter-spacing:.1px}.aus-actions{align-items:center;display:flex;gap:10px}.aus-btn{background:#0000;border:none;border-radius:8px;color:var(--aus-text);cursor:pointer;font-weight:600;padding:8px 12px;transition:background .12s ease,transform 80ms ease}.aus-btn:focus{outline:3px solid #2563eb29;outline-offset:2px}.aus-btn-primary{background:linear-gradient(180deg,#2563ebf2,#1248d6f2);color:#fff}.aus-checkbox{accent-color:var(--button-background-color-light);cursor:pointer;height:18px;width:18px}.aus-table{border-collapse:collapse;font-size:.95rem;width:100%}.aus-table td,.aus-table th{border-bottom:1px dashed #ffffff08;color:var(--aus-text);padding:8px 10px}.aus-table th{font-weight:700;text-align:left}.aus-list-container{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 280px);overflow:auto;padding-right:6px}.aus-hamburger,.aus-hamburger *{animation:none!important;-webkit-animation:none!important;transition:none!important;-webkit-transition:none!important}.aus-hamburger .line{background:currentColor;display:block;height:2px;margin:4px 0;transform:none!important;width:22px}.aus-hamburger.open .line.middle{display:none}.aus-page *{animation-duration:0s!important;animation-name:none!important}.aus-page .aus-card a{color:var(--aus-accent);text-decoration:none}.aus-page .aus-card a:hover{text-decoration:underline}.aus-theme-toggle{align-items:center;display:flex;gap:8px}.aus-footer{border-top:1px solid #ffffff08;display:flex;gap:12px;justify-content:flex-end;margin-top:12px;padding-top:12px}body,html{transition:none!important;-webkit-transition:none!important}.aus-card :focus{outline:3px solid #2563eb24;outline-offset:2px}@media (max-width:800px){.aus-header{align-items:stretch;flex-direction:column;gap:8px}.aus-actions{justify-content:flex-end}.aus-card{border-radius:8px;padding:12px}}
/*# sourceMappingURL=main.0cb55d07.css.map*/