.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;position:relative;overflow:hidden;color:var(--color-white)}.background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-vibrant-blue) 0%,var(--color-dark-blue) 40%,var(--color-bright-yellow) 100%);z-index:0}.greeting-text{position:absolute;top:30px;left:30px;font-size:24px;font-weight:500;z-index:10;max-width:calc(50% - 30px);word-wrap:break-word;line-height:1.3}.logo-section{position:absolute;top:3%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:1;max-width:100%;box-sizing:border-box}.e-graphic-logo{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.examsync-logo{width:400px;height:400px;max-width:100%;max-height:35vh;object-fit:contain;filter:drop-shadow(0 0 5px rgba(245,238,238,.5));position:relative}.logo-text{font-size:16px;font-weight:500;color:var(--color-bright-yellow);margin-top:5px;text-align:center}.login-form-card{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:350px;padding:40px 30px 60px;background:#fff0;display:flex;flex-direction:column;align-items:center;border-radius:10px;z-index:10;box-sizing:border-box;min-height:fit-content}.login-form-card h2{font-size:24px;margin:0 0 20px;font-weight:400;color:var(--color-white);text-align:center;flex-shrink:0;line-height:1.2}.input-field{position:relative;width:100%;margin-bottom:25px;isolation:isolate}.input-field input{width:100%;padding:15px;background:#3c3c3ccc;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--color-white);font-size:16px;outline:none;box-sizing:border-box;transition:all .3s ease;height:40px}.input-field input::placeholder{color:#ffffffb3}.input-field label{position:absolute;top:10px;left:15px;color:var(--color-soft-yellow);font-size:16px;pointer-events:none;transition:all .3s ease;transform-origin:left top;font-weight:500;z-index:1;max-width:calc(100% - 70px)}.input-field input:focus,.input-field input:not(:placeholder-shown){background:#464646e6;border-color:#ffffff4d;box-shadow:0 0 10px #f8c00033}.input-field input:focus~label,.input-field input:not(:placeholder-shown)~label{transform:translateY(-25px) scale(.7);color:var(--color-soft-yellow);font-weight:600}.password-field input{padding-right:50px}.password-field input[type=password]::-webkit-credentials-auto-fill-button,.password-field input[type=password]::-ms-reveal,.password-field input[type=password]::-ms-clear{display:none!important}.password-field input[type=text][id=password]::-webkit-credentials-auto-fill-button,.password-field input[type=text][id=password]::-ms-reveal,.password-field input[type=text][id=password]::-ms-clear{display:none!important}.toggle-password{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;color:#ffffffb3;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:auto}.form-actions{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px;min-width:0}.modern-checkbox-container{display:block;position:relative;padding-left:25px;margin-right:15px;cursor:pointer;font-size:14px;color:#fffc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.modern-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#ffffff4d;border-radius:4px}.modern-checkbox-container:hover input~.checkmark{background-color:#ffffff80}.modern-checkbox-container input:checked~.checkmark{background-color:var(--color-soft-yellow)}.checkmark:after{content:"";position:absolute;display:none}.modern-checkbox-container input:checked~.checkmark:after{display:block}.modern-checkbox-container .checkmark:after{left:6px;top:3px;width:3px;height:8px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.submit-button{width:100%!important;height:50px!important;border-radius:50px!important;background-color:#fdd835d9!important;color:#fff!important;border:none!important;padding:0!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:600!important;transition:background-color .3s ease,transform .1s ease,box-shadow .3s ease!important;box-shadow:0 4px 10px #0000004d!important;position:relative!important;margin-top:10px!important;box-sizing:border-box!important;font-family:inherit!important}.submit-button:hover:not(:disabled){background-color:#4caf50!important;color:#fff!important;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000004d}.submit-button:disabled{background-color:#fdd83580;cursor:not-allowed;opacity:.7}.error-text{color:var(--color-error);font-size:14px;margin-top:5px;text-align:left;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-toggle-button{position:absolute;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:#ffffff26;color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;z-index:10}.admin-toggle-button:hover{background-color:#ffffff4d}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--color-dark-blue);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@media(max-width:480px){.greeting-text{font-size:14px;top:10px;left:15px;max-width:calc(50% - 15px);line-height:1.2}.logo-section{top:8%;max-width:90%;left:50%;transform:translate(-50%)}.examsync-logo{width:150px;height:150px;max-height:20vh}.logo-text{font-size:11px;margin-top:3px}.login-form-card{top:55%;transform:translate(-50%,-50%);width:95%;max-width:280px;padding:30px 20px 50px}.login-form-card h2{font-size:18px;margin-bottom:15px}.input-field{margin-bottom:20px}.input-field input{font-size:14px;padding:12px;height:36px}.input-field label{font-size:14px;top:8px;left:12px}.input-field input:focus~label,.input-field input:not(:placeholder-shown)~label{transform:translateY(-22px) scale(.65)}.form-actions{margin-bottom:15px}.modern-checkbox-container{font-size:12px;padding-left:20px}.checkmark{height:16px;width:16px}.submit-button{width:100%!important;height:45px!important;font-size:14px!important;border-radius:45px!important;background-color:#fdd835!important;color:#fff!important}.admin-toggle-button{width:45px;height:45px;bottom:15px;right:15px}.error-text{font-size:12px}}@media(min-width:481px)and (max-width:1024px){.greeting-text{font-size:20px;top:20px;left:25px;max-width:calc(50% - 25px);line-height:1.3}.logo-section{top:6%;max-width:95%;left:50%;transform:translate(-50%)}.examsync-logo{width:220px;height:220px;max-height:28vh}.logo-text{font-size:14px;margin-top:5px}.login-form-card{top:68%;transform:translate(-50%,-50%);width:90%;max-width:380px;padding:40px 30px 60px}.login-form-card h2{font-size:22px;margin-bottom:18px}.input-field input{font-size:15px;padding:13px}.submit-button{width:100%!important;height:50px!important;font-size:15px!important;border-radius:50px!important;background-color:#fdd835!important;color:#fff!important}}@media(min-width:1025px){.greeting-text{font-size:24px;top:30px;left:35px;max-width:calc(50% - 35px);line-height:1.3}.logo-section{top:6%;max-width:95%;left:50%;transform:translate(-50%);z-index:1}.examsync-logo{width:250px;height:250px;max-height:30vh}.logo-text{font-size:20px;margin-top:10px}.login-form-card{top:72%;transform:translate(-50%,-50%);width:90%;max-width:400px;padding:45px 35px 70px;z-index:15}.login-form-card h2{font-size:26px;margin-bottom:22px}.input-field{margin-bottom:28px}.input-field input{font-size:16px;padding:15px;height:42px}.form-actions{margin-bottom:22px}.modern-checkbox-container{font-size:15px}.submit-button{width:100%!important;height:55px!important;font-size:18px!important;font-weight:600!important;border-radius:55px!important;margin-top:15px!important;background-color:#fdd835!important;color:#fff!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 10px #0000004d!important}.submit-button:hover:not(:disabled){background-color:#4caf50!important;color:#fff!important;box-shadow:0 6px 16px #0006!important;transform:translateY(-2px)!important}.submit-button:active:not(:disabled){transform:translateY(0)!important;box-shadow:0 2px 8px #0000004d!important}.submit-button:disabled{background-color:#fdd83580!important;opacity:.7!important}.admin-toggle-button{width:55px;height:55px}.error-text{font-size:15px}}:root{--color-dark-blue: #0d1b3f;--color-vibrant-blue: #1c4b8b;--color-bright-yellow: #f8c000;--color-soft-yellow: #fdd835;--color-white: #ffffff;--color-error: #ff5252}body{margin:0;font-family:sans-serif}.main-container{display:flex;flex-direction:column;width:100%;height:100vh;position:relative;overflow:hidden;color:var(--color-white)}.left-panel{display:none}.right-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;overflow-y:auto;background:linear-gradient(135deg,var(--color-vibrant-blue) 0%,var(--color-dark-blue) 40%,var(--color-bright-yellow) 100%)}.header-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 20px;margin-bottom:30px;flex-shrink:0;min-height:0}.greeting{text-align:center;margin-bottom:15px}.greeting p{margin:5px 0;font-size:16px;font-weight:500}.greeting .good-morning{font-size:14px;opacity:.9}.logo{display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0}.logo img{width:200px;height:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(245,238,238,.5))}.login-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 20px;margin-bottom:20px;flex-shrink:0;min-height:0}.login-section h2{font-size:24px;margin:0 0 30px;font-weight:400;color:var(--color-white);text-align:center;white-space:nowrap;flex-shrink:0}.faculty-text{color:var(--color-soft-yellow);font-weight:600}.login-form{display:flex;flex-direction:column;width:100%;max-width:350px;padding:0}.input-group{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.input-group label{font-size:14px;color:#fffc;margin-bottom:5px;font-weight:500}.login-input{padding:12px 15px;background:#fafafa26;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-white);font-size:14px;outline:none;transition:all .3s ease;box-sizing:border-box}.login-input::placeholder{color:#ffffff80}.login-input:focus{background:#fafafa40;border-color:#fff6;box-shadow:0 0 10px #f8c00033}.password-group{position:relative}.password-wrapper{position:relative;display:flex;align-items:center;width:100%;isolation:isolate}.password-wrapper .login-input{padding-right:45px;width:100%}.password-wrapper input[type=password]::-webkit-credentials-auto-fill-button,.password-wrapper input[type=password]::-ms-reveal,.password-wrapper input[type=password]::-ms-clear{display:none!important}.password-wrapper input[type=text][id=password]::-webkit-credentials-auto-fill-button,.password-wrapper input[type=text][id=password]::-ms-reveal,.password-wrapper input[type=text][id=password]::-ms-clear{display:none!important}.toggle-password{position:absolute;right:12px;cursor:pointer;color:#fff9;font-size:16px;transition:color .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:#ffffffe6}.form-error-row{height:24px;margin-bottom:10px;display:flex;align-items:center;min-width:0;overflow:hidden}.error-text{color:var(--color-error);font-size:13px;font-weight:500;white-space:nowrap}.error-text.hidden{visibility:hidden}.remember-me-container{display:flex;align-items:center;margin-bottom:20px;font-size:13px;color:#fffc;white-space:nowrap}.remember-me-container label{white-space:nowrap}.remember-me-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid rgba(255,255,255,.4);border-radius:4px;cursor:pointer;margin-right:8px;background:#fafafa1a;transition:all .3s ease}.remember-me-container input:checked{background:var(--color-soft-yellow);border-color:var(--color-soft-yellow)}.login-button{width:100%;padding:12px 15px;background-color:var(--color-soft-yellow);color:var(--color-dark-blue);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0003}.login-button:hover:not(:disabled){background-color:var(--color-bright-yellow);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background-color:#f8c00080;cursor:not-allowed;opacity:.7}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(13,27,63,.2);border-top:2px solid var(--color-dark-blue);border-radius:50%;animation:spin 1s linear infinite}.admin-login-link{margin-top:auto;padding-bottom:20px;width:100%;max-width:350px;padding-left:20px;padding-right:20px;box-sizing:border-box;display:flex;justify-content:center}.admin-login-btn{width:100%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:var(--color-white);padding:10px 20px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.admin-login-btn:hover{background:#ffffff40;border-color:#ffffff80}@media(max-width:480px){.right-panel{padding-top:15px}.header-section{margin-bottom:20px}.greeting p{font-size:14px}.logo img{width:120px}.login-section h2{font-size:18px;margin:0 0 20px;white-space:normal}.login-form{max-width:100%}.input-group{margin-bottom:15px}.login-input{font-size:13px;padding:10px 12px}.login-button{padding:10px 15px;font-size:14px}.remember-me-container,.error-text{font-size:12px}.admin-login-link{max-width:100%}}@media(min-width:481px)and (max-width:1024px){.right-panel{padding-top:25px}.header-section{margin-bottom:35px}.logo img{width:160px}.login-section h2{font-size:22px;margin:0 0 25px}.login-form{max-width:380px}.input-group{margin-bottom:18px}.login-input{font-size:15px;padding:12px 15px}.login-button{padding:12px 15px;font-size:15px}.admin-login-link{max-width:380px}}@media(min-width:1025px){.main-container{flex-direction:row}.left-panel{display:flex;flex:1;background:linear-gradient(135deg,var(--color-vibrant-blue) 0%,var(--color-dark-blue) 40%,var(--color-bright-yellow) 100%)}.right-panel{flex:1;padding-top:40px;background:linear-gradient(135deg,var(--color-vibrant-blue) 0%,var(--color-dark-blue) 40%,var(--color-bright-yellow) 100%)}.header-section{margin-bottom:50px}.logo img{width:220px}.login-section h2{font-size:26px;margin:0 0 35px}.login-form{max-width:400px}.input-group{margin-bottom:22px}.login-input{font-size:15px;padding:13px 15px}.login-button{padding:13px 20px;font-size:16px}.remember-me-container{font-size:14px}.admin-login-link{max-width:400px}}:root{--sidebar-width: 250px;--sidebar-closed-width: 50px;--primary-blue: #1e90ff;--dark-blue-bg: #092C4C;--light-gray-bg: #f5f7fa;--card-bg: #ffffff;--text-color: #333333;--light-text-color: #666666;--border-color: #e0e0e0;--shadow: 0 4px 10px rgba(0, 0, 0, .1);--transition-speed: .3s;--transition-timing-function: ease-in-out;--active-menu-bg: #F2994A;--active-menu-text: #ffffff;--menu-hover-bg: #080d6a}body{margin:0;font-family:Arial,sans-serif;background-color:var(--light-gray-bg);overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;box-sizing:border-box}.top-bar{background-color:#f8f9fa;padding:10px 20px;border-bottom:1px solid var(--border-color);text-align:left;box-shadow:0 2px 4px #0000000d;width:100%;box-sizing:border-box}button.set-button,button.view-button{background-color:#f2994a}.top-bar h2{margin:0;color:var(--text-color);font-size:1.2rem}.main-content-wrapper{display:flex;flex:1;width:100%;box-sizing:border-box}.sidebar{background-color:var(--dark-blue-bg);color:#fff;width:var(--sidebar-closed-width);min-width:var(--sidebar-closed-width);transition:width var(--transition-speed) var(--transition-timing-function),transform var(--transition-speed) var(--transition-timing-function);display:flex;flex-direction:column;position:fixed;height:100vh;top:0;left:0;z-index:1000;overflow-y:auto;overflow-x:visible;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar.open{width:var(--sidebar-width);min-width:var(--sidebar-width)}.sidebar-header{display:flex;align-items:center;padding:10px 15px;justify-content:flex-start}.sidebar-logo{display:flex;align-items:center;flex-grow:1;cursor:pointer}.logo-img{width:40px;height:40px;border-radius:50%;margin-right:10px;margin-left:-10px}.logo-text{font-size:1.2rem;font-weight:700;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity var(--transition-speed) var(--transition-timing-function),max-width var(--transition-speed) var(--transition-timing-function)}.sidebar.open .logo-text,.sidebar:hover .logo-text{opacity:1;max-width:150px}.sidebar-nav{flex-grow:1;padding-top:20px;overflow:visible}.sidebar-nav ul{list-style:none;padding:0;margin:0;overflow:visible}.sidebar-nav li{margin-bottom:5px;overflow:visible}.sidebar-nav button{display:flex;align-items:center;width:100%;background-color:transparent;border:none;color:#fff;text-decoration:none;padding:10px 15px;transition:background-color .2s,padding-left .2s;cursor:pointer;text-align:left;border-radius:5px;position:relative;overflow:visible}.sidebar-nav button:hover{background-color:var(--menu-hover-bg);padding-left:20px}.sidebar-nav li.active button{background-color:var(--active-menu-bg);color:var(--active-menu-text);font-weight:700;padding-left:15px}.sidebar-nav li.active button:hover{background-color:color-mix(in srgb,var(--active-menu-bg) 80%,black)}.sidebar-nav button span,.sidebar-footer a span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width var(--transition-speed) var(--transition-timing-function),opacity var(--transition-speed) var(--transition-timing-function),margin-left var(--transition-speed) var(--transition-timing-function);margin-left:0}.sidebar.open .sidebar-nav button span,.sidebar.open .sidebar-footer a span,.sidebar:hover .sidebar-nav button span,.sidebar:hover .sidebar-footer a span{max-width:150px;opacity:1;margin-left:10px}.sidebar-divider{border-top:1px solid rgba(255,255,255,.2);margin:10px 0;width:100%;align-self:center}.sidebar-nav ul li a,.sidebar-footer li a{display:flex;align-items:center;padding:10px 15px;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.icon{width:20px;height:20px;margin-right:0;object-fit:contain;transition:margin-right var(--transition-speed) var(--transition-timing-function);flex-shrink:0}.notification-badge-icon{position:absolute;top:-6px;right:-8px;background-color:#f2994a;color:#fff;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 4px;border:2px solid var(--dark-blue-bg);box-sizing:border-box;line-height:1;z-index:100;visibility:visible;opacity:1;pointer-events:none}.sidebar.open .icon{margin-right:10px}.sidebar-nav li.active button .icon{color:var(--active-menu-text)}.sidebar-footer{padding:20px 15px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer button{display:flex;align-items:center;color:#fff;text-decoration:none;padding:10px 0;background:none;border:none;cursor:pointer;width:100%;text-align:left}.sidebar-footer button:hover{background-color:var(--menu-hover-bg);border-radius:5px;padding-left:5px}.sidebar.open .sidebar-footer button{justify-content:flex-start;padding-left:15px}.menu-toggle-btn{display:none;position:fixed;top:15px;left:15px;z-index:1001;background-color:var(--dark-blue-bg);color:#fff;border:none;border-radius:8px;padding:10px 12px;cursor:pointer;font-size:1.2rem;box-shadow:0 2px 8px #0003;transition:background-color .2s ease}.menu-toggle-btn:hover{background-color:var(--menu-hover-bg)}.menu-toggle-btn:active{transform:scale(.95)}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity var(--transition-speed) var(--transition-timing-function)}.sidebar-backdrop.active{display:block;opacity:1}.main-content{flex-grow:1;padding:20px;background-color:var(--light-gray-bg);transition:margin-left var(--transition-speed) var(--transition-timing-function);box-sizing:border-box;margin-left:var(--sidebar-closed-width);overflow-y:auto;height:100vh}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.content-header h1{margin-top:0;color:var(--text-color);font-size:1.8rem;margin-bottom:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.card{background-color:var(--card-bg);padding:20px;border-radius:15px;box-shadow:var(--shadow);display:flex;flex-direction:column}.welcome-card{grid-column:span 2;text-align:left;justify-content:center}.welcome-card h3{margin-top:0;color:#092c4c;font-size:1.7rem;margin-bottom:0}.welcome-card h3 .robert-name{color:#f2994a;font-weight:700}.welcome-card p{color:var(--light-text-color);line-height:1;font-size:1.6rem;margin-bottom:0}.datetime-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:700;padding:15px}.date-display-simple{font-size:1.2rem;color:#f2994a;margin-bottom:10px}.time-display{font-size:3rem;color:#092c4c;display:flex;align-items:baseline}.time-display span:nth-child(2){margin-left:5px}.time-display .ampm{font-size:1rem;margin-left:5px}.faculty-info-card{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.faculty-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:2px solid var(--active-menu-bg)}.faculty-info-card h4{margin:0;color:#f2994a;font-size:1.1rem}.faculty-info-card p{margin:5px 0 0;color:#092c4c;font-size:.9rem}.full-width-section{grid-column:1 / -1;margin-top:20px;text-align:left}.full-width-section h2{color:var(--text-color);font-size:1.6rem;margin-bottom:20px}.try-things-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:1rem;height:80vh;overflow:visible;min-width:0}.try-thing-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:center;padding:15px;background-color:transparent;border-radius:15px;height:100%;overflow:visible;min-width:0}.try-thing-card .dashboard{width:100%;max-width:100%;padding:10px;overflow-x:auto;overflow-y:visible}.try-thing-card .calendar-weekdays,.try-thing-card .calendar-grid{width:100%;min-width:0;overflow:visible}.try-thing-card .calendar-cell{width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow:hidden}.try-thing-card .top-navigation .nav-arrow{background-color:#00173d;color:#fcb316;border:1px solid #00173D;padding:0;border-radius:50%;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease;width:32px;height:32px;font-size:.9em}.try-thing-card .top-navigation .nav-arrow svg{width:12px;height:12px}.try-thing-card .top-navigation .nav-arrow:hover{background-color:#fcb316;color:#00173d}.try-thing-card .cell,.try-thing-card .time-header,.try-thing-card .time-cell,.try-thing-card .day-header,.try-thing-card .building-header,.try-thing-card .building-group-header,.try-thing-card .empty-cell,.try-thing-card .occupied-cell,.try-thing-card .schedule-cell,.try-thing-card .custom-select,.try-thing-card select{color:#000!important}.try-thing-card .custom-select option,.try-thing-card select option{color:#000!important;background-color:#fff!important}.try-thing-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.try-thing-img{max-width:100%;height:auto;margin-bottom:10px}.sidebar-nav ul li button{background-color:transparent;color:#fff}.sidebar-nav ul li.active button{background-color:#f5f7fa;color:#f2994a;font-weight:700;border-top-left-radius:100px;border-bottom-left-radius:100px;width:100%}.sidebar-nav ul li button:hover{background-color:var(--menu-hover-bg);padding-left:20px}.sidebar-nav ul li.active button:hover{background-color:#f5f7fa}.sidebar-nav ul li.active button .icon{color:#f2994a}.sidebar-footer button{display:flex;align-items:center;color:#fff;text-decoration:none;padding:10px 0;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background-color .3s ease;border-radius:5px}.sidebar-footer button:hover{background-color:var(--menu-hover-bg);padding-left:5px}.myModal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999}.myModal-box{background-color:#fff;border-radius:12px;padding:1.5rem 2rem;max-width:400px;width:90%;box-shadow:0 8px 24px #00000026;text-align:center;animation:modalFadeIn .3s ease-out}.myModal-title{font-size:1.2rem;margin-bottom:1rem;font-weight:600;color:#222}.myModal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.myModal-btn{padding:.5rem 1.25rem;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.myModal-btn-confirm{background-color:#f2994a;color:#fff}.myModal-btn-confirm:hover{background-color:#e47514}.myModal-btn-cancel{background-color:#f0f0f0;color:#333}.myModal-btn-cancel:hover{background-color:#e0e0e0}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){:root{--sidebar-width: 250px;--sidebar-closed-width: 0px}.menu-toggle-btn{display:block}.sidebar{width:var(--sidebar-width);transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-backdrop.active{display:block}.sidebar:hover{transform:translate(-100%)}.sidebar.open:hover{transform:translate(0)}.main-content{margin-left:0;padding:60px 15px 15px;height:auto;overflow-y:auto}.main-content.sidebar-open{margin-left:0}.logo-img{width:35px;height:35px}.sidebar-nav{padding-top:15px}.sidebar-nav li{margin-bottom:3px}.sidebar-nav button{padding:8px 12px;font-size:.9rem}.content-header h1{font-size:1.4rem;margin-bottom:15px}.dashboard-grid{grid-template-columns:1fr;gap:15px}.welcome-card,.datetime-card,.faculty-info-card{grid-column:span 1}.welcome-card h3{font-size:1.3rem}.welcome-card p{font-size:1.1rem}.datetime-card{padding:12px}.date-display-simple{font-size:1rem}.time-display{font-size:2rem}.time-display .ampm{font-size:.8rem}.faculty-avatar{width:60px;height:60px}.faculty-info-card h4{font-size:1rem}.faculty-info-card p{font-size:.85rem}.full-width-section h2{font-size:1.3rem}.try-things-grid{grid-template-columns:1fr;height:auto;gap:15px}.try-thing-card{padding:12px;height:auto}.try-thing-card table{width:100%;border-collapse:collapse;font-size:13px;color:#000!important}.try-thing-card table thead{display:none}.try-thing-card table tbody tr{display:block;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a;background:#fff}.try-thing-card table td{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #eee;min-height:35px;color:#000!important}.try-thing-card table th{color:#000!important;background-color:#f5f5f5}.try-thing-card table tbody tr td span,.try-thing-card table tbody tr td div,.try-thing-card{color:#000!important}.try-thing-card .action-buttons{display:flex;gap:6px;justify-content:flex-start}.try-thing-card .icon-button{font-size:16px;padding:4px}.main-content table{width:100%;border-collapse:collapse;font-size:12px;color:#000!important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.try-thing-card table{display:table}.main-content>*{overflow-x:auto;max-width:100%;box-sizing:border-box}.main-content table th,.main-content table td{white-space:nowrap;min-width:80px;padding:8px 6px;font-size:12px}.try-thing-card table th,.try-thing-card table td{display:flex;white-space:normal}.main-content table .action-buttons{display:flex;gap:6px;justify-content:flex-start;flex-wrap:wrap;white-space:normal}.main-content table .icon-button{font-size:14px;padding:4px 6px;min-width:auto}.card{padding:15px}.myModal-box{max-width:90%;padding:1.2rem 1.5rem}.myModal-title{font-size:1rem}.myModal-btn{padding:.4rem 1rem;font-size:.9rem}.icon{width:18px;height:18px}}@media(max-width:480px){.content-header h1{font-size:1.2rem}.welcome-card h3{font-size:1.1rem}.welcome-card p{font-size:.95rem}.time-display{font-size:1.8rem}.faculty-info-card h4{font-size:.95rem}.faculty-info-card p{font-size:.8rem}body{overflow-x:hidden}.main-content{padding-left:12px;padding-right:12px}}@media(min-width:770px)and (max-width:924px){:root{--sidebar-width: 220px;--sidebar-closed-width: 0px}.menu-toggle-btn{display:block}.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.active{display:block}.main-content{margin-left:0;padding:60px 18px 18px;overflow-x:hidden}.main-content.sidebar-open{margin-left:0}.try-things-grid{grid-template-columns:1fr;height:auto;gap:15px}.try-thing-card{height:auto;padding:12px;overflow:hidden}.try-thing-card table{width:100%;border-collapse:collapse;font-size:13px;color:#000!important}.try-thing-card table thead{display:none}.try-thing-card table tbody tr{display:block;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a;background:#fff}.try-thing-card table td{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #eee;min-height:35px;color:#000!important}.try-thing-card table th{color:#000!important;background-color:#f5f5f5}.try-thing-card table tbody tr td span,.try-thing-card table tbody tr td div,.try-thing-card{color:#000!important}.try-thing-card .action-buttons{display:flex;gap:6px;justify-content:flex-start}.try-thing-card .icon-button{font-size:16px;padding:4px}.main-content table{width:100%;border-collapse:collapse;font-size:12px;color:#000!important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.try-thing-card table{display:table}.main-content>*{overflow-x:auto;max-width:100%;box-sizing:border-box}.main-content table th,.main-content table td{white-space:nowrap;min-width:80px;padding:8px 6px;font-size:12px}.try-thing-card table th,.try-thing-card table td{display:flex;white-space:normal}.main-content table .action-buttons{display:flex;gap:6px;justify-content:flex-start;flex-wrap:wrap;white-space:normal}.main-content table .icon-button{font-size:14px;padding:4px 6px;min-width:auto}.content-header h1{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr;gap:15px}.welcome-card,.datetime-card,.faculty-info-card{grid-column:span 1}.card{padding:15px}.welcome-card h3{font-size:1.3rem}.welcome-card p{font-size:1rem}.time-display{font-size:2.2rem}.faculty-avatar{width:65px;height:65px}}@media(min-width:769px)and (max-width:1024px){:root{--sidebar-width: 220px;--sidebar-closed-width: 0px}.menu-toggle-btn{display:block}.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.active{display:block}.sidebar:hover{transform:translate(-100%)}.sidebar.open:hover{transform:translate(0)}.main-content{margin-left:0;padding:60px 18px 18px}.main-content.sidebar-open{margin-left:0}.content-header h1{font-size:1.6rem;margin-bottom:18px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.welcome-card{grid-column:span 2}.datetime-card,.faculty-info-card{grid-column:span 1}.welcome-card h3{font-size:1.5rem}.welcome-card p{font-size:1.3rem}.date-display-simple{font-size:1.1rem}.time-display{font-size:2.5rem}.faculty-avatar{width:70px;height:70px}.full-width-section h2{font-size:1.5rem}.try-things-grid{grid-template-columns:1fr;height:auto;gap:15px}.try-thing-card{height:auto}.main-content table{width:100%;border-collapse:collapse;font-size:12px;color:#000!important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.try-thing-card table{display:table}.main-content>*{overflow-x:auto;max-width:100%;box-sizing:border-box}.main-content table th,.main-content table td{white-space:nowrap;min-width:80px;padding:8px 6px;font-size:12px}.try-thing-card table th,.try-thing-card table td{display:flex;white-space:normal}.main-content table .action-buttons{display:flex;gap:6px;justify-content:flex-start;flex-wrap:wrap;white-space:normal}.main-content table .icon-button{font-size:14px;padding:4px 6px;min-width:auto}.card{padding:18px}.sidebar-nav button{padding:9px 14px}.icon{width:19px;height:19px}}@media(min-width:1025px){:root{--sidebar-width: 250px;--sidebar-closed-width: 50px}.menu-toggle-btn{display:none}.sidebar-backdrop{display:none!important}.sidebar{width:var(--sidebar-closed-width);transform:translate(0)}.sidebar:hover,.sidebar.open{width:var(--sidebar-width)}.main-content{margin-left:var(--sidebar-closed-width);transition:margin-left var(--transition-speed) var(--transition-timing-function);padding:20px}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.sidebar:hover~.main-content{margin-left:var(--sidebar-width)}.content-header h1{font-size:1.8rem;margin-bottom:20px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.welcome-card{grid-column:span 2}.datetime-card,.faculty-info-card{grid-column:span 1}.welcome-card h3{font-size:1.7rem}.welcome-card p{font-size:1.6rem}.date-display-simple{font-size:1.2rem}.time-display{font-size:3rem}.faculty-avatar{width:80px;height:80px}.full-width-section h2{font-size:1.6rem}.try-things-grid{grid-template-columns:repeat(2,1fr);height:80vh;gap:20px}.try-thing-card{height:100%}.card{padding:20px}.sidebar-nav button{padding:10px 15px}.icon{width:20px;height:20px}}body{margin:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;box-sizing:border-box}.profile-container{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.profile-header-title{font-size:2em;font-weight:700;color:#333;margin-bottom:0;text-align:left;padding-left:10px}.profile-section{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;padding:25px}.profile-info-card{display:flex;align-items:center;gap:25px}.profile-avatar-wrapper{position:relative;width:120px;height:120px}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:none;background-color:#ffb800}.profile-avatar-edit-icon{position:absolute;bottom:0;right:3;background-color:transparent;color:#00e229;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease}.profile-avatar-edit-icon:hover{color:#e6a700}.profile-name-details{display:flex;flex-direction:column}.profile-full-name{font-size:1.8em;font-weight:700;color:#ffb800;margin-bottom:5px}.profile-user-type{font-size:1em;color:#666}.personal-details-card{padding-bottom:20px}.personal-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.personal-details-header h3{font-size:1.2em;color:#333;margin:0}.edit-details-btn{background:none;border:none;color:#777;cursor:pointer;font-size:1.2em;padding:5px;border-radius:5px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center}.edit-details-btn:hover{color:#333;background-color:#f0f0f0}.personal-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 25px;margin-bottom:20px}.profile-field-group.span-2-columns{grid-column:span 2}.profile-field-group label{display:block;font-size:.9em;color:#555;margin-bottom:5px;font-weight:700}.profile-field-group input,.profile-field-group select{width:100%;padding:10px 15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f5f5f5;font-size:1em;color:#333;box-sizing:border-box}.profile-field-group input:disabled,.profile-field-group select:disabled{background-color:#f8f8f8;color:#777;cursor:not-allowed}.profile-field-group input:focus,.profile-field-group select:focus{outline:none;border-color:#ffb800;box-shadow:0 0 0 2px #ffb80033}.personal-details-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.password-change-card{display:flex;justify-content:flex-start;padding:20px 25px}.change-password-btn{background:none;border:1px solid #e0e0e0;color:#333;padding:10px 20px;border-radius:8px;font-weight:400;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.change-password-btn:hover{background-color:#f0f0f0;border-color:#ccc}.profile-global-actions{display:flex;justify-content:flex-end;padding:0 10px}.btn.save-changes-global{background-color:#ffb800;color:#fff;padding:1px 20px;border-radius:8px;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 8px #ffb80033;transition:background-color .2s ease,box-shadow .2s ease}.btn.save-changes-global:hover{background-color:#e6a700;box-shadow:0 6px 12px #ffb8004d}.btn.save-personal-details{background-color:#4caf50;color:#fff;padding:8px 15px;border-radius:6px;font-weight:400;border:none;cursor:pointer;transition:opacity .2s ease}.btn.save-personal-details:hover{opacity:.9}.btn.cancel-personal-details{background-color:#9e9e9e;color:#fff;font-size:14px;padding:8px 15px;border-radius:6px;font-weight:400;border:none;cursor:pointer;transition:opacity .2s ease}.btn.cancel-personal-details:hover{opacity:.9}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.error-message-banner{background-color:#ffe0e0;color:#d32f2f;border:1px solid #d32f2f;border-radius:8px;padding:15px;margin-bottom:20px;text-align:center;font-weight:700}.loading-state{text-align:center;color:#666;font-size:1.1em}@media screen and (max-width:1024px){.profile-container{padding:18px}.profile-info-card{padding:20px}}@media screen and (max-width:768px){.profile-container{padding:12px;min-height:calc(100vh - 50px)}.profile-info-card{flex-direction:column;text-align:center;padding:16px;gap:15px}.profile-name-details{align-items:center}.personal-details-grid{grid-template-columns:1fr;gap:15px}.profile-field-group.span-2-columns{grid-column:span 1}.profile-global-actions{justify-content:center;flex-wrap:wrap;gap:10px}.profile-field-group input,.profile-field-group select,.profile-field-group textarea{font-size:16px;padding:12px}.btn{min-height:44px;padding:12px 16px;font-size:16px;touch-action:manipulation}.password-actions{flex-direction:column-reverse;gap:10px}.password-actions .btn{width:100%}}@media screen and (max-width:480px){.profile-container{padding:10px}.profile-info-card{padding:12px}.profile-field-group label{font-size:13px}.badge-container{gap:4px}.info-badge{font-size:.75rem;padding:3px 8px}}.profile-field-group input[disabled]{background-color:#f5f5f5}.delete-avatar-btn{position:absolute;bottom:2px;right:4px;background-color:transparent;border:none;border-radius:50%;padding:6px;cursor:pointer;color:#b20c0c;z-index:5;transition:background-color .2s ease-in-out}.delete-avatar-btn:hover{color:#e73e3e}.avatar-warning-text{font-size:12px;color:#dc3545;margin-top:4px}.password-form{display:flex;flex-direction:column;gap:1rem}.password-actions{display:flex;justify-content:flex-end;gap:.5rem}.role-line{margin-bottom:8px}.badge-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.info-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;color:#fff;white-space:nowrap}.college-badge{background-color:#2563eb}.dept-badge{background-color:#9333ea}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:Arial,sans-serif;background-color:#f4f7f6;margin:0;padding:0}.dashboard{background-color:#fff;border-radius:12px;box-shadow:0 12px 30px #00000014;padding:24px;max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.dashboard-header{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.dashboard-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.dashboard-header h2{margin:0;font-size:24px;color:#00173d}.top-navigation{display:flex;gap:8px;align-items:center}.top-navigation .nav-arrow{background-color:#00173d;color:#fcb316;border:1px solid #00173D;padding:0;border-radius:50%;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease;width:36px;height:36px;font-size:1em}.top-navigation .nav-arrow svg{width:14px;height:14px}.top-navigation .nav-arrow:hover{background-color:#fcb316;color:#00173d}.date-navigation{display:flex;gap:10px}.nav-arrow{background-color:#00173d;color:#fcb316;border:1px solid #00173D;padding:5px 12px;border-radius:4px;font-weight:700;cursor:pointer}.nav-arrow:hover{background-color:#fcb316;color:#00173d}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));padding:1px 0;text-align:center;font-weight:700;color:#00173d;gap:8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px}.calendar-cell{background-color:#fff;border:1px solid #f1ecec;min-height:90px;padding:8px;position:relative;box-sizing:border-box;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.calendar-cell:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000014}.calendar-cell.empty{background-color:#f7f7f7}.day-number{position:absolute;top:5px;right:5px;font-size:14px;font-weight:700;color:#00173d}.csm{background-color:#18a209;color:#fff;border-radius:100px}.citc{background-color:#000;color:#fff;border-radius:100px}.cot{background-color:#f3510c;color:#fff;border-radius:100px}.cea{background-color:#a71919;color:#fff;border-radius:100px}.cste{background-color:#088ecc;color:#fff;border-radius:100px}.shs{background-color:#fa0;color:#fff;border-radius:100px}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;justify-content:center;padding-top:10px;border-top:1px solid #eee}.legend-colored-box-with-text{padding:4px 12px;border-radius:40px;color:#fff;font-size:14px;font-weight:700}.legend-item.csm .legend-colored-box-with-text{background-color:#18a209}.legend-item.citc .legend-colored-box-with-text{background-color:#000}.legend-item.cot .legend-colored-box-with-text{background-color:#f3510c}.legend-item.cea .legend-colored-box-with-text{background-color:#a71919}.legend-item.cste .legend-colored-box-with-text{background-color:#088ecc}.legend-item.shs .legend-colored-box-with-text{background-color:#fa0}.calendar-controls{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.dropdown{font-size:14px;border-radius:10px;border:1px solid #ccc;background-color:#fff;color:#00173d;box-shadow:1px 1px 3px #0000001a;font-size:13px;min-width:160px;padding:6px 10px}.event-details{font-size:10px;color:#000e66;text-align:center;margin-top:4px}.event-details .college{font-weight:700}.event-details .semester,.event-details .exam{font-size:10px}.today{border:4px solid #ffae00}.now-button{padding:3px 10px;background-color:#00173d;color:#ffae00;border:1px solid #00173D;border-radius:15px;font-weight:700;cursor:pointer;transition:.3s}.now-button:hover{background-color:#fcb316;color:#00173d}.college-badge{display:inline-block;padding:3px 6px;margin:2px 2px 4px 0;border-radius:4px;font-size:.75em;font-weight:600;color:#fff;text-align:center}.calendar-cell.editable:hover{background-color:#3b82f61a;border:2px solid #3b82f6;transform:scale(1.02);transition:all .2s ease}.calendar-cell.assigned-to-me{background-color:#22c55e1a;border:1px solid #22c55e}.calendar-cell.assigned-to-me:hover{background-color:#ef44441a;border:2px solid #ef4444}.mini-calendar{width:100%}.mini-calendar .mini-title{text-align:center;font-size:16px;margin-bottom:10px}.calendar-cell.mini{height:40px;border-radius:6px;position:relative}.calendar-cell.mini.exam-day{background:#ffd9d9;border:1px solid #ff8b8b}.calendar-cell .mini-dot{width:6px;height:6px;background:#ff4747;border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.try-thing-card .dashboard{padding:12px;max-width:100%;overflow-x:auto;overflow-y:visible;box-sizing:border-box}.try-thing-card .calendar-weekdays,.try-thing-card .calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0;width:100%;box-sizing:border-box}.try-thing-card .calendar-cell{min-height:60px;height:auto;padding:3px;min-width:0;width:100%;overflow:hidden;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:stretch}.try-thing-card .calendar-cell .day-number{font-size:10px;top:2px;right:2px;position:absolute;z-index:2;background-color:#fffc;padding:1px 3px;border-radius:3px}.try-thing-card .event-details{font-size:7px;margin-top:16px;padding-top:2px;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;gap:1px;width:100%;box-sizing:border-box;flex:1}.try-thing-card .event-details .college-badge{padding:1px 3px;margin:0;font-size:.6em;display:inline-block;white-space:nowrap}.try-thing-card .event-details .semester,.try-thing-card .event-details .exam{font-size:7px;margin-top:0;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.try-thing-card .calendar-grid{width:100%;max-width:100%;overflow:visible}.try-thing-card .dashboard-header{padding-bottom:8px;gap:8px;flex-wrap:wrap}.try-thing-card .dashboard-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.try-thing-card .dashboard-header h2{font-size:16px}.try-thing-card .top-navigation{display:flex;gap:4px;align-items:center}.try-thing-card .top-navigation .nav-arrow{padding:0;font-size:.9em;width:32px;height:32px}.try-thing-card .filters{gap:6px;margin-bottom:10px;flex-wrap:wrap}.try-thing-card .dropdown{min-width:100px;padding:4px 6px;font-size:11px}.try-thing-card .legend{margin-top:10px;gap:6px;flex-wrap:wrap}.try-thing-card .legend-colored-box-with-text{padding:2px 8px;font-size:10px}@media(max-width:1024px){.dashboard{padding:20px;margin:0 16px}.calendar-grid,.calendar-weekdays{grid-template-columns:repeat(7,minmax(70px,1fr));gap:6px}.calendar-cell{min-height:80px;padding:6px}.filters{gap:10px}.dropdown{min-width:140px}}@media(max-width:768px){.dashboard{padding:18px;margin:0 12px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.calendar-grid,.calendar-weekdays{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.calendar-cell{min-height:100px}.filters{flex-direction:column;align-items:stretch}.dropdown{width:100%;min-width:unset}}@media(max-width:480px){.dashboard{padding:16px;margin:0 8px 40px}.calendar-grid,.calendar-weekdays{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.calendar-cell{min-height:110px}.calendar-weekdays{display:none}.day-number{font-size:12px}.event-details{font-size:9px}}.ongoing-badge{background-color:#ff9800;color:#fff}.set-availability-container{padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.colleges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.set-availability-container h2{text-align:left;color:#343a40;margin-bottom:30px;font-size:1.8em;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:10px}.availability-sections{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.availability-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:35px;width:480px;max-width:95%;box-sizing:border-box;flex-direction:column;transition:transform .2s ease,box-shadow .3s ease}.availability-card:hover{box-shadow:0 4px 16px #0000001f}.card-header-set,.card-header-request{font-size:1.2em;font-weight:700;background-color:#ffb800;color:#fff;padding:7px 15px;border-radius:15px;text-align:center;margin-bottom:20px;justify-self:center;letter-spacing:.5px;box-shadow:0 2px 4px #00000014}.subtitle{text-align:center;font-size:.85em;color:#6c757d;margin-bottom:20px;font-style:italic;font-weight:500;line-height:1.5}.availability-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative;display:flex;flex-direction:column;margin-bottom:5px}.form-group label{margin-bottom:10px;font-weight:600;color:#495057;font-size:.95em;text-transform:capitalize;letter-spacing:.3px}.form-group input[type=text],.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ced4da;border-radius:6px;font-size:1em;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#343a40;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group .custom-select:focus{border-color:#f7b731;box-shadow:0 0 0 .2rem #f7b73140;outline:none}.form-group textarea{resize:vertical;min-height:90px;max-height:200px;line-height:1.5;cursor:text}.custom-select-wrapper{position:relative;width:100%}.custom-select-wrapper .dropdown-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6c757d;font-size:.8em}.date-input-field{cursor:pointer}.submit-button{background-color:#092c4c;color:#fff;padding:12px 32px;border:none;border-radius:6px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:center;min-width:120px;margin-top:25px;box-shadow:0 2px 8px #092c4c33;letter-spacing:.5px}.submit-button:hover{background-color:#0a3765;box-shadow:0 4px 12px #092c4c4d;transform:translateY(-2px)}.submit-button:active{transform:translateY(0);box-shadow:0 2px 6px #092c4c33}.submit-button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.date-picker{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:280px;background-color:#fff;border:1px solid #ced4da;border-radius:8px;box-shadow:0 6px 16px #00000026;z-index:1000;padding:20px;box-sizing:border-box}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:700;color:#343a40;font-size:1.1em}.date-picker-header button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#e5ff00;padding:5px 10px;transition:color .2s ease}.date-picker-header button:hover{color:#f7b731}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px 8px;text-align:center}.day-name{font-weight:700;color:#868e96;padding:5px 0;font-size:.9em}.calendar-day{padding:8px 5px;height:35px;display:flex;justify-content:center;align-items:center;cursor:default;border-radius:4px;transition:background-color .2s ease,color .2s ease,border .2s ease;font-size:.95em}.calendar-day.selectable{cursor:pointer;color:#343a40}.calendar-day.selectable:hover{background-color:#e9ecef}.calendar-day.selected{background-color:#007bff;color:#fff;font-weight:700;border:2px solid #007bff}} .calendar-day.today{border:2px solid #007bff;background-color:#fffde7;color:#343a40;font-weight:700}.calendar-day.today.selected{background-color:#007bff;color:#fff;border:none}.date-picker-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;border-top:1px solid #e9ecef;padding-top:15px}.date-picker-footer button{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.95em;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #28a74533}.date-picker-footer button:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.date-picker-footer button:active{transform:translateY(0);box-shadow:0 2px 4px #28a74533}@media(max-width:992px){.availability-sections{flex-direction:column;align-items:center}.availability-card{width:90%;max-width:500px}}@media(max-width:576px){.set-availability-container{padding:15px}.set-availability-container h2{font-size:1.5em;margin-bottom:25px}.availability-card{padding:20px;width:100%}.card-header-set,.card-header-request{font-size:1.1em;padding:12px 15px;margin-bottom:20px}.form-group input[type=text],.form-group textarea,.form-group .custom-select{padding:10px 12px;font-size:.95em}.submit-button{padding:12px 20px;font-size:1em;width:100%}.date-picker{padding:15px;min-width:unset;width:calc(100% + 2px);left:-1px}.date-picker-header{font-size:1em;margin-bottom:15px}.date-picker-header button{font-size:1.3em}.calendar-day{padding:8px 3px;font-size:.9em;height:30px}.date-picker-footer button{padding:8px 15px;font-size:.85em}}.calendar-day.disabled{color:#000;pointer-events:none;background-color:#f5f5f5;cursor:not-allowed}.calendar-day.allowed{background-color:#fd0;font-weight:700;color:#fff;border-radius:50px}.availability-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem;overflow-y:auto}.availability-modal-box{background:#fff;padding:2rem;border-radius:10px;max-width:500px;max-height:500px;width:90%;box-shadow:0 10px 25px #0003;overflow-y:auto}.availability-modal-close-btn{display:block;margin:1rem auto 0;padding:.5rem 1rem;background:#092c4c;color:#fff;border:none;border-radius:10px;cursor:pointer}.availability-modal-close-btn:hover{background:#0056b3}.loading-dates{position:absolute;top:calc(100% + 8px);left:0;width:100%;background-color:#fff;border:1px solid #ced4da;border-radius:8px;box-shadow:0 6px 16px #00000026;padding:15px;text-align:center;z-index:1000;font-weight:700;color:#343a40}.availability-modal-body{display:flex;flex-direction:column;gap:1rem;max-height:350px;overflow-y:auto;padding-right:5px}.availability-entry{background-color:#f7f7f7;padding:12px 16px;border-radius:8px;border-left:5px solid #f7b731;box-shadow:0 2px 5px #0000000d;transition:transform .15s ease,box-shadow .15s ease}.availability-entry:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.availability-entry p{margin:4px 0;font-size:.95rem;color:#343a40}.availability-entry hr{margin-top:8px;border:0;border-top:1px solid #dee2e6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:8px}::-webkit-scrollbar-thumb{background:#d7e2ed;border-radius:8px;border:2px solid #f0f0f0}::-webkit-scrollbar-thumb:hover{background:gray}*{scrollbar-width:thin;scrollbar-color:gray white}.scrollable-container{overflow-y:auto;max-height:400px}.scheduler-view-container{padding:25px;font-family:Arial,sans-serif}.header{text-align:center;margin-bottom:20px}.logo{width:100px;height:auto}.exam-date-section{margin-bottom:30px}.table-wrapper{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#092c4c4d;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#092c4c80}.table-wrapper{scrollbar-width:thin;scrollbar-color:rgba(9,44,76,.3) rgba(0,0,0,.05)}.exam-table{width:100%;min-width:600px;border-collapse:collapse;border-top-right-radius:50px;border-top-left-radius:50px}.exam-table thead tr:first-child th{font-size:16px;border-top-right-radius:10px;border-top-left-radius:10px;color:#fff;border:white}.exam-table thead tr:nth-child(2) th{font-size:15px}.exam-table thead tr:nth-child(3) th{font-size:14px}.exam-table thead th{background-color:#092c4c;color:#fff;font-weight:700;font-family:serif}.exam-table th,.exam-table td{border:1px solid #ccc;padding:5px;text-align:center;vertical-align:top;color:#092c4c;font-weight:700}.exam-box{background-color:#79b4f2;padding:5px;margin-bottom:2px;border-radius:4px;color:#fff;font-size:12px}.center-cell{text-align:center;font-weight:700;font-size:16px;padding:10px 0}.scheduler-view-card{background:#f9f9f9;border-radius:80px;box-shadow:0 4px 10px #0006,0 0 10px #0003;padding:20px}.scheduler-top-card{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;border-radius:20px;box-shadow:0 4px 12px #0003;position:fixed;top:15px;left:53%;transform:translate(-50%);z-index:1000;color:#092c4c;background-color:#fff}.scheduler-icon-card{position:absolute;top:2.5rem;left:50%;transform:translate(-50%);background:#fff;padding:.5rem 1rem;border-radius:8px;box-shadow:0 4px 12px #0003;min-width:200px;transition:opacity .3s ease}.proctor-dropdown{padding:6px 10px;font-size:13px;border:1px solid #ccc;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;width:100%;max-width:180px;color:#092c4c}.proctor-dropdown:hover{border-color:#092c4c;background-color:#f9f9f9}.proctor-dropdown:focus{outline:none;border-color:#092c4c;box-shadow:0 0 4px #092c4c66}.tooltip-text{position:absolute;top:28px;left:50%;transform:translate(-50%);background:transparent;color:#092c4c;font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.scheduler-icon:hover .tooltip-text{opacity:1}.modal-scroll{max-height:80vh;overflow-y:auto}.modal-scroll::-webkit-scrollbar{width:8px}.modal-scroll::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.modal-scroll::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px}.modal-scroll::-webkit-scrollbar-thumb:hover{background:#0006}.modal-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) rgba(0,0,0,.05)}.envelope-dropdown{position:absolute;top:40px;right:10;background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;padding:8px 0;display:flex;flex-direction:column;min-width:100%;z-index:9999;animation:fadeSlideIn .2s ease-out forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;color:#092c4c;font-weight:500;text-align:left;padding:10px 15px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s ease,color .2s ease}.dropdown-item svg{font-size:16px;color:#092c4c;transition:color .2s ease}.dropdown-item:hover{background-color:#092c4c;color:#fff;border-radius:100px}.dropdown-item:hover svg{color:#fff}.dean-name{font-size:.9rem;font-style:italic;color:#555;text-align:center;padding:4px 10px;border-top:1px solid #eee}.scheduler-icon{position:relative;margin:0 5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#092c4c;font-size:22px;padding:8px;transition:background .2s ease,transform .1s ease}.scheduler-nav-button{position:fixed;z-index:1000;background:#ffffffe6;border:2px solid #092C4C;border-radius:50%;cursor:pointer;padding:.75rem;box-shadow:0 4px 12px #00000026;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:50px;min-height:50px}.scheduler-nav-button:hover{background:#092c4c1a;box-shadow:0 6px 16px #0003}.scheduler-nav-button-left:hover,.scheduler-nav-button-right:hover{transform:translate(-50%) scale(1.1)}.scheduler-nav-button-left:active,.scheduler-nav-button-right:active{transform:translate(-50%) scale(.95)}.scheduler-nav-button svg{color:#092c4c;opacity:.8;transition:opacity .2s ease}.scheduler-nav-button:hover svg{opacity:1}.scheduler-nav-button-left{left:50%;top:85%;transform:translate(-50%);right:auto}.scheduler-nav-button-right{left:50%;top:92%;transform:translate(-50%);right:auto}@media(min-width:1025px){.scheduler-nav-button-left{left:50%;top:85%;transform:translate(-50%);right:auto}.scheduler-nav-button-right{left:50%;top:92%;transform:translate(-50%);right:auto}.scheduler-nav-button{min-width:50px;min-height:50px}.scheduler-nav-button svg{font-size:3rem!important}}@media(min-width:769px)and (max-width:1024px){.scheduler-nav-button{min-width:55px;min-height:55px;padding:.85rem}.scheduler-nav-button svg{font-size:2.5rem!important}.scheduler-nav-button-left{left:50%;top:85%;transform:translate(-50%);right:auto}.scheduler-nav-button-right{left:50%;top:92%;transform:translate(-50%);right:auto}}@media(min-width:600px)and (max-width:900px){.scheduler-nav-button{min-width:60px;min-height:60px;padding:1rem;background:#fffffff2;border-width:3px}.scheduler-nav-button svg{font-size:2.2rem!important}.scheduler-nav-button-left{left:50%;top:83%;transform:translate(-50%);right:auto}.scheduler-nav-button-right{left:50%;top:90%;transform:translate(-50%);right:auto}}@media(max-width:599px){.scheduler-view-container{padding:12px}.header{margin-bottom:15px}.header img{width:120px!important;height:96px!important;margin-bottom:3px!important}.header>div{font-size:14px!important;margin-bottom:-8px!important}.header>div:first-of-type{font-size:18px!important}.header>div:nth-of-type(2){font-size:10px!important}.header>div:nth-of-type(3){font-size:18px!important}.header>div:nth-of-type(4){font-size:14px!important}.header>div:nth-of-type(5){font-size:14px!important}.table-wrapper{margin:0 -12px;padding:0 12px}.exam-table{min-width:800px;font-size:11px}.exam-table thead tr:first-child th{font-size:12px;padding:6px 4px}.exam-table thead tr:nth-child(2) th{font-size:11px;padding:5px 3px}.exam-table thead tr:nth-child(3) th{font-size:10px;padding:4px 2px}.exam-table th,.exam-table td{padding:3px;font-size:10px}.exam-table td>div{padding:3px!important;font-size:9px!important}.exam-table td>div>p{margin:2px 0;font-size:9px}.scheduler-view-card{padding:12px;border-radius:12px;transform:scale(.95)!important}.scheduler-top-card{flex-wrap:wrap;gap:.5rem;padding:.4rem .8rem;left:50%;top:10px;max-width:95%}.scheduler-icon{font-size:18px;padding:6px;margin:0 3px}.scheduler-icon svg{font-size:18px!important}.scheduler-nav-button{min-width:45px;min-height:45px;padding:.8rem;background:#fffffff2;border-width:2px}.scheduler-nav-button svg{font-size:1.6rem!important}.scheduler-nav-button-left{left:50%;top:80%;transform:translate(-50%);right:auto}.scheduler-nav-button-right{left:50%;top:88%;transform:translate(-50%);right:auto}.tooltip-text{font-size:9px;padding:2px 5px}.envelope-dropdown{min-width:120px;padding:6px 0}.dropdown-item{padding:8px 12px;font-size:12px}.dropdown-item svg{font-size:14px}}.notification-container{padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;min-height:100vh}.notification-header h2{font-size:22px;color:#444;margin-bottom:15px}.notification-banner{display:flex;align-items:center;justify-content:space-between;background-color:#092c4c;color:#fff;padding:5px 16px;font-weight:700;border-radius:6px;margin-bottom:15px}.banner-actions .notif-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px;transition:.2s}.banner-actions .notif-btn:hover{color:gold;transform:scale(1.1)}.notif-delete-btn{position:absolute;right:10px;top:10px;border:none;background:transparent;color:#888;cursor:pointer;font-size:14px;transition:.2s}.notif-delete-btn:hover{color:#f44336}.notification-message{font-size:15px;margin-bottom:20px;color:#333}.notification-card{display:flex;justify-content:space-between;align-items:center;background-color:#eee;padding:14px 18px;border-radius:10px;margin-bottom:12px;box-shadow:0 1px 4px #0000000a;transition:background-color .2s ease,transform .2s ease;cursor:pointer;gap:16px;position:relative}.notification-card:hover{background-color:#e2e2e2;transform:translate(2px)}.notif-left{display:flex;align-items:center;gap:10px;font-weight:600;color:#2c2c2c;flex-shrink:0}.notif-icon{font-size:18px;color:#333}.notif-center{flex:1;margin-left:12px;color:#555;display:flex;flex-direction:column;gap:4px}.notif-sender-name{font-size:15px;font-weight:600;color:#2c2c2c;margin-bottom:2px}.notif-title{font-size:14px;font-weight:500;color:#555;line-height:1.4}.notif-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.notif-right input,.notif-select-all-checkbox{width:16px;height:16px;cursor:pointer}.notif-date{font-size:13px;color:#888}.notif-badge{background-color:#f2994a;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;margin-left:8px;font-weight:700}.sidebar-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.notification-badge-icon{position:absolute;top:-6px;right:-8px;background-color:#f2994a;color:#fff;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 4px;border:2px solid #092C4C;box-sizing:border-box;line-height:1;z-index:100;white-space:nowrap;visibility:visible!important;opacity:1!important;pointer-events:none}.sidebar-nav li.active button .notification-badge-icon{border-color:#f5f7fa}.modal-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-message-pane{background:#fff;width:900px;max-width:95vw;max-height:90vh;overflow-y:auto;border-radius:16px;padding:25px 30px;box-shadow:0 5px 25px #00000040;font-family:Georgia,Times New Roman,serif;color:#222;line-height:1.7;font-size:15px;position:relative;animation:fadeIn .3s ease-in-out}.modal-close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:20px;color:#666;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;transition:background-color .2s ease,color .2s ease}.modal-close-btn:hover{background-color:#f0f0f0;color:#333}.modal-message-pane h3{font-size:18px;margin-bottom:5px;color:#1e1a47}.modal-message-pane h4{font-size:16px;color:#444;margin-bottom:20px}.message-body{margin-bottom:20px}.message-body p{margin-bottom:1em}.attachment{margin:15px 0;font-size:15px}.attachment a{text-decoration:underline;color:#1e1a47}.disclaimer{background-color:#f8f8f8;border-left:4px solid #999;padding:10px 15px;border-radius:8px;margin-top:30px;color:#666;font-size:11px;font-style:italic}.modal-actions{display:flex;justify-content:flex-end;margin-top:15px}.modal-button.cancel{background-color:#1e1a47;color:#fff;font-weight:700;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s ease}.modal-button.cancel:hover{background-color:#342e78}.notif-btn{background:transparent;border:none;color:#fff;font-size:15px;cursor:pointer;transition:.2s ease}.notif-btn:hover{color:gold;transform:scale(1.1)}.notif-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(min-width:1200px){.notification-container{padding:28px;max-width:1400px;margin:0 auto}.notification-banner{padding:8px 20px;font-size:1.1em}.notification-card{padding:16px 24px;gap:20px}.notif-center{font-size:1em}}@media(min-width:992px)and (max-width:1199px){.notification-container{padding:24px}.notification-banner{padding:6px 18px}.notification-card{padding:14px 20px;gap:18px}}@media(min-width:768px)and (max-width:991px){.notification-container{padding:20px}.notification-banner{padding:6px 16px;font-size:1em;flex-wrap:wrap;gap:8px}.notification-banner>div{display:flex;gap:8px;flex-wrap:wrap}.notification-card{padding:12px 16px;gap:16px;flex-wrap:wrap}.notif-left{min-width:150px}.notif-center{flex:1 1 100%;margin-left:0;margin-top:8px}.notif-right{flex-direction:row;align-items:center;gap:12px}.notif-date{font-size:12px}.modal-message-pane{width:90%;max-width:900px;padding:20px 24px}}@media(max-width:767px){.notification-container{padding:16px}.notification-banner{padding:8px 12px;font-size:.95em;flex-direction:column;align-items:flex-start;gap:10px}.notification-banner>span{display:flex;align-items:center;gap:8px}.notification-banner>div{display:flex;gap:8px;width:100%;justify-content:flex-end;margin-left:0}.notif-btn{padding:8px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:16px}.notification-message{font-size:14px;margin-bottom:16px}.notification-card{padding:12px;gap:12px;flex-direction:column;align-items:stretch}.notif-left{flex-direction:row;align-items:center;gap:8px;width:100%}.notif-icon{font-size:16px}.notif-center{flex:1;margin-left:0;width:100%;gap:6px}.notif-sender-name{font-size:.95em;font-weight:600}.notif-title{font-size:.9em;line-height:1.4}.notif-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:12px}.notif-date{font-size:11px;flex:1}.notif-right input{width:20px;height:20px;min-width:20px}.modal-overlay{padding:16px}.modal-message-pane{width:100%;max-width:100%;padding:20px;max-height:85vh;font-size:14px}.modal-message-pane h3{font-size:16px}.modal-message-pane h4{font-size:14px}}@media(max-width:480px){.notification-badge-icon{min-width:14px;height:14px;font-size:9px;top:-5px;right:-7px;padding:0 3px}.notification-container{padding:12px}.notification-banner{padding:8px 10px;font-size:.9em;border-radius:8px}.notif-badge{font-size:11px;padding:2px 6px;margin-left:6px}.notification-banner>div{gap:6px}.notif-btn{padding:6px;min-width:36px;min-height:36px;font-size:14px}.notification-message{font-size:13px;margin-bottom:12px}.notification-card{padding:10px;gap:10px;border-radius:8px;margin-bottom:10px}.notif-left{gap:6px}.notif-icon{font-size:14px}.notif-center{gap:4px}.notif-sender-name{font-size:.9em}.notif-title{font-size:.85em}.notif-date{font-size:10px}.notif-right input{width:18px;height:18px;min-width:18px}.modal-overlay{padding:12px}.modal-message-pane{padding:16px;font-size:13px;border-radius:12px}.modal-message-pane h3{font-size:15px}.modal-message-pane h4{font-size:13px}.modal-button.cancel{padding:10px 20px;font-size:14px;width:100%}}@media(max-width:767px)and (orientation:landscape){.notification-container{padding:12px}.notification-card{flex-direction:row;align-items:flex-start}.notif-center{flex:1;margin-left:12px}.notif-right{flex-direction:column;align-items:flex-end;min-width:80px}}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#f4f4f4}.bayanihan-container{width:100%;max-width:960px;margin:0 auto;padding:30px 20px;box-sizing:border-box}.bayanihan-header-title{font-size:1.8em;font-weight:700;color:#333;margin-bottom:25px}.bayanihan-sections{display:flex;flex-direction:column;gap:20px}.bayanihan-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:30px;width:100%;box-sizing:border-box}.availability-card{background-color:#fff;border:1px solid #ced4da;border-radius:18px;box-shadow:0 12px 28px #00000017;padding:32px;width:100%;max-width:1000px;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.card-header-set{font-size:1.2em;font-weight:700;background-color:#ffb800;color:#fff;padding:7px 15px;border-radius:15px;text-align:center;margin-bottom:20px;justify-self:center}.subtitle{font-size:.95em;color:#6c757d;margin-bottom:25px;text-align:center;font-style:italic}.bayanihan-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px 30px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;font-size:.95em;color:#333}.custom-select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #ccc;border-radius:8px;font-size:1em;background-color:#f9f9f9;transition:border .2s ease;box-sizing:border-box}.custom-select:focus,textarea:focus{border-color:#ffb800;outline:none;box-shadow:0 0 0 3px #ffb80026}textarea{resize:vertical;min-height:90px;line-height:1.4}.submit-button{display:flex;background-color:#179b0e;color:#fff;padding:10px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;width:50px;justify-self:center;box-shadow:0 4px 10px #ffb80040;transition:background-color .2s ease,transform .1s ease}.submit-button:hover{background-color:#e6a700;transform:translateY(-1px)}.submit-button:active{transform:scale(.98)}.form-group.full-width{grid-column:span 2}.custom-select[multiple]{height:auto;min-height:120px;padding:10px}.availability-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full-width{grid-column:span 2}.dropdown-multiselect{position:relative;width:100%}.dropdown-input{padding:12px 15px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;cursor:pointer;font-size:1em;color:#343a40;box-sizing:border-box}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #ced4da;border-radius:6px;box-shadow:0 4px 8px #0000001a;z-index:1000;padding:10px;max-height:200px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:.95em;color:#333;cursor:pointer;touch-action:manipulation;min-height:44px}.react-select__option[title]:after{content:attr(title);display:none;position:absolute;background:#333;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap}.react-select__option:hover:after{display:block}.timeslot-container{display:flex;flex-direction:column}.timeslot-block{transition:all .2s ease}.room-timeslot-visual{margin-top:8px;margin-bottom:12px}.building-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:1.05rem;margin:15px 0 10px;padding:8px 12px;border-radius:10px;background:#ffb800;color:#fff;flex-wrap:wrap;gap:10px}.building-header button{background:#fff;color:#333;border:none;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;touch-action:manipulation;min-height:36px}.building-header button:hover{background:#f0f0f0}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:12px}.room-box{padding:14px 10px;text-align:center;border-radius:12px;font-size:.9rem;font-weight:600;background:#fff;border:1px solid #ddd;box-shadow:0 2px 6px #0000000f;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation;min-height:80px}.room-box:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.room-box.vacant{background:#e8f9ee;border:1px solid #4caf50;color:#2e7d32}.room-box.occupied{background:#f0f0f0;border:1px solid #bbb;color:#666;cursor:not-allowed}.room-box.selected{border:2px solid #ffb800;background:#fff7e0;box-shadow:0 0 0 3px #ffb8004d}.room-box.disabled{background:#f9f9f9;border:1px dashed #ccc;color:#aaa;cursor:not-allowed;box-shadow:none}.room-box.disabled:hover{transform:none;box-shadow:none}.room-box.disabled .view-occupancy{display:none}.room-label{margin-bottom:6px;font-size:.85rem;font-weight:500;color:#000}.view-occupancy{background:#ffb800;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;margin-top:6px;transition:all .2s ease;touch-action:manipulation;min-height:28px}.occupancy-box{margin-top:8px;background:#fafafa;border:1px solid #ddd;padding:8px 10px;border-radius:6px;font-size:13px;text-align:left}.occupancy-box ul{margin:4px 0;padding-left:18px}.occupancy-box strong{display:block;margin-top:6px;font-size:13px;color:#000}.modal-contents-modality{background:#fff;padding:2rem;border-radius:16px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #0003;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.occupancy-timeslots{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;padding:8px}.timeslot-entry{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;border-left:5px solid;background:#fafafa;box-shadow:0 2px 6px #0000000d;transition:all .2s ease;font-size:.9rem;flex-wrap:wrap;gap:8px}.timeslot-entry.occupied{border-color:#d32f2f;background-color:#fdecea;color:#b71c1c}.timeslot-status{font-weight:600;text-transform:uppercase;font-size:.8rem}.timeslot-time{font-size:.85rem;color:#333}.room-box .view-occupancy{font-size:10px;margin-top:4px;padding:2px 4px;border:none;border-radius:4px;background-color:#1976d2;color:#fff;cursor:pointer;transition:background .2s;touch-action:manipulation;min-height:24px}.room-box .view-occupancy:hover{background-color:#115293}.timeslot-entry.vacant{background-color:#e8f5e9;color:#2e7d32}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box;overflow-y:auto}.no-rooms{text-align:center;color:#999;font-size:14px;margin-top:20px;grid-column:1 / -1}.spinner{width:16px;height:16px;border:2px solid #fff;border-top:2px solid #333;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;margin-right:8px}button.open-modal-btn{color:#fff;background:#ffb800;touch-action:manipulation;min-height:44px;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease}button.open-modal-btn:hover{background:#e6a700}.selected-rooms{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.room-card{background-color:#fff;color:#ffb800;padding:1px 5px;border-radius:12px;font-weight:500;box-shadow:0 2px 6px #00000026;font-size:small}.close-modal{background-color:#6c757d;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease;touch-action:manipulation;min-height:44px}.close-modal:hover{background-color:#5a6268}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}.modal-actions button{touch-action:manipulation;min-height:44px}@media screen and (min-width:1200px){.availability-card{padding:36px;max-width:1100px}.availability-grid{gap:24px}.room-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.modal-contents-modality{max-width:800px;padding:2.5rem}}@media screen and (min-width:992px)and (max-width:1199px){.availability-card{padding:28px;max-width:100%}.availability-grid{gap:20px}.room-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.modal-contents-modality{max-width:85%;padding:2rem}}@media screen and (min-width:768px)and (max-width:991px){.bayanihan-container{padding:20px}.bayanihan-header-title{font-size:1.6em}.bayanihan-card{padding:24px}.availability-card{padding:24px;border-radius:16px;width:100%;max-width:100%}.card-header-set{font-size:1.15em;padding:8px 16px}.bayanihan-form{gap:18px 24px}.availability-grid{grid-template-columns:1fr;gap:18px}.form-group.full-width{grid-column:span 1}.submit-button{grid-column:span 1;width:100%;max-width:300px}.modal-contents-modality{padding:1.75rem;max-width:90%}.room-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.room-box{padding:12px 10px;min-height:75px}}@media screen and (max-width:767px){.set-availability-container{padding:16px}.availability-sections{gap:20px}.bayanihan-container{padding:15px 12px}.bayanihan-header-title{font-size:1.4em;margin-bottom:20px;text-align:center}.bayanihan-card{padding:20px 15px;border-radius:10px}.availability-card{padding:20px 16px;border-radius:16px;width:100%;max-width:100%}.card-header-set{font-size:1.1em;padding:8px 14px;margin-bottom:15px;border-radius:12px}.subtitle{font-size:.9em;margin-bottom:20px}.bayanihan-form{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:span 1}.submit-button{grid-column:span 1;width:100%;padding:14px 0;font-size:1em;min-height:48px;border-radius:12px}.custom-select,.form-group textarea{padding:12px;font-size:16px;border-radius:8px}.form-group label{font-size:.9em;margin-bottom:8px}.availability-grid{grid-template-columns:1fr;gap:16px}.full-width{grid-column:span 1}.dropdown-input{padding:12px;font-size:16px}.dropdown-item{padding:12px;font-size:.9em;min-height:48px}.open-modal-btn{width:100%;padding:12px;font-size:1em;min-height:48px}.building-header{flex-direction:column;align-items:stretch;font-size:.95rem;padding:12px;gap:10px}.building-header button{width:100%;padding:10px 12px;font-size:.9rem;min-height:44px}.room-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-top:12px}.room-box{padding:12px 8px;font-size:.85rem;min-height:75px}.room-label{font-size:.8rem;margin-bottom:6px}.view-occupancy{padding:6px 10px;font-size:.7rem;min-height:32px;width:100%;margin-top:8px}.modal-overlay{padding:20px 12px 12px;align-items:flex-start}.modal-contents-modality{padding:1.5rem 1.25rem;border-radius:12px;max-width:100%;width:100%;max-height:85vh}.modal-contents-modality h3{font-size:1.2rem;margin-bottom:16px}.occupancy-timeslots{max-height:300px;padding:8px}.timeslot-entry{padding:10px 12px;font-size:.85rem;flex-direction:column;align-items:flex-start;gap:6px}.timeslot-status{font-size:.75rem}.timeslot-time{font-size:.8rem}.modal-actions{flex-direction:column;gap:10px;margin-top:16px}.modal-actions button,.close-modal{width:100%;padding:12px;font-size:16px;min-height:48px}.selected-rooms{gap:8px;margin-top:12px}.room-card{padding:4px 8px;font-size:.85rem}.no-rooms{font-size:13px;margin-top:15px;padding:12px}.delete-button{width:100%;padding:12px;font-size:1em;min-height:48px}}@media screen and (max-width:480px){.set-availability-container{padding:12px}.availability-sections{gap:16px}.bayanihan-container{padding:12px 10px}.bayanihan-header-title{font-size:1.2em;margin-bottom:15px}.bayanihan-card{padding:16px 12px}.availability-card{padding:16px 12px;border-radius:14px}.card-header-set{font-size:1em;padding:8px 12px;border-radius:10px}.subtitle{font-size:.85em;margin-bottom:16px}.bayanihan-form,.availability-grid{gap:14px}.custom-select,.form-group textarea{padding:10px 12px;font-size:16px;border-radius:6px}.form-group label{font-size:.85em;margin-bottom:6px}.submit-button{padding:12px 0;font-size:.95em;border-radius:10px}.open-modal-btn{padding:10px;font-size:.95em}.room-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;margin-top:10px}.room-box{padding:10px 6px;font-size:.8rem;min-height:70px;border-radius:10px}.room-label{font-size:.75rem;margin-bottom:4px}.view-occupancy{font-size:.65rem;padding:4px 8px;min-height:28px;border-radius:4px}.modal-overlay{padding:10px}.modal-contents-modality{padding:1.25rem 1rem;border-radius:10px}.modal-contents-modality h3{font-size:1.1rem;margin-bottom:12px}.building-header{font-size:.9rem;padding:10px;border-radius:8px}.building-header button{padding:8px 10px;font-size:.85rem;min-height:40px}.occupancy-timeslots{max-height:250px;padding:6px}.timeslot-entry{padding:8px 10px;font-size:.8rem}.timeslot-status{font-size:.7rem}.timeslot-time{font-size:.75rem}.modal-actions{gap:8px;margin-top:12px}.modal-actions button,.close-modal{padding:10px;font-size:15px;min-height:44px}.selected-rooms{gap:6px;margin-top:10px}.room-card{padding:3px 6px;font-size:.8rem}.delete-button{padding:10px;font-size:.95em;min-height:44px}}@media screen and (max-width:767px)and (orientation:landscape){.set-availability-container{padding:12px}.bayanihan-container{padding:15px}.availability-card{padding:18px 16px}.availability-grid{grid-template-columns:repeat(2,1fr);gap:14px}.form-group.full-width{grid-column:span 2}.submit-button{grid-column:span 2;max-width:250px}.modal-contents-modality{max-height:90vh;padding:1.5rem}.occupancy-timeslots{max-height:350px}.room-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.room-box{min-height:70px}}@media print{.bayanihan-container{background-color:#fff;padding:0}.submit-button,.view-occupancy,.building-header button,.close-modal,.modal-overlay{display:none}.bayanihan-card{box-shadow:none;border:1px solid #ddd}}.scheduler-container{max-width:1000px;margin:24px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 6px 18px #0000000f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a}.scheduler-header{font-size:24px;font-weight:700;margin-bottom:20px;letter-spacing:-.2px;color:#0d3b66}.main-content-layout{display:flex;gap:30px;margin-bottom:20px}.form-column{flex:1;max-width:600px}.preview-column{width:300px;background:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0;align-self:flex-start;min-height:400px;position:sticky;top:20px}.preview-header{font-size:16px;font-weight:700;color:#0d3b66;margin-bottom:15px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.modality-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.modality-item{padding:8px 0}.modality-detail{font-size:13px;margin:4px 0;line-height:1.4;color:#333}.modality-divider{border:none;height:1px;background:#e2e8f0;margin:10px 0}.save-button-wrapper{width:100%;margin-top:20px}.field{display:block;margin-bottom:16px}.label{display:block;margin-bottom:6px;font-size:13px;color:#374151;font-weight:600}.input,.select,.textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease;background:#fff;color:inherit}.input:focus,.select:focus,.textarea:focus{border-color:#0d3b66;box-shadow:0 0 0 3px #0d3b661a}.btn-save{width:100%;padding:12px 14px;border-radius:40px;border:none;background:#092c4c;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s ease,transform .08s ease}.btn-save:hover{background:#0d3b66;transform:translateY(-1px);box-shadow:0 4px 12px #092c4c26}.btn-save:active{transform:translateY(0);box-shadow:none}@media(min-width:769px)and (max-width:1024px){.scheduler-container{max-width:95%;padding:18px;margin:16px auto}.scheduler-header{font-size:22px;margin-bottom:18px}.main-content-layout{gap:24px}.form-column{max-width:100%}.preview-column{width:280px;padding:14px}.field{margin-bottom:14px}.label{font-size:12px}.input,.select,.textarea{padding:9px 11px;font-size:13px}.btn-save{padding:11px 13px;font-size:14px}}@media(min-width:600px)and (max-width:768px){.scheduler-container{max-width:98%;padding:16px;margin:12px auto}.scheduler-header{font-size:20px;margin-bottom:16px}.main-content-layout{flex-direction:column;gap:18px}.form-column{max-width:100%}.preview-column{width:100%;position:static;min-height:auto;padding:12px}.preview-header{font-size:15px}.modality-list{max-height:350px}.field{margin-bottom:14px}.label{font-size:12px}.input,.select,.textarea{padding:9px 11px;font-size:13px}.btn-save{padding:11px 13px;font-size:14px}}@media(max-width:599px){.scheduler-container{max-width:100%;padding:12px;margin:8px auto;border-radius:8px}.scheduler-header{font-size:18px;margin-bottom:14px;text-align:center}.main-content-layout{flex-direction:column;gap:16px}.form-column{max-width:100%}.preview-column{width:100%;position:static;min-height:auto;padding:12px;border-radius:6px}.preview-header{font-size:14px;margin-bottom:12px}.modality-list{max-height:300px;gap:8px}.modality-item{padding:6px 0}.modality-detail{font-size:12px;margin:3px 0}.preview-search-input{font-size:13px;padding:8px 10px}.field{margin-bottom:12px}.label{font-size:11px;margin-bottom:5px}.input,.select,.textarea{padding:8px 10px;font-size:13px;border-radius:6px}.btn-save{padding:10px 12px;font-size:14px;border-radius:30px}.save-button-wrapper{margin-top:16px}.select__control{min-height:38px!important}.select__value-container{padding:4px 8px!important}.select__input,.select__menu{font-size:13px!important}.field>div[style*="display: flex"]{flex-direction:column;gap:8px}.field>div[style*="display: flex"]>*{width:100%!important}}.spin{animation:spin 1s linear infinite}.message-sender-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;width:600px;max-height:80vh;overflow-y:auto;padding:20px;position:relative;margin:0 auto}.message-sender-body{margin:20px 0}.message-sender-header h3{margin:0 0 10px;color:#092c4c}.message-sender-header h3{margin:0;color:#333}.close-btn{background:transparent;border:none;font-size:22px;cursor:pointer;color:#666}.user-selection-section{margin-top:10px;border:1px solid #ddd;padding:10px;border-radius:8px}.select-all-row{font-weight:600;margin-bottom:5px;background-color:transparent;color:#333}.user-list{max-height:180px;overflow-y:auto}.user-item{padding:4px 0}.user-contact{color:#888;font-size:.9em}.message-section{margin-top:20px;display:flex;flex-direction:column;color:#333}.message-section label{display:block;margin-bottom:8px;font-weight:700;color:#092c4c}.summary-box{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:16px;color:#111;line-height:1.5}.summary-box p{margin:6px 0;color:inherit}.subject-input{padding:8px;border:1px solid #ccc;border-radius:6px;margin-bottom:10px;background-color:transparent;color:#333}textarea{resize:none;padding:8px;border-radius:6px;border:1px solid #ccc;font-family:inherit;background-color:#fff;color:#333}.char-count{text-align:right;font-size:.85em;color:#888;margin-top:4px}.message-sender-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.btn-cancel,.btn-send{border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:600}.btn-cancel{background:#ddd;color:#333}.btn-send{background:#4caf50;color:#fff}.btn-send:disabled{background:#9acfa2;cursor:not-allowed}@media screen and (max-width:1024px){.message-sender-container{width:90%;max-width:550px;padding:18px}}@media screen and (max-width:768px){.message-sender-container{width:100%;max-width:100%;padding:20px 16px;margin:10px;max-height:95vh;border-radius:12px}.message-sender-header h3{font-size:18px}.user-selection-section{padding:12px}.user-list{max-height:150px}.subject-input,textarea{font-size:16px;padding:12px}.message-sender-footer{flex-direction:column-reverse;gap:10px;margin-top:15px}.btn-cancel,.btn-send{width:100%;min-height:44px;padding:12px 16px;font-size:16px;touch-action:manipulation}}@media screen and (max-width:480px){.message-sender-container{padding:16px 12px;margin:5px}.message-sender-header h3{font-size:16px}.user-list{max-height:120px}}.export-container{background:#fff;border-radius:18px;box-shadow:0 8px 30px #00000014;padding:30px;max-width:450px;margin:0 auto;text-align:center;font-family:Inter,sans-serif;animation:fadeIn .4s ease}.fade-in{animation:fadeIn .4s ease}.export-title{color:#0f2942;font-size:1.6rem;font-weight:700;margin-bottom:20px}.export-options{display:flex;justify-content:space-between;margin-bottom:15px}.radio{display:flex;align-items:center;gap:6px;color:#374151;font-weight:500}.date-select{width:100%;padding:10px;margin-bottom:20px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;background:#f9fafb;transition:.2s ease;color:#0f2942}.date-select:focus{border-color:#2563eb;background:#fff;outline:none}.export-buttons{display:flex;flex-direction:column;gap:10px}.btn{padding:12px 16px;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;transition:.25s;border:none;color:#fff;background:#6b7280;display:flex;justify-content:center;align-items:center}.btn.pdf{background:linear-gradient(90deg,#e74c3c,#c0392b)}.btn.word{background:linear-gradient(90deg,#2b579a,#1e3a75)}.btn.excel{background:linear-gradient(90deg,#217346,#14532d)}.btn.cancel{background:linear-gradient(90deg,#9ca3af,#6b7280)}.btn.stop{background:linear-gradient(90deg,#dc2626,#b91c1c)}.btn:hover:not(:disabled){transform:translateY(-2px);opacity:.9}.btn:disabled{opacity:.6;cursor:not-allowed}.export-mode{position:absolute!important;left:-9999px!important;width:1400px!important;background:#fff!important;box-shadow:none!important;transform:scale(1)!important}.progress-wrapper{margin:20px 0}.progress-bar{position:relative;width:100%;height:32px;background:#e5e7eb;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:12px 0 0 12px;transition:width .4s ease-in-out}.progress-content{position:relative;z-index:2;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#fff;font-weight:600;font-size:.95rem}.btn.stop-inside{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#4b0000;font-size:20px;padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .2s ease,transform .1s ease}.btn.stop-inside:hover{background:#fff6;transform:scale(1.05)}.stop-text{font-size:.9rem;font-weight:500}@media screen and (max-width:1024px){.export-container{padding:25px;max-width:400px}.export-title{font-size:1.4rem}}@media screen and (max-width:768px){.export-container{padding:20px 16px;max-width:100%;margin:10px;border-radius:12px}.export-title{font-size:1.3rem;margin-bottom:15px}.export-options{flex-direction:column;gap:10px;margin-bottom:15px}.radio{font-size:14px}.date-select{padding:12px;font-size:16px;margin-bottom:15px}.export-buttons{gap:12px}.btn{width:100%;min-height:44px;padding:12px 16px;font-size:16px;touch-action:manipulation}.progress-bar{height:36px}.progress-content{padding:0 10px;font-size:.9rem}}@media screen and (max-width:480px){.export-container{padding:16px 12px;margin:5px}.export-title{font-size:1.2rem;margin-bottom:12px}.date-select{padding:10px;font-size:16px}.btn{padding:10px 14px;font-size:15px}.progress-bar{height:32px}}body{margin:0;font-family:Arial,sans-serif;box-sizing:border-box}.colleges-container{width:100%;padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:calc(100vh - 60px);display:flex;flex-direction:column;box-sizing:border-box}.colleges-title{font-size:2em;font-weight:700;color:#333;margin:0;text-align:left}.search-bar input{border:none;padding:10px 15px;outline:none;font-size:14px;width:250px;background:transparent;color:#333;flex:1;min-width:0}.search-bar .search-button{border:none;padding:10px 12px;cursor:pointer;font-size:16px;color:#fab417;background-color:transparent;min-width:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.colleges-actions{display:flex;gap:10px;margin-bottom:20px;align-items:center}.advanced-filters{display:flex;gap:12px;margin-bottom:20px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0;align-items:center;flex-wrap:wrap;min-height:38px}.advanced-filters select{padding:8px 12px;font-size:14px;border:2px solid #092C4C;background-color:#fff;border-radius:8px;color:#333;box-sizing:border-box;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;min-width:150px;height:38px;font-weight:500}.advanced-filters select:focus{outline:none;border-color:#ffb800;box-shadow:0 0 0 2px #ffb80033}.advanced-filters select:hover{border-color:#0d4a7a}.action-button.with-label{width:auto!important;height:auto!important;border-radius:8px!important;padding:8px 14px!important;display:inline-flex!important;gap:8px;align-items:center;justify-content:center}.action-button.with-label .btn-label{margin-left:4px;font-weight:700;color:inherit}.action-button.delete:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.action-button.select-all{background-color:#ffb800}.action-button.select-all:hover{background-color:#e6a700}.colleges-table th:first-child{width:50px;text-align:left}.action-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon-button{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .1s ease;touch-action:manipulation;min-width:32px;min-height:32px;border-radius:4px}.icon-button.edit-button:hover{color:#0056b3;background-color:#1890ff1a}.icon-button.delete-button:hover{color:#c00;background-color:#ff4d4f1a}.colleges-table th input[type=checkbox],.colleges-table td.action-buttons input[type=checkbox]{width:17px;height:17px;cursor:pointer;touch-action:manipulation;accent-color:#ffb800}.actions-checkbox-wrapper{display:flex;align-items:center;gap:8px;font-size:.9rem;position:relative}.actions-checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff;border-radius:4px;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation}.actions-checkbox-wrapper input[type=checkbox]:hover{transform:scale(1.1);box-shadow:0 0 2px #0000004d}.actions-checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.modal{background:#fff;padding:25px;width:90vw;max-width:1000px;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:15px;max-height:85vh;overflow-y:auto}.room-modal{width:95vw!important;max-width:1500px!important;min-width:auto}.room-modal-table-container{flex:1;overflow:auto;border:2px solid #e0e0e0;border-radius:8px;background-color:#fafafa}.room-modal .accounts-table{width:100%;border-collapse:collapse;margin:0;table-layout:fixed}.room-modal .accounts-table thead{position:sticky;top:0;background-color:#092c4c}.room-modal .accounts-table th{color:#fff;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #092C4C}.room-modal .accounts-table td{padding:12px;border-bottom:1px solid #e0e0e0;color:#333}.room-modal .accounts-table tbody tr:hover{background-color:#f5f5f5}.modal h3{margin:0;font-size:1.4em;color:#ffb800;align-self:center;font-weight:700}.modal input,.modal textarea{width:100%;padding:10px 15px;font-size:14px;border:2px solid #092C4C;background-color:#f5f5f5;border-radius:8px;color:#333;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.modal input:focus,.modal textarea:focus{outline:none;border-color:#ffb800;box-shadow:0 0 0 2px #ffb80033}.modal input:disabled{background-color:#f8f8f8;color:#777;cursor:not-allowed}.modal select{width:100%;padding:10px 15px;font-size:14px;border:2px solid #092C4C;background-color:#f5f5f5;border-radius:8px;color:#333;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;flex-shrink:0}.modal-actions button{background-color:#060540;color:#fff;font-weight:700;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:14px;transition:background-color .2s ease,opacity .2s ease}.modal-actions button:hover{opacity:.9}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease;touch-action:manipulation;min-height:44px;font-size:14px}.modal-button.download{background-color:#ffb800;color:#fff;width:100%;margin-bottom:10px}.modal-button.download:disabled{opacity:.6;cursor:not-allowed}.examperiod-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#3339;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px;box-sizing:border-box;overflow-y:auto}.examperiod-modal{background:#fff;padding:30px;width:100%;max-width:900px;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:20px;max-height:90vh;overflow-y:auto}.examperiod-title{margin:0;font-size:1.5em;color:#ffb800;text-align:center;font-weight:700}.examperiod-body{display:flex;gap:30px;flex-wrap:wrap}.examperiod-calendar-section{flex:1;min-width:300px}.examperiod-date-selectors{display:flex;gap:15px;margin-bottom:15px;align-items:flex-end}.examperiod-date-selector-group{display:flex;flex-direction:column;gap:5px;flex:1}.examperiod-date-selector-label{font-size:12px;font-weight:500;color:#333}.examperiod-date-selector{width:100%;padding:8px 12px;font-size:14px;border:2px solid #092C4C;background-color:#f5f5f5;border-radius:8px;color:#333;box-sizing:border-box;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.examperiod-date-selector:focus{outline:none;border-color:#ffb800;box-shadow:0 0 0 2px #ffb80033;background-color:#fff}.examperiod-inputs-section{flex:1;min-width:300px;display:flex;flex-direction:column;gap:20px}.examperiod-input-group{display:flex;flex-direction:column;gap:8px}.examperiod-label{font-weight:500;color:#333;font-size:14px}.examperiod-select{width:100%}.examperiod-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:20px;border-top:1px solid #eee}.examperiod-actions button{background-color:#060540;color:#fff;font-weight:700;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:14px;transition:background-color .2s ease,opacity .2s ease}.examperiod-actions button:hover{opacity:.9}.examperiod-actions button:disabled{opacity:.6;cursor:not-allowed}.examperiod-selected-day{background-color:#ffb800!important;color:#fff!important;border-radius:50px!important;padding:10px 20px!important}.examperiod-calendar-section .react-calendar{width:100%;background:#fff;border:2px solid #092C4C;border-radius:8px;font-family:Arial,sans-serif;line-height:1.125em}.examperiod-calendar-section .react-calendar__navigation{display:flex;height:44px;margin-bottom:1em;background:#fff;border-bottom:1px solid #e0e0e0}.examperiod-calendar-section .react-calendar__navigation button{min-width:44px;background:#fff;color:#333;font-size:16px;font-weight:500;border:none;cursor:pointer;padding:8px}.examperiod-calendar-section .react-calendar__navigation button:hover{background-color:#f0f0f0}.examperiod-calendar-section .react-calendar__navigation button:enabled:hover,.examperiod-calendar-section .react-calendar__navigation button:enabled:focus{background-color:#f0f0f0}.examperiod-calendar-section .react-calendar__navigation button[disabled]{background-color:#fff;color:#b0b0b0}.examperiod-calendar-section .react-calendar__navigation__prev2-button,.examperiod-calendar-section .react-calendar__navigation__next2-button{display:none!important}.examperiod-calendar-section .react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em;color:#333;background:#fff;padding:10px 0;border-bottom:1px solid #e0e0e0}.examperiod-calendar-section .react-calendar__month-view__weekdays__weekday{padding:.5em;color:#333}.examperiod-calendar-section .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.examperiod-calendar-section .react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:#fff;text-align:center;line-height:16px;font-size:.833em;color:#333;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.examperiod-calendar-section .react-calendar__tile:enabled:hover,.examperiod-calendar-section .react-calendar__tile:enabled:focus{background-color:#f0f0f0}.examperiod-calendar-section .react-calendar__tile--now{background:#e6f3ff;color:#333;font-weight:700}.examperiod-calendar-section .react-calendar__tile--now:enabled:hover,.examperiod-calendar-section .react-calendar__tile--now:enabled:focus{background:#d0e7ff}.examperiod-calendar-section .react-calendar__tile--hasActive{background:#ffb800;color:#fff}.examperiod-calendar-section .react-calendar__tile--hasActive:enabled:hover,.examperiod-calendar-section .react-calendar__tile--hasActive:enabled:focus{background:#e6a700}.examperiod-calendar-section .react-calendar__tile--active{background:#ffb800;color:#fff}.examperiod-calendar-section .react-calendar__tile--active:enabled:hover,.examperiod-calendar-section .react-calendar__tile--active:enabled:focus{background:#e6a700}.examperiod-calendar-section .react-calendar__tile--neighboringMonth{color:#b0b0b0}.examperiod-calendar-section .react-calendar__tile--neighboringMonth:enabled:hover{background-color:#f5f5f5}.loading-state{text-align:center;color:#666;font-size:1.1em;padding:20px}@media screen and (max-width:1024px){.colleges-container{padding:15px}.colleges-title{font-size:1.8em}.search-bar{min-width:200px}.search-bar input{width:200px}.colleges-table th,.colleges-table td{padding:10px 12px;font-size:14px}.modal{max-width:380px;padding:20px}}@media screen and (max-width:768px){.colleges-container{padding:12px;min-height:calc(100vh - 50px)}.colleges-header{flex-direction:column;align-items:stretch;margin-bottom:15px;gap:12px}.colleges-title{font-size:1.5em;text-align:center}.search-bar{width:100%;min-width:100%;border-radius:8px}.search-bar input{width:100%;flex:1;padding:12px 15px;font-size:16px}.search-bar .search-button{padding:12px 15px;font-size:18px}.colleges-actions{margin-bottom:15px;flex-wrap:wrap}.colleges-actions .action-button{width:44px;height:44px;font-size:18px}.colleges-actions .action-button.filter-toggle{width:auto;min-width:100px;padding:8px 12px;font-size:13px}.advanced-filters{flex-direction:column;align-items:stretch;padding:12px}.advanced-filters select{width:100%;min-width:100%;font-size:16px;padding:12px}.table-scroll-wrapper{position:relative}.table-scroll-buttons{display:flex}.table-scroll-hint{display:block}.colleges-table-container{border-radius:6px;box-shadow:0 1px 4px #0000001a}.colleges-table{min-width:500px;font-size:14px}.colleges-table th{padding:10px 8px;font-size:12px}.colleges-table td{padding:10px 8px;font-size:13px}.colleges-table th:first-child{width:40px;padding:10px 5px}.colleges-table td:first-child{padding:10px 5px}.icon-button{min-width:36px;min-height:36px;font-size:18px;padding:6px}.colleges-table th input[type=checkbox],.colleges-table td.action-buttons input[type=checkbox]{width:20px;height:20px}.action-buttons{gap:8px;flex-wrap:wrap}.modal-overlay{padding:20px 10px 10px;align-items:flex-start}.modal{max-width:100%;width:100%;padding:20px 16px;border-radius:12px;margin:0}.modal h3{font-size:1.2em;margin-bottom:15px}.modal input,.modal textarea,.modal select{width:100%;padding:12px;font-size:16px;border-radius:6px}.input-group{margin-bottom:18px}.examperiod-overlay{padding:20px 10px 10px;align-items:flex-start}.examperiod-modal{max-width:100%;width:100%;padding:20px 16px;border-radius:12px;margin:0;max-height:95vh}.examperiod-title{font-size:1.2em;margin-bottom:15px}.examperiod-body{flex-direction:column;gap:20px}.examperiod-calendar-section,.examperiod-inputs-section{min-width:100%;width:100%}.examperiod-date-selectors{flex-direction:column;gap:12px}.examperiod-date-selector-group{width:100%}.examperiod-date-selector{font-size:16px;padding:12px}.examperiod-actions{flex-direction:column}.examperiod-actions button{width:100%}.input-group label{font-size:14px;margin-bottom:8px}.modal-actions{flex-direction:column-reverse;gap:10px;margin-top:10px}.modal-actions button{width:100%;padding:12px 16px;font-size:16px;min-height:48px}.room-modal{max-width:100%;min-width:auto;max-height:90vh}.room-modal-table-container{max-height:60vh}.room-modal .accounts-table{font-size:13px}.room-modal .accounts-table th,.room-modal .accounts-table td{padding:8px}.modal-button{width:100%;padding:12px 16px;font-size:16px;min-height:48px}.actions-checkbox-wrapper{font-size:.85rem;gap:6px}.actions-checkbox-wrapper input[type=checkbox]{width:20px;height:20px}}@media screen and (max-width:480px){.colleges-container{padding:10px}.colleges-title{font-size:1.3em}.colleges-table{min-width:450px;font-size:13px}.colleges-table th{padding:8px 6px;font-size:11px}.colleges-table td{padding:8px 6px;font-size:12px}.colleges-actions .action-button{width:40px;height:40px;font-size:16px}.modal{padding:16px 12px}.modal h3{font-size:1.1em}}@media screen and (max-width:768px)and (orientation:landscape){.colleges-container{padding:10px}.colleges-header{flex-direction:row;align-items:center}.colleges-title{font-size:1.3em;text-align:left}.search-bar{width:auto;min-width:200px}.search-bar input{width:180px}.modal-overlay{align-items:center;padding:20px}.modal{max-width:500px}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;padding:10px}.pagination-controls button{background-color:#ffb800;color:#333;border:none;border-radius:50%;width:38px;height:38px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .1s ease}.pagination-controls button:hover:not(:disabled){background-color:#e6a700;transform:scale(1.05)}.pagination-controls button:active:not(:disabled){transform:scale(.95)}.pagination-controls button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.pagination-controls span{color:#000;font-weight:500;font-size:14px;min-width:100px;text-align:center}.pagination-controls .pagination-arrow-btn{font-weight:900;font-size:22px;line-height:1;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.pagination-controls .pagination-arrow-btn:disabled{color:#999!important}.pagination-controls .pagination-page-number{font-size:15px;font-weight:600;color:#333}@media print{.colleges-container{background-color:#fff;padding:0}.colleges-header,.colleges-actions,.search-bar,.action-buttons,.table-scroll-buttons,.table-scroll-hint{display:none}.colleges-table-container{box-shadow:none;border:1px solid #ddd}.colleges-table th{background-color:#f5f5f5!important;color:#000!important}}.custom-number-input::-webkit-outer-spin-button,.custom-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.deanreq-container{padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fafafa;min-height:100vh}.deanreq-banner{background-color:#092c4c;color:#fff;font-weight:700;padding:10px 16px;border-radius:6px;margin-bottom:15px;font-size:16px}.deanreq-message{font-size:15px;margin-bottom:20px;color:#333}.deanreq-card{display:flex;justify-content:space-between;align-items:center;background-color:#eee;padding:12px 18px;border-radius:10px;margin-bottom:12px;box-shadow:0 1px 4px #0000000d;transition:background-color .2s ease;cursor:pointer}.deanreq-card:hover{background-color:#e2e2e2}.deanreq-left{display:flex;align-items:center;gap:10px;font-weight:600;color:#2c2c2c}.deanreq-icon{font-size:18px;color:#333}.deanreq-center{flex:1;margin-left:20px;color:#444;font-weight:500}.deanreq-date{font-size:13px;color:#777}.deanreq-modal-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.deanreq-modal-pane{background:#fff;width:550px;max-height:90vh;overflow-y:auto;border-radius:14px;padding:25px;box-shadow:0 5px 25px #00000040;font-family:Georgia,serif;color:#222;line-height:1.6;animation:fadeIn .3s ease-in-out}.deanreq-modal-pane h3{font-size:18px;margin-bottom:5px;color:#004d40}.deanreq-modal-pane h4{font-size:16px;color:#555;margin-bottom:20px}.deanreq-body{margin-bottom:20px}.deanreq-actions{display:flex;justify-content:flex-end;gap:10px}.deanreq-btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:.2s}.deanreq-btn.cancel{background-color:#555;color:#fff}.deanreq-btn.cancel:hover{background-color:#333}.deanreq-btn.approve{background-color:#2e7d32;color:#fff}.deanreq-btn.approve:hover{background-color:#1b5e20}.deanreq-btn.deny{background-color:#c62828;color:#fff}.deanreq-btn.deny:hover{background-color:#8e0000}.deanreq-btn1{padding:8px 16px;border-radius:100px;border:none;cursor:pointer;font-weight:700;transition:.2s;font-size:small}.deanreq-btn1.approve{background-color:#2e7d32;color:#fff}.deanreq-btn1.approve:hover{background-color:#1b5e20}.deanreq-btn1.deny{background-color:#c62828;color:#fff}.deanreq-btn1.deny:hover{background-color:#8e0000}.deanreq-btn1.cancel{background-color:#02063f;color:#fff}.deanreq-btn1.cancel:hover{background-color:#040c7c}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){.deanreq-container{padding:15px}.deanreq-modal-pane{width:90%;max-width:500px;padding:20px}}@media screen and (max-width:768px){.deanreq-container{padding:12px;min-height:calc(100vh - 50px)}.deanreq-banner{padding:12px;font-size:14px;flex-direction:column;align-items:stretch;gap:10px}.deanreq-card{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.deanreq-center{margin-left:0;width:100%}.deanreq-modal-overlay{padding:20px 10px 10px;align-items:flex-start}.deanreq-modal-pane{width:100%;max-width:100%;padding:20px 16px;margin:0;max-height:95vh}.deanreq-modal-pane h3{font-size:16px}.deanreq-modal-pane h4{font-size:14px}.deanreq-actions{flex-direction:column-reverse;gap:10px;margin-top:15px}.deanreq-btn,.deanreq-btn1{width:100%;min-height:44px;padding:12px 16px;font-size:16px;touch-action:manipulation}}@media screen and (max-width:480px){.deanreq-container{padding:10px}.deanreq-banner{font-size:13px;padding:10px}.deanreq-card{padding:10px}.deanreq-modal-pane{padding:16px 12px}.deanreq-modal-pane h3{font-size:15px}.deanreq-modal-pane h4{font-size:13px}}.dean-schedule-viewer{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #0000001a}.dean-schedule-header{text-align:center;margin-bottom:20px}.dean-schedule-logo{width:150px;height:120px;margin-bottom:1px}.dean-schedule-title{font-size:24px;color:#333;font-family:serif;margin-bottom:1px}.dean-schedule-subtitle{font-size:12px;color:#555;font-family:serif;margin-bottom:1px}.dean-schedule-college{font-size:22px;color:#333;font-family:serif;font-weight:700;margin:1px 0}.dean-schedule-info{font-size:16px;color:#333;font-family:serif;margin:1px 0}.dean-schedule-period{font-size:16px;color:#333;font-family:serif;margin-top:1px}.dean-schedule-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:2px 0;padding:10px;background:#fff;border-radius:8px}.dean-page-btn{padding:8px 10px;background:#092c4c;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease}.dean-page-btn:hover:not(:disabled){background:#0a3d66;transform:translateY(-2px)}.dean-page-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.dean-schedule-container{overflow-x:auto;margin-top:20px}.dean-schedule-date-section{margin-bottom:30px}.dean-exam-table{width:100%;border-collapse:collapse;background:#fff;font-size:12px;margin-bottom:20px}.dean-exam-table th{background:#092c4c;color:#fff;padding:12px 8px;text-align:center;border:1px solid #ddd;font-weight:700;font-size:13px}.dean-exam-table td{border:1px solid #ddd;padding:4px;text-align:center;vertical-align:top;min-width:120px}.dean-exam-table tbody tr:nth-child(2n){background:#f9f9f9}.dean-schedule-cell{padding:8px;border-radius:6px;font-size:11px;line-height:1.4;height:100%;display:flex;flex-direction:column;justify-content:center;box-shadow:0 2px 4px #0000001a}.dean-schedule-cell p{margin:2px 0;font-size:11px}.dean-schedule-cell strong{font-size:12px;font-weight:700}@media screen and (max-width:1024px){.dean-schedule-viewer{padding:15px}.dean-schedule-title{font-size:20px}.dean-schedule-college{font-size:18px}.dean-exam-table{font-size:13px}.dean-schedule-cell{padding:6px}}@media screen and (max-width:768px){.dean-schedule-viewer{padding:12px;min-height:calc(100vh - 50px)}.dean-schedule-title{font-size:18px;text-align:center;margin-bottom:12px}.dean-schedule-college{font-size:16px;text-align:center;margin-bottom:12px}.dean-schedule-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.dean-exam-table{min-width:600px;font-size:12px}.dean-exam-table th,.dean-exam-table td{padding:8px 6px;font-size:11px}.dean-schedule-cell{padding:5px;font-size:10px}.dean-schedule-cell p{font-size:10px}.dean-schedule-cell strong{font-size:11px}.dean-schedule-pagination{flex-wrap:wrap;gap:8px;padding:10px}.dean-schedule-pagination button{min-height:40px;min-width:40px;font-size:14px;touch-action:manipulation}}@media screen and (max-width:480px){.dean-schedule-viewer{padding:10px}.dean-schedule-title{font-size:16px}.dean-schedule-college{font-size:14px}.dean-exam-table{min-width:550px;font-size:11px}.dean-exam-table th,.dean-exam-table td{padding:6px 4px;font-size:10px}.dean-schedule-cell{padding:4px;font-size:9px}}@media print{.dean-schedule-pagination{display:none}.dean-schedule-viewer{box-shadow:none;padding:0}.dean-exam-table{font-size:10px}.dean-schedule-cell{font-size:9px}}.dean-schedule-cell{padding:4px;border-radius:4px;font-size:12px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.dean-schedule-cell p{margin:2px 0;line-height:1.3}.dean-schedule-cell strong{font-size:13px}.rm-container{display:flex;flex-wrap:wrap;gap:24px;padding:24px;background-color:#f5f7fa;min-height:100vh}.rm-card{flex:1;min-width:300px;background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 20px #00000014;transition:transform .2s,box-shadow .2s}.rm-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.rm-title{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:16px;border-bottom:1px solid #eee;padding-bottom:8px}.rm-field{margin-bottom:20px}.rm-field label{display:block;margin-bottom:8px;font-weight:500;color:#092c4c}.rm-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.rm-room-box{padding:12px;border-radius:8px;background-color:#f0f2f5;text-align:center;cursor:pointer;transition:background-color .2s,transform .2s;font-weight:500;color:#092c4c}.rm-room-box:hover{background-color:#e0e4eb;transform:translateY(-2px)}.rm-room-box.selected{background-color:#4f8ef7;color:#fff;font-weight:600}.rm-room-type{display:block;font-size:.75rem;color:#888;margin-top:4px}.rm-selected{margin-top:16px;font-size:.9rem;color:#444}.rm-timeslots{margin-top:12px;max-height:300px;overflow-y:auto;border-top:1px solid #eee}.rm-timeslot{display:flex;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #f0f0f0;font-size:.9rem}.rm-timeslot.occupied{background-color:#ffe6e6;color:#b00000}.rm-timeslot.vacant{background-color:#e6f7ff;color:#007acc}.status{font-weight:500}.rm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.rm-modal-content{background:#fff;padding:24px;border-radius:12px;width:400px;max-width:90%;max-height:80%;overflow-y:auto;box-shadow:0 10px 30px #0003}.rm-close-btn{margin-top:16px;padding:8px 16px;background:#092c4c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.rm-close-btn:hover{background:#3a6edb}.rm-vacancy-btn{margin-top:6px;padding:4px 8px;background:#092c4c;color:#fff;font-size:.75rem;border:none;border-radius:4px;cursor:pointer}.rm-vacancy-btn:hover{background:#005ea2}.rm-loading-container{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.rm-spinner{width:45px;height:45px;border:5px solid #ddd;border-top-color:#092c4c;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:769px)and (max-width:1024px){.rm-container{flex-direction:column;gap:20px;padding:20px}.rm-card{min-width:100%;width:100%;padding:20px}.rm-title{font-size:1.15rem;margin-bottom:14px}.rm-field{margin-bottom:18px}.rm-field label{font-size:.95rem;margin-bottom:6px}.rm-room-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.rm-room-box{padding:10px;font-size:.9rem}.rm-room-type{font-size:.7rem}.rm-vacancy-btn{font-size:.7rem;padding:3px 6px;margin-top:4px}.rm-room-table{overflow-x:auto;margin-top:10px}.rm-room-table table{font-size:.9rem;min-width:100%}.rm-room-table th,.rm-room-table td{padding:6px;font-size:.9rem}.rm-room-table input[type=number]{width:55px;padding:3px;font-size:.9rem}.rm-title-row{flex-wrap:wrap;gap:10px}.rm-title-row button{font-size:.85rem;padding:5px 10px}.rm-modal-content{width:90%;max-width:500px;padding:20px}.rm-timeslots{max-height:250px}.rm-timeslot{font-size:.85rem;padding:5px 6px}.rm-field .css-1s2u09g-control,.rm-field .css-1pahdxg-control{min-height:38px;font-size:.9rem}}@media(max-width:768px){.rm-container{flex-direction:column;gap:16px;padding:16px;min-height:auto}.rm-card{min-width:100%;width:100%;padding:16px;border-radius:10px}.rm-card:hover{transform:none}.rm-title{font-size:1.1rem;margin-bottom:12px;padding-bottom:6px}.rm-field{margin-bottom:16px}.rm-field label{font-size:.9rem;margin-bottom:6px}.rm-title-row{flex-direction:column;align-items:flex-start!important;gap:10px}.rm-title-row h3{width:100%}.rm-title-row>div{width:100%;display:flex;gap:8px}.rm-title-row button{flex:1;font-size:.85rem;padding:8px 12px}.rm-room-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.rm-room-box{padding:8px;font-size:.85rem;border-radius:6px}.rm-room-box:hover{transform:none}.rm-room-type{font-size:.65rem;margin-top:2px}.rm-vacancy-btn{font-size:.65rem;padding:3px 6px;margin-top:4px;width:100%}.rm-room-table{overflow-x:auto;margin-top:10px;-webkit-overflow-scrolling:touch}.rm-room-table table{width:100%;font-size:.85rem;border-collapse:collapse;display:block}.rm-room-table thead{display:none}.rm-room-table tbody{display:block}.rm-room-table tbody tr{display:block;margin-bottom:12px;border:1px solid #ddd;border-radius:8px;padding:12px;background-color:#f9f9f9;box-shadow:0 2px 4px #0000000d}.rm-room-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee;color:#333;text-align:left}.rm-room-table tbody td:last-child{border-bottom:none}.rm-room-table tbody td:nth-child(1):before{content:"Room #:";font-weight:600;color:#092c4c;margin-right:10px;flex-shrink:0}.rm-room-table tbody td:nth-child(2):before{content:"Room Name:";font-weight:600;color:#092c4c;margin-right:10px;flex-shrink:0}.rm-room-table tbody td:nth-child(3):before{content:"Type:";font-weight:600;color:#092c4c;margin-right:10px;flex-shrink:0}.rm-room-table tbody td:nth-child(4):before{content:"Capacity:";font-weight:600;color:#092c4c;margin-right:10px;flex-shrink:0}.rm-room-table input[type=number]{width:70px;padding:6px;font-size:.85rem;min-height:32px}.rm-modal-overlay{padding:10px}.rm-modal-content{width:95%;max-width:100%;padding:16px;max-height:85vh;overflow-y:auto}.rm-modal-content h3{font-size:1.1rem;margin-bottom:12px}.rm-close-btn{width:100%;padding:10px;font-size:.9rem;margin-top:12px}.rm-timeslots{max-height:200px;margin-top:10px}.rm-timeslot{font-size:.8rem;padding:6px 8px;flex-wrap:wrap}.rm-timeslot span{width:100%;margin-bottom:2px}.rm-loading-container{height:60vh;padding:20px}.rm-spinner{width:40px;height:40px;border-width:4px}.rm-selected{font-size:.85rem;margin-top:12px}.rm-field .css-1s2u09g-control,.rm-field .css-1pahdxg-control{min-height:40px;font-size:.9rem}.rm-field .css-1okebmr-indicatorSeparator{display:none}.rm-save-btn,.rm-reset-btn{min-height:40px;min-width:80px}}.proctor-monitoring-container{padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.proctor-monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.proctor-monitoring-header-left{display:flex;flex-direction:column;gap:8px;flex:1}.proctor-monitoring-label{font-size:14px;margin:0;font-weight:700;border-radius:6px;padding:12px 16px;display:inline-block;width:fit-content}.proctor-monitoring-label-approved{color:#2d5016;background-color:#d4edda;border:2px solid #28a745;box-shadow:0 2px 4px #28a74533}.proctor-monitoring-label-waiting{color:#6c757d;background-color:#e9ecef;border:2px solid #6c757d;box-shadow:0 2px 4px #6c757d33}.proctor-monitoring-create-button{padding:10px 20px;background-color:#fab417;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .1s ease;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.proctor-monitoring-create-button:hover{background-color:#e6a700}.proctor-monitoring-create-button:active{transform:translateY(1px)}.proctor-monitoring-title{font-size:24px;color:#333;margin:0}.proctor-monitoring-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-top:15px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.proctor-monitoring-table{width:100%;border-collapse:collapse;color:#333;min-width:1000px}.proctor-monitoring-table th,.proctor-monitoring-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.proctor-monitoring-table thead{background-color:#333d52;color:#fff}.proctor-monitoring-table th{background-color:#333d52;color:#fff;font-weight:700;border-bottom:2px solid #092C4C;white-space:nowrap}.proctor-monitoring-table tbody tr:nth-child(2n){background-color:#f8f8f8}.proctor-monitoring-table tbody tr:hover{background-color:#f0f0f0}.proctor-monitoring-otp-field{background-color:#fff;border:1.5px solid #ddd;border-radius:4px;padding:6px 10px;min-height:30px;display:flex;align-items:center;justify-content:center;color:#999;font-size:11px;font-weight:500;font-family:Courier New,monospace;letter-spacing:1px;min-width:120px}.proctor-monitoring-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.proctor-monitoring-table{min-width:600px;width:100%}@media screen and (max-width:1024px){.proctor-monitoring-container{padding:15px}.proctor-monitoring-title{font-size:20px}.proctor-monitoring-table th,.proctor-monitoring-table td{padding:10px 12px;font-size:14px}}@media screen and (max-width:768px){.proctor-monitoring-container{padding:12px;min-height:calc(100vh - 50px)}.proctor-monitoring-header{flex-direction:column;align-items:stretch;margin-bottom:15px;gap:12px}.proctor-monitoring-header-left{width:100%}.proctor-monitoring-create-button{width:100%;padding:12px 20px}.proctor-monitoring-table-container{border-radius:6px;box-shadow:0 1px 4px #0000001a}.proctor-monitoring-table{min-width:0;font-size:13px}.proctor-monitoring-table th,.proctor-monitoring-table td{padding:10px 8px;font-size:12px}.proctor-monitoring-table thead{display:none}.proctor-monitoring-table,.proctor-monitoring-table tbody,.proctor-monitoring-table tr,.proctor-monitoring-table td{display:block;width:100%}.proctor-monitoring-table tr{margin-bottom:12px;padding:10px;border-radius:8px;background:#fff;border:1px solid #eee}.proctor-monitoring-table td{padding:8px 10px;border:none;display:flex;justify-content:space-between;align-items:center}.proctor-monitoring-table tr td:nth-child(1):before{content:"#"}.proctor-monitoring-table tr td:nth-child(2):before{content:"Course"}.proctor-monitoring-table tr td:nth-child(3):before{content:"Subject"}.proctor-monitoring-table tr td:nth-child(4):before{content:"Section"}.proctor-monitoring-table tr td:nth-child(5):before{content:"Date"}.proctor-monitoring-table tr td:nth-child(6):before{content:"Time"}.proctor-monitoring-table tr td:nth-child(7):before{content:"Building"}.proctor-monitoring-table tr td:nth-child(8):before{content:"Room"}.proctor-monitoring-table tr td:nth-child(9):before{content:"Proctor"}.proctor-monitoring-table tr td:nth-child(10):before{content:"Instructor"}.proctor-monitoring-table tr td:nth-child(11):before{content:"Exam Code"}.proctor-monitoring-table tr td:nth-child(12):before{content:"Time In"}.proctor-monitoring-table tr td:nth-child(13):before{content:"Status"}.proctor-monitoring-table tr td:before{content:"";font-weight:700;color:#444;margin-right:12px;flex:0 0 38%;text-align:left}.status-badge{width:auto;padding:6px 10px;white-space:normal}.proctor-monitoring-otp-field{min-width:0;font-size:.95em;padding:6px 8px}}@media screen and (max-width:480px){.proctor-monitoring-container{padding:10px}.proctor-monitoring-table{min-width:0;font-size:11px}.proctor-monitoring-table th,.proctor-monitoring-table td{padding:8px 6px;font-size:11px}.proctor-monitoring-otp-field{padding:4px 6px;font-size:10px;min-width:100px}.proctor-monitoring-table tr td:before{flex:0 0 40%;font-size:11px}}.status-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;width:100px;text-align:center;box-sizing:border-box}.proctor-monitoring-table td:last-child{text-align:center}.proctor-monitoring-table th:last-child{text-align:center}.proctor-monitoring-time-in{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#333;text-align:center;white-space:nowrap}.proctor-monitoring-table th:nth-last-child(2){text-align:center}.status-badge.status-confirmed{background-color:#155724;color:#fff}.status-badge.status-late-absent{background-color:#a71e2a;color:#fff}.status-badge.status-substitute{background-color:#b8470e;color:#fff}.status-confirmed{background-color:#28a745;color:#fff}.status-late{background-color:#ffc107;color:#000}.status-absent{background-color:#dc3545;color:#fff}.status-pending{background-color:#6c757d;color:#fff}.proctor-attendance-container{padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:calc(100vh - 60px);display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative}.proctor-attendance-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px;width:100%;visibility:visible}.proctor-attendance-section{margin-bottom:30px}.proctor-attendance-instruction{margin-bottom:20px;padding:12px 16px;background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;width:100%;box-sizing:border-box;visibility:visible;opacity:1;display:block}.proctor-attendance-instruction-text{margin:0;font-size:14px;color:#1976d2;font-weight:500;visibility:visible;opacity:1;display:block}.proctor-attendance-section-title{font-size:18px;color:#333;margin:0 0 15px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #333d52;width:100%;visibility:visible;opacity:1;display:block}.proctor-attendance-title{font-size:24px;color:#333;margin:0;visibility:visible;opacity:1;display:block}.proctor-attendance-canvas{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a;min-height:200px}.proctor-attendance-schedules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.proctor-attendance-schedule-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:12px;box-shadow:0 2px 6px #00000014;transition:box-shadow .3s ease,transform .2s ease}@media(hover:hover){.proctor-attendance-schedule-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.proctor-attendance-schedule-card-clickable:hover{border-color:#fab417;box-shadow:0 4px 12px #fab4174d;transform:translateY(-3px)}}.proctor-attendance-schedule-card-clickable{cursor:pointer;position:relative;border:2px solid #e0e0e0;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.proctor-attendance-schedule-card-assigned{border-left:4px solid #2196f3}.proctor-attendance-schedule-card-assigned:hover{border-left-color:#1976d2}.proctor-attendance-schedule-card-substitution{border-left:4px solid #ff9800}.proctor-attendance-schedule-card-substitution:hover{border-left-color:#fab417}.proctor-attendance-substitution-hint{color:#ff9800;font-weight:700}.proctor-attendance-schedule-card-clickable:active{transform:translateY(-1px)}.proctor-attendance-click-hint{margin-top:8px;padding-top:8px;border-top:1px dashed #ccc;text-align:center;font-size:10px;color:#fab417;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.proctor-attendance-schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1.5px solid #333d52}.proctor-attendance-schedule-subject{font-size:13px;font-weight:700;color:#333;margin:0;flex:1;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.proctor-attendance-badge-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.proctor-attendance-schedule-code{background-color:#333d52;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;margin-left:8px;white-space:nowrap}.proctor-attendance-schedule-details{margin-bottom:10px}.proctor-attendance-detail-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid #f0f0f0;gap:8px}.proctor-attendance-detail-row:last-child{border-bottom:none}.proctor-attendance-detail-label{font-weight:600;color:#555;font-size:11px;flex-shrink:0;white-space:nowrap}.proctor-attendance-detail-value{color:#333;font-size:11px;text-align:right;word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0}.no-data-message{text-align:center;padding:40px 20px;color:#666;font-style:italic;grid-column:1 / -1}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize;display:inline-block}.status-assigned{background-color:#e3f2fd;color:#1976d2}.status-available{background-color:#f1f8e9;color:#558b2f}.status-pending{background-color:#fff3e0;color:#f57c00}.proctor-attendance-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.proctor-attendance-modal{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.proctor-attendance-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #f0f0f0}.proctor-attendance-modal-title{margin:0;font-size:20px;color:#333;font-weight:600}.proctor-attendance-modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.proctor-attendance-modal-close:hover{background-color:#f0f0f0;color:#333}.proctor-attendance-modal-content{padding:20px;flex:1}.proctor-attendance-modal-exam-details{margin-bottom:25px}.proctor-attendance-modal-exam-details h4{margin:0 0 15px;font-size:16px;color:#333;font-weight:600}.proctor-attendance-modal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background-color:#f9f9f9;padding:15px;border-radius:6px}.proctor-attendance-modal-detail-item{display:flex;flex-direction:column;gap:4px}.modal-detail-label{font-size:11px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-detail-value{font-size:13px;color:#333;font-weight:500}.proctor-attendance-modal-form{display:flex;flex-direction:column;gap:20px}.proctor-attendance-modal-input-group{display:flex;flex-direction:column;gap:8px}.proctor-attendance-modal-label{font-size:13px;color:#333;font-weight:600}.proctor-attendance-modal-input{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:Courier New,monospace;letter-spacing:2px;transition:border-color .3s ease}.proctor-attendance-modal-input:focus{outline:none;border-color:#fab417}.proctor-attendance-modal-textarea{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:Arial,sans-serif;resize:vertical;transition:border-color .3s ease}.proctor-attendance-modal-textarea:focus{outline:none;border-color:#fab417}.proctor-attendance-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:2px solid #f0f0f0}.proctor-attendance-modal-cancel,.proctor-attendance-modal-submit{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.proctor-attendance-modal-cancel{background-color:#f5f5f5;color:#666}.proctor-attendance-modal-cancel:hover{background-color:#e0e0e0}.proctor-attendance-modal-submit{background-color:#fab417;color:#fff}.proctor-attendance-modal-submit:hover:not(:disabled){background-color:#e6a700;transform:translateY(-1px);box-shadow:0 4px 8px #fab4174d}.proctor-attendance-modal-submit:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.proctor-attendance-substitution-banner{background-color:#fff3cd;border:2px solid #ffc107;border-radius:6px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.substitution-icon{font-size:20px}.substitution-text{font-size:14px;color:#856404;font-weight:500}.substitution-text strong{color:#ff9800}.proctor-attendance-otp-input-wrapper{display:flex;gap:8px}.proctor-attendance-otp-input-wrapper .proctor-attendance-modal-input{flex:1}.proctor-attendance-verify-button{padding:10px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.proctor-attendance-verify-button:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px)}.proctor-attendance-verify-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.proctor-attendance-validation-message{margin-top:8px;padding:10px 12px;border-radius:6px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.proctor-attendance-validation-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.proctor-attendance-validation-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.proctor-attendance-validation-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.proctor-attendance-required-field{border-color:#ff9800!important;border-width:2px!important}.proctor-attendance-field-error{display:block;margin-top:6px;font-size:12px;color:#f44336;font-weight:500}.proctor-attendance-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.proctor-attendance-table{min-width:600px;width:100%}@media screen and (max-width:1024px){.proctor-attendance-container{padding:16px}.proctor-attendance-section{margin-bottom:24px}.proctor-attendance-section-title{font-size:16px}.proctor-attendance-canvas{padding:12px}.proctor-attendance-schedules-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.proctor-attendance-schedule-card{padding:10px}.proctor-attendance-modal{max-width:90%}.proctor-attendance-modal-details-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}}@media screen and (max-width:768px){.proctor-attendance-container{padding:8px!important;min-height:auto!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;margin:0!important;background-color:#f5f5f5!important}.proctor-attendance-header{margin-bottom:12px!important;display:block!important;width:100%!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;min-height:30px!important;padding:0!important;margin-top:0!important}.proctor-attendance-title{font-size:18px!important;color:#333!important;margin:0!important;padding:4px 0!important;font-weight:600!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;line-height:1.2!important;text-align:left!important}.proctor-attendance-instruction{padding:8px 10px!important;margin-bottom:12px!important;width:100%!important;box-sizing:border-box!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;min-height:30px!important;margin-top:0!important;background-color:#e3f2fd!important;border-left:4px solid #2196f3!important;border-radius:4px!important}.proctor-attendance-instruction-text{font-size:11px!important;line-height:1.3!important;margin:0!important;display:block!important;visibility:visible!important;opacity:1!important;color:#1976d2!important;font-weight:500!important}.proctor-attendance-section{margin-bottom:14px!important;width:100%!important;display:block!important;visibility:visible!important;margin-top:0!important}.proctor-attendance-section-title{font-size:13px!important;margin-bottom:8px!important;padding-bottom:4px!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;color:#333!important;min-height:25px!important;line-height:1.3!important;font-weight:600!important;border-bottom:2px solid #333d52!important;margin-top:0!important}.proctor-attendance-canvas{padding:6px;border-radius:4px;min-height:150px;width:100%;box-sizing:border-box;overflow-x:hidden}.proctor-attendance-schedules-grid{grid-template-columns:1fr;gap:8px}.proctor-attendance-schedule-card{padding:8px;border-radius:4px}.proctor-attendance-schedule-header{flex-direction:row;align-items:flex-start;gap:6px;padding-bottom:5px;margin-bottom:6px;border-bottom-width:1px}.proctor-attendance-schedule-subject{font-size:10px;flex:1;min-width:0;line-height:1.2}.proctor-attendance-badge-wrapper{gap:4px;flex-shrink:0;flex-wrap:nowrap}.proctor-attendance-schedule-code{font-size:8px;padding:2px 5px;margin-left:0}.ongoing-badge{font-size:7px;padding:2px 6px;letter-spacing:.3px}.proctor-attendance-schedule-details{margin-bottom:6px}.proctor-attendance-detail-row{padding:2px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.proctor-attendance-detail-label{font-size:9px;font-weight:600;color:#555;flex-shrink:0;min-width:fit-content}.proctor-attendance-detail-value{font-size:9px;color:#333;word-break:break-word;flex:1;text-align:right}.proctor-attendance-click-hint{font-size:8px;margin-top:4px;padding-top:4px;letter-spacing:.3px}.status-badge{padding:3px 8px;font-size:9px}.proctor-attendance-modal-overlay{padding:0;align-items:flex-end}.proctor-attendance-modal{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0;margin:0}.proctor-attendance-modal-header{padding:12px;border-bottom-width:1px}.proctor-attendance-modal-title{font-size:15px}.proctor-attendance-modal-close{font-size:22px;width:26px;height:26px}.proctor-attendance-modal-content{padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.proctor-attendance-modal-exam-details{margin-bottom:16px}.proctor-attendance-modal-exam-details h4{font-size:13px;margin-bottom:8px}.proctor-attendance-modal-details-grid{grid-template-columns:1fr;gap:6px;padding:8px}.proctor-attendance-modal-detail-item{gap:2px}.modal-detail-label{font-size:9px;letter-spacing:.3px}.modal-detail-value{font-size:11px;word-break:break-word}.proctor-attendance-substitution-banner{padding:8px 10px;margin-bottom:12px;flex-direction:row;align-items:center;gap:6px;border-width:1px}.substitution-icon{font-size:16px;flex-shrink:0}.substitution-text{font-size:11px;line-height:1.3}.proctor-attendance-modal-form{gap:12px}.proctor-attendance-modal-input-group{gap:6px}.proctor-attendance-modal-label{font-size:11px}.proctor-attendance-modal-input{padding:8px 10px;font-size:12px;letter-spacing:1px}.proctor-attendance-modal-textarea{padding:8px 10px;font-size:11px;min-height:60px}.proctor-attendance-otp-input-wrapper{flex-direction:column;gap:6px}.proctor-attendance-verify-button{width:100%;padding:10px;font-size:12px}.proctor-attendance-validation-message{padding:8px 10px;font-size:11px;margin-top:6px}.proctor-attendance-modal-footer{flex-direction:column-reverse;gap:8px;padding:12px;border-top-width:1px}.proctor-attendance-modal-cancel,.proctor-attendance-modal-submit{width:100%;padding:10px;font-size:13px}.proctor-attendance-field-error{font-size:10px;margin-top:4px}}@media screen and (max-width:480px){.proctor-attendance-container{padding:6px;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;position:relative}.proctor-attendance-header{margin-bottom:10px;width:100%;display:block!important;visibility:visible!important;opacity:1!important;position:relative;z-index:1}.proctor-attendance-title{font-size:16px;width:100%;display:block!important;visibility:visible!important;opacity:1!important;color:#333!important}.proctor-attendance-instruction{padding:6px 8px;margin-bottom:10px;border-left-width:3px;width:100%;box-sizing:border-box;display:block!important;visibility:visible!important;opacity:1!important;position:relative;z-index:1}.proctor-attendance-instruction-text{font-size:10px;line-height:1.3;margin:0;display:block!important;visibility:visible!important;opacity:1!important;color:#1976d2!important}.proctor-attendance-section{margin-bottom:12px;width:100%;display:block!important;visibility:visible!important}.proctor-attendance-section-title{font-size:12px;margin-bottom:6px;padding-bottom:3px;width:100%;display:block!important;visibility:visible!important;opacity:1!important;color:#333!important}.proctor-attendance-canvas{padding:5px;border-radius:3px;width:100%;box-sizing:border-box;overflow-x:hidden}.proctor-attendance-schedules-grid{gap:6px}.proctor-attendance-schedule-card{padding:6px;border-radius:3px}.proctor-attendance-schedule-header{gap:4px;padding-bottom:4px;margin-bottom:4px}.proctor-attendance-schedule-subject{font-size:9px;line-height:1.2}.proctor-attendance-badge-wrapper{gap:3px}.proctor-attendance-schedule-code{font-size:7px;padding:2px 4px}.ongoing-badge{font-size:6px;padding:2px 5px;letter-spacing:.2px}.proctor-attendance-schedule-details{margin-bottom:4px}.proctor-attendance-detail-row{padding:1px 0;gap:3px}.proctor-attendance-detail-label{font-size:8px;min-width:55px}.proctor-attendance-detail-value{font-size:8px;text-align:right;word-break:break-word;overflow-wrap:break-word}.proctor-attendance-click-hint{font-size:7px;padding-top:3px;margin-top:3px;letter-spacing:.2px}.status-badge{padding:2px 6px;font-size:8px}.proctor-attendance-modal-overlay{padding:0}.proctor-attendance-modal{max-height:100vh;border-radius:0;margin:0}.proctor-attendance-modal-header{padding:10px;position:sticky;top:0;background-color:#fff;z-index:10;box-shadow:0 1px 3px #0000001a}.proctor-attendance-modal-title{font-size:14px}.proctor-attendance-modal-close{font-size:20px;width:24px;height:24px}.proctor-attendance-modal-content{padding:10px;max-height:calc(100vh - 140px);overflow-y:auto}.proctor-attendance-modal-exam-details{margin-bottom:12px}.proctor-attendance-modal-exam-details h4{font-size:12px;margin-bottom:6px}.proctor-attendance-modal-details-grid{padding:6px;gap:5px}.proctor-attendance-modal-detail-item{gap:1px}.modal-detail-label{font-size:8px;letter-spacing:.2px}.modal-detail-value{font-size:10px}.proctor-attendance-substitution-banner{padding:6px 8px;margin-bottom:10px;gap:4px}.substitution-icon{font-size:14px}.substitution-text{font-size:10px}.proctor-attendance-modal-form{gap:10px}.proctor-attendance-modal-input-group{gap:4px}.proctor-attendance-modal-label{font-size:10px}.proctor-attendance-modal-input{padding:7px 8px;font-size:11px;letter-spacing:.5px}.proctor-attendance-modal-textarea{padding:7px 8px;font-size:10px;min-height:50px}.proctor-attendance-otp-input-wrapper{gap:5px}.proctor-attendance-verify-button{padding:8px;font-size:11px}.proctor-attendance-validation-message{padding:6px 8px;font-size:10px;margin-top:4px}.proctor-attendance-modal-footer{padding:10px;position:sticky;bottom:0;background-color:#fff;z-index:10;box-shadow:0 -1px 3px #0000001a;gap:6px}.proctor-attendance-modal-cancel,.proctor-attendance-modal-submit{padding:9px;font-size:12px}.proctor-attendance-field-error{font-size:9px;margin-top:3px}.no-data-message{padding:25px 12px;font-size:11px}.status-badge{padding:3px 8px;font-size:8px}}@media screen and (max-width:430px)and (min-width:361px){.proctor-attendance-container{padding:8px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important;position:relative!important;margin:0!important}.proctor-attendance-header{margin-bottom:10px!important;margin-top:0!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;min-height:28px!important;padding:0!important}.proctor-attendance-title{font-size:17px!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;color:#333!important;margin:0!important;padding:4px 0!important;font-weight:600!important}.proctor-attendance-instruction{padding:8px 10px!important;margin-bottom:12px!important;margin-top:0!important;width:100%!important;box-sizing:border-box!important;display:block!important;visibility:visible!important;opacity:1!important;background-color:#e3f2fd!important;border-left:4px solid #2196f3!important;border-radius:4px!important;position:relative!important;z-index:10!important;min-height:30px!important}.proctor-attendance-instruction-text{font-size:11px!important;line-height:1.3!important;margin:0!important;display:block!important;visibility:visible!important;opacity:1!important;color:#1976d2!important;font-weight:500!important}.proctor-attendance-section{margin-bottom:14px!important;margin-top:0!important;width:100%!important;display:block!important;visibility:visible!important}.proctor-attendance-section-title{font-size:13px!important;margin-bottom:8px!important;margin-top:0!important;padding-bottom:4px!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;color:#333!important;font-weight:600!important;border-bottom:2px solid #333d52!important;min-height:22px!important}.proctor-attendance-canvas{padding:6px;width:100%;box-sizing:border-box;overflow-x:hidden}}@media screen and (max-width:360px){.proctor-attendance-container{padding:4px}.proctor-attendance-instruction{padding:5px 6px;margin-bottom:8px}.proctor-attendance-instruction-text{font-size:9px}.proctor-attendance-section{margin-bottom:10px}.proctor-attendance-section-title{font-size:11px;margin-bottom:5px}.proctor-attendance-canvas{padding:4px}.proctor-attendance-schedules-grid{gap:5px}.proctor-attendance-schedule-card{padding:5px}.proctor-attendance-schedule-subject{font-size:8px}.proctor-attendance-schedule-code{font-size:6px;padding:1px 3px}.ongoing-badge{font-size:6px;padding:1px 4px}.proctor-attendance-detail-label{font-size:7px;min-width:50px}.proctor-attendance-detail-value{font-size:7px}.proctor-attendance-click-hint{font-size:6px;padding-top:2px;margin-top:2px}}.ongoing-badge{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite;box-shadow:0 2px 4px #4caf504d}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.proctor-attendance-header,.proctor-attendance-title,.proctor-attendance-instruction,.proctor-attendance-instruction-text,.proctor-attendance-section-title{visibility:visible!important;opacity:1!important;display:block!important}@media screen and (max-width:768px){.proctor-attendance-header,.proctor-attendance-title,.proctor-attendance-instruction,.proctor-attendance-instruction-text,.proctor-attendance-section-title{visibility:visible!important;opacity:1!important;display:block!important;position:relative!important;z-index:10!important}}.mini-exam-calendar{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000001a;height:100%;display:flex;flex-direction:column;overflow:auto}.mini-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.mini-calendar-header h3{margin:0;font-size:1.1rem;color:#092c4c;font-weight:700}.mini-nav-controls{display:flex;gap:10px;padding:4px 8px;border-radius:999px}.mini-nav-btn{position:relative;background:linear-gradient(135deg,#0c2f55,#174775);color:#fff;border:none;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 6px 15px #092c4c40}.mini-nav-btn:hover{background:linear-gradient(135deg,#f2994a,#f57f17);box-shadow:0 10px 22px #f2994a66;transform:translateY(-1px)}.mini-nav-btn:focus-visible{outline:2px solid #f2994a;outline-offset:3px}.mini-nav-btn:active{transform:scale(.95)}.mini-nav-btn-icon{font-size:16px;font-weight:700;line-height:1;color:#f2c94c}.mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px;text-align:center}.mini-weekday{font-size:12px;font-weight:700;color:#092c4c;padding:4px 0}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex:1;margin-bottom:10px}.mini-calendar-cell{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:4px;min-height:70px;position:relative;display:flex;flex-direction:column;align-items:center;font-size:10px}.mini-calendar-cell.empty{background-color:#f5f5f5;border:none}.mini-calendar-cell.today{border:2px solid #F2994A;background-color:#f2994a0d}.mini-day-number{font-weight:700;color:#092c4c;margin-bottom:2px;font-size:11px}.mini-event-details{display:flex;flex-direction:column;gap:2px;width:100%}.mini-college-badge{display:inline-block;padding:3px 6px;margin:2px 2px 4px 0;border-radius:4px;font-size:.75em;font-weight:600;color:#fff;text-align:center}.mini-semester,.mini-exam{font-size:8px;color:#000e66;text-align:center;margin-top:1px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-calendar-legend{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid #e0e0e0;justify-content:center}.mini-legend-item{display:flex;align-items:center;gap:4px;font-size:9px;color:#333}.mini-legend-color{width:8px;height:8px;border-radius:2px}@media screen and (max-width:1024px){.mini-exam-calendar{padding:12px}.mini-calendar-header h3{font-size:1rem}.mini-calendar-cell{min-height:45px;font-size:9px}.mini-day-number{font-size:10px}}@media screen and (max-width:768px){.mini-exam-calendar{padding:10px;border-radius:8px}.mini-calendar-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:10px}.mini-calendar-header h3{font-size:.95rem;text-align:center}.mini-nav-controls{justify-content:center}.mini-nav-btn{width:38px;height:38px;touch-action:manipulation}.mini-calendar-cell{min-height:40px;padding:3px;font-size:8px}.mini-day-number{font-size:9px}.mini-weekday{font-size:11px}.mini-calendar-legend{gap:4px;padding-top:8px}.mini-legend-item{font-size:8px}}@media screen and (max-width:480px){.mini-exam-calendar{padding:8px}.mini-calendar-header h3{font-size:.9rem}.mini-calendar-cell{min-height:35px;font-size:7px}.mini-day-number{font-size:8px}}.proctor-course-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;height:100%;display:flex;flex-direction:column;overflow:auto}.proctor-course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.header-title h3{margin:0 0 4px;font-size:1.5rem;color:#092c4c;font-weight:700}.total-assignments{margin:0;font-size:.875rem;color:#6b7280;font-weight:400}.filter-buttons{display:flex;gap:8px}.filter-btn{background-color:#f0f0f0;color:#092c4c;border:1px solid #ddd;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;line-height:1}.filter-btn:hover{background-color:#e0e0e0}.filter-btn.active{background-color:#f2994a;color:#fff;border-color:#f2994a}.loading-message{text-align:center;padding:40px 20px;color:#999;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #F2994A;border-radius:50%;animation:spin 1s linear infinite}.empty-message{text-align:center;padding:60px 20px;color:#6b7280;font-size:15px;background:#f9fafb;border-radius:8px;border:1px dashed #D1D5DB}.empty-message p:first-child{font-weight:600;color:#374151;margin-bottom:8px}.courses-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;flex:1;padding-bottom:16px}.course-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.course-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#d1d5db}.course-card.upcoming{border-left:4px solid #F59E0B}.course-card.completed{border-left:4px solid #10B981;opacity:.85}.course-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;cursor:pointer;transition:background .2s ease;border-radius:12px 12px 0 0}.course-card-header:hover{background:#f9fafb}.course-card-left{display:flex;align-items:flex-start;gap:16px;flex:1}.course-code-badge{background:linear-gradient(135deg,#092c4c,#1a4d7a);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:.875rem;letter-spacing:.5px;box-shadow:0 2px 4px #092c4c33;min-width:80px;text-align:center}.course-card-main{flex:1}.course-title{margin:0 0 6px;font-size:1.125rem;font-weight:700;color:#111827}.course-instructor{margin:0 0 12px;font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:6px}.course-instructor:before{content:"👤";font-size:.75rem}.course-preview-info{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #E5E7EB}.preview-row{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#4b5563}.preview-label{font-weight:600;color:#6b7280;min-width:70px}.preview-value{color:#111827;font-weight:500}.preview-value .duration{background:#fef3c7;color:#d97706;padding:2px 6px;border-radius:4px;font-size:.6875rem;font-weight:600;margin-left:6px}.course-card-right{display:flex;align-items:center;gap:12px}.status-badge{font-size:.75rem;padding:4px 12px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.upcoming-badge{background-color:#fef3c7;color:#d97706;border:1px solid #FDE68A}.status-badge.completed-badge{background-color:#d1fae5;color:#059669;border:1px solid #A7F3D0}.expand-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.expand-btn:hover{background:#f3f4f6;color:#092c4c}.course-card-details{padding:24px;background:#fafbfc;border-top:1px solid #E5E7EB;animation:slideDown .3s ease;border-radius:0 0 12px 12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 16px;font-size:.875rem;font-weight:700;color:#092c4c;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.detail-section h4:before{content:"";width:4px;height:16px;background:#f2994a;border-radius:2px}.detail-row{display:flex;padding:10px 0;border-bottom:1px solid #E5E7EB;align-items:flex-start}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500;min-width:100px;flex-shrink:0}.detail-value{font-size:.875rem;color:#111827;font-weight:500;flex:1;display:flex;align-items:center;gap:8px}.duration{background:#fef3c7;color:#d97706;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:4px}@media(max-width:768px){.proctor-course-container{padding:16px}.proctor-course-header{flex-direction:column;align-items:flex-start;gap:12px}.filter-buttons{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.course-card-left{flex-direction:column;align-items:flex-start;gap:12px}.course-code-badge{min-width:auto}.course-card-right{flex-direction:column;gap:8px}.detail-row{flex-direction:column;gap:4px}.detail-label{min-width:auto;font-weight:600}}.courses-list::-webkit-scrollbar{width:8px}.courses-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.courses-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.courses-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.departments-container,.colleges-container{padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.departments-header,.colleges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.departments-title,.colleges-title{font-size:24px;color:#333;margin:0}.departments-actions,.colleges-actions{display:flex;gap:10px;margin-bottom:20px}.departments-actions .action-button,.colleges-actions .action-button{width:38px;height:38px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;font-size:16px}.departments-table-container,.colleges-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth}.departments-table-container:before,.departments-table-container:after,.colleges-table-container:before,.colleges-table-container:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.departments-table-container:before,.colleges-table-container:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.95),transparent)}.departments-table-container:after,.colleges-table-container:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.95),transparent)}.departments-table-container.scrollable-left:before,.colleges-table-container.scrollable-left:before{opacity:1}.departments-table-container.scrollable-right:after,.colleges-table-container.scrollable-right:after{opacity:1}.departments-table,.colleges-table{width:100%;border-collapse:collapse;min-width:600px}.departments-table th,.departments-table td,.colleges-table th,.colleges-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.departments-table thead,.colleges-table thead{background-color:#333d52;color:#fff}.departments-table th,.colleges-table th{background-color:#333d52;color:#fff;font-weight:700;white-space:nowrap}.departments-table th:first-child,.colleges-table th:first-child{width:50px;text-align:center}.departments-table td:first-child,.colleges-table td:first-child{text-align:center}.departments-table tbody tr:nth-child(2n),.colleges-table tbody tr:nth-child(2n){background-color:#f8f8f8}.departments-table tbody tr:hover,.colleges-table tbody tr:hover{background-color:#f0f0f0}.action-buttons{display:flex;gap:5px;justify-content:center;align-items:center;flex-wrap:wrap}.departments-table th input[type=checkbox],.departments-table td.action-buttons input[type=checkbox],.colleges-table th input[type=checkbox],.colleges-table td.action-buttons input[type=checkbox]{width:17px;height:17px;cursor:pointer;touch-action:manipulation}.modal h3{margin:0 0 10px;font-size:20px;color:#ffb800;align-self:center}.modal input,.modal textarea,.modal select{width:100%;padding:8px;font-size:14px;border:2px solid #092C4C;background-color:transparent;border-radius:5px;color:#000;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px}.modal-actions button{background-color:#060540;color:#fff;font-weight:700;border:none;border-radius:10px;padding:8px 16px;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:14px}.modal-actions button:hover{background-color:#080750}.modal-button.download{background-color:#9f760c;color:#fff}.modal-button.download:hover{background-color:#e6a700}@media screen and (max-width:1024px){.departments-container,.colleges-container{padding:15px}.departments-title,.colleges-title{font-size:22px}.search-bar{min-width:200px}.search-bar input{width:200px}.departments-table th,.departments-table td,.colleges-table th,.colleges-table td{padding:10px 12px;font-size:14px}.modal{max-width:380px;padding:18px}}@media screen and (max-width:768px){.departments-container,.colleges-container{padding:12px;min-height:calc(100vh - 50px)}.departments-header,.colleges-header{flex-direction:column;align-items:stretch;margin-bottom:15px;gap:12px}.departments-title,.colleges-title{font-size:20px;text-align:center}.search-bar{width:100%;min-width:100%;border-radius:8px}.search-bar input{width:100%;flex:1;padding:10px 12px;font-size:16px}.search-bar .search-button{padding:10px 12px;font-size:18px}.departments-actions,.colleges-actions{margin-bottom:15px}.departments-actions .action-button,.colleges-actions .action-button{width:44px;height:44px;font-size:18px}.departments-table-container,.colleges-table-container{border-radius:6px;box-shadow:0 1px 4px #0000001a}.table-scroll-wrapper{position:relative}.table-scroll-buttons{display:flex}.table-scroll-hint{display:block}.departments-table,.colleges-table{min-width:500px;font-size:14px}.departments-table th,.colleges-table th{padding:10px 8px;font-size:12px}.departments-table td,.colleges-table td{padding:10px 8px;font-size:13px}.departments-table th:first-child,.colleges-table th:first-child{width:40px;padding:10px 5px}.departments-table td:first-child,.colleges-table td:first-child{padding:10px 5px}.icon-button{min-width:36px;min-height:36px;font-size:18px;padding:6px}.departments-table th input[type=checkbox],.departments-table td.action-buttons input[type=checkbox],.colleges-table th input[type=checkbox],.colleges-table td.action-buttons input[type=checkbox]{width:20px;height:20px}.action-buttons{gap:8px;flex-wrap:wrap}.modal-overlay{padding:20px 10px 10px;align-items:flex-start}.modal{max-width:100%;width:100%;padding:20px 16px;border-radius:12px;margin:0}.modal h3{font-size:18px;margin-bottom:15px}.modal input,.modal textarea,.modal select{width:100%;padding:10px;font-size:16px;border-radius:6px}.input-group{margin-bottom:18px}.input-group label{font-size:14px;margin-bottom:8px}.modal-actions{flex-direction:column-reverse;gap:10px;margin-top:10px}.modal-actions button,.modal-button{width:100%;padding:12px 16px;font-size:16px;min-height:48px}.save-changes-footer{padding-top:15px}.action-button.save-changes{width:100%;padding:14px 20px;font-size:16px;min-height:48px}}@media screen and (max-width:480px){.departments-container,.colleges-container{padding:10px}.departments-title,.colleges-title{font-size:18px}.departments-table,.colleges-table{min-width:450px;font-size:13px}.departments-table th,.colleges-table th{padding:8px 6px;font-size:11px}.departments-table td,.colleges-table td{padding:8px 6px;font-size:12px}.departments-actions .action-button,.colleges-actions .action-button{width:40px;height:40px;font-size:16px}.modal{padding:16px 12px}.modal h3{font-size:16px}}@media screen and (max-width:768px)and (orientation:landscape){.departments-container,.colleges-container{padding:10px}.departments-header,.colleges-header{flex-direction:row;align-items:center}.departments-title,.colleges-title{font-size:18px;text-align:left}.search-bar{width:auto;min-width:200px}.search-bar input{width:180px}.modal-overlay{align-items:center;padding:20px}.modal{max-width:500px}}@media print{.departments-container,.colleges-container{background-color:#fff;padding:0}.departments-header,.colleges-header,.departments-actions,.colleges-actions,.search-bar,.action-buttons{display:none}.departments-table-container,.colleges-table-container{box-shadow:none;border:1px solid #ddd}.departments-table th,.colleges-table th{background-color:#f5f5f5!important;color:#000!important}}.colleges-container{padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.colleges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.colleges-title{font-size:24px;color:#333;margin:0}.search-bar{display:flex;align-items:center;border:1px solid #FAB417;border-radius:5px;overflow:hidden;background-color:#fff;box-shadow:0 1px 2px #0000000d;min-width:250px}.search-bar .search-button{border:none;padding:8px 10px;cursor:pointer;font-size:16px;color:#fab417;background-color:#f0f0f0;min-width:40px;display:flex;align-items:center;justify-content:center}.search-bar .search-button:hover{background-color:#e6e6e6}.colleges-actions{display:flex;gap:10px;margin-bottom:20px}.action-button{padding:10px 20px;border:none;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;color:#fff;font-weight:700;touch-action:manipulation}.colleges-actions .action-button{width:38px;height:38px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;font-size:16px}.action-button.add-new{background-color:#ffb800}.action-button.import{background-color:#ffb800}.action-button.delete{background-color:#d63e3e}.action-button.delete:hover{background-color:#b83333}.colleges-table th input[type=checkbox],.colleges-table td.action-buttons input[type=checkbox]{width:17px;height:17px;cursor:pointer;touch-action:manipulation}.colleges-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth}.colleges-table-container:before,.colleges-table-container:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.colleges-table-container:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.95),transparent)}.colleges-table-container:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.95),transparent)}.colleges-table-container.scrollable-left:before{opacity:1}.colleges-table-container.scrollable-right:after{opacity:1}.colleges-table{width:100%;border-collapse:collapse;color:#333;min-width:600px}.colleges-table th{padding:12px 15px;text-align:left;background-color:#333d52;color:#fff;font-weight:700;border-bottom:2px solid #092C4C;white-space:nowrap}.colleges-table td{padding:12px 15px;border-bottom:1px solid #eee;text-align:left}.colleges-table thead{background-color:#333d52;color:#fff}.colleges-table th:first-child{width:50px;text-align:LEFT}.colleges-table td:first-child{text-align:left}.colleges-table tbody tr:nth-child(2n){background-color:#f8f8f8}.colleges-table tbody tr:hover{background-color:#f0f0f0}.action-buttons{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.icon-button{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .1s ease;touch-action:manipulation;min-width:32px;min-height:32px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#3339;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px;box-sizing:border-box;overflow-y:auto}.modal{background:#fff;padding:20px;width:100%;max-width:400px;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:10px}.modal input,.modal textarea{width:95%;padding:8px;font-size:14px;border:2px solid #092C4C;background-color:transparent;border-radius:5px;color:#000;box-sizing:border-box}.modal select{width:100%;padding:8px;font-size:14px;border:2px solid #092C4C;background-color:transparent;border-radius:5px;color:#000;box-sizing:border-box}h3{margin:0;font-size:20px;color:#ffb800;align-self:center}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.modal-actions button{gap:10px;background-color:#060540;color:#fff;font-weight:700;border:none;border-radius:10px;padding:8px 16px;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:14px}.modal-button{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease;touch-action:manipulation;min-height:44px;width:100%;margin-bottom:10px}.modal-button.save{background-color:#9f760c;color:#fff}.modal-button.save:hover{background-color:#e6a700}.input-group{position:relative;margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.custom__control{border:1px solid #ccc;border-radius:12px;min-height:38px;box-shadow:none;transition:border-color .3s,box-shadow .3s;font-size:14px}.custom__control--is-focused{border-color:#06c;box-shadow:0 0 0 2px #06c3}.custom__indicator{color:#666}.custom__indicator:hover{color:#333}.custom__single-value,.custom__placeholder{color:#333;font-weight:500}.custom__menu{border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:9999}.custom__option{padding:10px 12px;font-size:14px;cursor:pointer}.custom__option--is-focused{background-color:#f0f8ff;color:#06c}.custom__option--is-selected{background-color:#06c;color:#fff}.css-b62m3t-container{position:relative;box-sizing:border-box;width:100%;font-family:Arial,sans-serif;font-size:14px;color:#333;background-color:#fff;padding:0%}@media screen and (max-width:1024px){.colleges-container{padding:15px}.colleges-title{font-size:22px}.search-bar{min-width:200px}.search-bar input{width:200px}.colleges-table th,.colleges-table td{padding:10px 12px;font-size:14px}.modal{max-width:380px;padding:18px}}@media screen and (max-width:768px){.colleges-container{padding:12px;min-height:calc(100vh - 50px)}.colleges-header{flex-direction:column;align-items:stretch;margin-bottom:15px;gap:12px}.colleges-title{font-size:20px;text-align:center}.search-bar{width:100%;min-width:100%;border-radius:8px}.search-bar input{width:100%;flex:1;padding:10px 12px;font-size:16px}.search-bar .search-button{padding:10px 12px;font-size:18px}.colleges-actions{margin-bottom:15px}.colleges-actions .action-button{width:44px;height:44px;font-size:18px}.colleges-table-container{border-radius:6px;box-shadow:0 1px 4px #0000001a}.colleges-table{min-width:500px;font-size:14px}.colleges-table th{padding:10px 8px;font-size:12px}.colleges-table td{padding:10px 8px;font-size:13px}.colleges-table th:first-child{width:40px;padding:10px 5px}.colleges-table td:first-child{padding:10px 5px}.icon-button{min-width:36px;min-height:36px;font-size:18px;padding:6px}.colleges-table th input[type=checkbox],.colleges-table td.action-buttons input[type=checkbox]{width:20px;height:20px}.action-buttons{gap:8px;flex-wrap:wrap}.modal-overlay{padding:20px 10px 10px;align-items:flex-start}.modal{max-width:100%;width:100%;padding:20px 16px;border-radius:12px;margin:0}.modal h3{font-size:18px;margin-bottom:15px}.modal input,.modal textarea,.modal select{width:100%;padding:10px;font-size:16px;border-radius:6px}.input-group{margin-bottom:18px}.input-group label{font-size:14px;margin-bottom:8px}.modal-actions{flex-direction:column-reverse;gap:10px;margin-top:10px}.modal-actions button,.modal-button{width:100%;padding:12px 16px;font-size:16px;min-height:48px}.save-changes-footer{padding-top:15px}.action-button.save-changes{width:100%;padding:14px 20px;font-size:16px;min-height:48px}.table-scroll-wrapper{position:relative}.table-scroll-buttons{display:flex}.table-scroll-hint{display:block}}@media screen and (max-width:480px){.colleges-container{padding:10px}.colleges-title{font-size:18px}.colleges-table{min-width:450px;font-size:13px}.colleges-table th{padding:8px 6px;font-size:11px}.colleges-table td{padding:8px 6px;font-size:12px}.colleges-actions .action-button{width:40px;height:40px;font-size:16px}.modal{padding:16px 12px}.modal h3{font-size:16px}}@media screen and (max-width:768px)and (orientation:landscape){.colleges-container{padding:10px}.colleges-header{flex-direction:row;align-items:center}.colleges-title{font-size:18px;text-align:left}.search-bar{width:auto;min-width:200px}.search-bar input{width:180px}.modal-overlay{align-items:center;padding:20px}.modal{max-width:500px}}@media print{.colleges-container{background-color:#fff;padding:0}.colleges-header,.colleges-actions,.search-bar,.action-buttons{display:none}.colleges-table-container{box-shadow:none;border:1px solid #ddd}.colleges-table th{background-color:#f5f5f5!important;color:#000!important}}.custom-number-input{-moz-appearance:textfield}.custom-number-input::-webkit-outer-spin-button,.custom-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;background:transparent;opacity:0;width:0;height:0;cursor:default}.accounts-container{padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.accounts-title{font-size:24px;color:#333;margin:0}.search-bar{display:flex;gap:10px;align-items:center;border-radius:100px}.search-bar input{border:none;padding:8px 10px;outline:none;font-size:14px;width:250px;background:transparent;color:#333}.search-bar .search-button{border:none;padding:8px 10px;cursor:pointer;font-size:16px;color:#fab417;background-color:transparent}.search-bar .search-button:hover{background-color:#f0f0f0}.accounts-actions{display:flex;gap:10px;margin-bottom:20px}.action-button{padding:10px 20px;border:none;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;color:#fff;font-weight:700}.action-button:active{transform:translateY(1px)}.action-button.add-new{width:38px;height:38px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;font-size:16px}.action-button.add-new:hover{background-color:#e6a700}.action-button.delete{background-color:#d63e3e;font-size:small;border-radius:50px;padding:10px;display:flex;justify-content:center;align-items:center}.action-button.delete:hover{background-color:#e6a700}.action-button.import{background-color:#ffb800;width:38px;height:38px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;font-size:16px}.action-button.import:hover{background-color:#e6a700}.accounts-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;overflow-x:auto;overflow-y:auto;flex-grow:1}.accounts-table{width:100%;border-collapse:collapse;color:#333}.accounts-table th{padding:12px 15px;text-align:center;background-color:#333d52;color:#fff;font-weight:700;border-bottom:2px solid #092C4C}.accounts-table td{padding:12px 15px;border-bottom:1px solid #eee}.accounts-table thead{background-color:#333d52;color:#fff}.accounts-table th:first-child,.accounts-table td:first-child{text-align:left}.accounts-table tbody tr:nth-child(2n){background-color:#f8f8f8}.accounts-table tbody tr:hover{background-color:#f0f0f0}.action-buttons{display:flex;gap:5px}.icon-button{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .1s ease}.icon-button:active{transform:translateY(1px)}.icon-button.delete-button{color:#ff4d4f}.icon-button.delete-button:hover{color:#c00}.icon-button.edit-button{color:#1890ff}.icon-button.edit-button:hover{color:#0056b3}.no-data-message{text-align:center;padding:20px;color:#666;font-style:italic}.save-changes-footer{display:flex;justify-content:flex-end;padding-top:20px}.action-button.save-changes{background-color:#ffb800;padding:12px 25px;font-size:16px;font-weight:700}.action-button.save-changes:hover{background-color:#e6a700}.modal-overlay{position:fixed;top:0;left:0;height:100%;background:#3339;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:24px;width:420px;border-radius:10px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;gap:16px}.modal h4{margin:0;font-size:20px;color:#ffb800;align-self:center}.modal textarea{resize:vertical;min-height:80px}.modal-actions,.modal-buttons{display:flex;justify-content:flex-end;gap:10px}.modal-button{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.modal-button.save,.modal-button.download{background-color:#e6a700;color:#fff}.modal-button.save:hover,.modal-button.download:hover{background-color:#9f760c}.modal-button.cancel{background-color:#092c4c;color:#fff}.modal-button.cancel:hover{background-color:#193e60}.modal-content button{gap:10px;background-color:#060540;color:#fff;font-weight:700;border-radius:10px;padding:8px 16px;border:none;cursor:pointer;transition:background-color .3s ease}.checkbox-group{display:flex;flex-direction:column;gap:6px;margin:10px 0;padding:10px;background-color:#f7f7f7;border:1px solid #ccc;border-radius:5px}.checkbox-group label{font-weight:700;color:#333;margin-bottom:5px}.checkbox-group .checkbox-option{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff}.checkbox-group input[type=checkbox]{accent-color:#ffb800;width:16px;height:16px}.reactivate-button{color:#007bff;background:transparent;border:none;cursor:pointer;font-size:16px;margin-left:6px}.reactivate-button:hover{color:#0056b3}.input-group{margin-bottom:1px;display:flex;flex-direction:column}.input-group label{margin-bottom:0;font-weight:700}input{padding:8px;font-size:14px}.import-modal .modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}.modal-button.download{background-color:#1e88e5;color:#fff;padding:10px 18px;font-size:14px;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:background-color .25s ease;display:flex;align-items:center;gap:6px}.modal-button.download:hover{background-color:#1565c0}.import-modal .input-group{margin-top:10px;display:flex;flex-direction:column}.import-modal .input-group label{font-weight:700;margin-bottom:4px;font-size:14px}.import-modal input[type=file]{padding:6px;border:1px solid #ccc;border-radius:6px;background-color:#fafafa;font-size:14px}.status-tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;text-align:center;min-width:70px;text-transform:uppercase}.status-active{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-suspended{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-inactive{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.status-tag{padding:4px 12px;border-radius:20px;font-weight:700;display:inline-block;font-size:.85rem;text-align:center}.status-active{background-color:#d4f4d7;color:#2e7d32}.status-suspended{background-color:#fbdede;color:#c62828}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;overflow-y:auto;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.user-details-modal.fixed-modal{position:relative;top:0;transform:none;max-height:90vh;overflow-y:auto;width:1200px;background-color:#fff;border-radius:12px;padding:25px 35px;box-shadow:0 10px 30px #0003;z-index:999;display:flex;flex-direction:column}.modal-title{font-size:1.8em;font-weight:600;color:#333d52;margin-bottom:20px}.account-summary-card.horizontal-layout{display:flex;justify-content:space-between;gap:30px;background:#eef3f9;border-radius:10px;border-left:5px solid #110365;padding:0 25px;margin-bottom:20px}.account-column{color:#110365;font-weight:300}.account-summary-card.horizontal-layout .account-column{flex:1;display:flex;flex-direction:column;gap:1px}.account-label{color:#333d52;font-weight:100;font-size:15px}.account-status{font-weight:700;padding:2px 6px;border-radius:8px;font-size:.95em}.account-status.active{color:#155724;background-color:#d4edda}.account-status.suspended{color:#721c24;background-color:#f8d7da}.account-actions{display:flex;gap:10px;margin-top:15px}.icon-button{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:.9em;border-radius:6px;border:none;cursor:pointer;transition:.2s all}.icon-button.edit-button{background-color:#b5c5f0;color:#110365;border-radius:100px;padding:6px}.icon-button.edit-button:hover{background-color:#dce2f4}.icon-button.delete-button{background-color:#fde2e2;color:#721c24;border-radius:100px;padding:6px}.icon-button.delete-button:hover{background-color:#f8caca}.icon-button.reactivate-button{background-color:#fff3cd;color:#856404}.icon-button.reactivate-button:hover{background-color:#ffeeba}.accounts-table.user-roles-table{width:100%;border-collapse:collapse;margin-top:15px}.accounts-table th,.accounts-table td{border:1px solid transparent;padding:10px 12px;text-align:left}.accounts-table th{background-color:#333d52;color:#fff;font-weight:600}.role-status{font-weight:700;padding:2px 5px;border-radius:8px;font-size:.9em}.role-status.active{color:#155724;background-color:#d4edda}.role-status.suspended{color:#721c24;background-color:#f8d7da}.role-actions{display:flex;gap:5px}.role-date.start{color:green;font-weight:700}.role-date.end{color:red;font-weight:700}.modal-subtitle{font-size:1.3em;font-weight:600;margin-top:20px;margin-bottom:10px;color:#110365}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.modal-button{padding:8px 18px;font-size:.95em;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:.2s all}.modal-button.cancel{background-color:#f0f4ff;color:#110365}.modal-button.cancel:hover{background-color:#dce2f4}.modal-button.save{background-color:#110365;color:#fff}.modal-button.save:hover{background-color:#0d034f}.table-scroll-wrapper{position:relative;margin-bottom:20px}.table-scroll-hint{display:none;text-align:center;padding:8px;font-size:12px;color:#666;background:#f8f8f8;border-radius:4px;margin-bottom:8px}.table-scroll-hint svg{margin:0 4px;vertical-align:middle}.table-scroll-buttons{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fffffff2;border:2px solid #ffb800;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .3s ease;touch-action:manipulation}.table-scroll-buttons:hover{background:#ffb800;color:#fff;transform:translateY(-50%) scale(1.1)}.table-scroll-buttons:active{transform:translateY(-50%) scale(.95)}.table-scroll-buttons.scroll-left{left:10px}.table-scroll-buttons.scroll-right{right:10px}.table-scroll-buttons:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.table-scroll-buttons svg{font-size:18px;color:#ffb800;transition:color .3s ease}.table-scroll-buttons:hover svg{color:#fff}.table-scroll-buttons:disabled svg{color:#999}.accounts-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.accounts-table-container:before,.accounts-table-container:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.accounts-table-container:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.95),transparent)}.accounts-table-container:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.95),transparent)}.accounts-table-container.scrollable-left:before{opacity:1}.accounts-table-container.scrollable-right:after{opacity:1}.accounts-table{min-width:800px}@media screen and (max-width:1024px){.accounts-container{padding:15px}.accounts-title{font-size:20px}.search-bar{min-width:200px}.search-bar input{width:200px}.accounts-table th,.accounts-table td{padding:10px 12px;font-size:14px}.modal{max-width:380px;padding:20px}.user-details-modal.fixed-modal{width:95%;padding:20px}}@media screen and (max-width:768px){.accounts-container{padding:12px;min-height:calc(100vh - 50px)}.accounts-header{flex-direction:column;align-items:stretch;margin-bottom:15px;gap:12px}.accounts-title{font-size:18px;text-align:center}.search-bar{width:100%;min-width:100%;border-radius:8px}.search-bar input{width:100%;flex:1;padding:12px 15px;font-size:16px}.search-bar .search-button{padding:12px 15px;font-size:18px}.accounts-actions{margin-bottom:15px;flex-wrap:wrap;gap:8px}.accounts-actions .action-button{width:44px;height:44px;font-size:18px}.table-scroll-wrapper{position:relative}.table-scroll-buttons{display:flex}.table-scroll-hint{display:block}.accounts-table-container{border-radius:6px;box-shadow:0 1px 4px #0000001a}.accounts-table{min-width:700px;font-size:14px}.accounts-table th{padding:10px 8px;font-size:12px}.accounts-table td{padding:10px 8px;font-size:13px}.icon-button{min-width:36px;min-height:36px;font-size:18px;padding:6px}.accounts-table th input[type=checkbox],.accounts-table td.action-buttons input[type=checkbox]{width:20px;height:20px}.action-buttons{gap:8px;flex-wrap:wrap}.modal-overlay{padding:20px 10px 10px;align-items:flex-start}.modal{max-width:100%;width:100%;padding:20px 16px;border-radius:12px;margin:0}.modal h4{font-size:18px;margin-bottom:15px}.modal input,.modal textarea,.modal select{width:100%;padding:12px;font-size:16px;border-radius:6px}.input-group{margin-bottom:18px}.input-group label{font-size:14px;margin-bottom:8px}.modal-actions,.modal-buttons{flex-direction:column-reverse;gap:10px;margin-top:10px}.modal-actions button,.modal-button{width:100%;padding:12px 16px;font-size:16px;min-height:48px}.user-details-modal.fixed-modal{width:100%;max-width:100%;padding:15px;margin:10px}.account-summary-card.horizontal-layout{flex-direction:column;gap:15px;padding:15px}.account-actions{justify-content:flex-start;flex-wrap:wrap}.accounts-table.user-roles-table{min-width:600px;font-size:12px}.accounts-table.user-roles-table th,.accounts-table.user-roles-table td{padding:8px 6px;font-size:11px}}@media screen and (max-width:480px){.accounts-container{padding:10px}.accounts-title{font-size:16px}.accounts-table{min-width:650px;font-size:13px}.accounts-table th{padding:8px 6px;font-size:11px}.accounts-table td{padding:8px 6px;font-size:12px}.accounts-actions .action-button{width:40px;height:40px;font-size:16px}.modal{padding:16px 12px}.modal h4{font-size:16px}.user-details-modal.fixed-modal{padding:12px;margin:5px}.account-summary-card.horizontal-layout{padding:12px}.accounts-table.user-roles-table{min-width:550px}}@media(max-width:1400px){.user-details-modal.fixed-modal{width:95%;padding:20px}.account-summary-card.horizontal-layout{flex-direction:column}.account-actions{justify-content:flex-start}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{height:100%;margin:0;padding:0}.reset-password-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;z-index:0}.reset-password-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;z-index:1}.reset-password-container{position:relative;z-index:2;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 12px 30px #0000004d;width:450px;max-width:95%;text-align:left}.reset-password-container h2{font-size:28px;font-weight:600;margin-bottom:1.5rem;color:#333;text-align:center}.reset-password-form{display:flex;flex-direction:column;gap:1.25rem}.reset-password-form label{font-weight:500;font-size:14px;margin-bottom:4px;color:#444}.reset-password-form input{padding:12px 14px;border-radius:10px;border:1px solid #000000;font-size:15px;color:#333;width:93%;transition:border-color .2s ease;background-color:#fff}.reset-password-form input:focus{outline:none;border-color:#0f0202}.password-input-wrapper{position:relative}.toggle-password-visibility{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#777;font-size:16px}.reset-password-form .btn{background-color:#007bff;color:#fff;padding:12px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .25s ease}.reset-password-form .btn:hover{background-color:#0056cc}@media screen and (max-width:1024px){.reset-password-container{width:90%;max-width:450px;padding:1.75rem}.reset-password-container h2{font-size:24px}}@media screen and (max-width:768px){.reset-password-page{padding:40px 20px 20px;align-items:flex-start}.reset-password-container{width:100%;max-width:100%;padding:1.5rem 1.25rem;border-radius:12px;margin:0}.reset-password-container h2{font-size:22px;margin-bottom:1.25rem}.reset-password-form{gap:1rem}.reset-password-form input{width:100%;padding:12px;font-size:16px}.reset-password-form .btn{width:100%;min-height:44px;padding:12px 16px;font-size:16px;touch-action:manipulation}.toggle-password-visibility{right:12px;font-size:18px}}@media screen and (max-width:480px){.reset-password-page{padding:20px 10px 10px}.reset-password-container{padding:1.25rem 1rem}.reset-password-container h2{font-size:20px;margin-bottom:1rem}.reset-password-form label{font-size:13px}}*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;touch-action:manipulation}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(max-width:768px){h1{font-size:2em}}@media(max-width:480px){h1{font-size:1.5em}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}