@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.homepage-login-panel{max-height:33.5rem;max-width:30rem;padding:60px;width:90%}.homepage-login-buttons{display:flex;flex-direction:column;width:100%}.homepage-login-button{align-items:center;background-color:#fff;border:2px solid #304e7a;border-radius:12px;box-shadow:0 4px 14px #0000001a;color:#424242;cursor:pointer;display:flex;font-size:1.3rem;font-weight:600;justify-content:center;margin:14px 0;padding:18px 28px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;width:100%}.homepage-login-button:hover{background-color:#304e7a;border-color:#304e7a;box-shadow:0 6px 18px #0003;color:#fff;transform:translateY(-4px)}.homepage-login-button img{height:2rem;margin-right:12px;transition:transform .3s ease,opacity .3s ease;width:2rem}.homepage-login-button:hover img{opacity:.9;transform:scale(1.1) rotate(-3deg)}.login-form{align-items:center}.input-container{margin-bottom:16px;position:relative}.input-icon{color:#304e7a;font-size:1.6rem;margin-right:10px}input[type=password],input[type=text]{border:1px solid #ddd;border-radius:12px;font-size:1rem;padding:12px 36px 12px 14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}input[type=password]:focus,input[type=text]:focus{border-color:#304e7a;box-shadow:0 3px 7px #0000001a;outline:none}.error-message{font-size:.9rem;margin-top:6px}.warning-icon{color:#304e7a;font-size:1.4rem;margin-right:6px}.remember-me{align-items:center;color:#666;display:flex;font-size:.9rem;margin-bottom:18px}.button-container{justify-content:space-between;margin-top:20px;width:100%}.homepage-back-button,.homepage-submit-button{align-items:center;border-radius:10px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:4.5rem;justify-content:center;padding:16px 28px;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;width:48%}.homepage-submit-button{background-color:#fff;border:2px solid #304e7a;color:#424242}.homepage-submit-button:hover{background-color:#304e7a;border-color:#304e7a;box-shadow:0 6px 18px #00000026;color:#fff;transform:translateY(-3px)}.homepage-back-button{background-color:#fff;border:2px solid #f44336;color:#f44336}.homepage-back-button:hover{background-color:#f44336;border-color:#b71c1c;box-shadow:0 6px 18px #00000026;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.homepage{flex-direction:column;justify-content:center;padding:0 20px}.homepage-login-panel{margin-right:0;margin-top:20px;max-width:90%;padding:40px}.homepage-image-container img{max-width:100%}.homepage-login-button{font-size:1.1rem;padding:12px 20px}.homepage-login-button img{height:1.6rem;margin-right:8px;width:1.6rem}.homepage-back-button,.homepage-submit-button{font-size:1.1rem;padding:14px 20px}}@media (max-width:480px){.homepage-login-button{font-size:1rem;padding:10px 18px}.homepage-login-button img{height:1.4rem;margin-right:6px;width:1.4rem}.homepage-image-container img{max-width:100%}.homepage-login-panel{max-width:95%;padding:30px}.homepage-back-button,.homepage-submit-button{font-size:1rem;padding:12px 18px}}.input-icon,.warning-icon{color:#304e7a;font-size:1.6rem;margin-right:8px;vertical-align:middle}.input-container .warning-icon{font-size:1.4rem}.homepage{flex-direction:row;justify-content:flex-end;min-height:100vh;padding:0 5%;position:relative;transition:background-color .3s ease}.homepage,.homepage-image-container{align-items:center;display:flex;overflow:hidden;width:100%}.homepage-image-container{height:100%;justify-content:center;left:0;padding:0;position:absolute;top:0;z-index:0}.homepage-image-container img{height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease;width:100%}.homepage-login-panel{align-items:center;background:#fff;border-radius:20px;box-shadow:0 12px 35px #00000026;display:flex;flex-direction:column;justify-content:center;margin-right:2rem;margin-top:8rem;padding:clamp(20px,5vw,60px);position:relative;transition:transform .3s ease,box-shadow .3s ease;width:clamp(280px,90%,520px);z-index:1}@media (max-width:768px){.homepage{flex-direction:column;justify-content:center;padding:0 clamp(10px,3vw,20px)}.homepage-login-panel{margin-right:0;margin-top:clamp(10px,5vh,20px);width:clamp(280px,95%,520px)}.homepage-login-button{font-size:clamp(.9rem,2.5vw,1.1rem);padding:clamp(8px,2vw,12px) clamp(15px,3vw,20px)}.homepage-login-button img{height:clamp(1.2rem,4vw,1.6rem);margin-right:clamp(6px,1.5vw,8px);width:clamp(1.2rem,4vw,1.6rem)}}@media (max-width:480px){.homepage-login-panel{height:clamp(50px,98%,480px);padding:clamp(15px,4vw,30px);width:clamp(250px,98%,480px)}.homepage-back-button,.homepage-submit-button{font-size:clamp(.8rem,2vw,1rem);padding:clamp(8px,2vw,12px) clamp(12px,2.5vw,18px)}input[type=password],input[type=text]{font-size:clamp(.8rem,2vw,1rem);padding:clamp(8px,2vw,12px)}}.notification-dialog{align-items:center;animation:popIn .8s cubic-bezier(.16,1,.3,1) forwards,glow 1.5s infinite alternate;background:linear-gradient(135deg,#fff,#f8f9fa);border-left:6px solid #4caf50;border-radius:25px;bottom:2rem;box-shadow:0 15px 50px #0006;color:#2d3436;display:flex;font-size:1rem;justify-content:space-between;max-width:90%;min-width:18rem;opacity:0;padding:1.5rem 2rem;pointer-events:none;position:fixed;right:2rem;transform:translateY(100px) scale(.9) rotateX(-10deg);transition:all .5s ease-in-out;z-index:9999}.notification-dialog.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1) rotateX(0deg)}.notification-dialog.success{background:linear-gradient(135deg,#d4f8e8,#a8f0c9);border-left-color:#2ecc71}.notification-dialog.error{background:linear-gradient(135deg,#fde5e5,#f6b8b8);border-left-color:#e74c3c}.notification-dialog.info{background:linear-gradient(135deg,#dbf0ff,#9ecaf8);border-left-color:#3498db}.notification-dialog.warning{background:linear-gradient(135deg,#fff0c4,#fdd79a);border-left-color:#f39c12}.notification-message{color:inherit;flex:1 1;font-weight:600;margin-right:1rem;text-shadow:2px 2px #fffc}.close-button{background:none;background:#0000000d;border:none;border-radius:50%;color:inherit;cursor:pointer;font-size:1.5rem;margin-left:1rem;padding:.5rem;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.close-button:hover{background:#0003;box-shadow:0 8px 20px #0000004d;transform:scale(1.3) rotate(15deg)}@keyframes popIn{0%{opacity:0;transform:translateY(100px) scale(.8) rotateX(-15deg)}60%{opacity:.9;transform:translateY(-10px) scale(1.05) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes glow{0%{box-shadow:0 0 15px #00ff6466}to{box-shadow:0 0 25px #00ff64cc}}@media (max-width:768px){.notification-dialog{border-radius:20px;bottom:1.5rem;font-size:.9rem;padding:1.2rem 1.5rem;right:1rem}.close-button{font-size:1.2rem}}@media (max-width:480px){.notification-dialog{border-radius:15px;bottom:1rem;font-size:.85rem;left:50%;padding:1rem 1.2rem;transform:translateX(-50%);width:90%}.notification-dialog.show{transform:translateX(-50%) translateY(0)}.close-button{font-size:1.1rem}}.confirmation-dialog-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;max-width:400px;padding:20px;text-align:center;width:90%}.confirmation-dialog-title{color:#333;font-size:20px;font-weight:700;margin-bottom:10px}.confirmation-dialog-message{color:#555;font-size:16px;margin-bottom:20px}.confirmation-dialog-actions{display:flex;gap:10px;justify-content:space-around}.confirmation-dialog-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.confirm-button{background-color:#28a745;color:#fff}.confirm-button:hover{background-color:#218838}.confirmation-dialog-button:not(.confirm-button){background-color:#dc3545;color:#fff}.confirmation-dialog-button:not(.confirm-button):hover{background-color:#c82333}.kvkk-text{background-color:#f9f9f9;border-radius:4px;color:#333;font-size:14px;margin-top:20px;padding:15px;text-align:left}.kvkk-text h4{color:#0056b3;font-size:16px;font-weight:700;margin-bottom:10px}.kvkk-text p{color:#555;font-size:14px;line-height:1.6}.kvkk-text a{color:#007bff;text-decoration:none}.kvkk-text a:hover{text-decoration:underline}.dialog-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-content{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.dialog-content h3{color:#2c3e50;font-size:1.5rem;margin-bottom:16px;margin-top:0}.dialog-content p{color:#34495e;margin-bottom:20px}.student-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}.student-select-button{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;padding:12px 16px;text-align:left;transition:all .2s ease}.student-select-button:hover{background-color:#e9ecef;border-color:#ced4da;transform:translateY(-2px)}.student-select-button:focus{box-shadow:0 0 0 2px #3498db80;outline:none}.student-icon{color:#3498db;font-size:20px;margin-right:12px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:24px}.cancel-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.cancel-button:hover{background-color:#c0392b}:root{--border-radius:8px}.sidebar{align-items:flex-start;background-color:#f8f8f8;background-color:var(--sidebar-bg-color);box-shadow:2px 0 10px #0000001a;box-shadow:2px 0 10px var(--shadow-light);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:fixed;top:0;transition:width .3s ease,box-shadow .3s ease;transition:width var(--transition-ease),box-shadow var(--transition-ease);width:18%}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.sidebar:hover{box-shadow:4px 0 12px #00000040;box-shadow:4px 0 12px var(--shadow-heavy)}.logo{display:flex;justify-content:center;margin-bottom:2rem;padding:0 1rem;width:100%}.logo-button{background:none;border:none;cursor:pointer;padding:0}.logo img{border-radius:8px;border-radius:var(--border-radius);max-width:8rem;transition:transform .3s ease,box-shadow .3s ease}.logo-button:hover img{box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-light);transform:scale(1.05)}.sidebar-nav{list-style:none;margin:0;padding:0;width:100%}.sidebar-nav li{margin-bottom:.5rem;width:100%}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--border-radius);color:#3b3b3b;color:var(--sidebar-text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;text-align:left;text-decoration:none;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-ease),color var(--transition-ease);width:100%}.nav-item .sidebar-icon{color:#304e7a;color:var(--primary-color);height:1.4rem;transition:transform .3s ease,color .3s ease;transition:transform var(--transition-ease),color var(--transition-ease);width:1.4rem}.nav-item.active,.nav-item:hover{background-color:#304e7a;background-color:var(--sidebar-hover-bg);border-left:3px solid #304e7a;border-left:3px solid var(--primary-color-dark);box-shadow:0 2px 6px #0000001a;color:#fff;color:var(--sidebar-hover-text)}.nav-item.active .sidebar-icon,.nav-item:hover .sidebar-icon{color:#fff;color:var(--sidebar-hover-text);transform:scale(1.15)}.nav-item.disabled{cursor:not-allowed!important;opacity:.6}.nav-item.disabled:hover{background-color:inherit!important;border-left-color:#0000!important;color:#3b3b3b!important;color:var(--sidebar-text-color)!important}.nav-item.disabled:hover .sidebar-icon{color:#304e7a!important;color:var(--primary-color)!important;transform:none!important}.nav-item span{margin-left:.75rem;white-space:nowrap}.content{margin-left:18%;padding:2rem;transition:margin-left .3s ease;transition:margin-left var(--transition-ease)}.nav-item:focus{box-shadow:0 0 0 3px #ff98004d;outline:none}@media (max-width:1024px){.sidebar{width:15%}.content{margin-left:15%}.nav-item{justify-content:center}.nav-item span{display:none}.sidebar-icon{margin-right:0}}@media (max-width:768px){.sidebar{width:12%}.content{margin-left:12%}.nav-item{font-size:.9rem;padding:.75rem 1rem}.logo img{max-width:7rem}}@media (max-width:480px){.sidebar{width:25%}.content{margin-left:25%}.nav-item{font-size:.9rem;padding:.75rem}.logo img{max-width:6rem}}.header-container{align-items:center;border-radius:10px;box-shadow:0 6px 20px #00000026;color:#fff;display:flex;justify-content:space-between;margin:1.25rem 2.5rem;padding:1.5rem 2rem;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.header-container,.header-container:hover{background:linear-gradient(135deg,#304e7a,#304e7a)}.header-container:hover{box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.header-left,.header-right{align-items:center;display:flex}.header-right{gap:1.5rem}.header-user-info{align-items:center;display:flex;gap:.75rem}.header-icon{color:#fff;height:2.2rem;transition:transform .4s ease,color .4s ease;width:2.2rem}.header-icon:hover{color:#ffd699;transform:scale(1.15) rotate(-8deg)}.header-icon-container{align-items:center;background-color:#ffffff26;border-radius:6px;box-shadow:0 4px 10px #0000001a;display:flex;height:3rem;justify-content:center;transition:background-color .4s ease,transform .4s ease,box-shadow .4s ease;width:3rem}.header-icon-container:hover{background-color:#ffffff40;box-shadow:0 6px 15px #0003;transform:scale(1.1)}.header-text{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 5px #0000004d;transition:color .4s ease,text-shadow .4s ease}.header-text:hover{color:#f9f9f9;text-shadow:0 4px 10px #00000080}.header-date,.header-time{align-items:center;color:#fff;display:flex;font-size:1.05rem;font-weight:500;gap:.5rem;text-shadow:0 1px 3px #0000004d;transition:color .4s ease,text-shadow .4s ease}.header-date:hover,.header-time:hover{color:#f0f0f0;text-shadow:0 3px 8px #0006}@media (max-width:768px){.header-container{align-items:flex-start;flex-direction:column;margin:1rem;padding:1.25rem}.header-left,.header-right{justify-content:space-between;margin-bottom:.5rem;width:100%}.header-right{flex-direction:row;gap:1rem}.header-text{font-size:1.1rem}}@media (max-width:480px){.header-icon{height:2rem;width:2rem}.header-icon-container{height:2.5rem;width:2.5rem}.header-text{font-size:1rem}.header-container{padding:1rem}}.chatbot-container{background:linear-gradient(145deg,#1a365f,#2a4a7e);border-radius:20px;box-shadow:0 12px 24px #0003;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;height:80vh;margin:2rem auto;max-width:450px;overflow:hidden;width:100%}.chatbot-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #ffffff1a;padding:1.5rem}.chatbot-title{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin:0}.chatbot-status{align-items:center;color:#a0c8ff;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.status-indicator{background:#4caf50;border-radius:50%;height:8px;width:8px}.status-indicator.loading{animation:pulse 1.5s infinite;background:#ffc107}.chatbot-messages{background:#101827f2;display:flex;flex:1 1;flex-direction:column;gap:1.2rem;min-height:300px;overflow-y:auto;padding:1.5rem}.message-bubble{word-wrap:break-word;animation:fadeIn .3s ease;border-radius:15px;max-width:92%;min-width:150px;overflow-wrap:anywhere;padding:1.2rem;width:-webkit-fit-content;width:fit-content}.message-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:15px 15px 0 15px;color:#fff;margin-left:auto}.message-bubble.eosAI{align-self:flex-start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:0 15px 15px 15px;color:#e5e7eb;margin-right:auto}.message-header{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.message-role{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.message-time{opacity:.7}.message-content{font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.7;max-width:100%;overflow:visible;white-space:pre-wrap;word-break:break-word}.chatbot-input-area{background:#101827e6;border-top:1px solid #ffffff1a;display:flex;gap:.8rem;padding:1.5rem}.chatbot-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;padding:.8rem 1.2rem;transition:all .3s ease}.chatbot-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.chatbot-send-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.chatbot-send-button:disabled{cursor:not-allowed;opacity:.7}.chatbot-send-button:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.send-icon{color:#fff;font-size:1.2rem;transform:rotate(45deg)}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:480px){.chatbot-container{border-radius:0;height:100vh;margin:0;max-width:100%}.chatbot-messages{height:calc(100vh - 160px);padding:1rem}.message-bubble{max-width:88%!important;min-width:120px;padding:1rem}.chatbot-input-area{padding:1rem}.message-content{font-size:.88rem;line-height:1.6}}.breadcrumb{align-items:center;background:linear-gradient(135deg,#fff,#f9f9f9);border-radius:8px;box-shadow:0 4px 10px #0000000d;color:#333;display:flex;font-size:1rem;overflow-x:auto;padding:10px 20px;white-space:nowrap}.breadcrumb-icon{color:#6c85c6;font-size:1.4rem;margin-right:12px;transition:color .2s ease,transform .2s ease}.breadcrumb-icon:hover{color:#5a6ba4;transform:scale(1.1)}.breadcrumb-separator{color:#6c757d;font-size:1rem;margin:0 8px}.breadcrumb-link{border-radius:4px;color:#6c757d;font-weight:500;padding:4px 8px;text-decoration:none;transition:color .3s ease,transform .3s ease}.breadcrumb-link:hover{background-color:#f5f5f5;color:#6c85c6;transform:translateY(-2px)}.breadcrumb-item{align-items:center;display:flex;font-size:1rem;padding:0 4px}.breadcrumb-active{background-color:#6c85c61a;border-radius:4px;color:#6c85c6;font-size:1rem;font-weight:600;padding:4px 8px;transition:color .3s ease,background-color .3s ease,transform .3s ease}.breadcrumb-active:hover{background-color:#6c85c626;color:#5a6ba4;transform:translateY(-2px)}@media (max-width:768px){.breadcrumb{font-size:.9rem;padding:8px 16px}.breadcrumb-icon{font-size:1.2rem;margin-right:8px}.breadcrumb-separator{font-size:.9rem;margin:0 6px}.breadcrumb-active,.breadcrumb-link{font-size:.9rem;padding:3px 6px}}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb{-ms-overflow-style:none;scrollbar-width:none}.card{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;max-width:320px;overflow:hidden;padding:24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.card:hover{background-color:#fdf7f2;box-shadow:0 12px 20px #0003;transform:scale(1.05)}.card-icon{color:#304e7a;font-size:3.5rem;margin-bottom:16px;transition:transform .3s ease,color .3s ease}.card:hover .card-icon{color:#304e7a;transform:rotate(-10deg) scale(1.1)}.card-title{color:#333;font-size:1.75rem;letter-spacing:.5px;margin-bottom:12px;transition:color .3s ease,transform .3s ease}.card:hover .card-title{color:#304e7a;transform:translateY(-2px)}.card-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:24px;transition:color .3s ease,transform .3s ease}.card:hover .card-description{color:#4f4c4c;transform:translateY(-1px)}.card-button{border:none;border-radius:30px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.card-button,.card-button:hover{background:linear-gradient(135deg,#304e7a,#304e7a)}.card-button:hover{box-shadow:0 6px 15px #0003;transform:translateY(-3px) scale(1.05)}.card-button:active{box-shadow:0 3px 8px #00000026;transform:translateY(0)}@media (max-width:768px){.card{max-width:280px;padding:20px}.card-title{font-size:1.5rem}.card-button,.card-description{font-size:.95rem}.card-button{padding:10px 20px}}:root{--primary-color:#737e99;--primary-color-dark:#5a647c;--sidebar-bg-color:#f0f4fa;--sidebar-text-color:#2f3b4d;--sidebar-hover-bg:#5a647c;--border-color:#5a647c;--shadow-light:#737e991a;--shadow-heavy:#737e9940}.admin-dashboard-container{align-items:center;background-color:var(--background-color);border-radius:var(--border-radius-large);box-shadow:0 4px 25px var(--shadow-color);display:flex;flex-direction:column;margin:3% auto;min-height:60vh;padding:3%;position:relative;transition:box-shadow .3s ease;width:80%}.admin-dashboard-container:hover{box-shadow:0 6px 30px var(--shadow-color)}.dashboard-message{font-size:1.5rem}.dashboard-buttons{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}.dashboard-button{background-color:#737e99}@media (max-width:768px){.admin-dashboard-container{margin:3%;padding:4%;width:90%}.dashboard-message{font-size:1.375rem}.dashboard-button{font-size:1rem;padding:.875rem 1.75rem;width:90%}}@media (max-width:480px){.admin-dashboard-container{margin:2%;padding:3%}.dashboard-message{font-size:1.25rem}.dashboard-button{font-size:.875rem;padding:.75rem 1.5rem;width:100%}}.login-panel h3{color:#3b3b3b;font-size:1.25rem;margin-bottom:1.25rem}.login-form{align-items:flex-start;display:flex;flex-direction:column;width:100%}.input-container{margin-bottom:1rem}.input-container,.input-with-icon{align-items:center;display:flex;width:100%}.input-with-icon{border:1px solid var(--input-border);border-radius:var(--border-radius-small);padding:.625rem}.input-with-icon .input-icon{height:1.5rem;margin-right:.625rem;width:1.5rem}.input-with-icon input{border:none;outline:none;width:100%}.login-form .remember-me{align-items:center;display:flex;margin-bottom:1.25rem}.login-form .remember-me input[type=checkbox]{margin-right:.625rem}.submit-button{background-color:#737e99;border:none;border-radius:var(--border-radius-large);cursor:pointer;font-size:1.25rem;padding:.625rem 1.25rem;width:80%}.submit-button:hover{background-color:var(--accent-color)}.back-button{align-self:flex-start;color:#737e99;color:var(--primary-color);cursor:pointer;display:inline-block;margin-top:.625rem;text-decoration:underline}.back-button:hover{color:var(--accent-color)}.logo img{height:auto;margin-bottom:1.25rem;max-width:7.5rem;width:100%}.dashboard-cards{grid-gap:20px;gap:20px}@media (max-width:600px){.login-panel h3{font-size:1.125rem;text-align:center}.submit-button{font-size:1rem;padding:.5rem 1rem}.back-button{font-size:1rem;margin-top:.375rem}.logo img{max-width:6.25rem}}@media (min-width:601px) and (max-width:900px){.login-panel h3{font-size:1.25rem}.submit-button{padding:.75rem 1.5rem}.back-button,.submit-button{font-size:1.125rem}.logo img{max-width:6.875rem}}@media (min-width:901px) and (max-width:1440px){.login-panel h3,.submit-button{font-size:1.375rem}.submit-button{padding:.875rem 1.75rem}.back-button{font-size:1.375rem}.logo img{max-width:7.5rem}}@media (min-width:1441px){.login-panel h3,.submit-button{font-size:1.625rem}.submit-button{padding:1rem 2rem}.back-button{font-size:1.625rem}.logo img{max-width:9.375rem}}.notmodule-notification-container{align-items:center;background-color:#fff;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 4px 15px #00000026;box-shadow:0 4px 15px var(--shadow-light);display:flex;flex-direction:column;margin:3% auto;max-height:80vh;min-height:60vh;overflow-y:auto;padding:3%;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:90%}.notmodule-notification-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-5px)}.notmodule-top-controls{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.notmodule-back-button,.notmodule-submit-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 3px 6px #00000026;box-shadow:0 3px 6px var(--shadow-light);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:500;padding:.75rem 1.5rem;position:absolute;top:0;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,transform .2s ease,box-shadow var(--transition-speed) ease}.notmodule-back-button{left:0}.notmodule-submit-button{right:0}.notmodule-back-button:hover:not(:disabled),.notmodule-submit-button:hover:not(:disabled){background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 4px 10px #00000026;box-shadow:0 4px 10px var(--shadow-light);transform:scale(1.05)}.notmodule-dropdown{border:1px solid #ccc;border:1px solid var(--input-border);border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:inset 0 1px 3px #0000000d;display:block;font-size:1rem;margin:1rem auto 2rem;padding:.75rem;text-align:center;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:40%}.notmodule-dropdown:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 8px #ff980033;outline:none}.notmodule-send-notification-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 3px 6px #00000026;box-shadow:0 3px 6px var(--shadow-light);color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:500;gap:.4rem;margin-top:2rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,transform .2s ease,box-shadow var(--transition-speed) ease}.notmodule-send-notification-button:hover:not(:disabled){background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 4px 10px #00000026;box-shadow:0 4px 10px var(--shadow-light);transform:scale(1.05)}.notmodule-textbox-container{align-items:center;display:flex;flex-direction:column;margin-top:2.5rem;width:100%}.notmodule-input-field,.notmodule-textbox{border:1px solid #ccc;border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--radius-small);box-shadow:inset 0 1px 3px #0000000d;font-size:1rem;margin-bottom:1rem;padding:.85rem;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:95%}.notmodule-input-field:focus,.notmodule-textbox:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 8px #ff980033;outline:none}.notmodule-textbox{height:150px;resize:none}.notmodule-notification-list{list-style-type:none;padding:0;width:100%}.notmodule-notification-item{align-items:center;background-color:#4f4c4c;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 .125rem .3125rem #0000001a;color:#fff;display:flex;margin-bottom:1.25rem;padding:1.25rem}.notmodule-notification-content{display:flex;flex:1 1;flex-direction:column}.notmodule-notification-preview{color:#fff;font-size:1rem}.notmodule-notification-date{align-items:center;color:#fff;display:flex;font-size:1rem}.notmodule-notification-date .notmodule-date-icon{color:#304e7a;color:var(--primary-color);font-size:1.25rem;margin-right:.5rem}.notmodule-expand-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3.75rem;border-radius:var(--radius-large);color:#fff;cursor:pointer;margin-left:1.25rem;padding:.625rem 1.25rem;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease}.notmodule-expand-button:hover{background-color:#304e7a;background-color:var(--accent-color)}@media (max-width:768px){.notmodule-notification-container{width:95%}.notmodule-back-button,.notmodule-dropdown,.notmodule-submit-button{font-size:.9rem;padding:.7rem;width:100%}.notmodule-send-notification-button{font-size:.85rem;padding:.75rem 1.25rem}}@media (max-width:480px){.notmodule-notification-container{width:100%}.notmodule-back-button,.notmodule-dropdown,.notmodule-submit-button{font-size:.85rem;padding:.6rem;width:100%}.notmodule-send-notification-button{font-size:.8rem;padding:.65rem 1.15rem}}@media (min-width:1024px){.notmodule-notification-container{max-width:900px;width:80%}}@media (min-width:1440px){.notmodule-notification-container{max-width:1200px;width:70%}}:root{--primary-light:#4a6ea3;--primary-dark:#23395d;--accent-color:#ff6f00;--accent-light:#ff9800;--accent-dark:#e65100;--text-secondary:#666;--grey-light:#f5f5f5;--grey-medium:#e0e0e0;--grey-dark:#9e9e9e;--white:#fff;--shadow:0 4px 12px #0000001a;--shadow-hover:0 6px 20px #0000001f;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition:all 0.3s ease}.module-container{align-items:center;background-color:#fff;background-color:var(--white);border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:90%}.module-container:hover{box-shadow:0 6px 20px #0000001f;box-shadow:var(--shadow-hover)}.module-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.module-header h2{color:#333;color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0;transition:color .3s ease}.module-header h2:hover,.module-info-card{color:#304e7a;color:var(--primary-color)}.module-info-card{background-color:#f5f5f5;background-color:var(--grey-light);border-radius:2rem;box-shadow:0 3px 8px #0000001a;font-size:1.1rem;font-weight:500;margin:1rem 0;padding:.5rem 1.5rem;text-align:center;transition:transform .2s ease}.module-info-card:hover{transform:scale(1.05)}.module-search-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;width:100%}.module-search-box{align-items:center;background-color:#f5f5f5;background-color:var(--grey-light);border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;display:flex;padding:.75rem 1.25rem;transition:all .3s ease;transition:var(--transition);width:250px}.module-search-box:focus-within{box-shadow:0 0 0 2px #304e7a40}.module-search-box input{background:#0000;border:none;margin-left:.625rem;outline:none;width:100%}.module-filter-select,.module-search-box input{color:#333;color:var(--text-color);font-size:1rem}.module-filter-select{background-color:#f5f5f5;background-color:var(--grey-light);border:1px solid #e0e0e0;border:1px solid var(--grey-medium);border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 3px 8px #0000001a;cursor:pointer;max-width:200px;padding:.6rem 1rem;transition:all .3s ease;transition:var(--transition)}.module-filter-select:focus,.module-filter-select:hover{background-color:#f5f5f5;background-color:var(--grey-light);border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 4px 10px #00000026}.module-item-list{margin-top:1rem;width:100%}.module-list{display:flex;flex-direction:column;gap:1rem}.module-item{align-items:center;background-color:#f5f5f5;background-color:var(--grey-light);border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.module-item:hover{background-color:#f0f4fa;box-shadow:0 4px 15px #0000001f;transform:translateY(-3px)}.module-item-details{flex:1 1}.module-item-header{align-items:center;display:flex;margin-bottom:.5rem}.module-item-header h3{color:#333;color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.module-item-status{border-radius:1rem;font-size:.8rem;font-weight:500;margin-left:1rem;padding:.4rem .8rem;text-transform:uppercase}.module-item-status.active{background-color:#4caf5026;color:#388e3c}.module-item-status.inactive{background-color:#f4433626;color:#d32f2f}.module-item-meta{color:#666;color:var(--text-secondary);font-size:.9rem}.module-button{align-items:center;border:0;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 3px 6px #0000001a;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.module-primary-button{background-color:#304e7a;background-color:var(--primary-color);color:#fff;color:var(--white)}.module-primary-button:hover{background-color:#23395d;background-color:var(--primary-dark);transform:scale(1.05)}.module-accent-button{background-color:#ff6f00;background-color:var(--accent-color);color:#fff;color:var(--white)}.module-accent-button:hover{background-color:#e65100;background-color:var(--accent-dark);transform:scale(1.05)}.module-danger-button{background-color:#f44336;color:#fff;color:var(--white)}.module-danger-button:hover{background-color:#e53935;transform:scale(1.05)}.module-edit-button{background-color:#304e7a;color:#fff;color:var(--white)}.module-edit-button:hover{background-color:#23395d;background-color:var(--primary-dark);transform:scale(1.05)}.module-icon-button{align-items:center;background-color:#f5f5f5;background-color:var(--grey-light);border:1px solid #e0e0e0;border:1px solid var(--grey-medium);border-radius:50%;display:flex;height:2.5rem;justify-content:center;transition:all .3s ease;transition:var(--transition);width:2.5rem}.module-icon-button:hover{background-color:#e0e0e0;background-color:var(--grey-medium);transform:translateY(-2px)}.module-actions,.module-pagination{display:flex;flex-wrap:wrap;gap:.75rem}.module-pagination{align-items:center;justify-content:center;margin-top:1.5rem}.module-pagination button{background-color:#f5f5f5;background-color:var(--grey-light);border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#333;color:var(--text-color);cursor:pointer;font-size:.875rem;min-width:2.5rem;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.module-pagination button:hover:not(:disabled){background-color:#e0e0e0;background-color:var(--grey-medium)}.module-pagination button.active{background-color:#304e7a;background-color:var(--primary-color);color:#fff;color:var(--white);transform:scale(1.1)}.module-pagination button:disabled{background-color:#f5f5f5;background-color:var(--grey-light);color:#9e9e9e;color:var(--grey-dark);cursor:not-allowed}.module-modal{background-color:#fff;background-color:var(--white);border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;left:50%;max-width:500px;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.module-modal-header{margin-bottom:1rem}.module-modal-header h3{color:#333;color:var(--text-color);font-size:1.4rem;font-weight:600;margin:0}.module-modal-content{margin-bottom:1.5rem}.module-modal-actions{display:flex;gap:1rem;justify-content:center}.module-empty-state{align-items:center;color:#666;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.module-empty-state h3{color:#333;color:var(--text-color);font-size:1.4rem;margin-bottom:.75rem}.module-empty-state p{color:#666;color:var(--text-secondary);font-size:1rem;max-width:400px}.module-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.module-spinner{animation:spin 1s linear infinite;border:4px solid #f5f5f5;border-top:4px solid #304e7a;border:4px solid var(--grey-light);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.module-form-group{margin-bottom:1.5rem;width:100%}.module-form-label{color:#333;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.module-form-input{border:1px solid #e0e0e0;border:1px solid var(--grey-medium);border-radius:1rem;border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.module-form-input:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 0 2px #304e7a40;outline:none}.module-form-select{background-color:#fff;background-color:var(--white);border:1px solid #e0e0e0;border:1px solid var(--grey-medium);border-radius:1rem;border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.module-form-select:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 0 2px #304e7a40;outline:none}.module-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem}.module-checkbox-label input[type=checkbox]{accent-color:#304e7a;accent-color:var(--primary-color);cursor:pointer;height:1rem;width:1rem}.module-tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--grey-medium);display:flex;margin-bottom:1.5rem;width:100%}.module-tab{background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;transition:var(--transition)}.module-tab.active,.module-tab:hover{color:#304e7a;color:var(--primary-color)}.module-tab.active{font-weight:500}.module-tab.active:after{background-color:#304e7a;background-color:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.module-tag{border-radius:1rem;display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:.5rem;margin-right:.5rem;padding:.3rem .75rem}.module-tag.primary{background-color:#304e7a26;color:#304e7a;color:var(--primary-color)}.module-tag.accent{background-color:#ff6f0026;color:#ff6f00;color:var(--accent-color)}.module-tag.success{background-color:#4caf5026;color:#388e3c}.module-tag.warning{background-color:#ff980026;color:#f57c00}.module-tag.danger{background-color:#f4433626;color:#d32f2f}@media (max-width:1024px){.module-container{padding:1.5rem;width:95%}.module-header{align-items:flex-start;gap:1rem}.module-header,.module-search-container{flex-direction:column}.module-search-box{width:100%}.module-filter-select{max-width:100%}.module-item{align-items:flex-start;flex-direction:column;gap:1rem}.module-actions{justify-content:flex-start;margin-top:.5rem;width:100%}.module-button{padding:.6rem 1rem}}@media (max-width:768px){.module-container{margin:1rem;padding:1.25rem;width:calc(100% - 2rem)}.module-header h2{font-size:1.5rem}.module-item-header h3{font-size:1.1rem}.module-button{font-size:.9rem;padding:.5rem .75rem}.module-tab{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:480px){.module-container{border-radius:1rem;border-radius:var(--radius-md);margin:.5rem;padding:1rem;width:calc(100% - 1rem)}.module-header h2{font-size:1.25rem}.module-item{padding:1rem}.module-item-header{align-items:flex-start;flex-direction:column}.module-item-status{margin-left:0;margin-top:.5rem}.module-button{font-size:.8rem;padding:.4rem .6rem}.module-pagination button{font-size:.75rem;min-width:2rem;padding:.3rem .5rem}}:root{--primary-blue:#1e88e5;--primary-blue-dark:#1565c0;--primary-blue-light:#bbdefb;--primary-blue-very-light:#e3f2fd;--text-dark:#333;--text-medium:#555;--text-light:#777;--border-color:#d0d9e6;--success-color:#4caf50;--error-color:#f44336}.upload-excel-container{font-family:Roboto,Segoe UI,Arial,sans-serif;max-width:75rem;padding:1.25rem}.upload-excel-container h2{border-bottom:.0625rem solid #d0d9e6;border-bottom:.0625rem solid var(--border-color);color:#1565c0;color:var(--primary-blue-dark);font-size:1.5rem;margin-bottom:1.25rem;padding-bottom:.625rem}.exam-details{grid-gap:1.25rem;background-color:#e3f2fd;background-color:var(--primary-blue-very-light);border-radius:.5rem;box-shadow:0 .125rem .25rem #1e88e51a;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));margin-bottom:1.875rem;padding:1.25rem}.exam-details h3{color:#1565c0;color:var(--primary-blue-dark);font-size:1rem;font-weight:500;margin-bottom:.625rem;margin-top:0}.exam-details input[type=date],.exam-details input[type=text],.exam-details select[type=text]{border:.0625rem solid #d0d9e6;border:.0625rem solid var(--border-color);border-radius:.3125rem;color:#333;color:var(--text-dark);font-size:.875rem;padding:.625rem .75rem;transition:border-color .3s,box-shadow .3s;width:100%}.exam-details input[type=date]:focus,.exam-details input[type=text]:focus{border-color:#1e88e5;border-color:var(--primary-blue);box-shadow:0 0 0 .125rem #1e88e533;outline:none}.exam-type-options{flex-wrap:wrap;gap:.9375rem}.exam-type-options label{cursor:pointer}.exam-type-options input[type=radio]{opacity:0;position:absolute}.exam-type-options span{background-color:#304e7a;border:.0625rem solid #d0d9e6;border:.0625rem solid var(--border-color);border-radius:.25rem;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.exam-type-options input[type=radio]:checked+span{background-color:#1e88e5;background-color:var(--primary-blue);border-color:#1e88e5;border-color:var(--primary-blue);color:#000}.exam-type-options input[type=radio]:hover+span{border-color:#1e88e5;border-color:var(--primary-blue)}.exam-type-options input[type=radio]:hover+span,.upload-area{background-color:#e3f2fd;background-color:var(--primary-blue-very-light)}.upload-area{border:.125rem dashed #bbdefb;border:.125rem dashed var(--primary-blue-light);border-radius:.375rem;margin-bottom:1.875rem;padding:2.5rem 1.25rem;transition:all .3s ease}.upload-area.drag-over,.upload-area:hover{background-color:#1e88e514;border-color:#1e88e5;border-color:var(--primary-blue)}.upload-icon{margin-bottom:.9375rem}.upload-text{color:#555;color:var(--text-medium);font-size:.875rem;margin:0 auto;max-width:25rem}.preview-container{border:.0625rem solid #d0d9e6;border:.0625rem solid var(--border-color);border-radius:.375rem;margin-top:1.25rem;max-height:25rem;overflow-x:auto}.preview-table th{background-color:#1e88e5;background-color:var(--primary-blue);border-bottom:.125rem solid #1565c0;border-bottom:.125rem solid var(--primary-blue-dark);color:#fff;font-weight:500;padding:.75rem;text-align:left;white-space:nowrap}.preview-table td{border-bottom:.0625rem solid #d0d9e6;border-bottom:.0625rem solid var(--border-color);color:#555;color:var(--text-medium);padding:.625rem .75rem}.preview-table tr:nth-child(2n){background-color:#1e88e508}.preview-table tr:hover{background-color:#1e88e512}.preview-table td[contenteditable=true]:focus{background-color:#e3f2fd;background-color:var(--primary-blue-very-light);box-shadow:inset 0 0 0 .125rem #1e88e533;outline:none}.form-actions{margin-top:1.875rem}.back-button,.save-button{border-radius:.25rem;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.back-button{background-color:#fff;border:.0625rem solid #d0d9e6;border:.0625rem solid var(--border-color);color:#555;color:var(--text-medium)}.back-button:hover{background-color:#f5f5f5;border-color:#777;border-color:var(--text-light)}.save-button{background-color:#1e88e5;background-color:var(--primary-blue);border:.0625rem solid #1e88e5;border:.0625rem solid var(--primary-blue)}.save-button:hover{background-color:#1565c0;background-color:var(--primary-blue-dark)}.notification{animation:slideIn .3s ease-out;border-radius:.25rem;bottom:1.25rem;box-shadow:0 .125rem .625rem #0000001a;font-size:.875rem;max-width:18.75rem;padding:.9375rem 1.25rem;position:fixed;right:1.25rem;z-index:1000}.notification.success{background-color:#e8f5e9;border-left:.25rem solid #4caf50;border-left:.25rem solid var(--success-color);color:#2e7d32}.notification.error{background-color:#ffebee;border-left:.25rem solid #f44336;border-left:.25rem solid var(--error-color);color:#c62828}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:48rem){.exam-details{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.625rem}.form-actions button{width:100%}}.video-solution-module-container{background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem 5.625rem #0000004d;margin:2.5rem;max-width:90%;min-height:60vh;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.exam-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.add-exam-button{border:none;border-radius:3.75rem;color:#fff;cursor:pointer;font-size:1rem;padding:1.25rem 1.875rem}.add-exam-button,.add-exam-button:hover{background-color:#304e7a}.form-group{align-items:center;margin-bottom:1.25rem}.form-group label{display:block;font-size:1.125rem;font-weight:700;margin-bottom:.625rem;text-align:center}.form-group input[type=text]{border:1px solid #ccc;border-radius:1.875rem;color:#333;font-size:1.125rem;margin-bottom:2.5rem;padding:.9375rem;width:50%}.react-datepicker-wrapper{text-align:center;width:50%}.react-datepicker-ignore-onclickoutside{border:1px solid #ccc;border-radius:1.875rem;color:#333;font-size:1.125rem;margin-bottom:2.5rem;padding:.9375rem;text-align:center;width:100%}.exam-type-options{gap:1.25rem;justify-content:center;margin-top:1.25rem}.exam-type-options label{align-items:center;display:flex;font-size:1rem}.exam-type-options input[type=radio]{margin-right:.625rem}.radio-button{border:.125rem solid #304e7a;border-radius:.9375rem;font-size:1rem;padding:.625rem .9375rem}.form-actions{justify-content:space-between;margin-top:1.25rem;position:relative;width:100%}.back-button,.cancel-button,.delete-button,.edit-button,.publish-button,.save-button,.upload-button{background-color:#304e7a;border:none;border-radius:3.75rem;color:#fff;cursor:pointer;font-size:1rem;padding:1.25rem 1.875rem}.back-button:hover,.cancel-button:hover,.delete-button:hover,.edit-button:hover,.publish-button:hover,.save-button:hover,.upload-button:hover{background-color:#304e7a}.info-text{color:#666;font-size:1rem;margin-bottom:1.25rem}.upload-area{border:.125rem dashed #ccc;border-radius:.625rem;padding:1.25rem;text-align:center}.upload-area.drag-over{background-color:#fffbe0;border-color:#304e7a}.upload-label{cursor:pointer}.upload-icon{color:#ccc;font-size:3rem}.upload-text{color:#666;font-size:1rem;margin-top:.625rem}.exam-list{display:flex;flex-direction:column;gap:1.25rem}.exam-item{align-items:center;background-color:#4f4c4c;border-radius:3.75rem;box-shadow:0 .125rem .625rem #0000001a;display:flex;padding:1.25rem}.exam-image{background-color:#fff;border-radius:.625rem;height:5rem;margin-right:1.25rem;width:5rem}.exam-details{background-color:#4f4c4c!important;color:#000;display:flex;flex:1 1;flex-direction:column}.exam-details h2{align-items:center;display:flex;font-size:1.125rem;font-weight:700;margin:0}.exam-status{border-radius:.3125rem;display:inline-block;font-size:.875rem;margin-left:.625rem;padding:.3125rem .625rem}.exam-status.published{background-color:#4caf50;color:#fff}.exam-status.unpublished{background-color:#f44336;color:#fff}.exam-date{text-align:center}.details-button{border:none;border-radius:3.75rem;color:#fff;cursor:pointer;font-size:1rem;margin-left:.625rem;padding:.625rem 1.25rem}.details-button,.details-button:hover{background-color:#304e7a}.search-filter-container{align-items:center;display:flex;justify-content:flex-end}.search-box{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem .625rem #0000001a;display:flex;margin-right:1.25rem;max-width:18.75rem;padding:.9375rem;width:100%}.search-box input{border:none;font-size:1rem;margin-left:.625rem;outline:none;width:100%}.search-icon{height:1.25rem;width:1.25rem}.no-exams-container{align-items:center;color:#666;display:flex;flex-direction:column;height:60vh;justify-content:center;margin-top:-3.125rem;text-align:center}.no-exams-icon{height:12.5rem;margin-bottom:1.25rem;width:12.5rem}.cancel-button{left:0;position:absolute}.save-button{position:absolute;right:0}.upload-excel-container{margin:0 auto;max-width:800px;padding:20px;text-align:center}.upload-icon img{margin-bottom:10px}.upload-area{align-items:center;border:2px dashed #ccc;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.upload-area.drag-over{border-color:#007bff}.uploaded-data-preview{border:1px solid #ddd;border-radius:5px;margin-top:20px;max-height:300px;overflow-y:auto}.preview-table{border-collapse:collapse;width:100%}.preview-table td,.preview-table th{border:1px solid #ddd;padding:8px;text-align:left}.preview-table th{background-color:#f4f4f4}.form-actions{margin-top:20px}.back-button,.save-button{border:none;border-radius:5px;cursor:pointer;margin:0 10px;padding:10px 20px}.back-button{background-color:#f0f0f0}.save-button{background-color:#007bff}.exam-details-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.exam-details-container .form-group{flex:1 1;min-width:200px}.exam-type-options{display:flex;gap:10px;justify-content:space-between}@media (max-width:768px){.video-solution-module-container{margin:1.25rem;padding:1.25rem}.add-exam-button,.back-button,.cancel-button,.delete-button,.details-button,.edit-button,.publish-button,.save-button,.upload-button{font-size:.875rem;padding:.625rem}.form-group input[type=date],.form-group input[type=text]{width:100%}.exam-image{height:3.75rem;width:3.75rem}.exam-details h2{font-size:1rem}.pagination button{font-size:.75rem;padding:.3125rem .625rem}.search-box{margin-bottom:.625rem;margin-right:0;width:100%}.exam-item{align-items:flex-start;flex-direction:column}.exam-date{text-align:left}.no-exams-container{height:40vh}}@media (max-width:480px){.video-solution-module-container{margin:.625rem;padding:.625rem}.add-exam-button,.back-button,.cancel-button,.delete-button,.details-button,.edit-button,.publish-button,.save-button,.upload-button{font-size:.75rem;padding:.4375rem}.exam-image{height:3.125rem;width:3.125rem}.exam-details h2{font-size:.875rem}.pagination button{font-size:.625rem;padding:.3125rem .4375rem}.search-box{margin-bottom:.625rem;margin-right:0;width:100%}.no-exams-icon{height:6.25rem;width:6.25rem}}input[type=file]{background:#fff;border:2px dashed #1976d2;border-radius:8px;cursor:pointer;padding:10px;transition:border-color .3s ease-in-out;width:100%}input[type=file]:hover{border-color:#1565c0}.MuiDialogTitle-root{background:#1976d2!important;color:#fff!important;font-size:1.2rem;font-weight:700;text-align:center}.MuiDialogContent-root{background:#f0f4f8!important}.parameter-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.parameter-row input{background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;padding:10px}.parameter-row input:focus{border-color:#1976d2;outline:none}.MuiButton-containedPrimary{background-color:#1976d2!important}.MuiButton-containedPrimary:hover{background-color:#1565c0!important}.MuiButton-containedError{background-color:#d32f2f!important}.MuiButton-containedError:hover{background-color:#b71c1c!important}:root{--primary-color:#4caf50;--primary-color-dark:#388e3c;--background-light:#f9f9f9}.AttendanceModule-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:1rem;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;box-shadow:0 4px 20px var(--shadow-heavy);display:flex;flex-direction:column;margin:3% auto;max-width:1080px;padding:2rem;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.AttendanceModule-container:hover{box-shadow:0 8px 30px #00000026;box-shadow:0 8px 30px var(--shadow-heavy);transform:translateY(-5px)}.AttendanceModule-title{color:#4caf50;color:var(--primary-color);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.AttendanceModule-title:hover{color:#388e3c;color:var(--primary-color-dark)}.AttendanceModule-header{align-items:center;background-color:#f9f9f9;background-color:var(--background-light);border-radius:1rem;border-radius:var(--border-radius);box-shadow:0 2px 10px #00000014;box-shadow:0 2px 10px var(--shadow-light);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.8rem 1rem;width:100%}.AttendanceModule-absent-button{background:#4caf50;background:var(--primary-color);border:none;border-radius:1rem;border-radius:var(--border-radius);box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:background-color .3s ease-in-out,transform .3s ease-in-out;transition:background-color var(--transition-ease),transform var(--transition-ease)}.AttendanceModule-absent-button:hover{background:#388e3c;background:var(--primary-color-dark);transform:translateY(-2px)}.AttendanceModule-absent-button:active{box-shadow:0 1px 4px #00000014;box-shadow:0 1px 4px var(--shadow-light);transform:translateY(0)}.AttendanceModule-summary{margin-top:1.5rem;width:100%}.AttendanceModule-summary h3{border-bottom:2px solid #4caf50;border-bottom:2px solid var(--primary-color);color:#222;color:var(--text-color-heading);font-size:1.2rem;font-weight:500;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.AttendanceModule-lesson-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.AttendanceModule-card{background-color:#f9f9f9;background-color:var(--background-light);border-radius:1rem;border-radius:var(--border-radius);box-shadow:0 3px 6px #00000014;box-shadow:0 3px 6px var(--shadow-light);cursor:pointer;max-width:140px;padding:1rem;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:100%}.AttendanceModule-card:hover{box-shadow:0 6px 12px #00000026;box-shadow:0 6px 12px var(--shadow-heavy);transform:scale(1.05)}.AttendanceModule-card-icon{color:#4caf50;color:var(--primary-color);font-size:1.8rem;margin-bottom:.5rem}.AttendanceModule-card-title{color:#333;color:var(--text-color-dark);font-size:1rem;font-weight:600;margin-bottom:.5rem}.AttendanceModule-card-button{background:#4caf50;background:var(--primary-color);border:none;border-radius:.5rem;color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:background-color .3s ease-in-out,transform .2s;transition:background-color var(--transition-ease),transform .2s}.AttendanceModule-card-button:hover{background:#388e3c;background:var(--primary-color-dark);transform:translateY(-2px)}.AttendanceModule-container select{background-color:#f9f9f9;background-color:var(--background-light);border:1px solid #00000014;border:1px solid var(--shadow-light);border-radius:1rem;border-radius:var(--border-radius);color:#333;color:var(--text-color-dark);font-size:1rem;margin-bottom:1rem;padding:.8rem;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;transition:border-color var(--transition-ease),box-shadow var(--transition-ease);width:100%}.AttendanceModule-container select:focus,.AttendanceModule-container select:hover{border-color:#388e3c;border-color:var(--primary-color-dark);box-shadow:0 0 5px #4caf50;box-shadow:0 0 5px var(--primary-color)}@media (max-width:768px){.AttendanceModule-header{flex-wrap:wrap;gap:.5rem;justify-content:center}.AttendanceModule-title{font-size:1.6rem}.AttendanceModule-card{max-width:120px;padding:.75rem}.AttendanceModule-card-title{font-size:.9rem}.AttendanceModule-card-button{font-size:.7rem;padding:.4rem .8rem}.AttendanceModule-absent-button{font-size:.8rem;padding:.5rem .8rem}}@media (max-width:480px){.AttendanceModule-card{max-width:100px;padding:.5rem}.AttendanceModule-card-icon{font-size:1.5rem}.AttendanceModule-card-title{font-size:.8rem}.AttendanceModule-card-button{font-size:.6rem;padding:.3rem .6rem}.AttendanceModule-absent-button{font-size:.7rem;padding:.4rem .6rem}}.attendance-detail-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.attendance-detail-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-heavy);transform:translateY(-5px)}.attendance-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.attendance-detail-header h2{color:#333;color:var(--text-color-dark);font-size:1.75rem;font-weight:600;margin:0;transition:color .3s ease;transition:color var(--transition-ease)}.attendance-detail-header h2:hover{color:#222;color:var(--text-color-heading)}.attendance-detail-back-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.attendance-detail-back-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.05)}.attendance-detail-date-time{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-light);color:#333;color:var(--text-color-dark);font-size:1rem;margin-bottom:1.5rem;padding:.8rem 1.5rem;text-align:center;width:100%}.attendance-detail-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.attendance-detail-mark-all-button,.attendance-detail-save-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.attendance-detail-mark-all-button:hover,.attendance-detail-save-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.05)}.attendance-detail-student-list{margin-top:1rem;width:100%}.attendance-detail-student-list table{border-collapse:initial;border-spacing:0 .8rem;width:100%}.attendance-detail-student-item td{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 1px 4px #0000001a;box-shadow:0 1px 4px var(--shadow-light);padding:.8rem 1.2rem;text-align:center;transition:box-shadow .3s ease,transform .2s ease;transition:box-shadow var(--transition-ease),transform .2s ease;vertical-align:middle}.attendance-detail-student-item td:hover{box-shadow:0 4px 10px #00000026;box-shadow:0 4px 10px var(--shadow-heavy);transform:translateY(-3px)}.switch{height:26px;width:46px}.slider{background-color:#28a745;background-color:var(--present-color)}.slider:before{align-items:center;color:#28a745;color:var(--present-color);content:"Var";display:flex;height:22px;justify-content:center;left:2px;width:22px}input:not(:checked)+.slider{background-color:#dc3545;background-color:var(--absent-color)}input:not(:checked)+.slider:before{color:#dc3545;color:var(--absent-color);content:"Yok";transform:translateX(0)}input:checked+.slider{background-color:var(--present-color)}input:checked+.slider:before{color:var(--present-color);content:"Var";transform:translateX(20px)}.attendance-detail-notification{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 10px #0000001a;box-shadow:0 3px 10px var(--shadow-light);color:#333;color:var(--text-color-dark);font-size:1rem;margin-top:1rem;padding:1rem;text-align:center}.attendance-detail-notification.success{border-left:.4rem solid #28a745}.attendance-detail-notification.error{border-left:.4rem solid #dc3545}@media (max-width:768px){.attendance-detail-container{margin:1.5rem auto;padding:1.5rem}.attendance-detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.attendance-detail-mark-all-button,.attendance-detail-save-button{font-size:.875rem;padding:.6rem 1rem}.attendance-detail-student-list table{font-size:.875rem}.attendance-detail-student-item td{padding:.6rem 1rem}}@media (max-width:480px){.attendance-detail-container{margin:1rem;padding:1rem}.attendance-detail-header h2{font-size:1.5rem}.attendance-detail-mark-all-button,.attendance-detail-save-button{font-size:.8rem;padding:.5rem 1rem}.attendance-detail-student-item td{padding:.5rem .8rem}}@media (min-width:1024px){.attendance-detail-container{max-width:1100px;width:80%}}@media (min-width:1440px){.attendance-detail-container{max-width:1200px;width:70%}}.absent-students-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.absent-students-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-heavy);transform:translateY(-5px)}.absent-students-header h1{color:#304e7a;color:var(--primary-color);font-size:1.85rem;font-weight:700;margin-bottom:1.5rem;text-align:center;transition:color .3s ease;transition:color var(--transition-ease)}.absent-students-header h1:hover{color:#304e7a;color:var(--primary-color-dark)}.absent-students-back-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.absent-students-back-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.05)}.absent-students-notification-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.absent-students-notification-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.05)}.absent-students-table{margin-top:1rem;width:100%}.absent-students-table table{border-collapse:initial;border-spacing:0 .8rem;text-align:left;width:100%}.absent-students-table th{color:#333;color:var(--text-color-dark);font-size:1rem;font-weight:600;padding:.8rem}.absent-students-table td,.absent-students-table th{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);text-align:center}.absent-students-table td{box-shadow:0 1px 4px #0000001a;box-shadow:0 1px 4px var(--shadow-light);padding:.8rem 1.2rem;transition:box-shadow .3s ease,transform .2s ease;transition:box-shadow var(--transition-ease),transform .2s ease;vertical-align:middle}.absent-students-table td:hover{box-shadow:0 4px 10px #00000026;box-shadow:0 4px 10px var(--shadow-heavy);transform:translateY(-3px)}.absent-students-remove-button{background-color:#dc3545;border:none;border-radius:1.5rem;border-radius:var(--border-radius);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.absent-students-remove-button:hover{background-color:#c82333;transform:translateY(-3px)}.absent-students-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.absent-students-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.4rem .75rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.absent-students-pagination button.active{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.1)}.absent-students-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.absent-students-pagination span{color:#333;color:var(--text-color-dark);display:inline-block;font-size:1rem;padding:0 .5rem}@media (max-width:768px){.absent-students-container{margin:1.5rem auto;padding:1.5rem}.absent-students-back-button,.absent-students-notification-button{font-size:.9rem;padding:.6rem 1rem}.absent-students-table td,.absent-students-table th{font-size:.875rem;padding:.6rem 1rem}.absent-students-pagination button{font-size:.75rem;padding:.3rem .6rem}}@media (max-width:480px){.absent-students-container{margin:1rem;padding:1rem}.absent-students-table td,.absent-students-table th{font-size:.8rem;padding:.5rem .8rem}.absent-students-pagination button{font-size:.625rem;padding:.2rem .4rem}}.homeworktracking-container{align-items:center;background-color:#fefefe;border-radius:2rem;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;width:90%}.homeworktracking-button-container{align-items:center;display:flex;flex-direction:column;margin-top:1.25rem;width:100%}.homeworktracking-action-button{background-color:#304e7a;border:none;border-radius:1.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;max-width:15.625rem;padding:1rem 1.75rem;text-align:center;transition:background-color .3s ease,transform .2s ease;width:100%}.homeworktracking-action-button:hover{background-color:#304e7a;transform:scale(1.05)}@media (max-width:768px){.homeworktracking-container{margin:1.25rem;padding:1.25rem;width:100%}.homeworktracking-action-button{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.homeworktracking-container{margin:.625rem;padding:.625rem;width:100%}.homeworktracking-action-button{font-size:.875rem;padding:.75rem 1.25rem;width:100%}}.homework-add-container{align-items:center;background-color:#fff;border-radius:1rem;border-radius:var(--container-radius);box-shadow:0 8px 16px #0000001a;box-shadow:0 8px 16px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:600px;padding:2rem;transition:box-shadow .3s ease;width:90%}.homework-add-container:hover{box-shadow:0 12px 24px #00000026;box-shadow:0 12px 24px var(--shadow-heavy)}.homework-add-container h1{color:#304e7a;color:var(--primary-color);font-size:1.75rem;margin-bottom:1.5rem}.homeworkadd-form-group{margin-bottom:1.25rem;width:100%}.homeworkadd-form-group label{color:#555;font-size:1rem;font-weight:600;margin-bottom:.25rem}.homeworkadd-form-group input,.homeworkadd-form-group textarea{background-color:#f8f8f8;background-color:var(--background-light);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:.5rem;border-radius:var(--button-radius);font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.homeworkadd-form-group textarea{min-height:5rem}.homeworkadd-form-group input:focus,.homeworkadd-form-group textarea:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 5px #ff980066;box-shadow:0 0 5px var(--input-focus-shadow)}.error{background-color:#ffe5e5;border-color:#e57373;border-color:var(--error-color)}.error-message{color:#e57373;margin-top:.25rem}.homeworkadd-back-button,.homeworkadd-submit-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease}.homeworkadd-back-button:hover,.homeworkadd-submit-button:hover{background-color:#304e7a;background-color:var(--accent-color);transform:translateY(-2px)}.homeworkadd-submit-button:disabled{background-color:#ccc;box-shadow:none}@media (max-width:768px){.homework-add-container{padding:1.5rem;width:95%}.homeworkadd-back-button,.homeworkadd-submit-button{font-size:.875rem;padding:.5rem 1rem}}@media (max-width:480px){.homework-add-container{padding:1rem}}.file-upload-area{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.file-upload-area:hover{background-color:#f0f8ff;border-color:#007bff}.file-upload-button{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .3s ease}.file-upload-button:hover{background-color:#0056b3}.file-upload-info{color:#666;font-size:12px;margin-top:10px}.selected-files-list{border:1px solid #ddd;border-radius:6px;max-height:300px;overflow-y:auto}.file-item{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px}.file-item:last-child{border-bottom:none}.file-item:hover{background-color:#f8f9fa}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{color:#666;font-size:24px}.file-icon.pdf{color:#dc3545}.file-icon.video{color:#17a2b8}.file-icon.word{color:#007bff}.file-details{display:flex;flex-direction:column;gap:4px}.file-name{color:#333;font-weight:500;word-break:break-word}.file-size{color:#666;font-size:12px}.upload-progress{background-color:#eee;border-radius:2px;height:4px;margin-top:4px;overflow:hidden;position:relative;width:200px}.progress-bar{background-color:#28a745;height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:10px;position:absolute;right:0;top:-20px}.file-actions{display:flex;gap:8px}.file-action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;text-decoration:none;transition:all .3s ease;width:30px}.file-action-button.preview{background-color:#17a2b8;color:#fff}.file-action-button.preview:hover{background-color:#138496}.file-action-button.download{background-color:#28a745;color:#fff}.file-action-button.download:hover{background-color:#218838}.file-action-button.delete{background-color:#dc3545;color:#fff}.file-action-button.delete:hover{background-color:#c82333}.file-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.file-modal-content{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:90vw}.file-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.file-modal-header h3{color:#333;font-size:16px;margin:0;word-break:break-word}.file-modal-close{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;width:30px}.file-modal-close:hover{background-color:#c82333}.file-modal-body{flex:1 1;overflow:hidden}.file-modal-body iframe,.file-modal-body video{height:100%;width:100%}.file-preview-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.file-preview-placeholder svg{margin-bottom:16px}@media (max-width:768px){.file-item{align-items:flex-start;flex-direction:column;gap:12px}.file-actions{align-self:flex-end}.file-modal-content{height:95vh;width:95vw}.upload-progress{width:150px}}.homeworkadd-submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.homeworkadd-form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.file-type-badge{border-radius:3px;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:2px 6px;text-transform:uppercase}.file-type-badge.pdf{background-color:#dc3545;color:#fff}.file-type-badge.video{background-color:#17a2b8;color:#fff}.file-type-badge.word{background-color:#007bff;color:#fff}.homeworkview-container{align-items:center;background-color:#fff;border-radius:1rem;border-radius:var(--container-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:900px;min-height:60vh;padding:2rem;position:relative;width:90%}.homeworkview-container h1{color:#304e7a;color:var(--primary-color);font-size:1.75rem;margin-bottom:1.5rem}.homeworkview-table-container{margin-top:1.25rem;width:100%}.homeworkview-table-container table{border-collapse:collapse;width:100%}.homeworkview-table-container td,.homeworkview-table-container th{border-bottom:1px solid #ddd;padding:.75rem;text-align:left}.homeworkview-table-container th{background-color:#304e7a;background-color:var(--primary-color);color:#fff;font-size:1rem}.homeworkview-table-container tr:hover{background-color:#f5f5f5}.homeworkview-table-container td{font-size:.95rem}.homeworkview-selected{background-color:#e0f7fa;border-left:.25rem solid #304e7a;border-left:.25rem solid var(--primary-color)}.homeworkview-delete-button,.homeworkview-edit-button{border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;cursor:pointer;font-size:.9rem;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.homeworkview-edit-button{background-color:#304e7a;background-color:var(--primary-color)}.homeworkview-edit-button:hover{background-color:#304e7a;background-color:var(--accent-color)}.homeworkview-delete-button{background-color:#f44336}.homeworkview-delete-button:hover{background-color:#d32f2f}.homeworkview-delete-all-button{background-color:#f44336;border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;cursor:pointer;font-size:1rem;margin-top:1.25rem;padding:1rem 1.75rem;transition:background-color .3s ease}.homeworkview-delete-all-button:hover{background-color:#d32f2f}.homeworkview-continue-button,.homeworkview-go-back-button{border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;position:absolute;top:1rem;transition:background-color .3s ease}.homeworkview-continue-button{background-color:#4caf50;right:1rem}.homeworkview-continue-button:hover{background-color:#388e3c}.homeworkview-go-back-button{background-color:#304e7a;background-color:var(--primary-color);left:1rem}.homeworkview-go-back-button:hover{background-color:#304e7a;background-color:var(--accent-color)}.homeworkview-pagination{align-items:center;display:flex;gap:.625rem;justify-content:center;margin-top:1.5rem}.homeworkview-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s ease}.homeworkview-pagination button.homeworkview-active{background-color:#304e7a;background-color:var(--accent-color)}.homeworkview-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.homeworkview-confirmation-modal{background-color:#fff;border-radius:1rem;border-radius:var(--container-radius);box-shadow:0 4px 20px #0003;left:50%;max-width:90%;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.homeworkview-confirmation-modal p{color:#333;font-size:1.1rem;margin-bottom:1rem}.homeworkview-confirmation-modal button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;cursor:pointer;font-size:.9rem;margin:0 .5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.homeworkview-confirmation-modal button:hover{background-color:#304e7a;background-color:var(--accent-color)}@media (max-width:768px){.homeworkview-container{padding:1.5rem}.homeworkview-continue-button,.homeworkview-delete-all-button,.homeworkview-go-back-button{font-size:.9rem;padding:.75rem 1.25rem}.homeworkview-confirmation-modal button{font-size:.875rem;margin:.25rem 0;padding:.5rem 1rem;width:100%}}@media (max-width:480px){.homeworkview-container{padding:1rem}.homeworkview-continue-button,.homeworkview-delete-all-button,.homeworkview-go-back-button{font-size:.875rem;padding:.75rem 1rem;width:100%}}.homeworkedit-container{align-items:center;background-color:#fefefe;border-radius:2rem;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin:2rem auto;max-width:600px;padding:2rem;position:relative}.homeworkedit-form-group{margin-bottom:1.25rem;width:100%}.homeworkedit-form-group label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:.625rem}.homeworkedit-form-group input[type=date],.homeworkedit-form-group textarea{border:1px solid #ddd;border-radius:1.25rem;box-shadow:inset 0 1px 3px #0000000d;font-size:1rem;margin-bottom:1.25rem;padding:.875rem;width:100%}.homeworkedit-submit-button{background-color:#4caf50;border:none;border-radius:1.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 1.75rem;position:absolute;right:1rem;top:1rem;transition:background-color .3s ease}.homeworkedit-submit-button:hover{background-color:#45a049}.homeworkedit-back-button{background-color:#304e7a;border:none;border-radius:1.5rem;color:#fff;cursor:pointer;font-size:1rem;left:1rem;padding:1rem 1.75rem;position:absolute;top:1rem;transition:background-color .3s ease}.homeworkedit-back-button:hover{background-color:#304e7a}@media (max-width:768px){.homeworkedit-container{margin:1.25rem auto;padding:1.25rem}.homeworkedit-back-button,.homeworkedit-submit-button{font-size:1rem;padding:1rem 1.5rem}.homeworkedit-form-group input[type=date],.homeworkedit-form-group textarea{font-size:1rem;padding:.875rem}}@media (max-width:480px){.homeworkedit-container{margin:.625rem auto;padding:.625rem}.homeworkedit-back-button,.homeworkedit-submit-button{font-size:.875rem;padding:.75rem 1.25rem;width:100%}.homeworkedit-form-group input[type=date],.homeworkedit-form-group textarea{font-size:.875rem;padding:.625rem}}:root{--shadow-heavy:#0003}.homeworknotification-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:1000px;padding:2rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;width:90%}.homeworknotification-container:hover{box-shadow:0 6px 18px #0003;box-shadow:0 6px 18px var(--shadow-heavy);transform:translateY(-3px)}.homeworknotification-container h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.homeworknotification-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(45%,1fr));justify-content:center;width:100%}.homeworknotification-card{background-color:#f8f8f8;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 15px #0000001a;box-shadow:0 3px 15px var(--shadow-light);padding:1.5rem;transition:box-shadow .3s ease,transform .3s ease}.homeworknotification-card:hover{box-shadow:0 6px 20px #0003;box-shadow:0 6px 20px var(--shadow-heavy);transform:translateY(-2px)}.homeworknotification-search-container{margin-bottom:1rem;width:100%}.homeworknotification-search-input{background-color:#fff;background-color:var(--background-color);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--border-radius);color:#333;font-size:1rem;max-width:350px;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.homeworknotification-search-input:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 .5rem #ff980066;box-shadow:0 0 .5rem var(--input-focus-shadow)}.homeworknotification-student-list{background-color:#fff;background-color:var(--background-color);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:1rem;max-height:200px;overflow-y:auto;padding:1rem}.homeworknotification-student-list::-webkit-scrollbar{width:8px}.homeworknotification-student-list::-webkit-scrollbar-track{background:#f8f8f8;background:var(--background-light);border-radius:8px}.homeworknotification-student-list::-webkit-scrollbar-thumb{background:#ddd;background:var(--input-border);border-radius:8px}.homeworknotification-student-list::-webkit-scrollbar-thumb:hover{background:#bbb}.homeworknotification-select-all-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-light);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease}.homeworknotification-select-all-button:hover{background-color:#304e7a;background-color:var(--accent-color);transform:translateY(-2px)}.homeworknotification-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.homeworknotification-table td,.homeworknotification-table th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--input-border);padding:.5rem;text-align:left}.homeworknotification-table th{background-color:#f8f8f8;background-color:var(--background-light);color:#333;font-weight:600}.homeworknotification-send-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-light);color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease}.homeworknotification-send-button:hover{background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 6px 10px #0003;box-shadow:0 6px 10px var(--shadow-heavy);transform:translateY(-2px)}.homeworknotification-pagination{align-items:center;display:flex;gap:.625rem;justify-content:center;margin-top:2rem}.homeworknotification-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);color:#fff;font-size:.9rem;padding:.4rem .9rem;transition:background-color .3s ease}.homeworknotification-pagination button.homeworknotification-active{background-color:#304e7a;background-color:var(--accent-color)}.homeworknotification-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.homeworknotification-back-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;left:1.5rem;padding:1rem 2rem;position:absolute;top:1.5rem;transition:background-color .3s ease,transform .2s ease}.homeworknotification-back-button:hover{background-color:#304e7a;background-color:var(--accent-color);transform:translateY(-2px)}@media (max-width:768px){.homeworknotification-container{margin:1rem;padding:1.5rem;width:100%}.homeworknotification-select-all-button,.homeworknotification-send-button{font-size:.9rem;padding:.6rem 1.2rem}.homeworknotification-search-input{font-size:.9rem;max-width:300px}.homeworknotification-pagination button{font-size:.85rem;padding:.4rem .7rem}}@media (max-width:480px){.homeworknotification-container{margin:.5rem;padding:1rem;width:100%}.homeworknotification-select-all-button,.homeworknotification-send-button{font-size:.85rem;padding:.5rem 1rem}.homeworknotification-search-input{font-size:.85rem;max-width:250px}.homeworknotification-pagination button{font-size:.8rem;padding:.3rem .5rem}}:root{--disabled-text-color:#999}.homeworkreport-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:1000px;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:90%}.homeworkreport-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.homeworkreport-container h1{color:#304e7a;color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center;transition:color .3s ease}.homeworkreport-container h1:hover{color:#304e7a;color:var(--accent-color)}.homeworkreport-list{margin-top:1.5rem;width:100%}.homeworkreport-item{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-color);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.homeworkreport-item:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-2px)}.homeworkreport-item h3{border-left:4px solid #304e7a;border-left:4px solid var(--primary-color);color:#333;color:var(--text-color-dark);font-size:1.2rem;font-weight:600;margin-bottom:.75rem;padding-left:.5rem}.homeworkreport-item h3:hover{color:#304e7a;color:var(--primary-color)}.homeworkreport-item p{color:#666;color:var(--text-color-light);font-size:1rem;line-height:1.6;margin:0}.homeworkreport-pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.homeworkreport-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-color);color:#fff;color:var(--secondary-color);font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease}.homeworkreport-pagination button:hover{background-color:#304e7a;background-color:var(--primary-color-hover);transform:translateY(-2px)}.homeworkreport-pagination button:disabled{background-color:#ccc;background-color:var(--disabled-color);color:#999;color:var(--disabled-text-color);cursor:not-allowed}button{border-radius:var(--border-radius-standard);box-shadow:0 3px 6px var(--shadow-color)}.homeworkreport-back-button,.homeworkreport-class-success-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-standard);color:#fff;color:var(--secondary-color);font-size:.9rem;padding:.8rem 1.5rem;position:absolute;top:1rem;transition:background-color .3s ease,transform .2s ease}.homeworkreport-back-button{left:1rem}.homeworkreport-class-success-button{background-color:#28a745;right:1rem}.homeworkreport-back-button:hover,.homeworkreport-class-success-button:hover{background-color:#304e7a;background-color:var(--primary-color-hover);transform:translateY(-2px)}.homeworkreport-class-success-button:hover{background-color:#218838}@media (max-width:768px){.homeworkreport-container{width:95%}.homeworkreport-item h3{font-size:1.1rem}.homeworkreport-item p{font-size:.9rem}.homeworkreport-pagination button{font-size:.8rem;padding:.4rem .8rem}.homeworkreport-back-button,.homeworkreport-class-success-button{font-size:.8rem;padding:.7rem 1rem}}@media (max-width:480px){.homeworkreport-container{padding:1.5rem;width:100%}.homeworkreport-item h3{font-size:1rem}.homeworkreport-item p{font-size:.85rem}.homeworkreport-pagination button{font-size:.75rem;padding:.3rem .6rem}.homeworkreport-back-button,.homeworkreport-class-success-button{font-size:.75rem;padding:.5rem .8rem}}.homeworkcheck-container{align-items:center;background-color:#fefefe;border-radius:2rem;box-shadow:0 6px 20px #00000026;display:flex;flex-direction:column;margin:2rem auto;max-width:900px;overflow-y:auto;padding:2rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;width:95%}.homeworkcheck-container:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.homeworkcheck-container h1{color:#333;font-size:2rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;text-align:center;transition:color .3s ease}.homeworkcheck-filters{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;max-width:900px;width:100%}.homeworkcheck-filters select{background-color:#fff;border:1px solid #ddd;border-radius:1.5rem;color:#333;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.homeworkcheck-filters select:focus{border-color:#304e7a;box-shadow:0 0 .5rem #ff980066}.homeworkcheck-filters input[type=text]{background-color:#fff;border:1px solid #ddd;border-radius:1.5rem;color:#333;flex:1 1;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.homeworkcheck-filters input[type=text]:focus{border-color:#304e7a;box-shadow:0 0 .5rem #ff980066}.homeworkcheck-filters .search-icon{color:#304e7a;font-size:1.25rem;margin-left:-2.5rem;pointer-events:none;position:absolute}.homeworkcheck-assignment-item{background-color:#f9f9f9;border-radius:1.5rem;box-shadow:0 3px 15px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;width:100%}.homeworkcheck-assignment-item:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.homeworkcheck-assignment-item h3{color:#333;cursor:pointer;font-size:1.6rem;font-weight:500;margin-bottom:.75rem;transition:color .3s ease}.homeworkcheck-assignment-item h3:hover{color:#304e7a;text-decoration:underline}.homeworkcheck-assignment-item h4{color:#666;font-size:1.3rem;font-weight:500;margin-bottom:1rem}.homeworkcheck-student-list-container{background-color:#fff;border:1px solid #ddd;border-radius:1rem;height:300px;margin-top:1rem;overflow-y:auto;padding:1rem;width:100%}.homeworkcheck-student-list-container::-webkit-scrollbar{width:10px}.homeworkcheck-student-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.homeworkcheck-student-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.homeworkcheck-student-list-container::-webkit-scrollbar-thumb:hover{background:#555}.homeworkcheck-student-item{align-items:center;background-color:#fff;border-radius:1rem;box-shadow:0 1px 6px #00000014;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.homeworkcheck-student-item:hover{background-color:#f0f0f0;box-shadow:0 4px 15px #0000001f}.homeworkcheck-student-item label{color:#333;font-size:1rem;font-weight:500}.switch{height:24px;width:50px}.slider:before{bottom:2px;content:"";height:20px;width:20px}input:checked+.slider:before{transform:translateX(26px)}.homeworkcheck-select-all-button{background-color:#388e3c;border:none;border-radius:1rem;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease}.homeworkcheck-select-all-button:hover{background-color:#2e7d32;transform:translateY(-2px)}.homeworkcheck-select-all-button:disabled{background-color:#ccc;cursor:not-allowed}.homeworkcheck-assignment-item .homeworkcheck-save-button{align-self:flex-start;background-color:#4caf50;border:none;border-radius:1.5rem;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:1rem 2rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease}.homeworkcheck-assignment-item .homeworkcheck-save-button:hover{background-color:#43a047;box-shadow:0 5px 10px #0003;transform:translateY(-2px)}.homeworkcheck-back-button{background-color:#304e7a;border:none;border-radius:1.5rem;color:#fff;cursor:pointer;font-size:1rem;left:1rem;padding:1rem 2rem;position:absolute;top:1rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease}.homeworkcheck-back-button:hover{background-color:#304e7a;box-shadow:0 5px 10px #0003;transform:translateY(-2px)}.homeworkcheck-pagination{align-items:center;display:flex;gap:.625rem;justify-content:center;margin-top:2rem}.homeworkcheck-pagination button{background-color:#304e7a;border:none;border-radius:1rem;color:#fff;font-size:.9rem;padding:.4rem .9rem;transition:background-color .3s ease}.homeworkcheck-pagination button.homeworkcheck-active{background-color:#304e7a}.homeworkcheck-pagination button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.homeworkcheck-container{margin:1.25rem;padding:1.25rem;width:100%}.homeworkcheck-assignment-item h3{font-size:1.4rem}.homeworkcheck-assignment-item h4{font-size:1.2rem}.homeworkcheck-student-item{align-items:flex-start;flex-direction:column}.homeworkcheck-back-button,.homeworkcheck-save-button{font-size:.9rem;padding:.8rem 1.5rem}.homeworkcheck-filters{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.homeworkcheck-container{margin:.75rem;padding:.75rem;width:100%}.homeworkcheck-assignment-item h3{font-size:1.2rem}.homeworkcheck-assignment-item h4{font-size:1rem}.homeworkcheck-student-item label{font-size:.875rem}.homeworkcheck-back-button,.homeworkcheck-save-button{font-size:.875rem;padding:.75rem 1.25rem;width:100%}.homeworkcheck-pagination button{font-size:.75rem;padding:.25rem .5rem}.homeworkcheck-filters{align-items:flex-start;flex-direction:column;gap:.5rem}}.classsuccess-container{align-items:center;background-color:#fff;border-radius:2rem;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;margin:2rem auto;max-width:900px;overflow-y:auto;padding:3rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;width:85%}.classsuccess-container:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.classsuccess-container h1{color:#333;font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:2rem;text-align:center;transition:color .3s ease,transform .2s ease}.classsuccess-container h1:hover{color:#4caf50;transform:scale(1.05)}.classsuccess-chart-area{align-items:center;background-color:#f9f9f9;border-radius:1.5rem;box-shadow:0 4px 12px #00000014;display:flex;justify-content:center;max-width:600px;padding:2rem;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.classsuccess-chart-area:hover{background-color:#f5f5f5;box-shadow:0 6px 16px #0000001a}.classsuccess-container select{background-color:#fff;border:1px solid #ddd;border-radius:1.5rem;color:#333;font-size:1rem;margin-bottom:1.5rem;max-width:300px;outline:none;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.classsuccess-container select:focus{border-color:#304e7a;box-shadow:0 0 .5rem #ff980066}.classsuccess-container select option{background-color:#fff;color:#333;padding:.5rem}.classsuccess-back-button{background-color:#304e7a;border:none;color:#fff;font-size:1rem;left:1.5rem;padding:1rem 2rem;position:absolute;top:1.5rem}.classsuccess-back-button:hover{background-color:#304e7a;box-shadow:0 5px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.classsuccess-container{margin:1.5rem;padding:2rem;width:95%}.classsuccess-container h1{font-size:1.75rem}.classsuccess-chart-area{max-width:400px;padding:1.5rem}.classsuccess-back-button{font-size:.9rem;padding:.8rem 1.5rem}.classsuccess-container select{font-size:.9rem;max-width:100%}}@media (max-width:480px){.classsuccess-container{margin:1rem;padding:1.5rem;width:100%}.classsuccess-container h1{font-size:1.5rem}.classsuccess-chart-area{max-width:300px;padding:1rem}.classsuccess-back-button{font-size:.85rem;padding:.75rem 1.25rem;width:100%}.classsuccess-container select{font-size:.85rem;max-width:100%;padding:.65rem .9rem}}@media (min-width:1024px){.classsuccess-container{max-width:950px;padding:3rem;width:80%}}@media (min-width:1440px){.classsuccess-container{max-width:1150px;width:75%}.classsuccess-back-button{font-size:1.1rem;padding:1rem 2.5rem}}:root{--secondary-color:#4caf50;--background-light:#f8f8f8;--input-border:#ddd}.homeworkclassselection-container{background-color:#fff;border-radius:1.5rem;border-radius:var(--container-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);margin:1.5rem auto;min-height:60vh;overflow-y:auto;position:relative;transition:box-shadow .3s ease,transform .3s ease;width:85%}.homeworkclassselection-container:hover{box-shadow:0 6px 18px #00000026;box-shadow:0 6px 18px var(--shadow-heavy)}.homeworkclassselection-container h1{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.homeworkclassselection-container h1:hover{color:#333}.addstudent-form-group{margin-bottom:1.5rem}.addstudent-input-field{background-color:#f8f8f8;background-color:var(--background-light);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--button-radius);box-shadow:0 2px 4px #0000000d;color:#333;margin-bottom:1.5rem;padding:.8rem;transition:border-color .3s ease,background-color .3s ease;width:100%}.addstudent-input-field:focus,.addstudent-input-field:hover{background-color:#f0f0f0;border-color:#4caf50;border-color:var(--secondary-color);box-shadow:0 0 6px #ff980066;box-shadow:0 0 6px var(--input-focus-shadow)}#addstudent-section{background-color:#f8f8f8;background-color:var(--background-light);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--button-radius);font-size:1rem;padding:.8rem;width:100%}#addstudent-section:focus,#addstudent-section:hover{background-color:#f0f0f0;border-color:#4caf50;border-color:var(--secondary-color);box-shadow:0 0 6px #ff980066;box-shadow:0 0 6px var(--input-focus-shadow)}.homeworkclassselection-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.homeworkclassselection-checkbox-label{align-items:center;background-color:#f8f8f8;background-color:var(--background-light);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:1rem;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:.4rem;padding:.5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.homeworkclassselection-checkbox-label:hover{background-color:#f0f0f0;box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-light)}.homeworkclassselection-checkbox-label input[type=checkbox]{accent-color:#4caf50;accent-color:var(--secondary-color);cursor:pointer;height:1.2rem;transition:transform .2s ease;width:1.2rem}.homeworkclassselection-checkbox-label input[type=checkbox]:checked{transform:scale(1.1)}button{border-radius:var(--button-radius);box-shadow:0 3px 6px var(--shadow-light)}.homeworkclassselection-submit-button{background-color:#ccc!important;border:none;color:#fff!important;font-size:1rem;padding:1rem 2rem;position:absolute;right:1.5rem;top:1.5rem;transition:background-color .3s ease,color .3s ease}.homeworkclassselection-submit-button:enabled{background-color:#4caf50!important;background-color:var(--secondary-color)!important;color:#43a047!important}.homeworkclassselection-submit-button:hover:enabled{background-color:#43a047!important;box-shadow:0 5px 10px #00000026!important;box-shadow:0 5px 10px var(--shadow-heavy)!important;transform:translateY(-2px)}.homeworkclassselection-submit-button:disabled{background-color:#ccc!important;color:#fff!important}.homeworkclassselection-go-back-button{background-color:#304e7a;background-color:var(--primary-color);border:none;color:#fff;font-size:1rem;left:1.5rem;padding:1rem 2rem;position:absolute;top:1.5rem}.homeworkclassselection-go-back-button:hover{background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 5px 10px #00000026;box-shadow:0 5px 10px var(--shadow-heavy);transform:translateY(-2px)}@media (max-width:768px){.homeworkclassselection-container{margin:1.25rem;padding:1.5rem;width:100%}.homeworkclassselection-go-back-button,.homeworkclassselection-submit-button{font-size:.9rem;padding:.75rem 1.5rem}.homeworkclassselection-row{flex-direction:column;gap:1.5rem}}@media (max-width:480px){.homeworkclassselection-container{margin:1rem;padding:1rem;width:100%}.homeworkclassselection-go-back-button,.homeworkclassselection-submit-button{font-size:.85rem;padding:.75rem 1.25rem;width:100%}}.homeworkstudentselection-container{border-radius:2rem;box-shadow:0 6px 15px #0000001a;margin:2rem auto;max-width:900px;padding:2.5rem;transition:box-shadow .3s ease,transform .3s ease;width:85%}.homeworkstudentselection-container:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.homeworkstudentselection-container h1{color:#333;font-size:2rem}.homeworkstudentselection-container h1:hover{color:#388e3c}.homeworkstudentselection-actions{display:flex;justify-content:flex-end;margin-bottom:1rem;width:100%}.homeworkstudentselection-selectall-button{background-color:#388e3c;border:none;border-radius:1rem;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease}.homeworkstudentselection-selectall-button:hover{background-color:#2e7d32;transform:translateY(-2px)}.homeworkstudentselection-selectall-button:disabled{background-color:#ccc;cursor:not-allowed}.homeworkstudentselection-list-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:1rem;height:300px;overflow-y:auto;padding:1rem}.homeworkstudentselection-list-container::-webkit-scrollbar{width:10px}.homeworkstudentselection-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.homeworkstudentselection-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.homeworkstudentselection-list-container::-webkit-scrollbar-thumb:hover{background:#555}.homeworkstudentselection-item{background-color:#fff;border:1px solid #0000;border-radius:1rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.homeworkstudentselection-item:hover{background-color:#e8f5e9;box-shadow:0 4px 12px #0000001a}.homeworkstudentselection-item.selected{background-color:#e0f7fa}.homeworkstudentselection-item label{color:#333;font-size:1rem;font-weight:500;margin-left:.5rem}.switch{display:inline-block;height:30px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#dc3545;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;color:#dc3545;content:"Atama";font-size:12px;font-weight:700;height:24px;left:4px;line-height:24px;text-align:center;width:24px}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{color:#28a745;content:"Ata";transform:translateX(28px)}.homeworkstudentselection-button-container{display:flex;gap:1rem;margin-top:1.5rem}button{border-radius:1.5rem;box-shadow:0 3px 6px #0000001a;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease}.homeworkstudentselection-submit-button{background-color:#388e3c;border:none;color:#fff;font-size:1rem;font-weight:600;padding:1rem 1.75rem;position:absolute;right:1rem;top:1rem}.homeworkstudentselection-submit-button:hover{background-color:#2e7d32;box-shadow:0 5px 12px #00000026;transform:translateY(-2px)}.homeworkstudentselection-submit-button:disabled{background-color:#ccc;color:#777;cursor:not-allowed}.homeworkstudentselection-back-button{background-color:#304e7a;border:none;color:#fff;font-size:1rem;font-weight:600;left:1rem;padding:1rem 1.75rem;position:absolute;top:1rem}.homeworkstudentselection-back-button:hover{background-color:#304e7a;box-shadow:0 5px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.homeworkstudentselection-container{margin:1.5rem;padding:1.5rem;width:100%}.homeworkstudentselection-back-button,.homeworkstudentselection-submit-button{font-size:.9rem;padding:.75rem 1.5rem}.homeworkstudentselection-item{padding:.6rem}h1{font-size:1.5rem}}@media (max-width:480px){.homeworkstudentselection-container{margin:1rem;padding:1rem;width:100%}.homeworkstudentselection-back-button,.homeworkstudentselection-submit-button{font-size:.85rem;padding:.75rem 1.25rem;width:100%}.homeworkstudentselection-item{font-size:.875rem;padding:.5rem}}@media (min-width:1024px){.homeworkstudentselection-container{max-width:950px;padding:2.5rem;width:80%}}@media (min-width:1440px){.homeworkstudentselection-container{max-width:1150px;width:70%}.homeworkstudentselection-back-button,.homeworkstudentselection-submit-button{font-size:1.25rem;padding:1rem 2.5rem}}.guidancemodule-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:2rem;box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:90%}.guidancemodule-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-5px)}.guidancemodule-header h1{color:#304e7a;color:var(--primary-color);font-size:2rem;font-weight:700;margin:0;text-align:center}.guidancemodule-header h1:hover{color:#304e7a;color:var(--primary-color-hover)}.guidancemodule-student-list{margin-top:1.25rem;width:100%}.guidancemodule-student-list table{border-collapse:initial;border-spacing:0 .75rem;width:100%}.guidancemodule-student-list td,.guidancemodule-student-list th{color:#333;font-size:1rem;padding:.8rem 1.2rem;text-align:center}.guidancemodule-student-list th{color:#304e7a;color:var(--primary-color);font-weight:600}.guidancemodule-student-item td{background-color:#f9f9f9;border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 1px 3px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.guidancemodule-student-item td:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-3px)}.guidancemodule-student-item td:last-child{align-items:center;display:flex;gap:.5rem;justify-content:center}.guidancemodule-note-button,.guidancemodule-profile-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:1px solid #304e7a;border:1px solid var(--primary-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 3px 6px #0000001a;color:#fff;color:var(--secondary-color);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.3rem;padding:.5rem 1.2rem;transition:background-color .3s ease,transform .2s ease,color .3s ease}.guidancemodule-note-button:hover{background-color:#ffe0b2;background-color:var(--highlight-bg);box-shadow:0 4px 10px #00000026;color:#304e7a;color:var(--primary-color);transform:scale(1.05)}.guidancemodule-profile-button:hover{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 4px 10px #00000026;color:#fff;color:var(--secondary-color);transform:scale(1.05)}.guidancemodule-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.guidancemodule-pagination button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.4rem;box-shadow:0 2px 5px #0000001a;color:#fff;color:var(--secondary-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.3rem;padding:.4rem .8rem;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.guidancemodule-pagination button:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);color:#304e7a;color:var(--primary-color);transform:scale(1.08)}.guidancemodule-pagination button.active{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 3px 8px #00000026}.guidancemodule-pagination button:disabled{background-color:#ccc;background-color:var(--disabled-color);color:#666;color:var(--disabled-text-color);cursor:not-allowed}.noteadd-switch{align-items:center;display:flex;flex-direction:column}.visibility-text{margin-top:5px;text-align:center}@media (max-width:768px){.guidancemodule-container{margin:1.25rem;padding:1.25rem;width:100%}.guidancemodule-header{align-items:flex-start;flex-direction:column}.guidancemodule-pagination button{font-size:.75rem;padding:.3rem .6rem}}@media (max-width:480px){.guidancemodule-container{margin:1rem;padding:1rem;width:100%}.guidancemodule-header h1{font-size:1.8rem}.guidancemodule-student-item td{padding:.625rem}.guidancemodule-pagination button{font-size:.7rem;padding:.25rem .5rem}}@media (min-width:1024px){.guidancemodule-container{max-width:900px;width:80%}}@media (min-width:1440px){.guidancemodule-container{max-width:1200px;width:70%}}.registration-search-box{padding:.75rem 1rem;position:relative}.registration-search-icon{color:var(--primary-color);font-size:1.25rem;left:1rem;position:absolute}.registration-search-box input{background-color:initial;padding-left:2.5rem}@media (max-width:768px){.registration-search-box{margin-right:1rem;max-width:100%;padding:.75rem}.registration-search-box input{font-size:.875rem;padding-left:2rem}.registration-search-icon{font-size:1rem;left:.75rem}}@media (max-width:480px){.registration-search-box{margin-right:.625rem;max-width:100%;padding:.5rem}.registration-search-box input{font-size:.75rem;padding-left:1.75rem}.registration-search-icon{font-size:.875rem;left:.625rem}}:root{--shadow-light:#00000026}.noteadd-container{align-items:center;background-color:#fff;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 4px 15px #00000026;box-shadow:0 4px 15px var(--shadow-light);display:flex;flex-direction:column;margin:3% auto;max-height:80vh;min-height:60vh;overflow-y:auto;padding:3%;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:90%}.noteadd-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-5px)}.noteadd-container h1{color:#304e7a;color:var(--primary-color);font-size:1.85rem;font-weight:700;margin:1.5rem 0;text-align:center;transition:color .3s ease;transition:color var(--transition-speed) ease}.noteadd-container h1:hover{color:#304e7a;color:var(--accent-color)}.noteadd-content,.noteadd-title{border:1px solid #ccc;border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--radius-small);box-shadow:inset 0 1px 3px #0000000d;font-size:1rem;margin-bottom:1rem;padding:.85rem;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:95%}.noteadd-content:focus,.noteadd-title:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 8px #ff980033;outline:none}.noteadd-content{height:150px;resize:none}.noteadd-buttons{display:flex;justify-content:space-between;padding-top:1rem;width:100%}.noteadd-back-button,.noteadd-save-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 3px 6px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,transform .2s ease,box-shadow var(--transition-speed) ease}.noteadd-back-button:hover:not(:disabled),.noteadd-save-button:hover:not(:disabled){background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 4px 10px #00000026;transform:scale(1.05)}.noteadd-back-button:disabled,.noteadd-save-button:disabled{background-color:#ccc;background-color:var(--disabled-color);box-shadow:none;color:#666;cursor:not-allowed}.noteadd-back-button{margin-left:1.5rem;margin-right:auto}.noteadd-save-button{margin-left:auto;margin-right:1.5rem}.noteadd-container small{color:#666;display:block;font-size:.85rem;margin-bottom:.5rem;text-align:right;width:95%}@media (max-width:768px){.noteadd-container{width:95%}.noteadd-content,.noteadd-title{font-size:.9rem;padding:.7rem}.noteadd-back-button,.noteadd-save-button{font-size:.85rem;padding:.75rem 1.25rem}}@media (max-width:480px){.noteadd-container{width:100%}.noteadd-content,.noteadd-title{font-size:.85rem;padding:.6rem}.noteadd-back-button,.noteadd-save-button{font-size:.8rem;padding:.65rem 1.15rem}}@media (min-width:1024px){.noteadd-container{max-width:900px;width:80%}}@media (min-width:1440px){.noteadd-container{max-width:1200px;width:70%}}.profilepage-container{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;margin:2.5% auto;min-height:70vh;padding:2.5%;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:90%}.profilepage-container:hover{box-shadow:0 6px 25px #0000001a;box-shadow:0 6px 25px var(--shadow-color);transform:translateY(-4px)}.profilepage-container h1{color:#304e7a;color:var(--primary-color);font-size:1.85rem;font-weight:700;margin-bottom:2rem;margin-top:2rem;text-align:center;transition:color .3s ease}.profilepage-container h1:hover{color:#304e7a;color:var(--accent-color)}.profilepage-search-bar{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem .625rem #0000001a;display:flex;margin-bottom:1.5rem;max-width:18.75rem;padding:1rem;width:100%}.profilepage-search-bar .search-icon{color:#304e7a;color:var(--primary-color);font-size:1.25rem}.profilepage-search-bar .search-input{border:none;font-size:1rem;margin-left:.625rem;outline:none;width:100%}@media (max-width:768px){.profilepage-search-bar{max-width:100%;padding:.75rem}.profilepage-search-bar .search-input{font-size:.875rem;margin-left:.5rem}}@media (max-width:480px){.profilepage-search-bar{max-width:100%;padding:.5rem}.profilepage-search-bar .search-input{font-size:.75rem;margin-left:.375rem}}.profilepage-notes{display:flex;flex-direction:column;gap:1.5rem;width:100%}.profilepage-note{background-color:#fafafa;background-color:var(--note-bg-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:inset 0 2px 8px var(--shadow-light);padding:1.2rem;position:relative;transition:transform .2s ease,box-shadow .3s ease}.profilepage-note:hover{box-shadow:0 4px 15px #0000001a;transform:scale(1.02)}.profilepage-note-header{color:#333;color:var(--text-color-dark);display:flex;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.profilepage-note-date,.profilepage-note-editor{color:#666;color:var(--text-color-light);font-size:.9rem}.profilepage-note-title{border-left:4px solid #304e7a;border-left:4px solid var(--primary-color);color:#304e7a;color:var(--primary-color);font-size:1.2rem;font-weight:500;margin-bottom:.5rem;padding-left:.5rem}.profilepage-note-content{color:#333;color:var(--text-color-dark);font-size:1rem;line-height:1.6;margin-bottom:1rem}.error-message{font-weight:700}.error-message,.loading-message{font-size:1rem;margin:1rem 0;text-align:center}.loading-message{color:#666;color:var(--text-color-light)}.profilepage-back-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;margin-top:2rem;padding:.75rem 1.5rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease}.profilepage-back-button:hover{background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.profilepage-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.profilepage-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.4rem;box-shadow:0 2px 5px #0000001a;color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:.4rem .8rem;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.profilepage-pagination button:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);color:#304e7a;color:var(--primary-color);transform:scale(1.08)}.profilepage-pagination button.active{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 3px 8px #00000026}.profilepage-pagination button:disabled{background-color:#ccc;background-color:var(--disabled-color);color:#666;color:var(--disabled-text-color);cursor:not-allowed}@media (max-width:768px){.profilepage-container{width:95%}.profilepage-note-content{font-size:.9rem}.profilepage-back-button{font-size:.85rem;padding:.75rem 1.25rem}.profilepage-pagination button{font-size:.75rem;padding:.3rem .6rem}}@media (max-width:480px){.profilepage-container{width:100%}.profilepage-note-content{font-size:.85rem}.profilepage-back-button{font-size:.75rem;padding:.65rem 1.15rem}.profilepage-pagination button{font-size:.7rem;padding:.25rem .5rem}}@media (min-width:1024px){.profilepage-container{max-width:900px;width:80%}}@media (min-width:1440px){.profilepage-container{max-width:1200px;width:70%}}.registration-module-container{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem 5.625rem #0000004d;display:flex;flex-direction:column;margin:2.5rem;max-height:80vh;min-height:50vh;overflow-y:auto;padding:2.5rem;position:relative;width:90%}.student-registration-container{width:100%}.student-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem;width:100%}.student-header h2{font-size:1.5rem;margin:0}.search-container{display:flex;justify-content:flex-end;margin-bottom:1.25rem;width:100%}.student-list{margin-top:1.25rem;width:100%}.student-item{align-items:center;background-color:#f8f8f8;border-radius:.625rem;display:flex;justify-content:space-between;margin-bottom:.625rem;padding:.625rem 1.25rem}.edit-button{background-color:#fff!important;border:.125rem solid #304e7a!important;border-radius:1.875rem;color:#304e7a!important;cursor:pointer;font-size:1.125rem;padding:.9375rem 1.875rem;transition:background-color .3s ease,transform .2s ease}.edit-button:hover{transform:scale(1.05)}.delete-button{background-color:#dc3545!important;border-radius:1.875rem;color:#fff!important;cursor:pointer;font-size:1.125rem;padding:.9375rem 1.875rem;transition:background-color .3s ease,transform .2s ease}.delete-button:hover{transform:scale(1.05)}.delete-button img,.edit-button img{height:1.25rem;width:1.25rem}.add-student-button-container{align-items:flex-end;display:flex;flex-direction:column;width:100%}.module-button{align-self:center;background-color:#304e7a;border:none;border-radius:3.75rem;color:#fff;cursor:pointer;font-size:1.25rem;margin-bottom:1rem;max-width:15.625rem;padding:1.5rem 2rem;text-align:center;transition:background-color .3s ease,transform .2s ease;width:100%}.module-button:hover{background-color:#304e7a;transform:scale(1.05)}.add-options{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:1.25rem}.pagination{gap:.625rem}.pagination button{border-radius:.3125rem;padding:.3125rem .625rem}.registration-search-box{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem .625rem #0000001a;display:flex;margin-right:1.25rem;max-width:18.75rem;padding:1rem;width:100%}.registration-search-box input{border:none;font-size:1rem;margin-left:.625rem;outline:none;width:100%}.button-container{align-items:center;display:flex;flex-direction:column;gap:1.25rem}@media (max-width:768px){.registration-module-container{margin:1.25rem;padding:1.25rem}.student-header{align-items:flex-start;flex-direction:column}.search-container{justify-content:flex-start}.module-button{font-size:.875rem;padding:.9375rem 1.25rem;width:100%}.pagination button{font-size:.75rem;padding:.3125rem .4375rem}}@media (max-width:480px){.registration-module-container{margin:.625rem;padding:.625rem}.student-header h2{font-size:1.125rem}.module-button{font-size:.875rem;padding:.75rem 1.25rem}.student-item{padding:.625rem}.pagination button{font-size:.625rem;padding:.1875rem .3125rem}.registration-search-box{margin-bottom:.625rem;margin-right:0;padding:.625rem;width:100%}}.studentregistration-back-button{align-items:center;background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:10px 20px;transition:background-color .3s}.studentregistration-back-button:hover{background-color:#5a6268}.studentregistration-student-info{margin-bottom:30px}.student-info-card{background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.student-info-card h2{align-items:center;color:#007bff;display:flex;gap:10px;margin-bottom:15px}.student-details{display:flex;flex-wrap:wrap;gap:30px}.student-details p{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin:0}.studentregistration-payment-summary{margin-bottom:30px}.payment-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.summary-card.total{border-left-color:#007bff}.summary-card.paid{border-left-color:#28a745}.summary-card.unpaid{border-left-color:#dc3545}.summary-card h3{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.summary-card p{color:#333;font-size:24px;font-weight:700;margin:0}.studentregistration-add-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:25px}.studentregistration-add-form h3{border-bottom:2px solid #f8f9fa;color:#007bff;margin-bottom:20px;padding-bottom:10px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-actions{display:flex;gap:10px;justify-content:flex-end}.save-button{align-items:center;background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:background-color .3s}.save-button:hover{background-color:#218838}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.addstudent-container{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;margin:3% auto;max-height:80vh;min-height:60vh;overflow-y:auto;padding:2.5%;position:relative;transition:box-shadow .3s ease;width:90%}.addstudent-container:hover{box-shadow:0 6px 25px #0000004d}.addstudent-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--table-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;width:100%}.addstudent-header h2{color:#304e7a;color:var(--primary-color);flex-grow:1;font-size:1.75rem;font-weight:700;letter-spacing:.05rem;margin:0;text-align:center}.addstudent-form-row{display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1rem;max-width:800px;width:100%}.addstudent-form-group{flex:1 1}.addstudent-form-group label{font-size:1rem;font-weight:700;margin-bottom:.4rem}.addstudent-datepicker,.addstudent-input-field{background-color:#f9f9f9;border:1px solid #ccc;border:1px solid var(--input-border);border-radius:1.5rem!important;box-shadow:inset 0 1px 3px #0000001a;color:#333;font-size:.95rem;max-width:300px!important;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%!important}.addstudent-datepicker:focus,.addstudent-input-field:focus{border-color:#304e7a!important;border-color:var(--primary-color)!important;box-shadow:0 0 8px #ff980066!important;box-shadow:0 0 8px var(--input-focus-shadow)!important;outline:none}.addstudent-container input#addstudent-lastName,.addstudent-container input#addstudent-name,.addstudent-container input#addstudent-parentNameSurname,.addstudent-container input#addstudent-parentPhoneNumber,.addstudent-container input#addstudent-parentTcNo,.addstudent-container input#addstudent-tcNo{box-sizing:border-box;max-width:250px!important;width:90%!important}.addstudent-error-message{color:var(--error-color);font-weight:700}.addstudent-error-message .warning-icon{color:#d32f2f;color:var(--error-color);height:1rem;margin-right:.25rem;width:1rem}.addstudent-back-button,.addstudent-submit-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3rem;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.875rem 1.5rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease}.addstudent-submit-button:disabled{background-color:#ccc;background-color:var(--disabled-color);box-shadow:none;color:#666;color:var(--disabled-text-color);cursor:not-allowed}.addstudent-back-button:hover,.addstudent-submit-button:hover:not(:disabled){background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.addstudent-back-button:active,.addstudent-submit-button:active:not(:disabled){box-shadow:0 3px 6px #0003;transform:translateY(1px)}.addstudent-back-button{left:1rem;padding:.75rem 1.25rem;position:absolute;top:1rem}.addstudent-submit-button{padding:.75rem 1.25rem;position:absolute;right:1rem;top:1rem}@media (max-width:768px){.addstudent-container{padding:3%;width:95%}.addstudent-header{align-items:center;flex-direction:column;gap:1rem}.addstudent-form-row{flex-direction:column;gap:.75rem}.addstudent-datepicker,.addstudent-input-field{font-size:.9rem;padding:.5rem}.addstudent-back-button,.addstudent-submit-button{font-size:.85rem;padding:.75rem 1.25rem}}@media (max-width:480px){.addstudent-container{padding:4%;width:100%}.addstudent-header h2{font-size:1.5rem}.addstudent-datepicker,.addstudent-input-field{font-size:.85rem;padding:.45rem}.addstudent-back-button,.addstudent-submit-button{font-size:.8rem;padding:.65rem 1.1rem}}@media (min-width:1024px){.addstudent-container{max-width:900px;width:80%}}@media (min-width:1440px){.addstudent-container{max-width:1200px;width:70%}}.addstudentexcel-container{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem 5.625rem #0000004d;display:flex;flex-direction:column;margin:5% auto;max-height:80vh;min-height:60vh;overflow-y:auto;padding:5%;position:relative;width:90%}.addstudentexcel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.addstudentexcel-header h2{flex-grow:1;font-size:1.5rem;margin:0;text-align:center}.addstudentexcel-upload-area{background-color:#f5f5f5;border:2px dashed #ccc;border-radius:1.875rem;cursor:pointer;margin-bottom:1.5rem;padding:2rem;text-align:center;transition:border-color .3s ease;width:100%}.addstudentexcel-upload-area.addstudentexcel-drag-over{border-color:#304e7a;border-color:var(--primary-color)}.addstudentexcel-upload-label{align-items:center;display:flex;flex-direction:column}.addstudentexcel-upload-icon .file-icon{background-color:#304e7a;background-color:var(--primary-color);border-radius:50%;color:#fff;height:1.875rem;padding:.5rem;width:1.875rem}.addstudentexcel-error-message{align-items:center;color:#d32f2f;display:flex;font-weight:700;margin-top:.625rem}.addstudentexcel-back-button,.addstudentexcel-download-button,.addstudentexcel-submit-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3.75rem;box-shadow:0 .125rem .25rem #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:1.25rem 1.875rem;transition:background-color .3s ease,box-shadow .3s ease}.addstudentexcel-back-button:hover,.addstudentexcel-download-button:hover,.addstudentexcel-submit-button:hover{background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 .25rem .75rem #0000004d}.addstudentexcel-download-button{margin-bottom:1.5rem}.addstudentexcel-download-button .download-icon{height:1.25rem;margin-right:.5rem;width:1.25rem}.addstudentexcel-error-container{background-color:#f8d7da;border-radius:.625rem;box-shadow:0 .125rem .25rem #0003;color:#721c24;margin-top:1.25rem;padding:1rem;width:100%}.addstudentexcel-error-container h3{font-size:1.125rem;margin:0 0 .625rem}.addstudentexcel-error-container p{margin:.3125rem 0}@media (max-width:768px){.addstudentexcel-container{padding:2.5%;width:95%}.addstudentexcel-header{align-items:center;flex-direction:column;gap:1rem}.addstudentexcel-upload-icon .file-icon{height:1.5rem;width:1.5rem}.addstudentexcel-back-button,.addstudentexcel-download-button,.addstudentexcel-submit-button{font-size:.875rem;padding:.9375rem 1.5625rem}}@media (max-width:480px){.addstudentexcel-container{padding:2rem;width:100%}.addstudentexcel-header h2{font-size:1.25rem}.addstudentexcel-upload-icon .file-icon{height:1.25rem;width:1.25rem}.addstudentexcel-back-button,.addstudentexcel-download-button,.addstudentexcel-submit-button{font-size:.75rem;padding:.625rem 1.25rem}}@media (min-width:1024px){.addstudentexcel-container{max-width:900px;width:80%}}@media (min-width:1440px){.addstudentexcel-container{max-width:1200px;width:70%}}.teacherregistration-container{align-items:center;background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:90%}.teacherregistration-container:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-5px)}.teacherregistration-teacher-count{background-color:#f5f5f5;border-radius:2rem;box-shadow:0 3px 8px #0000001a;color:#304e7a;font-size:1.1rem;font-weight:500;margin:1rem 0;padding:.5rem 1.5rem;text-align:center;transition:transform .2s ease}.teacherregistration-teacher-count:hover{transform:scale(1.05)}.teacherregistration-module{margin-top:1rem;width:100%}.teacherregistration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.teacherregistration-header h2{color:#333;font-size:1.75rem;font-weight:600;margin:0;transition:color .3s ease}.teacherregistration-header h2:hover{color:#555}.teacherregistration-module-button.pdf-button{align-items:center;background:#ff5722;border:none;border-radius:1.5rem;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;max-width:15rem;padding:.5rem 1.25rem;transition:background-color .3s ease,transform .3s ease}.teacherregistration-module-button.pdf-button:hover{background-color:#e64a19;transform:scale(1.05)}.teacherregistration-search-container{display:flex;justify-content:flex-end;margin-bottom:1rem;width:100%}.teacherregistration-filter-select{align-items:center;background-color:#fdfdfd;border:1px solid #ddd;border-radius:1rem;box-shadow:0 3px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-right:auto;max-width:200px;padding:.6rem 1rem;text-align:center;transition:border-color .3s ease,background-color .3s ease}.teacherregistration-filter-select:focus,.teacherregistration-filter-select:hover{background-color:#f5f5f5;border-color:#304e7a;box-shadow:0 4px 10px #00000026}.teacherregistration-filter-icon{color:#304e7a;height:auto;transition:transform .3s ease;width:1.2rem}.teacherregistration-filter-icon:hover{transform:rotate(10deg)}.teacherregistration-teacher-list{margin-top:1rem;width:100%}.teacherregistration-teacher-list table{border-collapse:initial;border-spacing:0 .8rem;width:100%}.teacherregistration-teacher-item td{background-color:#f9f9f9;border-radius:1.25rem;box-shadow:0 1px 4px #00000014;padding:.8rem 1.2rem;text-align:center;transition:box-shadow .3s ease,transform .3s ease;vertical-align:middle}.teacherregistration-teacher-item td:hover{box-shadow:0 4px 10px #0000001f;transform:translateY(-3px)}.teacherregistration-delete-button,.teacherregistration-edit-button,.teacherregistration-module-button{border:0;border-radius:1.5rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:1rem;padding:.5rem 1.25rem;transition:background-color .3s ease,transform .2s ease}.teacherregistration-edit-button{background-color:#304e7a;border:1px solid #304e7a;color:#fff}.teacherregistration-edit-button:hover{background-color:#304e7a;transform:scale(1.05)}.teacherregistration-delete-button{background-color:#f44336;color:#fff}.teacherregistration-delete-button:hover{background-color:#e53935;transform:scale(1.05)}.multiperson-icon,.plus-icon,.singleperson-icon,.teacherregistration-delete-button .icon,.teacherregistration-edit-button .icon{height:auto;width:1.5rem}.teacherregistration-header-buttons{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.teacherregistration-module-button{background:linear-gradient(135deg,#304e7a,#ff6f00);box-shadow:0 4px 6px #00000026;color:#fff;max-width:15rem;padding:.75rem 1.5rem;text-align:center}.teacherregistration-module-button:hover{background:linear-gradient(135deg,#304e7a,#e65100);transform:scale(1.05)}.teacherregistration-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.teacherregistration-pagination button{background-color:#304e7a;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.4rem .75rem;transition:background-color .3s ease,transform .2s ease}.teacherregistration-pagination button.active{background-color:#ff6f00;transform:scale(1.1)}.teacherregistration-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.teacherregistration-confirmation-modal{background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #0003;left:50%;max-width:400px;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.teacherregistration-confirmation-modal p{color:#333;font-size:1.2rem;font-weight:500;margin-bottom:1.25rem}.teacherregistration-confirmation-modal button{background-color:#304e7a;border:none;border-radius:1.5rem;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;margin:0 .75rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease}.teacherregistration-confirmation-modal button:hover{background-color:#e65100;transform:translateY(-3px)}@media (max-width:768px){.teacherregistration-container{margin:1.25rem;padding:1.25rem;width:100%}.teacherregistration-header{align-items:flex-start;flex-direction:column}.teacherregistration-module-button{font-size:.875rem;padding:.75rem 1.25rem}.teacherregistration-pagination button{font-size:.75rem;padding:.3rem .6rem}.teacherregistration-confirmation-modal button{font-size:.875rem;padding:.75rem;width:100%}}@media (max-width:480px){.teacherregistration-container{margin:1rem;padding:1rem;width:100%}.teacherregistration-header h2{font-size:1.25rem}.teacherregistration-module-button{font-size:.875rem;padding:.75rem 1.25rem}.teacherregistration-teacher-item td{padding:.6rem}.teacherregistration-pagination button{font-size:.625rem;padding:.2rem .4rem}.multiperson-icon,.plus-icon,.singleperson-icon,.teacherregistration-filter-icon{height:1rem;width:1rem}.pdf-icon,.teacherregistration-delete-button .icon,.teacherregistration-edit-button .icon{width:.6rem}.teacherregistration-confirmation-modal p{font-size:1rem}}@media (min-width:1024px){.teacherregistration-container{max-width:900px;width:80%}}@media (min-width:1440px){.teacherregistration-container{max-width:1200px;width:70%}}:root{--table-bg:#fafafa;--table-border:#ddd;--input-border:#ccc}.addteacher-container{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;margin:3% auto;max-height:80vh;min-height:60vh;overflow-y:auto;padding:2.5%;position:relative;transition:box-shadow .3s ease;width:90%}.addteacher-container:hover{box-shadow:0 6px 25px #0000004d}.addteacher-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--table-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;width:100%}.addteacher-header h2{color:#304e7a;color:var(--primary-color);flex-grow:1;font-size:1.75rem;font-weight:700;letter-spacing:.05rem;margin:0;text-align:center}.addteacher-form-row{display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1rem;max-width:800px;width:100%}.addteacher-form-group{display:flex;flex:1 1;flex-direction:column}.addteacher-form-group label{color:#333;font-size:1rem;font-weight:700;margin-bottom:.4rem}.addteacher-datepicker,.addteacher-input-field{background-color:#f9f9f9;border:1px solid #ccc;border:1px solid var(--input-border);border-radius:1.5rem!important;box-shadow:inset 0 1px 3px #0000001a;color:#333;font-size:.95rem;max-width:300px!important;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%!important}.addteacher-container .addteacher-datepicker,.addteacher-container input#addteacher-firstName,.addteacher-container input#addteacher-lastName,.addteacher-container input#addteacher-tcNo,.addteacher-container input#addteacher-teacherPhoneNumber{border-radius:1.5rem!important;box-sizing:border-box;max-width:250px!important;width:90%!important}.addteacher-datepicker:focus,.addteacher-input-field:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 8px #ff980066;box-shadow:0 0 8px var(--input-focus-shadow);outline:none}.addteacher-error-message{align-items:center;color:#d32f2f;color:var(--error-color);display:flex;font-weight:700;margin-top:.5rem}.addteacher-error-message .warning-icon{height:1rem;margin-right:.25rem;width:1rem}.addteacher-back-button,.addteacher-submit-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3rem;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.875rem 1.5rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease}.addteacher-submit-button:disabled{background-color:#ccc;background-color:var(--disabled-color);box-shadow:none;color:#666;color:var(--disabled-text-color);cursor:not-allowed}.addteacher-back-button:hover,.addteacher-submit-button:hover:not(:disabled){background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.addteacher-back-button:active,.addteacher-submit-button:active:not(:disabled){box-shadow:0 3px 6px #0003;transform:translateY(1px)}.addteacher-back-button{left:1rem}.addteacher-back-button,.addteacher-submit-button{align-items:center;display:flex;gap:.5rem;padding:.75rem 1.25rem;position:absolute;top:1rem}.addteacher-submit-button{right:1rem}.back-icon,.submit-icon,.warning-icon{height:auto;margin-right:.4rem;width:1rem}@media (max-width:768px){.addteacher-container{padding:3%;width:95%}.addteacher-header{align-items:center;flex-direction:column;gap:1rem}.addteacher-form-row{flex-direction:column;gap:.75rem}.addteacher-datepicker,.addteacher-input-field{font-size:.9rem;padding:.5rem}.addteacher-back-button,.addteacher-submit-button{font-size:.85rem;padding:.75rem 1.25rem}}@media (max-width:480px){.addteacher-container{padding:4%;width:100%}.addteacher-header h2{font-size:1.5rem}.addteacher-datepicker,.addteacher-input-field{font-size:.85rem;padding:.45rem}.addteacher-back-button,.addteacher-submit-button{font-size:.8rem;padding:.65rem 1.1rem}}@media (min-width:1024px){.addteacher-container{max-width:900px;width:80%}}@media (min-width:1440px){.addteacher-container{max-width:1200px;width:70%}}.courseregistration-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:3rem;box-shadow:0 4px 20px #00000026;box-shadow:0 4px 20px var(--shadow-heavy);display:flex;flex-direction:column;margin:4% auto;max-width:1100px;padding:3%;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.courseregistration-container:hover{box-shadow:0 8px 25px #00000026;box-shadow:0 8px 25px var(--shadow-heavy);transform:translateY(-5px)}.courseregistration-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2.5rem;width:100%}.courseregistration-header h1{color:#304e7a;color:var(--primary-color);font-size:1.85rem;font-weight:700;margin:0;transition:color .3s ease;transition:color var(--transition-ease)}.courseregistration-header h1:hover{color:#304e7a;color:var(--primary-color-dark)}.courseregistration-add-course-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3rem;box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.courseregistration-add-course-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:translateY(-2px)}.courseregistration-add-course-button .icon{font-size:1.2rem}.courseregistration-lesson-count{background-color:#f5f5f5;background-color:var(--background-light);border-radius:2rem;box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#304e7a;color:var(--primary-color-dark);font-size:1.1rem;font-weight:500;margin:1rem 0;padding:.5rem 1.5rem;text-align:center;transition:transform .2s ease}.courseregistration-lesson-count:hover{transform:scale(1.05)}.courseregistration-group{margin-bottom:3rem;width:100%}.courseregistration-group h2{border-bottom:2px solid #304e7a;border-bottom:2px solid var(--primary-color);color:#333;color:var(--text-color-dark);font-size:1.6rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.courseregistration-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.courseregistration-item{align-items:center;background-color:#f5f5f5;background-color:var(--background-light);border-radius:2rem;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow-light);display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:transform .25s ease,box-shadow .3s ease;width:calc(33.333% - 1rem)}.courseregistration-item:hover{box-shadow:0 5px 15px #0000001a;box-shadow:0 5px 15px var(--shadow-light);transform:translateY(-5px)}.courseregistration-item h3{color:#222;color:var(--text-color-heading);font-size:1.3rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.3rem;text-align:center;transition:color .3s ease,border-color .3s ease;transition:color var(--transition-ease),border-color var(--transition-ease);width:100%}.courseregistration-item h3:hover{color:#304e7a;color:var(--primary-color-dark)}.courseregistration-see-topics-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3rem;box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.6rem 1.4rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.courseregistration-see-topics-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.06)}.courseregistration-see-topics-button .icon{font-size:1.1rem}@media (max-width:768px){.courseregistration-item{width:calc(50% - 1rem)}.courseregistration-add-course-button{font-size:.9rem;padding:.6rem 1.2rem}.courseregistration-see-topics-button{font-size:.85rem;padding:.5rem 1.2rem}}@media (max-width:480px){.courseregistration-item{width:calc(100% - 1rem)}.courseregistration-header{align-items:center;flex-direction:column;text-align:center}.courseregistration-group h2{font-size:1.5rem}.courseregistration-add-course-button,.courseregistration-see-topics-button{font-size:.85rem;padding:.6rem 1.2rem}}:root{--delete-color:#f44336;--delete-color-dark:#d32f2f}.coursetopics-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:3.75rem;border-radius:var(--border-radius-large);box-shadow:0 6px 25px #00000040;box-shadow:0 6px 25px var(--shadow-heavy);box-sizing:border-box;display:flex;flex-direction:column;margin:4% auto;max-width:1000px;padding:3%;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.coursetopics-container:hover{box-shadow:0 8px 30px #00000040;box-shadow:0 8px 30px var(--shadow-heavy);transform:translateY(-5px)}.coursetopics-container h1{color:#304e7a;color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center;transition:color .3s ease;transition:color var(--transition-ease)}.coursetopics-container h1:hover{color:#304e7a;color:var(--primary-color-dark)}.coursetopics-add-topic p{color:#304e7a;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.coursetopics-topics-table{border-collapse:collapse;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);margin-bottom:2rem;overflow:hidden;width:100%}.coursetopics-topics-table td,.coursetopics-topics-table th{border:1px solid #ddd;color:#333;color:var(--text-color-dark);font-size:1rem;padding:.75rem;text-align:center}.coursetopics-topics-table th{background-color:#f8f8f8;color:#304e7a;color:var(--primary-color);font-weight:600}.coursetopics-topics-table td{background-color:#fafafa;transition:background-color .2s ease}.coursetopics-topics-table td:hover{background-color:#f0f0f0}.coursetopics-cancel-button,.coursetopics-edit-button,.coursetopics-save-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 2px 6px #0000001a;box-shadow:0 2px 6px var(--shadow-light);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.coursetopics-cancel-button:hover,.coursetopics-edit-button:hover,.coursetopics-save-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:translateY(-3px)}.coursetopics-delete-button{align-items:center;background-color:#f44336;background-color:var(--delete-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 2px 6px #0000001a;box-shadow:0 2px 6px var(--shadow-light);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.coursetopics-delete-button:hover{background-color:#d32f2f;background-color:var(--delete-color-dark);transform:translateY(-3px)}.coursetopics-back-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 2px 6px #0000001a;box-shadow:0 2px 6px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;margin-top:2rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease;transition:background-color var(--transition-ease),transform var(--transition-ease)}.coursetopics-back-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:translateY(-3px)}.coursetopics-icon{height:1.25rem;margin-right:.4rem;width:1.25rem}.coursetopics-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin:2rem 0}.coursetopics-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-light);color:#fff;cursor:pointer;font-size:.875rem;padding:.4rem .8rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.coursetopics-pagination button.active{background-color:#304e7a;background-color:var(--primary-color-dark)}.coursetopics-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.coursetopics-add-topic{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.coursetopics-add-topic input{border:1px solid #ddd;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:inset 0 1px 4px #0000001a;box-shadow:inset 0 1px 4px var(--shadow-light);color:#333;color:var(--text-color-dark);font-size:1rem;margin-bottom:1rem;max-width:400px;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-ease),box-shadow var(--transition-ease);width:100%}.coursetopics-add-topic input:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 6px #ff98004d;outline:none}.coursetopics-add-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3.75rem;border-radius:var(--border-radius-large);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.coursetopics-add-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:translateY(-3px)}.coursetopics-delete-course{align-items:center;display:flex;justify-content:center;margin:2rem 0;width:100%}.coursetopics-delete-course-button{background-color:#f44336;background-color:var(--delete-color);border:none;border-radius:3.75rem;border-radius:var(--border-radius-large);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.coursetopics-delete-course-button:hover{background-color:#d32f2f;background-color:var(--delete-color-dark);transform:translateY(-3px)}.coursetopics-confirmation-modal{background-color:#fff;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 4px 20px #0003;left:50%;max-width:400px;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.coursetopics-confirmation-modal p{color:#333;color:var(--text-color-dark);font-size:1.2rem;font-weight:500;margin-bottom:1.25rem}.coursetopics-confirmation-modal button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 2px 6px #0000001a;box-shadow:0 2px 6px var(--shadow-light);color:#fff;cursor:pointer;font-size:1rem;margin:0 .75rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.coursetopics-confirmation-modal button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:translateY(-3px)}@media (max-width:768px){.coursetopics-container{padding:3%;width:95%}.coursetopics-topics-table td,.coursetopics-topics-table th{font-size:.9rem;padding:.5rem}.coursetopics-pagination{flex-direction:column;gap:.5rem}.coursetopics-add-button,.coursetopics-back-button,.coursetopics-cancel-button,.coursetopics-confirmation-modal button,.coursetopics-delete-button,.coursetopics-delete-course-button,.coursetopics-edit-button,.coursetopics-pagination button,.coursetopics-save-button{font-size:.875rem;padding:.75rem;width:100%}}@media (max-width:480px){.coursetopics-container{padding:3%;width:100%}.coursetopics-add-topic input{font-size:.875rem;padding:.5rem;width:100%}.coursetopics-add-button,.coursetopics-back-button,.coursetopics-cancel-button,.coursetopics-confirmation-modal button,.coursetopics-delete-button,.coursetopics-delete-course-button,.coursetopics-edit-button,.coursetopics-pagination button,.coursetopics-save-button{font-size:.85rem;padding:.5rem 1rem;width:100%}.coursetopics-confirmation-modal p{font-size:1rem}}:root{--border-radius-large:3rem}.addcourse-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:3rem;border-radius:var(--border-radius-large);box-shadow:0 6px 25px #00000040;box-shadow:0 6px 25px var(--shadow-heavy);display:flex;flex-direction:column;margin:3rem auto;max-width:900px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:80%}.addcourse-container:hover{box-shadow:0 8px 30px #00000040;box-shadow:0 8px 30px var(--shadow-heavy);transform:translateY(-6px)}.addcourse-container h1{color:#304e7a;color:var(--primary-color);font-size:1.9rem;font-weight:700;margin-bottom:2rem;text-align:center;transition:color .3s ease;transition:color var(--transition-ease)}.addcourse-container h1:hover{color:#304e7a;color:var(--primary-color-dark)}.addcourse-form-group{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.addcourse-form-group label{color:#333;color:var(--text-color-dark);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.addcourse-form-group input{border:1px solid #ccc;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:inset 0 1px 4px #0000001a;box-shadow:inset 0 1px 4px var(--shadow-light);color:#333;color:var(--text-color-dark);font-size:1rem;max-width:450px;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-ease),box-shadow var(--transition-ease);width:75%}.addcourse-form-group input:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 6px #ff98004d;outline:none}.addcourse-radio-group{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:inset 0 1px 3px #0000001a;box-shadow:inset 0 1px 3px var(--shadow-light);display:flex;gap:2rem;justify-content:center;margin-top:1rem;padding:1rem}.addcourse-radio-group label{border-radius:2rem;color:#333;color:var(--text-color-dark);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-ease),color var(--transition-ease)}.addcourse-radio-group label:hover{color:#304e7a;color:var(--primary-color-dark)}.addcourse-radio-group input[type=radio]{accent-color:#304e7a;accent-color:var(--primary-color);margin-right:.4rem}.addcourse-radio-group input[type=radio]:checked+label{background-color:#304e7a;background-color:var(--primary-color);box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-light);color:#fff;color:var(--secondary-color);font-weight:600}.addcourse-button-group{display:flex;gap:1rem;justify-content:center;margin-top:2rem;width:100%}.addcourse-cancel-button,.addcourse-submit-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.addcourse-cancel-button:hover,.addcourse-submit-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:translateY(-3px)}.addcourse-cancel-button:active,.addcourse-submit-button:active{background-color:#d57800;box-shadow:0 3px 6px #00000026;transform:translateY(2px)}@media (max-width:768px){.addcourse-button-group{align-items:center;flex-direction:column;gap:1rem}.addcourse-form-group input{width:85%}.addcourse-container h1{font-size:1.7rem}.addcourse-cancel-button,.addcourse-submit-button{font-size:.9rem;padding:.75rem 1.2rem;width:85%}}@media (max-width:480px){.addcourse-form-group input{font-size:.9rem;width:95%}.addcourse-container h1{font-size:1.6rem}.addcourse-cancel-button,.addcourse-submit-button{font-size:.85rem;padding:.7rem 1rem}}.homeworkclassselection-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--font-family);margin:2rem auto;max-width:800px;min-height:50vh;padding:2rem;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:90%}.homeworkclassselection-container:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.homeworkclassselection-container h1{color:#304e7a;color:var(--primary-color);font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;text-align:center;transition:color .25s ease;transition:color var(--transition-speed)}.homeworkclassselection-container h1:hover{color:#304e7a;color:var(--primary-color-hover)}.homeworkclassselection-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;width:100%}.addstudent-form-group{display:flex;flex-direction:column;max-width:300px;width:100%}.addstudent-form-group label{color:#333;color:var(--text-color);font-family:Roboto,sans-serif;font-family:var(--font-family);font-weight:600;margin-bottom:.5rem}.addstudent-input-field{border:1px solid #ccc;border-radius:1rem;border-radius:var(--border-radius-standard);font-size:1rem;outline:none;padding:.75rem 1rem;transition:box-shadow .25s ease,transform .25s ease;transition:box-shadow var(--transition-speed),transform var(--transition-speed)}.addstudent-input-field:focus{box-shadow:0 0 0 2px #ffe0b2;box-shadow:0 0 0 2px var(--highlight-bg);transform:translateY(-1px)}.addstudent-error-message{align-items:center;color:#d32f2f;display:flex;font-size:.875rem;margin-top:.5rem}.addstudent-error-message .warning-icon{font-size:1.2rem;margin-right:.5rem}.homeworkclassselection-go-back-button,.homeworkclassselection-submit-button{border:none;border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);cursor:pointer;font-size:1rem;font-weight:500;margin:.5rem;padding:.75rem 1.5rem;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.homeworkclassselection-submit-button{background-color:#304e7a;background-color:var(--primary-color);color:#fff;color:var(--secondary-color)}.homeworkclassselection-submit-button:hover{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}.homeworkclassselection-submit-button:disabled{background-color:#e0e0e0;background-color:var(--disabled-color);color:#9e9e9e;color:var(--disabled-text-color);cursor:not-allowed;transform:none}.homeworkclassselection-go-back-button{background-color:#ccc;color:#333}.homeworkclassselection-go-back-button:hover{background-color:#b3b3b3;box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}@media (max-width:768px){.homeworkclassselection-container{margin:1.5rem auto;padding:1.5rem}.homeworkclassselection-row{gap:1rem}.addstudent-form-group{max-width:100%}.homeworkclassselection-go-back-button,.homeworkclassselection-submit-button{font-size:.9rem;padding:.6rem 1rem}}@media (max-width:480px){.homeworkclassselection-container{padding:1rem}.homeworkclassselection-container h1{font-size:1.5rem}.homeworkclassselection-go-back-button,.homeworkclassselection-submit-button{font-size:.85rem;padding:.5rem .8rem}}:root{--primary-color-light:#ffc107}.homeworkstudentselection-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--font-family);margin:2.5% auto;min-height:60vh;padding:2.5%;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:90%}.homeworkstudentselection-container:hover{box-shadow:0 6px 25px #0000001a;box-shadow:0 6px 25px var(--shadow-color);transform:translateY(-4px)}.homeworkstudentselection-container h1{color:#304e7a;color:var(--primary-color);font-size:1.85rem;font-weight:700;margin-bottom:2rem;margin-top:2rem;text-align:center;transition:color .3s ease}.homeworkstudentselection-container h1:hover{color:#304e7a;color:var(--accent-color)}.homeworkstudentselection-list-container{display:flex;justify-content:center;width:100%}.homeworkstudentselection-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;width:100%}.homeworkstudentselection-item{align-items:center;background-color:#fafafa;background-color:var(--note-bg-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:inset 0 2px 8px #0000001a;box-shadow:inset 0 2px 8px var(--shadow-color);cursor:pointer;display:flex;padding:1rem;transition:transform .2s ease,box-shadow .3s ease,background-color .3s ease}.homeworkstudentselection-item:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);box-shadow:0 4px 15px #0000001a;transform:scale(1.02)}.student-info{color:var(--text-color-dark);font-weight:500}@media (max-width:768px){.homeworkstudentselection-container{margin:1.5rem auto;padding:1.5rem}.homeworkstudentselection-item{padding:.8rem}.student-info{font-size:.9rem}}@media (max-width:480px){.homeworkstudentselection-container{margin:1rem auto;padding:1rem}.homeworkstudentselection-container h1{font-size:1.5rem}.student-info{font-size:.85rem}}@media (min-width:1024px){.homeworkstudentselection-container{max-width:1000px;width:80%}}@media (min-width:1440px){.homeworkstudentselection-container{max-width:1200px;width:70%}}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}*,:after,:before{box-sizing:border-box}.student-detail-report{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--font-family);margin:2rem auto;min-height:60vh;overflow-x:hidden;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.student-detail-report__tabs-container{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;width:100%}.student-detail-report__tab{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s;transition:background-color var(--transition-ease),transform .2s}.student-detail-report__tab:hover{transform:scale(1.05)}.student-detail-report__tab--active,.student-detail-report__tab:hover{background-color:#304e7a;background-color:var(--primary-color-dark)}.student-detail-report__attendance-container h1,.student-detail-report__guidance-container h1,.student-detail-report__homework-container h1{color:#333;color:var(--text-color-dark);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center;transition:color .3s ease;transition:color var(--transition-ease)}.student-detail-report__attendance-container h1:hover,.student-detail-report__guidance-container h1:hover,.student-detail-report__homework-container h1:hover{color:#222;color:var(--text-color-heading)}.student-detail-report__attendance-container h2,.student-detail-report__guidance-container h2,.student-detail-report__homework-container h2{color:#304e7a;color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem;text-align:center}.student-detail-report__attendance-table,.student-detail-report__guidance-table,.student-detail-report__homework-table{border-collapse:initial;border-spacing:0 .8rem;width:100%}.student-detail-report__attendance-table td,.student-detail-report__attendance-table th,.student-detail-report__guidance-table td,.student-detail-report__guidance-table th,.student-detail-report__homework-table td,.student-detail-report__homework-table th{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 1px 4px #0000001a;box-shadow:0 1px 4px var(--shadow-light);color:#333;color:var(--text-color-dark);font-size:.95rem;padding:1rem;text-align:center;transition:box-shadow .3s ease,transform .2s ease,background-color .3s ease;transition:box-shadow var(--transition-ease),transform .2s ease,background-color var(--transition-ease);vertical-align:middle}.student-detail-report__attendance-table th,.student-detail-report__guidance-table th,.student-detail-report__homework-table th{background-color:#f9f9f9;color:#304e7a;color:var(--primary-color);font-weight:600;text-transform:uppercase}.student-detail-report__attendance-table td:hover,.student-detail-report__guidance-table td:hover,.student-detail-report__homework-table td:hover{background-color:#ffe0b2;background-color:var(--highlight-bg);box-shadow:0 4px 10px #00000026;box-shadow:0 4px 10px var(--shadow-heavy);transform:translateY(-2px)}.student-detail-report__pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.student-detail-report__pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background-color var(--transition-ease),transform var(--transition-ease),box-shadow var(--transition-ease)}.student-detail-report__pagination button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-heavy);transform:scale(1.05)}.student-detail-report__pagination button:disabled{background-color:#e0e0e0;background-color:var(--disabled-color);color:#9e9e9e;color:var(--disabled-text-color);cursor:not-allowed;transform:none}.student-detail-report__chart-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;margin-top:2rem;position:relative;width:100%}.student-detail-report__icon{color:#304e7a;color:var(--primary-color);font-size:1.2rem;margin-right:10px;vertical-align:middle}.student-detail-report__homework-container .slick-slider{max-width:100%;overflow:hidden;width:100%}.student-detail-report__homework-container .slick-slide>div{box-sizing:border-box;padding:0 1rem;width:100%}.student-detail-report__homework-container .slick-dots{bottom:-25px}.student-detail-report__homework-container .slick-next,.student-detail-report__homework-container .slick-prev{z-index:1}@media (max-width:768px){.student-detail-report__tab{font-size:.9rem;padding:.6rem 1rem}.student-detail-report__attendance-table td,.student-detail-report__attendance-table th,.student-detail-report__guidance-table td,.student-detail-report__guidance-table th,.student-detail-report__homework-table td,.student-detail-report__homework-table th{font-size:.85rem;padding:.8rem}.student-detail-report__attendance-container h1,.student-detail-report__guidance-container h1,.student-detail-report__homework-container h1{font-size:1.5rem}.student-detail-report__chart-container{height:250px}}@media (max-width:480px){.student-detail-report__tab{font-size:.85rem;padding:.5rem .8rem}.student-detail-report__attendance-table td,.student-detail-report__attendance-table th,.student-detail-report__guidance-table td,.student-detail-report__guidance-table th,.student-detail-report__homework-table td,.student-detail-report__homework-table th{font-size:.8rem;padding:.6rem}.student-detail-report__attendance-container h1,.student-detail-report__guidance-container h1,.student-detail-report__homework-container h1{font-size:1.3rem}.student-detail-report__chart-container{height:200px}}@media (min-width:1024px){.student-detail-report{max-width:1100px;width:80%}}@media (min-width:1440px){.student-detail-report{max-width:1200px;width:70%}}.pdf-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.pdf-modal-content{background:#fff;border-radius:8px;box-shadow:0 8px 16px #0000004d;display:flex;flex-direction:column;height:80%;justify-content:space-between;overflow:hidden;position:relative;width:80%}.pdf-modal-close{background:none;border:none;color:#000;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:10px;top:10px}.video-modal-overlay{animation:fadeIn .3s;background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.video-modal-content,.video-modal-overlay{align-items:center;display:flex;justify-content:center}.video-modal-content{background:linear-gradient(to bottom right,#1e2a47,#1a4e70);border-radius:10px;box-shadow:0 4px 10px #0000004d;height:41%;padding:20px;position:relative;width:35%}.video-modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px}.video-modal-close:hover{color:#f1c40f}.studentheader-container{align-items:center;background:linear-gradient(135deg,#304e7a,#304e7a);border-radius:var(--border-radius);box-shadow:0 6px 20px #00000026;color:#fff;display:flex;justify-content:space-between;margin:1.25rem 2.5rem;padding:1.5rem 2rem;position:relative;transition:transform var(--transition-ease),box-shadow var(--transition-ease),background var(--transition-ease);z-index:1000}.studentheader-container:hover{background:linear-gradient(135deg,#304e7a,#304e7a);box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.studentheader-left,.studentheader-right{align-items:center;display:flex}.studentheader-right{gap:1.5rem}.studentheader-user-info{align-items:center;display:flex;gap:.75rem}.studentheader-icon{color:#fff;height:2.2rem;transition:transform var(--transition-ease),color var(--transition-ease);width:2.2rem}.studentheader-icon:hover{color:#ffd699;transform:scale(1.15) rotate(-8deg)}.studentheader-icon-container{align-items:center;background-color:#ffffff26;border-radius:.8rem;box-shadow:0 4px 10px #0000001a;display:flex;height:3rem;justify-content:center;transition:background-color var(--transition-ease),transform var(--transition-ease),box-shadow var(--transition-ease);width:3rem}.studentheader-icon-container:hover{background-color:#ffffff40;box-shadow:0 6px 15px #0003;transform:scale(1.1)}.studentheader-text{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 5px #0000004d;transition:color var(--transition-ease),text-shadow var(--transition-ease)}.studentheader-text:hover{color:#f9f9f9;text-shadow:0 4px 10px #00000080}.studentheader-date,.studentheader-time{align-items:center;color:#fff;display:flex;font-size:1.05rem;font-weight:500;gap:.5rem;text-shadow:0 1px 3px #0000004d;transition:color var(--transition-ease),text-shadow var(--transition-ease)}.studentheader-date:hover,.studentheader-time:hover{color:#f0f0f0;text-shadow:0 3px 8px #0006}.studentheader-notifications{position:relative}.studentheader-notification-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex}.studentheader-notification-button img{height:1.25rem;width:1.25rem}.studentheader-notification-dropdown{background-color:#fff;border-radius:.5rem;box-shadow:0 .5rem 1rem #0000001a;color:#333;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.studentheader-notification-dropdown li{cursor:pointer;font-size:1rem;padding:1rem}.studentheader-notification-dropdown li:hover{background-color:#f0f0f0}@media (max-width:768px){.studentheader-container{align-items:flex-start;flex-direction:column;margin:1rem;padding:1.25rem}.studentheader-left,.studentheader-right{justify-content:space-between;margin-bottom:.5rem;width:100%}.studentheader-right{flex-direction:row;gap:1rem}.studentheader-text{font-size:1.1rem}}@media (max-width:480px){.studentheader-icon{height:2rem;width:2rem}.studentheader-icon-container{height:2.5rem;width:2.5rem}.studentheader-text{font-size:1rem}.studentheader-container{padding:1rem}}:root{--text-color-dark:#4f4c4c}.student-dashboard-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:2.5rem;border-radius:var(--border-radius-large);box-shadow:0 4px 20px #0000004d;box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;margin:2.5% auto;min-height:65vh;padding:2.5%;position:relative;transition:box-shadow .3s ease;width:85%}.student-dashboard-container:hover{box-shadow:0 6px 25px #0000004d;box-shadow:0 6px 25px var(--shadow-color)}.dashboard-message{color:#4f4c4c}.dashboard-button{background-color:#304e7a}@media (max-width:768px){.student-dashboard-container{margin:3%;padding:4%;width:90%}.dashboard-message{font-size:1.3rem}.dashboard-button{font-size:1rem;padding:.875rem 1.75rem;width:90%}}@media (max-width:480px){.student-dashboard-container{margin:2%;padding:3%}.dashboard-message{font-size:1.2rem}.dashboard-button{font-size:.875rem;padding:.75rem 1.5rem;width:100%}}.student-attendance-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;margin:1.5rem auto;max-width:1200px;min-height:60vh;padding:2rem;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:90%}.student-attendance-container:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.student-attendance-header h1{color:#304e7a;color:var(--primary-color);font-family:Roboto,sans-serif;font-family:var(--font-family);font-size:2rem;font-weight:600;margin:0;text-align:center;transition:color .25s ease;transition:color var(--transition-speed)}.student-attendance-header h1:hover{color:#304e7a;color:var(--primary-color-hover)}.student-attendance-content{width:100%}.attendance-table-container{margin-top:1.5rem;overflow-x:auto;width:100%}.attendance-table{border-collapse:initial;border-spacing:0 .75rem;font-family:Roboto,sans-serif;font-family:var(--font-family);width:100%}.attendance-table td,.attendance-table th{background-color:#fff;background-color:var(--secondary-color);border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);color:#333;color:var(--text-color);font-size:.95rem;padding:1rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed)}.attendance-table th{background-color:#f9f9f9;color:#304e7a;color:var(--primary-color);font-weight:600;text-transform:uppercase}.attendance-table td:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.attendance-summary{color:#304e7a;color:var(--primary-color);font-size:1.4rem;font-weight:700;line-height:1.6;margin:1.5rem 0;text-align:center;text-shadow:0 1px 2px #0000001a}.pagination{margin-top:2rem}.pagination button{background-color:var(--primary-color);border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);color:var(--secondary-color);font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.pagination button:hover{background-color:var(--primary-color-hover);box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}.pagination button:disabled{background-color:#e0e0e0;background-color:var(--disabled-color);color:#9e9e9e;color:var(--disabled-text-color);transform:none}.tab{background:#f0f0f0;border:none;cursor:pointer;margin-left:12rem;margin-top:1rem;padding:10px 20px}.tab.active{background:#007bff;color:#fff;font-weight:700}.tab-content{margin-top:20px}@media (max-width:768px){.student-attendance-container{margin:1rem auto;padding:1.5rem}.attendance-table td,.attendance-table th{font-size:.85rem;padding:.8rem}.attendance-summary{font-size:1.2rem}.pagination button{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.student-attendance-container{margin:1rem auto;padding:1rem}.student-attendance-header h1{font-size:1.5rem}.pagination button{font-size:.8rem;padding:.4rem .8rem}}:root{--border-radius-standard:2rem;--transition-speed:0.3s ease}.student-homework-tracking-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:2rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:1200px;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:90%}.student-homework-tracking-container:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.student-homework-tracking-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.25rem;transition:gap .3s ease;transition:gap var(--transition-speed);width:100%}.student-homework-tracking-action-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:2rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;max-width:15.625rem;padding:1rem 1.75rem;text-align:center;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-speed),transform .2s ease;width:100%}.student-homework-tracking-action-button:hover{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}@media (max-width:768px){.student-homework-tracking-container{margin:1.25rem;padding:1.25rem;width:100%}.student-homework-tracking-cards{flex-direction:row;gap:1rem}.student-homework-tracking-action-button{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.student-homework-tracking-container{margin:.625rem;padding:.625rem;width:100%}.student-homework-tracking-cards{flex-direction:column;gap:1rem}.student-homework-tracking-action-button{font-size:.875rem;padding:.75rem 1.25rem;width:100%}}.student-search-box,.teacher-search-bar{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem .625rem #0000001a;display:flex;max-width:18.75rem;padding:1rem;width:100%}.student-search-box input,.teacher-search-bar input{border:none;font-size:1rem;margin-left:.625rem;outline:none;width:100%}.search-icon{color:#304e7a}@media (max-width:768px){.student-search-box,.teacher-search-bar{max-width:100%;padding:.75rem}.student-search-box input,.teacher-search-bar input{font-size:.875rem;margin-left:.5rem}.search-icon{font-size:1.3rem}}@media (max-width:480px){.student-search-box,.teacher-search-bar{max-width:100%;padding:.5rem}.student-search-box input,.teacher-search-bar input{font-size:.75rem;margin-left:.375rem}.search-icon{font-size:1.2rem}}.student-list-container{align-items:center;background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:90%}.student-list-container:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-5px)}.student-list-container h1{color:#333;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.student-list-filter{align-items:center;display:flex;font-size:1rem;gap:1rem;margin-bottom:1.5rem}.student-list-filter label{color:#333;font-weight:500}.student-list-filter select{background-color:#f5f5f5;border:1px solid #ddd;border-radius:1rem;color:#333;cursor:pointer;outline:none;padding:.5rem 1rem;transition:border-color .3s ease,background-color .3s ease}.student-list-filter select:focus,.student-list-filter select:hover{background-color:#fff;border-color:#304e7a}.student-list-section-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.student-list-section-checkboxes label{align-items:center;background-color:#f9f9f9;border:1px solid #0000;border-radius:.8rem;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.4rem .6rem;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease}.student-list-section-checkboxes label:hover{background-color:#f0f0f0;box-shadow:0 2px 6px #0000001a}.student-list-section-checkboxes input[type=checkbox]{accent-color:#304e7a;cursor:pointer;height:1rem;width:1rem}.student-list-table{margin-top:1rem;width:100%}.student-list-table table{border-collapse:initial;border-spacing:0 .8rem;width:100%}.student-list-table td,.student-list-table th{padding:.8rem 1.2rem;text-align:center;vertical-align:middle}.student-list-table th{background-color:#f5f5f5;border-radius:.8rem;color:#304e7a;font-size:1rem;font-weight:600}.student-list-table td{background-color:#f9f9f9;border-radius:1.25rem;box-shadow:0 1px 4px #00000014;transition:box-shadow .3s ease,transform .3s ease}.student-list-table td:hover{box-shadow:0 4px 10px #0000001f;transform:translateY(-3px)}.student-list-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.student-list-pagination button{background-color:#304e7a;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.4rem .75rem;transition:background-color .3s ease,transform .2s ease}.student-list-pagination button.active{background-color:#e64a19;transform:scale(1.1)}.student-list-pagination button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.student-list-container{margin:1.25rem;padding:1.25rem;width:100%}.student-list-container h1{font-size:1.5rem}.student-list-table td,.student-list-table th{padding:.6rem}.student-list-filter{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.student-list-container{margin:1rem;padding:1rem}.student-list-container h1{font-size:1.25rem}.student-list-table td,.student-list-table th{font-size:.875rem;padding:.5rem}.student-list-pagination button{font-size:.75rem;padding:.3rem .6rem}}@media (min-width:1024px){.student-list-container{max-width:900px;width:80%}}@media (min-width:1440px){.student-list-container{max-width:1200px;width:70%}}.teacher-list-container{align-items:center;background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:90%}.teacher-list-container:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-5px)}.teacher-list-container h1{color:#333;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.filter-container{align-items:center;display:flex;font-size:1rem;gap:1rem;margin-bottom:1.5rem}.filter-select{background-color:#f5f5f5;border:1px solid #ddd;border-radius:1rem;color:#333;cursor:pointer;outline:none;padding:.5rem 1rem;transition:border-color .3s ease,background-color .3s ease}.filter-select:focus,.filter-select:hover{background-color:#fff;border-color:#304e7a}.teacher-list-table{margin-top:1rem;width:100%}.teacher-list-table table{border-collapse:initial;border-spacing:0 .8rem;width:100%}.teacher-list-table td,.teacher-list-table th{padding:.8rem 1.2rem;text-align:center;vertical-align:middle}.teacher-list-table th{background-color:#f5f5f5;border-radius:.8rem;color:#304e7a;font-size:1rem;font-weight:600}.teacher-list-table td{background-color:#f9f9f9;border-radius:1.25rem;box-shadow:0 1px 4px #00000014;transition:box-shadow .3s ease,transform .3s ease}.teacher-list-table td:hover{box-shadow:0 4px 10px #0000001f;transform:translateY(-3px)}.pagination{align-items:center;gap:.75rem;margin-top:1.5rem}.pagination button{border-radius:.3rem;font-size:.875rem;padding:.4rem .75rem;transition:background-color .3s ease,transform .2s ease}.pagination button.active{background-color:#e64a19;transform:scale(1.1)}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.teacher-list-container{margin:1.25rem;padding:1.25rem;width:100%}.teacher-list-container h1{font-size:1.5rem}.teacher-list-table td,.teacher-list-table th{padding:.6rem}.filter-container{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.teacher-list-container{margin:1rem;padding:1rem}.teacher-list-container h1{font-size:1.25rem}.teacher-list-table td,.teacher-list-table th{font-size:.875rem;padding:.5rem}.pagination button{font-size:.75rem;padding:.3rem .6rem}}@media (min-width:1024px){.teacher-list-container{max-width:900px;width:80%}}@media (min-width:1440px){.teacher-list-container{max-width:1200px;width:70%}}:root{--border-radius:2rem}.student-class-list-container{align-items:center;background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:1100px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.student-class-list-container:hover{box-shadow:0 6px 20px #0000001a;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-5px)}.class-header h1{color:#304e7a;color:var(--primary-color);font-size:1.85rem;font-weight:700;margin:0 0 2rem;text-align:center;transition:color .3s ease;transition:color var(--transition-ease)}.class-header h1:hover{color:#304e7a;color:var(--primary-color-dark)}.class-group{margin-bottom:2rem;width:100%}.class-group h2{border-bottom:2px solid #304e7a;border-bottom:2px solid var(--primary-color);color:#333;color:var(--text-color-dark);font-size:1.6rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.class-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.class-item{align-items:center;background-color:#f5f5f5;background-color:var(--background-light);border-radius:2rem;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow-light);display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:transform .25s ease,box-shadow .3s ease;width:calc(33.333% - 1rem)}.class-item:hover{box-shadow:0 5px 15px #0000001a;box-shadow:0 5px 15px var(--shadow-light);transform:translateY(-5px)}.class-item h3{color:#222;color:var(--text-color-heading);font-size:1.3rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.3rem;text-align:center;width:100%}.class-item h3:hover{color:#304e7a;color:var(--primary-color-dark)}.see-topics-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3rem;box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-light);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.4rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.see-topics-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.05)}@media (max-width:768px){.class-item{width:calc(50% - 1rem)}.see-topics-button{font-size:.85rem;padding:.5rem 1.2rem}}@media (max-width:480px){.class-item{width:100%}.class-group h2{font-size:1.5rem}.see-topics-button{font-size:.85rem;padding:.5rem 1rem}}:root{--border-radius-large:3.75rem;--border-radius-medium:1.5rem}.student-topics-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:3.75rem;border-radius:var(--border-radius-large);box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-light);box-sizing:border-box;display:flex;flex-direction:column;margin:4% auto;max-width:800px;padding:3%;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.student-topics-container:hover{box-shadow:0 6px 25px #0000001a;box-shadow:0 6px 25px var(--shadow-light);transform:translateY(-5px)}.student-topics-container h1{color:#304e7a;color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center;transition:color .3s ease;transition:color var(--transition-ease)}.student-topics-container h1:hover{color:#304e7a;color:var(--primary-color-dark)}.topics-table{border-collapse:collapse;border-radius:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);margin-bottom:2rem;overflow:hidden;width:100%}.topics-table td,.topics-table th{border:1px solid #ddd;color:#333;color:var(--text-color-dark);font-size:1rem;padding:.75rem;text-align:center}.topics-table th{background-color:#f8f8f8;color:#304e7a;color:var(--primary-color);font-weight:600}.topics-table td{background-color:#fafafa;transition:background-color .2s ease}.topics-table td:hover{background-color:#f0f0f0}.selected-course p{color:#304e7a;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-top:1rem;text-align:center}@media (max-width:768px){.student-topics-container{padding:3%;width:95%}.topics-table td,.topics-table th{font-size:.9rem;padding:.5rem}.selected-course p{font-size:1.1rem}}@media (max-width:480px){.student-topics-container{padding:3%;width:100%}.topics-table td,.topics-table th{font-size:.875rem;padding:.5rem}.selected-course p{font-size:1rem}}.notification-container{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem 5.625rem #0000004d;display:flex;flex-direction:column;margin:2.5rem;max-height:80vh;min-height:50vh;overflow-y:auto;padding:2.5rem;position:relative;width:90%}@media (max-width:768px){.notification-container{margin:1.25rem;padding:1.25rem;width:100%}}@media (max-width:480px){.notification-container{margin:.625rem;padding:.625rem;width:100%}.back-button,.send-notification-button,.submit-button{font-size:1rem;padding:.3125rem .625rem;width:100%}.dropdown,.input-field,.textbox{width:100%}.dropdown{margin-bottom:.625rem}}.notification-message{color:#4f4c4c;font-size:1.125rem;margin-bottom:1.25rem;text-align:center}.notification-image{height:auto;max-width:12.5rem;width:100%}.send-notification-button{align-self:flex-end;background-color:#304e7a;border:none;border-radius:3.75rem;color:#fff;cursor:pointer;font-size:1.125rem;margin-bottom:1.25rem;padding:1.25rem 1.875rem;transition:background-color .3s ease}.send-notification-button:hover{background-color:#304e7a}.textbox-container{align-items:center;display:flex;flex-direction:column;margin-top:2.5rem;width:100%}.input-field{border:.0625rem solid #ccc;border-radius:3.75rem}.input-field,.textbox{margin-bottom:1.25rem;max-width:70%;padding:.625rem;width:100%}.textbox{border:.0625rem solid #ccc;border-radius:1.25rem;font-size:1rem;height:15.625rem;resize:none}.dropdown{border:.0625rem solid #ccc;border-radius:3.75rem;font-size:1rem;margin-right:.625rem;max-width:12.5rem;padding:.625rem;width:100%}.back-button,.submit-button{align-self:flex-start;background-color:#304e7a;border:none;border-radius:3.75rem;color:#fff;cursor:pointer;font-size:1.125rem;margin:.625rem 0;padding:.625rem 1.25rem;transition:background-color .3s ease}.back-button:hover,.submit-button:hover{background-color:#304e7a}.notification-list{list-style-type:none;padding:0;width:100%}.notification-item{align-items:center;background-color:#4f4c4c;border-radius:3.75rem;box-shadow:0 .125rem .3125rem #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:1.25rem}.notification-content{display:flex;flex:1 1;flex-direction:column}.notification-preview{color:#fff;font-size:1rem}.notification-date{align-self:flex-end;color:#fff;font-size:.875rem}.expand-button{align-self:flex-end;border:none;border-radius:3.75rem;color:#fff;cursor:pointer;margin-left:1.25rem;padding:.5rem 1rem;transition:background-color .3s ease}.expand-button,.expand-button:hover{background-color:#304e7a}.pagination{display:flex;justify-content:center;margin-top:1.25rem}.pagination button{border:none;border-radius:3.75rem;color:#fff;cursor:pointer;margin:0 .3125rem;padding:.625rem 1.25rem;transition:background-color .3s ease}.pagination button,.pagination button.active,.pagination button:hover{background-color:#304e7a}.studenthomeworkstatus-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;margin:1.5rem auto;max-width:1200px;min-height:60vh;padding:2rem;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:90%}.studenthomeworkstatus-container:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.studenthomeworkstatus-header h1{color:#304e7a;color:var(--primary-color);font-family:Roboto,sans-serif;font-family:var(--font-family);font-size:2rem;font-weight:600;margin:0;text-align:center;transition:color .25s ease;transition:color var(--transition-speed)}.studenthomeworkstatus-header h1:hover{color:#304e7a;color:var(--primary-color-hover)}.studenthomeworkstatus-content{width:100%}.studenthomeworkstatus-summary{color:#304e7a;color:var(--primary-color);font-size:1.4rem;font-weight:700;line-height:1.6;margin:1.5rem 0;text-align:center;text-shadow:0 1px 2px #0000001a}.studenthomeworkstatus-table-container{margin-top:1.5rem;overflow-x:auto;width:100%}.studenthomeworkstatus-table{border-collapse:initial;border-spacing:0 .75rem;font-family:Roboto,sans-serif;font-family:var(--font-family);width:100%}.studenthomeworkstatus-table td,.studenthomeworkstatus-table th{background-color:#fff;background-color:var(--secondary-color);border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);color:#333;color:var(--text-color);font-size:.95rem;padding:1rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed)}.studenthomeworkstatus-table th{background-color:#f9f9f9;color:#304e7a;color:var(--primary-color);font-weight:600;text-transform:uppercase}.studenthomeworkstatus-table td:hover{background-color:#ffcc80;background-color:var(--highlight-bg-hover)}.studenthomeworkstatus-table td:hover,.studenthomeworkstatus-table tr:hover td{box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.studenthomeworkstatus-table tr:hover td{background-color:#ffe0b2;background-color:var(--highlight-bg)}.studenthomeworkstatus-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.studenthomeworkstatus-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.studenthomeworkstatus-pagination button:hover{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}.studenthomeworkstatus-pagination button:disabled{background-color:#e0e0e0;background-color:var(--disabled-color);color:#9e9e9e;color:var(--disabled-text-color);cursor:not-allowed;transform:none}@media (max-width:768px){.studenthomeworkstatus-container{margin:1rem auto;padding:1.5rem}.studenthomeworkstatus-table td,.studenthomeworkstatus-table th{font-size:.85rem;padding:.8rem}.studenthomeworkstatus-summary{font-size:1.2rem}.studenthomeworkstatus-pagination button{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.studenthomeworkstatus-container{margin:1rem auto;padding:1rem}.studenthomeworkstatus-header h1{font-size:1.5rem}.studenthomeworkstatus-pagination button{font-size:.8rem;padding:.4rem .8rem}}:root{--highlight-bg-hover:#ffcc80;--border-radius-standard:1rem;--box-shadow-light:0 2px 8px #0000001a;--box-shadow-hover:0 4px 16px #00000026}.studentactivehomework-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;margin:1.5rem auto;max-width:1200px;min-height:60vh;padding:2rem;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:90%}.studentactivehomework-container:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.studentactivehomework-header h1{color:#304e7a;color:var(--primary-color);font-family:Roboto,sans-serif;font-family:var(--font-family);font-size:2rem;font-weight:600;margin:0;text-align:center;transition:color .25s ease;transition:color var(--transition-speed)}.studentactivehomework-header h1:hover{color:#304e7a;color:var(--primary-color-hover)}.studentactivehomework-content{width:100%}.studentactivehomework-summary{color:#304e7a;color:var(--primary-color);font-size:1.4rem;font-weight:700;line-height:1.6;margin:1.5rem 0;text-align:center;text-shadow:0 1px 2px #0000001a}.studentactivehomework-table-container{margin-top:1.5rem;overflow-x:auto;width:100%}.studentactivehomework-table{border-collapse:initial;border-spacing:0 .75rem;font-family:Roboto,sans-serif;font-family:var(--font-family);width:100%}.studentactivehomework-table td,.studentactivehomework-table th{background-color:#fff;background-color:var(--secondary-color);border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);color:#333;color:var(--text-color);font-size:.95rem;padding:1rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed)}.studentactivehomework-table th{background-color:#f9f9f9;color:#304e7a;color:var(--primary-color);font-weight:600;text-transform:uppercase}.studentactivehomework-table td:hover{background-color:#ffcc80;background-color:var(--highlight-bg-hover)}.studentactivehomework-table td:hover,.studentactivehomework-table tr:hover td{box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.studentactivehomework-table tr:hover td{background-color:#ffe0b2;background-color:var(--highlight-bg)}.studentactivehomework-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.studentactivehomework-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1rem;border-radius:var(--border-radius-standard);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.studentactivehomework-pagination button:hover{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 4px 16px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}.studentactivehomework-pagination button:disabled{background-color:#e0e0e0;background-color:var(--disabled-color);color:#9e9e9e;color:var(--disabled-text-color);cursor:not-allowed;transform:none}.studentactivehomework-table td.red{color:red;font-weight:700}.studentactivehomework-table td.orange{color:orange;font-weight:700}.studentactivehomework-table td.green{color:green;font-weight:700}@media (max-width:768px){.studentactivehomework-container{margin:1rem auto;padding:1.5rem}.studentactivehomework-table td,.studentactivehomework-table th{font-size:.85rem;padding:.8rem}.studentactivehomework-summary{font-size:1.2rem}.studentactivehomework-pagination button{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.studentactivehomework-container{margin:1rem auto;padding:1rem}.studentactivehomework-header h1{font-size:1.5rem}.studentactivehomework-pagination button{font-size:.8rem;padding:.4rem .8rem}}.studentregistration-container{align-items:center;background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:90%}.studentregistration-container:hover{box-shadow:0 6px 20px #0000001f}.studentregistration-student-count{background-color:#f5f5f5;border-radius:2rem;box-shadow:0 3px 8px #0000001a;color:#304e7a;font-size:1.1rem;font-weight:500;margin:1rem 0;padding:.5rem 1.5rem;text-align:center;transition:transform .2s ease}.studentregistration-student-count:hover{transform:scale(1.05)}.studentregistration-module{margin-top:1rem;width:100%}.studentregistration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.studentregistration-header h2{color:#333;font-size:1.75rem;font-weight:600;margin:0;transition:color .3s ease}.studentregistration-header h2:hover{color:#555}.studentregistration-module-button.pdf-button{align-items:center;background:#ff5722;border:none;border-radius:1.5rem;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;max-width:15rem;padding:.5rem 1.25rem;transition:background-color .3s ease,transform .3s ease}.studentregistration-module-button.pdf-button:hover{background-color:#e64a19;transform:scale(1.05)}.pdf-icon{height:auto;transition:transform .2s ease;width:1.2rem}.pdf-icon:hover{transform:scale(1.1)}.studentregistration-search-container{display:flex;justify-content:flex-end;margin-bottom:1rem;width:100%}.studentregistration-filter-select{align-items:center;background-color:#fdfdfd;border:1px solid #ddd;border-radius:1rem;box-shadow:0 3px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-right:auto;max-width:200px;padding:.6rem 1rem;text-align:center;transition:border-color .3s ease,background-color .3s ease}.studentregistration-filter-select:focus,.studentregistration-filter-select:hover{background-color:#f5f5f5;border-color:#304e7a;box-shadow:0 4px 10px #00000026}.studentregistration-filter-icon{color:#304e7a;height:auto;transition:transform .3s ease;width:1.2rem}.studentregistration-filter-icon:hover{transform:rotate(10deg)}.studentregistration-subclass-checkboxes{background-color:#fafafa;border:1px solid #eee;border-radius:1rem;box-shadow:0 3px 8px #0000001a;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem;transition:background-color .3s ease,box-shadow .3s ease}.studentregistration-subclass-checkboxes:hover{background-color:#f5f5f5;box-shadow:0 4px 12px #0000001f}.studentregistration-checkbox-label{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:.8rem;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.4rem .6rem;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.studentregistration-checkbox-label:hover{background-color:#f0f0f0;border:1px solid #ddd;box-shadow:0 2px 6px #0000001a;color:#444}.studentregistration-checkbox-label input[type=checkbox]{accent-color:#304e7a;cursor:pointer;height:1rem;transition:transform .2s ease;width:1rem}.studentregistration-checkbox-label input[type=checkbox]:checked{box-shadow:0 0 6px #ff980066;transform:scale(1.1)}.studentregistration-student-list{margin-top:1rem;width:100%}.studentregistration-student-list table{border-collapse:initial;border-spacing:0 .8rem;width:100%}.studentregistration-student-item td{background-color:#f9f9f9;border-radius:1.25rem;box-shadow:0 1px 4px #00000014;padding:.8rem 1.2rem;text-align:center;transition:box-shadow .3s ease,transform .3s ease;vertical-align:middle}.studentregistration-student-item td:hover{box-shadow:0 4px 10px #0000001f;transform:translateY(-3px)}.studentregistration-delete-button,.studentregistration-edit-button,.studentregistration-module-button{border:0;border-radius:1.5rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:1rem;padding:.5rem 1.25rem;transition:background-color .3s ease,transform .2s ease}.studentregistration-edit-button{background-color:#304e7a;border:1px solid #304e7a;color:#fff}.studentregistration-edit-button:hover{background-color:#304e7a;transform:scale(1.05)}.studentregistration-delete-button{background-color:#f44336;color:#fff}.studentregistration-delete-button:hover{background-color:#e53935;transform:scale(1.05)}.multiperson-icon,.plus-icon,.singleperson-icon,.studentregistration-delete-button .icon,.studentregistration-edit-button .icon{height:auto;width:1.5rem}.studentregistration-header-buttons{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.studentregistration-module-button{background:linear-gradient(135deg,#304e7a,#ff6f00);box-shadow:0 4px 6px #00000026;color:#fff;max-width:15rem;padding:.75rem 1.5rem;text-align:center}.studentregistration-module-button:hover{background:linear-gradient(135deg,#304e7a,#e65100);transform:scale(1.05)}.studentregistration-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.studentregistration-pagination button{background-color:#304e7a;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.4rem .75rem;transition:background-color .3s ease,transform .2s ease}.studentregistration-pagination button.active{background-color:#ff6f00;transform:scale(1.1)}.studentregistration-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.studentregistration-confirmation-modal{background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #0003;left:50%;max-width:400px;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.studentregistration-confirmation-modal p{color:#333;font-size:1.2rem;font-weight:500;margin-bottom:1.25rem}.studentregistration-confirmation-modal button{background-color:#304e7a;border:none;border-radius:1.5rem;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;margin:0 .75rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease}.studentregistration-confirmation-modal button:hover{background-color:#e65100;transform:translateY(-3px)}@media (max-width:768px){.studentregistration-container{margin:1.25rem;padding:1.25rem;width:100%}.studentregistration-header{align-items:flex-start;flex-direction:column}.studentregistration-module-button{font-size:.875rem;padding:.75rem 1.25rem}.studentregistration-pagination button{font-size:.75rem;padding:.3rem .6rem}.studentregistration-confirmation-modal button{font-size:.875rem;padding:.75rem;width:100%}}@media (max-width:480px){.studentregistration-container{margin:1rem;padding:1rem;width:100%}.studentregistration-header h2{font-size:1.25rem}.studentregistration-module-button{font-size:.875rem;padding:.75rem 1.25rem}.studentregistration-student-item td{padding:.6rem}.studentregistration-pagination button{font-size:.625rem;padding:.2rem .4rem}.multiperson-icon,.plus-icon,.singleperson-icon,.studentregistration-filter-icon{height:1rem;width:1rem}.pdf-icon,.studentregistration-delete-button .icon,.studentregistration-edit-button .icon{width:.6rem}.studentregistration-confirmation-modal p{font-size:1rem}}@media (min-width:1024px){.studentregistration-container{max-width:900px;width:80%}}@media (min-width:1440px){.studentregistration-container{max-width:1200px;width:70%}}StudentExamReport.css :root{--primary:#304e7a;--primary-light:#304e7a;--primary-dark:#304e7a;--secondary:#304e7a;--tertiary:#2b6cb0;--success:#48bb78;--success-light:#68d391;--danger:#f56565;--danger-light:#fc8181;--warning:#ed8936;--info:#4299e1;--light:#e2e8f0;--dark:#2d3748;--white:#fff;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-500:#a0aec0;--gray-600:#718096;--gray-700:#4a5568;--gray-800:#2d3748;--gray-900:#1a202c}body{color:var(--gray-800);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.min-h-screen{min-height:100vh}.bg-gray-100{background-color:var(--gray-100)}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.bg-indigo-700{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--white)}.bg-indigo-800{background-color:#0003}button{cursor:pointer;transition:all .2s ease}button:focus{outline:none}.recharts-wrapper{margin:0 auto}.recharts-surface{overflow:visible}.recharts-legend-wrapper{padding:0!important}.recharts-default-legend{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;margin-top:10px!important}.recharts-legend-item{margin-right:20px!important}.recharts-bar-rectangle{opacity:.85}.recharts-bar-rectangle:hover{opacity:1}.recharts-tooltip-wrapper{z-index:10}.recharts-default-tooltip{background-color:var(--white)!important;border:1px solid var(--gray-300)!important;border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;padding:10px 14px!important}.recharts-tooltip-label{color:var(--gray-900)!important;font-weight:600!important;margin-bottom:6px!important}.recharts-tooltip-item{align-items:center!important;display:flex!important;padding:4px 0!important}.recharts-tooltip-item-name{margin-right:8px!important}.recharts-tooltip-item-separator{margin:0 4px!important}.chart-container{height:100%;min-height:300px;position:relative;width:100%}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--gray-300);stroke-dasharray:3 3}.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{fill:var(--gray-600);font-size:12px}.recharts-radar{fill-opacity:.6}.recharts-radar:hover{fill-opacity:.8}.recharts-polar-angle-axis-tick-value{fill:var(--gray-700);font-size:12px}.recharts-sector{stroke:var(--white);stroke-width:2;transition:opacity .3s}.recharts-sector:hover{opacity:.9}.recharts-line-curve{stroke-width:2.5}.recharts-line-dot{stroke-width:2;r:4}.recharts-line-dot:hover{r:6}.bg-white{background-color:var(--white);border-radius:8px;overflow:hidden}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease}.shadow-md:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.nav-tabs{border-bottom:none;display:flex}.nav-tab{border-top-left-radius:.5rem;border-top-right-radius:.5rem;font-weight:500;margin-right:.25rem;padding:.75rem 1.25rem;transition:all .3s ease}.nav-tab.active{background-color:var(--white);color:var(--primary)}.nav-tab:not(.active){color:var(--gray-200)}.nav-tab:not(.active):hover{background-color:#ffffff1a;color:var(--white)}.performance-circle{align-items:center;border-radius:50%;border-style:solid;border-width:4px;display:flex;font-size:1.25rem;font-weight:700;height:80px;justify-content:center;margin:0 auto;position:relative;width:80px}.performance-circle.correct{border-color:var(--success);color:var(--success)}.performance-circle.wrong{border-color:var(--danger);color:var(--danger)}.performance-circle.empty{border-color:var(--gray-400);color:var(--gray-600)}.fade-in{animation:fadeIn .4s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.metric-card{padding:1.5rem}.metric-card .title{color:var(--gray-500);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.metric-card .value{color:var(--primary);font-size:1.5rem;font-weight:700}.metric-card .subtitle{color:var(--gray-500);font-size:.875rem;margin-top:.5rem}@media (max-width:768px){.performance-circle{font-size:1rem;height:60px;width:60px}.chart-container{min-height:250px}.metric-card{padding:1rem}.metric-card .value{font-size:1.25rem}.nav-tab{font-size:.875rem;padding:.5rem .75rem}}@media print{body{background-color:var(--white)}.container{max-width:100%;padding:0;width:100%}.shadow-md{border:1px solid var(--gray-300);box-shadow:none}.chart-container{break-inside:avoid;height:300px!important;page-break-inside:avoid}.bg-indigo-700{background:var(--white);border-bottom:2px solid var(--gray-300);color:var(--gray-900)}.nav-tab{display:none}.nav-tab.active{background:none;border:none;color:var(--gray-900);display:block;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding:0}.performance-circle{border-width:2px}.recharts-surface,.recharts-wrapper{width:100%!important}}.h-64,.h-72,.h-80{height:auto;min-height:300px}.bar-success{fill:var(--success)}.bar-danger{fill:var(--danger)}.bar-light{fill:var(--gray-300)}.bar-primary{fill:var(--primary)}.bar-secondary{fill:var(--secondary)}.recharts-responsive-container{height:100%!important;min-height:300px;width:100%!important}.chart-legend{display:flex;justify-content:center;margin-top:1rem}.legend-item{align-items:center;display:flex;margin-right:1rem}.legend-color{border-radius:2px;height:12px;margin-right:4px;width:12px}.legend-text{color:var(--gray-600);font-size:.875rem}.star-ratings{display:flex;margin:.5rem 0}.star{color:var(--gray-300);margin-right:2px}.star.filled{color:var(--warning)}.card-title{border-bottom:1px solid var(--gray-200);color:var(--gray-800);font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.recommendation-card{background-color:var(--gray-100);border-left:4px solid var(--primary);border-radius:.375rem;margin-bottom:.75rem;padding:1rem}.recommendation-title{color:var(--primary-dark);font-weight:600;margin-bottom:.5rem}.recommendation-text{color:var(--gray-700);font-size:.875rem}.recharts-legend-item-text{color:var(--gray-700)!important;font-size:.75rem!important}.recharts-wrapper{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--gray-300)!important;stroke-dasharray:3 3!important}.recharts-cartesian-axis-line{stroke:var(--gray-400)!important;stroke-width:1!important}.recharts-text.recharts-cartesian-axis-tick-value{fill:var(--gray-600)!important;font-size:.75rem!important}.recharts-bar-rectangle,.recharts-dot,.recharts-sector{transition:all .2s ease!important}.recharts-bar-rectangle:hover,.recharts-dot:hover,.recharts-sector:hover{filter:brightness(.9)!important}.teacherheader-container{align-items:center;background:linear-gradient(135deg,#304e7a,#304e7a);border-radius:var(--border-radius);box-shadow:0 6px 20px #00000026;color:#fff;display:flex;justify-content:space-between;margin:1.25rem 2.5rem;padding:1.5rem 2rem;position:relative;transition:transform var(--transition-ease),box-shadow var(--transition-ease),background var(--transition-ease);z-index:1000}.teacherheader-container:hover{background:linear-gradient(135deg,#304e7a,#304e7a);box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.teacherheader-left,.teacherheader-right{align-items:center;display:flex}.teacherheader-right{gap:1.5rem}.teacherheader-user-info{align-items:center;display:flex;gap:.75rem}.teacherheader-icon{color:#fff;height:2.2rem;transition:transform var(--transition-ease),color var(--transition-ease);width:2.2rem}.teacherheader-icon:hover{color:#ffd699;transform:scale(1.15) rotate(-8deg)}.teacherheader-icon-container{align-items:center;background-color:#ffffff26;border-radius:.8rem;box-shadow:0 4px 10px #0000001a;display:flex;height:3rem;justify-content:center;transition:background-color var(--transition-ease),transform var(--transition-ease),box-shadow var(--transition-ease);width:3rem}.teacherheader-icon-container:hover{background-color:#ffffff40;box-shadow:0 6px 15px #0003;transform:scale(1.1)}.teacherheader-text{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 5px #0000004d;transition:color var(--transition-ease),text-shadow var(--transition-ease)}.teacherheader-text:hover{color:#f9f9f9;text-shadow:0 4px 10px #00000080}.teacherheader-date,.teacherheader-time{align-items:center;color:#fff;display:flex;font-size:1.05rem;font-weight:500;gap:.5rem;text-shadow:0 1px 3px #0000004d;transition:color var(--transition-ease),text-shadow var(--transition-ease)}.teacherheader-date:hover,.teacherheader-time:hover{color:#f0f0f0;text-shadow:0 3px 8px #0006}.teacherheader-notifications{position:relative}.teacherheader-notification-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex}.teacherheader-notification-button img{height:1.25rem;width:1.25rem}.teacherheader-notification-dropdown{background-color:#fff;border-radius:.5rem;box-shadow:0 .5rem 1rem #0000001a;color:#333;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.teacherheader-notification-dropdown li{cursor:pointer;font-size:1rem;padding:1rem}.teacherheader-notification-dropdown li:hover{background-color:#f0f0f0}@media (max-width:768px){.teacherheader-container{align-items:flex-start;flex-direction:column;margin:1rem;padding:1.25rem}.teacherheader-left,.teacherheader-right{justify-content:space-between;margin-bottom:.5rem;width:100%}.teacherheader-right{flex-direction:row;gap:1rem}.teacherheader-text{font-size:1.1rem}}@media (max-width:480px){.teacherheader-icon{height:2rem;width:2rem}.teacherheader-icon-container{height:2.5rem;width:2.5rem}.teacherheader-text{font-size:1rem}.teacherheader-container{padding:1rem}}:root{--sidebar-bg-color:#f8f8f8;--sidebar-text-color:#3b3b3b;--sidebar-hover-bg:#304e7a;--sidebar-hover-text:#fff;--border-color:#304e7a;--primary-color:var(--primary-color);--accent-color:var(--primary-color-dark);--shadow-color:#0000004d;--border-radius-large:2.5rem;--border-radius-small:0.3125rem}.teacher-dashboard-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:2.5rem;border-radius:var(--border-radius-large);box-shadow:0 4px 20px #0000004d;box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;margin:2.5% auto;min-height:65vh;padding:2.5%;position:relative;transition:box-shadow .3s ease;transition:box-shadow var(--transition-ease);width:85%}.teacher-dashboard-container:hover{box-shadow:0 6px 25px #0000004d;box-shadow:0 6px 25px var(--shadow-color)}.dashboard-message{color:#333;color:var(--text-color-dark);font-size:1.4rem;margin-bottom:2rem;text-align:center}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;width:100%}.dashboard-button{background-color:var(--primary-color);border:none;border-radius:2.5rem;border-radius:var(--border-radius-large);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1.125rem;padding:1rem 2rem;text-align:center;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease;width:70%}.dashboard-button:hover{background-color:#304e7a;background-color:var(--accent-color);transform:scale(1.05)}@media (max-width:768px){.teacher-dashboard-container{margin:3%;padding:4%;width:90%}.dashboard-message{font-size:1.3rem}.dashboard-button{font-size:1rem;padding:.875rem 1.75rem;width:90%}}@media (max-width:480px){.teacher-dashboard-container{margin:2%;padding:3%}.dashboard-message{font-size:1.2rem}.dashboard-button{font-size:.875rem;padding:.75rem 1.5rem;width:100%}}:root{--border-radius:1rem;--shadow-light:#00000014;--transition-ease:0.3s ease-in-out;--highlight-bg-hover:#cc7a00;--disabled-color:#e0e0e0;--disabled-text-color:#9e9e9e}.TeacherAttendanceModule-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:1rem;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;box-shadow:0 4px 20px var(--shadow-heavy);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--font-family);margin:3% auto;max-width:1080px;padding:2rem;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.TeacherAttendanceModule-container:hover{box-shadow:0 8px 30px #00000026;box-shadow:0 8px 30px var(--shadow-heavy);transform:translateY(-5px)}.TeacherAttendanceModule-title{color:#304e7a;color:var(--primary-color);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center;transition:color .3s ease-in-out;transition:color var(--transition-ease)}.TeacherAttendanceModule-title:hover{color:#304e7a;color:var(--primary-color-dark)}.TeacherAttendanceModule-header{align-items:center;background-color:#ffe0b2;background-color:var(--background-light);border-radius:1rem;border-radius:var(--border-radius);box-shadow:0 2px 10px #00000014;box-shadow:0 2px 10px var(--shadow-light);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.8rem 1rem;width:100%}.TeacherAttendanceModule-select{align-items:center;display:flex;margin-bottom:1.5rem;max-width:400px;width:100%}.TeacherAttendanceModule-select select{background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #304e7a;border:1px solid var(--primary-color);border-radius:1rem;border-radius:var(--border-radius);color:#333;color:var(--text-color-dark);font-size:1rem;padding:.8rem;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;transition:border-color var(--transition-ease),box-shadow var(--transition-ease);width:100%}.TeacherAttendanceModule-select select:focus,.TeacherAttendanceModule-select select:hover{border-color:#304e7a;border-color:var(--primary-color-dark);box-shadow:0 0 5px #304e7a;box-shadow:0 0 5px var(--primary-color)}.TeacherAttendanceModule-select svg{margin-right:.5rem}.TeacherAttendanceModule-summary{margin-top:1.5rem;width:100%}.TeacherAttendanceModule-summary h3{border-bottom:2px solid #304e7a;border-bottom:2px solid var(--primary-color);color:#222;color:var(--text-color-heading);font-size:1.2rem;font-weight:500;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.TeacherAttendanceModule-lesson-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.TeacherAttendanceModule-card{background-color:#ffe0b2;background-color:var(--background-light);border-radius:1rem;border-radius:var(--border-radius);box-shadow:0 3px 6px #00000014;box-shadow:0 3px 6px var(--shadow-light);cursor:pointer;max-width:140px;padding:1rem;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:100%}.TeacherAttendanceModule-card:hover{box-shadow:0 6px 12px #00000026;box-shadow:0 6px 12px var(--shadow-heavy);transform:scale(1.05)}.TeacherAttendanceModule-card-icon{color:#304e7a;color:var(--primary-color);font-size:1.8rem;margin-bottom:.5rem}.TeacherAttendanceModule-card-title{color:#333;color:var(--text-color-dark);font-size:1rem;font-weight:600;margin-bottom:.5rem}.TeacherAttendanceModule-card-button{background:#304e7a;background:var(--primary-color);border:none;border-radius:.5rem;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:background-color .3s ease-in-out,transform .2s;transition:background-color var(--transition-ease),transform .2s}.TeacherAttendanceModule-card-button:hover{background:#304e7a;background:var(--primary-color-dark);transform:translateY(-2px)}@media (max-width:768px){.TeacherAttendanceModule-header{flex-wrap:wrap;gap:.5rem;justify-content:center}.TeacherAttendanceModule-title{font-size:1.6rem}.TeacherAttendanceModule-card{max-width:120px;padding:.75rem}.TeacherAttendanceModule-card-title{font-size:.9rem}.TeacherAttendanceModule-card-button{font-size:.7rem;padding:.4rem .8rem}}@media (max-width:480px){.TeacherAttendanceModule-card{max-width:100px;padding:.5rem}.TeacherAttendanceModule-card-icon{font-size:1.5rem}.TeacherAttendanceModule-card-title{font-size:.8rem}.TeacherAttendanceModule-card-button{font-size:.6rem;padding:.3rem .6rem}}@media (min-width:1024px){.TeacherAttendanceModule-container{max-width:1100px;width:80%}}@media (min-width:1440px){.TeacherAttendanceModule-container{max-width:1200px;width:70%}}.teacher-homeworktracking-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:2rem;border-radius:var(--container-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:900px;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow var(--transition-ease),transform var(--transition-ease);width:90%}.teacher-homeworktracking-container:hover{box-shadow:0 6px 20px #00000040;box-shadow:0 6px 20px var(--shadow-heavy);transform:translateY(-5px)}.teacher-homeworktracking-container h1{color:#304e7a;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:2rem}.teacher-dashboard-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:1200px;width:100%}.teacher-homeworkview-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:1rem;border-radius:var(--container-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:900px;min-height:60vh;padding:2rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow var(--transition-ease),transform var(--transition-ease);width:90%}.teacher-homeworkview-container:hover{box-shadow:0 6px 20px #00000040;box-shadow:0 6px 20px var(--shadow-heavy);transform:translateY(-5px)}.teacher-homeworkview-container h1{color:#304e7a;color:var(--primary-color);font-size:1.75rem;margin-bottom:1.5rem}.teacher-homeworkview-table-container{margin-top:1.25rem;overflow-x:auto;width:100%}.teacher-homeworkview-table-container table{border-collapse:collapse;width:100%}.teacher-homeworkview-table-container td,.teacher-homeworkview-table-container th{border-bottom:1px solid #ddd;padding:.75rem;text-align:left}.teacher-homeworkview-table-container th{background-color:#304e7a;background-color:var(--primary-color);color:#fff;color:var(--secondary-color);font-size:1rem}.teacher-homeworkview-table-container tr:hover{background-color:#fff3e0}.teacher-homeworkview-table-container td{font-size:.95rem}.teacher-homeworkview-selected{background-color:#ffe0b2;border-left:.25rem solid #304e7a;border-left:.25rem solid var(--primary-color)}.teacher-homeworkview-delete-button,.teacher-homeworkview-edit-button{border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.9rem;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .3s ease;transition:background-color var(--transition-ease)}.teacher-homeworkview-edit-button{background-color:#304e7a;background-color:var(--primary-color)}.teacher-homeworkview-edit-button:hover{background-color:#304e7a;background-color:var(--accent-color)}.teacher-homeworkview-delete-button{background-color:#f44336}.teacher-homeworkview-delete-button:hover{background-color:#d32f2f}.teacher-homeworkview-delete-all-button{background-color:#f44336;border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;margin-top:1.25rem;padding:1rem 1.75rem;transition:background-color .3s ease;transition:background-color var(--transition-ease)}.teacher-homeworkview-delete-all-button:hover{background-color:#d32f2f}.teacher-homeworkview-continue-button,.teacher-homeworkview-go-back-button{border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;padding:1rem 1.5rem;position:absolute;top:1rem;transition:background-color .3s ease;transition:background-color var(--transition-ease)}.teacher-homeworkview-continue-button{background-color:#4caf50;right:1rem}.teacher-homeworkview-continue-button:hover{background-color:#388e3c}.teacher-homeworkview-go-back-button{background-color:#304e7a;background-color:var(--primary-color);left:1rem}.teacher-homeworkview-go-back-button:hover{background-color:#304e7a;background-color:var(--accent-color)}.teacher-homeworkview-pagination{align-items:center;display:flex;gap:.625rem;justify-content:center;margin-top:1.5rem}.teacher-homeworkview-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s ease;transition:background-color var(--transition-ease)}.teacher-homeworkview-pagination button.teacher-homeworkview-active{background-color:#304e7a;background-color:var(--accent-color)}.teacher-homeworkview-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.teacher-homeworkview-confirmation-modal{background-color:#fff;background-color:var(--background-color);border-radius:1rem;border-radius:var(--container-radius);box-shadow:0 4px 20px #0003;left:50%;max-width:90%;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.teacher-homeworkview-confirmation-modal p{color:#333;font-size:1.1rem;margin-bottom:1rem}.teacher-homeworkview-confirmation-modal button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.9rem;margin:0 .5rem;padding:.75rem 1.5rem;transition:background-color .3s ease;transition:background-color var(--transition-ease)}.teacher-homeworkview-confirmation-modal button:hover{background-color:#304e7a;background-color:var(--accent-color)}@media (max-width:768px){.teacher-homeworkview-container{padding:1.5rem}.teacher-homeworkview-continue-button,.teacher-homeworkview-delete-all-button,.teacher-homeworkview-go-back-button{font-size:.9rem;padding:.75rem 1.25rem}.teacher-homeworkview-confirmation-modal button{font-size:.875rem;margin:.25rem 0;padding:.5rem 1rem;width:100%}}@media (max-width:480px){.teacher-homeworkview-container{padding:1rem}.teacher-homeworkview-continue-button,.teacher-homeworkview-delete-all-button,.teacher-homeworkview-go-back-button{font-size:.875rem;padding:.75rem 1rem;width:100%}}:root{--container-radius:1rem;--button-radius:0.5rem}.teacher-homeworkcheck-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:1rem;border-radius:var(--container-radius);box-shadow:0 8px 16px #0000001a;box-shadow:0 8px 16px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:900px;min-height:60vh;padding:2rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow var(--transition-ease),transform var(--transition-ease);width:90%}.teacher-homeworkcheck-container:hover{box-shadow:0 12px 24px #00000040;box-shadow:0 12px 24px var(--shadow-heavy);transform:translateY(-5px)}.teacher-homeworkcheck-container h1{color:#304e7a;color:var(--primary-color);font-size:1.75rem;margin-bottom:1.5rem}.teacher-homeworkcheck-filters{display:flex;gap:2rem;margin-bottom:2rem;max-width:800px;width:100%}.teacher-homeworkcheck-filters div{display:flex;flex:1 1;flex-direction:column}.teacher-homeworkcheck-filters label{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.teacher-homeworkcheck-filters input,.teacher-homeworkcheck-filters select{background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #304e7a;border:1px solid var(--input-border);border-radius:.5rem;border-radius:var(--button-radius);color:#333;font-size:1rem;padding:.8rem;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-ease),box-shadow var(--transition-ease)}.teacher-homeworkcheck-filters input:focus,.teacher-homeworkcheck-filters input:hover,.teacher-homeworkcheck-filters select:focus,.teacher-homeworkcheck-filters select:hover{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 5px #ff980066;box-shadow:0 0 5px var(--input-focus-shadow)}.teacher-homeworkcheck-assignment-item{background-color:#ffe0b2;background-color:var(--background-light);border-radius:1rem;border-radius:var(--container-radius);box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-light);margin-bottom:1.5rem;max-width:800px;padding:1rem;transition:box-shadow .3s ease,transform .2s ease;transition:box-shadow var(--transition-ease),transform .2s ease;width:100%}.teacher-homeworkcheck-assignment-item:hover{box-shadow:0 4px 10px #00000040;box-shadow:0 4px 10px var(--shadow-heavy);transform:translateY(-2px)}.teacher-homeworkcheck-assignment-item h3{color:#333;cursor:pointer;font-size:1.2rem;font-weight:600}.teacher-homeworkcheck-assignment-item h3:hover{color:#304e7a;color:var(--accent-color)}.teacher-homeworkcheck-student-list-container{margin-top:1rem}.teacher-homeworkcheck-search-bar{margin-bottom:1rem}.teacher-homeworkcheck-search-bar input{background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #304e7a;border:1px solid var(--input-border);border-radius:.5rem;border-radius:var(--button-radius);color:#333;font-size:1rem;padding:.6rem;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-ease),box-shadow var(--transition-ease);width:100%}.teacher-homeworkcheck-search-bar input:focus,.teacher-homeworkcheck-search-bar input:hover{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 5px #ff980066;box-shadow:0 0 5px var(--input-focus-shadow)}.teacher-homeworkcheck-select-all-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-light);color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.teacher-homeworkcheck-select-all-button:hover{background-color:#304e7a;background-color:var(--accent-color);transform:scale(1.05)}.teacher-homeworkcheck-select-all-button:active{box-shadow:0 1px 3px #0000001a;box-shadow:0 1px 3px var(--shadow-light);transform:scale(1)}.teacher-homeworkcheck-student-list{display:flex;flex-direction:column;gap:.5rem}.teacher-homeworkcheck-student-item{align-items:center;background-color:#fff;border-radius:.5rem;border-radius:var(--button-radius);box-shadow:0 1px 3px #0000001a;box-shadow:0 1px 3px var(--shadow-light);display:flex;gap:1rem;padding:.6rem;transition:box-shadow .3s ease,transform .2s ease;transition:box-shadow var(--transition-ease),transform .2s ease}.teacher-homeworkcheck-student-item:hover{box-shadow:0 3px 6px #00000040;box-shadow:0 3px 6px var(--shadow-heavy);transform:translateY(-1px)}.teacher-homeworkcheck-switch{display:inline-block;height:30px;position:relative;width:60px}.teacher-homeworkcheck-switch input{height:0;opacity:0;width:0}.teacher-homeworkcheck-slider{background-color:#dc3545;background-color:var(--absent-color);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.teacher-homeworkcheck-slider:before{background-color:#fff;border-radius:50%;bottom:3px;color:#dc3545;color:var(--absent-color);content:"Yok";font-size:12px;font-weight:700;height:24px;left:4px;line-height:24px;position:absolute;text-align:center;transition:.4s;width:24px}.teacher-homeworkcheck-switch input:checked+.teacher-homeworkcheck-slider{background-color:#28a745;background-color:var(--present-color)}.teacher-homeworkcheck-switch input:checked+.teacher-homeworkcheck-slider:before{color:#28a745;color:var(--present-color);content:"Var";transform:translateX(28px)}.teacher-homeworkcheck-save-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.teacher-homeworkcheck-save-button:hover{background-color:#304e7a;background-color:var(--accent-color);transform:scale(1.05)}.teacher-homeworkcheck-save-button:active{box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-light);transform:scale(1)}.teacher-homeworkcheck-pagination{align-items:center;display:flex;gap:.625rem;justify-content:center;margin-top:1.5rem}.teacher-homeworkcheck-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s ease;transition:background-color var(--transition-ease)}.teacher-homeworkcheck-pagination button.teacher-homeworkcheck-active{background-color:#304e7a;background-color:var(--accent-color)}.teacher-homeworkcheck-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.teacher-homeworkcheck-back-button{background-color:#304e7a;background-color:var(--primary-color);border:none;bottom:1rem;color:#fff;font-size:1rem;font-weight:600;left:1.5rem;padding:1rem 1.75rem;position:absolute;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;transition:background-color var(--transition-ease),box-shadow var(--transition-ease),transform .2s ease}.teacher-homeworkcheck-back-button:hover{background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 5px 12px #00000026;transform:translateY(-2px)}.teacher-homeworkcheck-back-button:active{box-shadow:0 2px 4px #00000026;transform:translateY(0)}.teacher-homeworkcheck-confirmation-modal{background-color:#fff;border-radius:1rem;border-radius:var(--container-radius);box-shadow:0 4px 20px #0003;left:50%;max-width:90%;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.teacher-homeworkcheck-confirmation-modal p{color:#333;font-size:1.1rem;margin-bottom:1rem}.teacher-homeworkcheck-confirmation-modal button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--button-radius);color:#fff;cursor:pointer;font-size:.9rem;margin:0 .5rem;padding:.75rem 1.5rem;transition:background-color .3s ease;transition:background-color var(--transition-ease)}.teacher-homeworkcheck-confirmation-modal button:hover{background-color:#304e7a;background-color:var(--accent-color)}@media (max-width:768px){.teacher-homeworkcheck-container{padding:1.5rem}.teacher-homeworkcheck-continue-button,.teacher-homeworkcheck-delete-all-button,.teacher-homeworkcheck-go-back-button{font-size:.9rem;padding:.75rem 1.25rem}.teacher-homeworkcheck-confirmation-modal button{font-size:.875rem;margin:.25rem 0;padding:.5rem 1rem;width:100%}}@media (max-width:480px){.teacher-homeworkcheck-container{padding:1rem}.teacher-homeworkcheck-continue-button,.teacher-homeworkcheck-delete-all-button,.teacher-homeworkcheck-go-back-button{font-size:.875rem;padding:.75rem 1rem;width:100%}}@media (min-width:1024px){.teacher-homeworkcheck-container{max-width:1100px;width:80%}}@media (min-width:1440px){.teacher-homeworkcheck-container{max-width:1200px;width:70%}}.teacher-classselection-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:1.5rem;border-radius:var(--container-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:1.5rem auto;max-width:800px;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow var(--transition-ease),transform .3s ease;width:85%}.teacher-classselection-container:hover{box-shadow:0 6px 18px #00000040;box-shadow:0 6px 18px var(--shadow-heavy);transform:translateY(-3px)}.teacher-classselection-container h1{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.teacher-classselection-container h1:hover{color:#333}.teacher-classselection-form-group{margin-bottom:1.5rem;width:100%}.teacher-classselection-input-field{background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #304e7a;border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--button-radius);box-shadow:0 2px 4px #0000000d;color:#333;font-size:1rem;margin-bottom:1.5rem;padding:.8rem;transition:border-color .3s ease,background-color .3s ease;transition:border-color var(--transition-ease),background-color var(--transition-ease);width:100%}.teacher-classselection-input-field:focus,.teacher-classselection-input-field:hover{background-color:#f0f0f0;border-color:#fff;border-color:var(--secondary-color);box-shadow:0 0 6px #ff980066;box-shadow:0 0 6px var(--input-focus-shadow)}.teacher-classselection-section-select{background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #304e7a;border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--button-radius);font-size:1rem;padding:.8rem;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-ease),background-color var(--transition-ease),box-shadow var(--transition-ease);width:100%}.teacher-classselection-section-select:focus,.teacher-classselection-section-select:hover{background-color:#f0f0f0;border-color:#fff;border-color:var(--secondary-color);box-shadow:0 0 6px #ff980066;box-shadow:0 0 6px var(--input-focus-shadow)}.teacher-classselection-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.teacher-classselection-checkbox-label{align-items:center;background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #304e7a;border:1px solid var(--input-border);border-radius:1rem;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:.4rem;padding:.5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease;transition:background-color var(--transition-ease),box-shadow var(--transition-ease)}.teacher-classselection-checkbox-label:hover{background-color:#f0f0f0;box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-light)}.teacher-classselection-checkbox-label input[type=checkbox]{accent-color:#fff;accent-color:var(--secondary-color);cursor:pointer;height:1.2rem;transition:transform .2s ease;width:1.2rem}.teacher-classselection-checkbox-label input[type=checkbox]:checked{transform:scale(1.1)}.teacher-classselection-go-back-button,.teacher-classselection-submit-button{border-radius:1.5rem;border-radius:var(--button-radius);box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-light);cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;transition:background-color var(--transition-ease),box-shadow var(--transition-ease),transform .2s ease}.teacher-classselection-submit-button{background-color:#ccc!important;border:none;color:#fff!important;font-size:1rem;font-weight:600;padding:1rem 2rem;position:absolute;right:1.5rem;top:1rem;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-ease),color var(--transition-ease)}.teacher-classselection-submit-button:enabled{background-color:#fff!important;background-color:var(--secondary-color)!important;color:#43a047!important}.teacher-classselection-submit-button:hover:enabled{background-color:#43a047!important;box-shadow:0 5px 10px #00000040!important;box-shadow:0 5px 10px var(--shadow-heavy)!important;transform:translateY(-2px)}.teacher-classselection-submit-button:disabled{background-color:#ccc!important;color:#fff!important;cursor:not-allowed}.teacher-classselection-go-back-button{background-color:#304e7a;background-color:var(--primary-color);border:none;color:#fff;font-size:1rem;font-weight:600;left:1.5rem;padding:1rem 2rem;position:absolute;top:1rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;transition:background-color var(--transition-ease),box-shadow var(--transition-ease),transform .2s ease}.teacher-classselection-go-back-button:hover{background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 5px 10px #00000040;box-shadow:0 5px 10px var(--shadow-heavy);transform:translateY(-2px)}@media (max-width:768px){.teacher-classselection-container{margin:1.25rem;padding:1.5rem;width:100%}.teacher-classselection-go-back-button,.teacher-classselection-submit-button{font-size:.9rem;padding:.75rem 1.5rem}.teacher-classselection-row{flex-direction:column;gap:1.5rem}}@media (max-width:480px){.teacher-classselection-container{margin:1rem;padding:1rem;width:100%}.teacher-classselection-go-back-button,.teacher-classselection-submit-button{font-size:.85rem;padding:.75rem 1.25rem;width:100%}}:root{--container-radius:2rem}.teacher-studentselection-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:2rem;border-radius:var(--container-radius);box-shadow:0 6px 15px #0000001a;box-shadow:0 6px 15px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:900px;min-height:60vh;padding:2.5rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow var(--transition-ease),transform var(--transition-ease);width:85%}.teacher-studentselection-container:hover{box-shadow:0 8px 25px #00000040;box-shadow:0 8px 25px var(--shadow-heavy);transform:translateY(-3px)}.teacher-studentselection-container h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;transition:color .3s ease;transition:color var(--transition-ease)}.teacher-studentselection-container h1:hover{color:#304e7a}.teacher-studentselection-actions{display:flex;justify-content:flex-end;margin-bottom:1rem;width:100%}.teacher-studentselection-selectall-button{background-color:#304e7a;border:none;border-radius:1rem;box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.teacher-studentselection-selectall-button:hover{background-color:#cc7a00;transform:translateY(-2px)}.teacher-studentselection-selectall-button:disabled{background-color:#ccc;cursor:not-allowed}.teacher-studentselection-list-container{background-color:#f9f9f9;border:1px solid #304e7a;border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--button-radius);height:300px;overflow-y:auto;padding:1rem;width:100%}.teacher-studentselection-list-container::-webkit-scrollbar{width:10px}.teacher-studentselection-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.teacher-studentselection-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.teacher-studentselection-list-container::-webkit-scrollbar-thumb:hover{background:#555}.teacher-studentselection-item{align-items:center;background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #0000;border-radius:1.5rem;border-radius:var(--button-radius);cursor:pointer;display:flex;margin-bottom:.5rem;padding:.75rem 1rem;transition:background-color .3s ease,box-shadow .3s ease;transition:background-color var(--transition-ease),box-shadow var(--transition-ease);width:100%}.teacher-studentselection-item:hover{background-color:#ffe0b2;box-shadow:0 4px 12px #0000001a}.teacher-studentselection-item.selected{background-color:#ffe0b2;border:2px solid #304e7a}.teacher-studentselection-item label{color:#333;font-size:1rem;font-weight:500;margin-left:.5rem}.teacher-studentselection-switch{display:inline-block;height:30px;position:relative;width:60px}.teacher-studentselection-switch input{height:0;opacity:0;width:0}.teacher-studentselection-slider{background-color:#dc3545;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.teacher-studentselection-slider:before{background-color:#fff;background-color:var(--secondary-color);border-radius:50%;bottom:3px;color:#dc3545;content:"Yok";font-size:12px;font-weight:700;height:24px;left:4px;line-height:24px;position:absolute;text-align:center;transition:.4s;width:24px}.teacher-studentselection-switch input:checked+.teacher-studentselection-slider{background-color:#28a745}.teacher-studentselection-switch input:checked+.teacher-studentselection-slider:before{color:#28a745;content:"Ata";transform:translateX(28px)}.teacher-studentselection-button-container{display:flex;gap:1rem;margin-top:1.5rem}.teacher-studentselection-submit-button{background-color:#304e7a;border:none;color:#fff;color:var(--secondary-color);font-size:1rem;font-weight:600;padding:1rem 1.75rem;position:absolute;right:1rem;top:1rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;transition:background-color var(--transition-ease),box-shadow var(--transition-ease),transform .2s ease}.teacher-studentselection-submit-button:hover{background-color:#cc7a00;box-shadow:0 5px 12px #00000026;transform:translateY(-2px)}.teacher-studentselection-submit-button:disabled{background-color:#ccc;color:#777;cursor:not-allowed}.teacher-studentselection-back-button{background-color:#304e7a;border:none;color:#fff;color:var(--secondary-color);font-size:1rem;font-weight:600;left:1rem;padding:1rem 1.75rem;position:absolute;top:1rem;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;transition:background-color var(--transition-ease),box-shadow var(--transition-ease),transform .2s ease}.teacher-studentselection-back-button:hover{background-color:#304e7a;box-shadow:0 5px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.teacher-studentselection-container{margin:1.5rem;padding:1.5rem;width:100%}.teacher-studentselection-back-button,.teacher-studentselection-submit-button{font-size:.9rem;padding:.75rem 1.5rem}.teacher-studentselection-item{padding:.6rem}.teacher-studentselection-container h1{font-size:1.5rem}}@media (max-width:480px){.teacher-studentselection-container{margin:1rem;padding:1rem;width:100%}.teacher-studentselection-back-button,.teacher-studentselection-submit-button{font-size:.85rem;padding:.75rem 1.25rem;width:100%}.teacher-studentselection-item{font-size:.875rem;padding:.5rem}}@media (min-width:1024px){.teacher-studentselection-container{max-width:950px;width:80%}}@media (min-width:1440px){.teacher-studentselection-container{max-width:1150px;width:70%}.teacher-studentselection-back-button,.teacher-studentselection-submit-button{font-size:1.25rem;padding:1rem 2.5rem}}:root{--button-radius:1.5rem}.teacher-homeworkassign-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:1.5rem;border-radius:var(--container-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;max-width:900px;min-height:60vh;padding:2rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow var(--transition-ease),transform var(--transition-ease);width:85%}.teacher-homeworkassign-container:hover{box-shadow:0 6px 18px #00000040;box-shadow:0 6px 18px var(--shadow-heavy);transform:translateY(-3px)}@media (max-width:768px){.teacher-homeworkassign-container{margin:1.5rem;padding:1.5rem;width:95%}}@media (max-width:480px){.teacher-homeworkassign-container{margin:1rem;padding:1rem;width:100%}}.teacher-guidancemodule-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:2rem;box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:90%}.teacher-guidancemodule-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-5px)}.teacher-guidancemodule-header h1{color:#304e7a;color:var(--primary-color);font-size:2rem;font-weight:700;margin:0;text-align:center}.teacher-guidancemodule-header h1:hover{color:#304e7a;color:var(--primary-color-hover)}.teacher-guidancemodule-student-list{margin-top:1.25rem;width:100%}.teacher-guidancemodule-student-list table{border-collapse:initial;border-spacing:0 .75rem;width:100%}.teacher-guidancemodule-student-list td,.teacher-guidancemodule-student-list th{color:#333;font-size:1rem;padding:.8rem 1.2rem;text-align:center}.teacher-guidancemodule-student-list th{color:#304e7a;color:var(--primary-color);font-weight:600}.teacher-guidancemodule-student-item td{background-color:#f9f9f9;border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 1px 3px #0000001a;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease}.teacher-guidancemodule-student-item td:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-3px)}.teacher-guidancemodule-student-item td:last-child{align-items:center;display:flex;gap:.5rem;justify-content:center}.teacher-guidancemodule-note-button,.teacher-guidancemodule-profile-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:1px solid #304e7a;border:1px solid var(--primary-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 3px 6px #0000001a;color:#fff;color:var(--secondary-color);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.3rem;padding:.5rem 1.2rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,transform .2s ease,box-shadow var(--transition-speed) ease}.teacher-guidancemodule-note-button:hover,.teacher-guidancemodule-profile-button:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);box-shadow:0 4px 10px #00000026;color:#304e7a;color:var(--primary-color);transform:scale(1.05)}.teacher-guidancemodule-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.teacher-guidancemodule-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.4rem;box-shadow:0 2px 5px #0000001a;color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:.4rem .8rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,transform .2s ease,box-shadow var(--transition-speed) ease}.teacher-guidancemodule-pagination button:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);color:#304e7a;color:var(--primary-color);transform:scale(1.08)}.teacher-guidancemodule-pagination button.active{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 3px 8px #00000026}.teacher-guidancemodule-pagination button:disabled{background-color:#ccc;background-color:var(--disabled-color);color:#666;color:var(--disabled-text-color);cursor:not-allowed}@media (max-width:768px){.teacher-guidancemodule-container{margin:1.25rem;padding:1.25rem;width:100%}.teacher-guidancemodule-header{align-items:flex-start;flex-direction:column}.teacher-guidancemodule-pagination button{font-size:.75rem;padding:.3rem .6rem}}@media (max-width:480px){.teacher-guidancemodule-container{margin:1rem;padding:1rem;width:100%}.teacher-guidancemodule-header h1{font-size:1.8rem}.teacher-guidancemodule-student-item td{padding:.625rem}.teacher-guidancemodule-pagination button{font-size:.7rem;padding:.25rem .5rem}}@media (min-width:1024px){.teacher-guidancemodule-container{max-width:1200px;width:80%}}@media (min-width:1440px){.teacher-guidancemodule-container{max-width:1500px;width:70%}}:root{--background-light:#fefefe}.teacher-noteadd-container{align-items:center;background-color:#fff;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 4px 15px #0000001a;box-shadow:0 4px 15px var(--shadow-color);display:flex;flex-direction:column;margin:3% auto;max-height:80vh;min-height:60vh;overflow-y:auto;padding:3%;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:90%}.teacher-noteadd-container:hover{box-shadow:0 6px 20px #0000001a;box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-5px)}.teacher-noteadd-container h1{color:#304e7a;color:var(--primary-color);font-size:1.85rem;font-weight:700;margin:1.5rem 0;text-align:center;transition:color .3s ease;transition:color var(--transition-speed) ease}.teacher-noteadd-container h1:hover{color:#304e7a;color:var(--accent-color)}.teacher-noteadd-content,.teacher-noteadd-title{border:1px solid var(--input-border);border-radius:1.5rem;border-radius:var(--radius-small);box-shadow:inset 0 1px 3px #0000000d;font-size:1rem;margin-bottom:1rem;padding:.85rem;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:95%}.teacher-noteadd-content:focus,.teacher-noteadd-title:focus{border-color:#304e7a;border-color:var(--primary-color);box-shadow:0 0 8px #ff980033;outline:none}.teacher-noteadd-content{height:150px;resize:none}.teacher-noteadd-buttons{display:flex;justify-content:space-between;padding-top:1rem;width:100%}.teacher-noteadd-back-button,.teacher-noteadd-save-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 3px 6px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,transform .2s ease,box-shadow var(--transition-speed) ease}.teacher-noteadd-back-button:hover:not(:disabled),.teacher-noteadd-save-button:hover:not(:disabled){background-color:#304e7a;background-color:var(--accent-color);box-shadow:0 4px 10px #00000026;transform:scale(1.05)}.teacher-noteadd-back-button:disabled,.teacher-noteadd-save-button:disabled{background-color:#ccc;background-color:var(--disabled-color);box-shadow:none;color:#666;cursor:not-allowed}.teacher-noteadd-back-button{margin-left:1.5rem;margin-right:auto}.teacher-noteadd-save-button{margin-left:auto;margin-right:1.5rem}.teacher-noteadd-container small{color:#666;display:block;font-size:.85rem;margin-bottom:.5rem;text-align:right;width:95%}@media (max-width:768px){.teacher-noteadd-container{width:95%}.teacher-noteadd-content,.teacher-noteadd-title{font-size:.9rem;padding:.7rem}.teacher-noteadd-back-button,.teacher-noteadd-save-button{font-size:.85rem;padding:.75rem 1.25rem}}@media (max-width:480px){.teacher-noteadd-container{width:100%}.teacher-noteadd-content,.teacher-noteadd-title{font-size:.85rem;padding:.6rem}.teacher-noteadd-back-button,.teacher-noteadd-save-button{font-size:.8rem;padding:.65rem 1.15rem}}@media (min-width:1024px){.teacher-noteadd-container{max-width:1200px;width:80%}}@media (min-width:1440px){.teacher-noteadd-container{max-width:1500px;width:70%}}:root{--note-bg-color:#fafafa;--transition-speed:0.3s;--radius-large:3.75rem;--radius-small:1.5rem;--text-color-light:#666}.teacher-profilepage-container{align-items:center;background-color:#fff;border-radius:3.75rem;border-radius:var(--radius-large);box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;margin:2.5% auto;min-height:70vh;padding:2.5%;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:90%}.teacher-profilepage-container:hover{box-shadow:0 6px 25px #0000001a;box-shadow:0 6px 25px var(--shadow-color);transform:translateY(-4px)}.teacher-profilepage-container h1{color:#304e7a;color:var(--primary-color);font-size:1.85rem;font-weight:700;margin-bottom:2rem;margin-top:2rem;text-align:center;transition:color .3s ease;transition:color var(--transition-speed) ease}.teacher-profilepage-container h1:hover{color:var(--accent-color)}.teacher-profilepage-search-bar{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem .625rem #0000001a;display:flex;margin-bottom:1.5rem;max-width:18.75rem;padding:1rem;width:100%}.teacher-profilepage-search-bar .search-icon{color:#304e7a;color:var(--primary-color);font-size:1.25rem}.teacher-profilepage-search-bar .search-input{border:none;font-size:1rem;margin-left:.625rem;outline:none;width:100%}@media (max-width:768px){.teacher-profilepage-search-bar{max-width:100%;padding:.75rem}.teacher-profilepage-search-bar .search-input{font-size:.875rem;margin-left:.5rem}}@media (max-width:480px){.teacher-profilepage-search-bar{max-width:100%;padding:.5rem}.teacher-profilepage-search-bar .search-input{font-size:.75rem;margin-left:.375rem}}.teacher-profilepage-notes{display:flex;flex-direction:column;gap:1.5rem;width:100%}.teacher-profilepage-note{background-color:#fafafa;background-color:var(--note-bg-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:inset 0 2px 8px #0000001a;box-shadow:inset 0 2px 8px var(--shadow-color);padding:1.2rem;position:relative;transition:transform .2s ease,box-shadow .3s ease}.teacher-profilepage-note:hover{box-shadow:0 4px 15px #0000001a;transform:scale(1.02)}.teacher-profilepage-note-title{border-left:4px solid #304e7a;border-left:4px solid var(--primary-color);color:#304e7a;color:var(--primary-color);font-size:1.2rem;font-weight:500;margin-bottom:.5rem;padding-left:.5rem}.teacher-profilepage-note-content{color:#333;color:var(--text-color-dark);font-size:1rem;line-height:1.6;margin-bottom:1rem}.teacher-profilepage-container .error-message{color:#d32f2f;font-size:1rem;font-weight:700;margin:1rem 0;text-align:center}.teacher-profilepage-container .loading-message{color:#666;color:var(--text-color-light);font-size:1rem;margin:1rem 0;text-align:center}.teacher-profilepage-back-button{align-items:center;background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;margin-top:2rem;padding:.75rem 1.5rem;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease}.teacher-profilepage-back-button:hover{background-color:var(--accent-color);box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.teacher-profilepage-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.teacher-profilepage-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.4rem;box-shadow:0 2px 5px #0000001a;color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:.4rem .8rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,transform .2s ease,box-shadow var(--transition-speed) ease}.teacher-profilepage-pagination button:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);color:#304e7a;color:var(--primary-color);transform:scale(1.08)}.teacher-profilepage-pagination button.active{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 3px 8px #00000026}.teacher-profilepage-pagination button:disabled{background-color:#ccc;background-color:var(--disabled-color);color:#666;color:var(--disabled-text-color);cursor:not-allowed}@media (max-width:768px){.teacher-profilepage-container{width:95%}.teacher-profilepage-note-content{font-size:.9rem}.teacher-profilepage-back-button{font-size:.85rem;padding:.75rem 1.25rem}.teacher-profilepage-pagination button{font-size:.75rem;padding:.3rem .6rem}}@media (max-width:480px){.teacher-profilepage-container{width:100%}.teacher-profilepage-note-content{font-size:.85rem}.teacher-profilepage-back-button{font-size:.75rem;padding:.65rem 1.15rem}.teacher-profilepage-pagination button{font-size:.7rem;padding:.25rem .5rem}}@media (min-width:1024px){.teacher-profilepage-container{max-width:1200px;width:80%}}@media (min-width:1440px){.teacher-profilepage-container{max-width:1500px;width:70%}}.teacher-search-bar{align-items:center;background-color:#fff;border-radius:3.75rem;box-shadow:0 .125rem .625rem #0000001a;display:flex;max-width:18.75rem;padding:1rem;width:100%}.teacher-search-bar input{border:none;font-size:1rem;margin-left:.625rem;outline:none;width:100%}.search-icon{color:#3f51b5;font-size:1.5rem}@media (max-width:768px){.teacher-search-bar{max-width:100%;padding:.75rem}.teacher-search-bar input{font-size:.875rem;margin-left:.5rem}.search-icon{font-size:1.3rem}}@media (max-width:480px){.teacher-search-bar{max-width:100%;padding:.5rem}.teacher-search-bar input{font-size:.75rem;margin-left:.375rem}.search-icon{font-size:1.2rem}}:root{--primary-color-light:#ffb74d;--accent-color:#304e7a;--background-light:#ffe0b2;--background-color:#fff;--error-color:#e57373;--input-border:#304e7a;--input-focus-shadow:#ff980066;--container-radius:1.5rem;--button-radius:1rem;--shadow-heavy:#00000040}.teacher-student-list-container{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.teacher-student-list-container:hover{box-shadow:0 6px 20px #00000040;box-shadow:0 6px 20px var(--shadow-heavy);transform:translateY(-5px)}.teacher-student-list-container h1{color:#304e7a;color:var(--primary-color);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center;transition:color .3s ease;transition:color var(--transition-ease)}.teacher-student-list-container h1:hover{color:#304e7a;color:var(--accent-color)}.teacher-student-list-filter{align-items:center;display:flex;font-size:1rem;gap:1rem;margin-bottom:1.5rem}.teacher-student-list-filter label{color:#333;font-weight:500}.teacher-student-list-filter select{background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #304e7a;border:1px solid var(--input-border);border-radius:1rem;border-radius:var(--button-radius);color:#333;cursor:pointer;outline:none;padding:.5rem 1rem;transition:border-color .3s ease,background-color .3s ease;transition:border-color var(--transition-ease),background-color var(--transition-ease)}.teacher-student-list-filter select:focus,.teacher-student-list-filter select:hover{background-color:#fff;background-color:var(--background-color);border-color:#304e7a;border-color:var(--primary-color)}.teacher-student-list-section-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.teacher-student-list-section-checkboxes label{align-items:center;background-color:#ffe0b2;background-color:var(--background-light);border:1px solid #0000;border-radius:.8rem;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.4rem .6rem;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease;transition:background-color var(--transition-ease),box-shadow var(--transition-ease),color var(--transition-ease)}.teacher-student-list-section-checkboxes label:hover{background-color:#ffe0b2;box-shadow:0 2px 6px #0000001a}.teacher-student-list-section-checkboxes input[type=checkbox]{accent-color:#304e7a;accent-color:var(--primary-color);cursor:pointer;height:1rem;width:1rem}.teacher-student-list-table{margin-top:1rem;width:100%}.teacher-student-list-table table{border-collapse:initial;border-spacing:0 .8rem;width:100%}.teacher-student-list-table td,.teacher-student-list-table th{padding:.8rem 1.2rem;text-align:center;vertical-align:middle}.teacher-student-list-table th{border-radius:.8rem;color:#304e7a;color:var(--primary-color);font-size:1rem;font-weight:600}.teacher-student-list-table td,.teacher-student-list-table th{background-color:#ffe0b2;background-color:var(--background-light)}.teacher-student-list-table td{border-radius:1.25rem;box-shadow:0 1px 4px #00000014;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow var(--transition-ease),transform var(--transition-ease)}.teacher-student-list-table td:hover{box-shadow:0 4px 10px #0000001f;transform:translateY(-3px)}.teacher-student-list-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.teacher-student-list-pagination button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:.3rem;color:#fff;color:var(--secondary-color);cursor:pointer;font-size:.875rem;padding:.4rem .75rem;transition:background-color .3s ease,transform .3s ease;transition:background-color var(--transition-ease),transform var(--transition-ease)}.teacher-student-list-pagination button.active{background-color:#304e7a;background-color:var(--accent-color);transform:scale(1.1)}.teacher-student-list-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.teacherstudentclassselection-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--font-family);margin:2rem auto;max-width:800px;min-height:50vh;padding:2rem;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:90%}.teacherstudentclassselection-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.teacherstudentclassselection-container h1{color:#304e7a;color:var(--primary-color);font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;text-align:center;transition:color .25s ease;transition:color var(--transition-speed)}.teacherstudentclassselection-container h1:hover{color:#304e7a;color:var(--primary-color-hover)}.teacherstudentclassselection-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;width:100%}.form-group{display:flex;flex-direction:column;max-width:300px;width:100%}.form-group label{color:#333;color:var(--text-color);font-family:Roboto,sans-serif;font-family:var(--font-family);font-weight:600;margin-bottom:.5rem}.input-field{border:1px solid #ccc;border:1px solid var(--disabled-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);font-size:1rem;outline:none;padding:.75rem 1rem;transition:box-shadow .25s ease,transform .25s ease;transition:box-shadow var(--transition-speed),transform var(--transition-speed)}.input-field:focus{box-shadow:0 0 0 2px #ffe0b2;box-shadow:0 0 0 2px var(--highlight-bg);transform:translateY(-1px)}.error-message{align-items:center;color:#d32f2f;color:var(--error-color);display:flex;font-size:.875rem;margin-top:.5rem}.error-message .warning-icon{font-size:1.2rem;margin-right:.5rem}.go-back-button,.submit-button{border:none;border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-light);cursor:pointer;font-size:1rem;font-weight:500;margin:.5rem;padding:.75rem 1.5rem;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.submit-button{background-color:#304e7a;background-color:var(--primary-color);color:#fff;color:var(--secondary-color)}.submit-button:hover{background-color:#304e7a;background-color:var(--primary-color-hover);box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}.submit-button:disabled{color:#666;color:var(--disabled-text-color);cursor:not-allowed;transform:none}.go-back-button,.submit-button:disabled{background-color:#ccc;background-color:var(--disabled-color)}.go-back-button{color:#333;color:var(--text-color)}.go-back-button:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}@media (max-width:768px){.teacherstudentclassselection-container{margin:1.5rem auto;padding:1.5rem}.teacherstudentclassselection-row{gap:1rem}.form-group{max-width:100%}.go-back-button,.submit-button{font-size:.9rem;padding:.6rem 1rem}}@media (max-width:480px){.teacherstudentclassselection-container{padding:1rem}.teacherstudentclassselection-container h1{font-size:1.5rem}.go-back-button,.submit-button{font-size:.85rem;padding:.5rem .8rem}}:root{--primary-color-hover:#304e7a;--background-color:#fefefe;--shadow-color:#0000001a;--highlight-bg:#ffe0b2;--highlight-bg-hover:#ffebcc;--disabled-color:#ccc;--disabled-text-color:#666;--border-radius-standard:1.5rem;--box-shadow-light:0 4px 12px var(--shadow-color);--box-shadow-hover:0 6px 20px #00000026;--transition-speed:0.25s ease;--font-family:"Roboto",sans-serif;--text-color:#333;--error-color:#d32f2f}.teacherclassselectionstudent-container{align-items:center;background-color:#fefefe;background-color:var(--background-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--font-family);margin:2rem auto;max-width:800px;min-height:50vh;padding:2rem;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:90%}.teacherclassselectionstudent-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.teacherclassselectionstudent-container h1{color:#304e7a;color:var(--primary-color);font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;text-align:center;transition:color .25s ease;transition:color var(--transition-speed)}.teacherclassselectionstudent-container h1:hover{color:#304e7a;color:var(--primary-color-hover)}.teacherclassselectionstudent-list-container{margin-bottom:2rem;max-height:60vh;overflow-y:auto;width:100%}.teacherclassselectionstudent-list{display:flex;flex-direction:column;gap:1rem}.teacherclassselectionstudent-item{background-color:#fff;background-color:var(--secondary-color);border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-light);padding:1rem;transition:background-color .25s ease,box-shadow .25s ease;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.teacherclassselectionstudent-item:hover{background-color:#ffe0b2;background-color:var(--highlight-bg);box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover)}.student-info,.teacherclassselectionstudent-go-back-button{color:#333;color:var(--text-color);font-size:1rem}.teacherclassselectionstudent-go-back-button{background-color:#ccc;background-color:var(--disabled-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-light);cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.teacherclassselectionstudent-go-back-button:hover{background-color:#ffebcc;background-color:var(--highlight-bg-hover);box-shadow:0 6px 20px #00000026;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}@media (max-width:768px){.teacherclassselectionstudent-container{margin:1.5rem auto;padding:1.5rem}.teacherclassselectionstudent-list-container{max-height:50vh}.teacherclassselectionstudent-go-back-button{font-size:.9rem;padding:.6rem 1rem}}@media (max-width:480px){.teacherclassselectionstudent-container{padding:1rem}.teacherclassselectionstudent-container h1{font-size:1.5rem}.teacherclassselectionstudent-go-back-button{font-size:.85rem;padding:.5rem .8rem}}:root{--primary-color:#304e7a;--primary-color-dark:#304e7a;--secondary-color:#fff;--background-light:#f5f5f5;--text-color-dark:#333;--text-color-heading:#222;--border-radius:1.5rem;--shadow-light:#0000001a;--shadow-heavy:#00000026;--transition-ease:0.3s ease;--present-color:#28a745;--absent-color:#dc3545}.TeacherAttendanceDetail-container{align-items:center;background-color:#fff;background-color:var(--secondary-color);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);display:flex;flex-direction:column;margin:2rem auto;min-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-ease),box-shadow var(--transition-ease);width:90%}.TeacherAttendanceDetail-container:hover{box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-heavy);transform:translateY(-5px)}.TeacherAttendanceDetail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.TeacherAttendanceDetail-header h2{color:#333;color:var(--text-color-dark);font-size:1.75rem;font-weight:600;margin:0;transition:color .3s ease;transition:color var(--transition-ease)}.TeacherAttendanceDetail-header h2:hover{color:#222;color:var(--text-color-heading)}.TeacherAttendanceDetail-back-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.TeacherAttendanceDetail-back-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.05)}.TeacherAttendanceDetail-date-time{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 6px #0000001a;box-shadow:0 3px 6px var(--shadow-light);color:#333;color:var(--text-color-dark);font-size:1rem;margin-bottom:1.5rem;padding:.8rem 1.5rem;text-align:center;width:100%}.TeacherAttendanceDetail-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.TeacherAttendanceDetail-mark-all-button,.TeacherAttendanceDetail-save-button{background-color:#304e7a;background-color:var(--primary-color);border:none;border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;box-shadow:0 3px 8px var(--shadow-light);color:#fff;color:var(--secondary-color);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease;transition:background-color var(--transition-ease),transform .2s ease}.TeacherAttendanceDetail-mark-all-button:hover,.TeacherAttendanceDetail-save-button:hover{background-color:#304e7a;background-color:var(--primary-color-dark);transform:scale(1.05)}.TeacherAttendanceDetail-student-list{margin-top:1rem;width:100%}.TeacherAttendanceDetail-student-list table{border-collapse:initial;border-spacing:0 .8rem;width:100%}.TeacherAttendanceDetail-student-item td{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 1px 4px #0000001a;box-shadow:0 1px 4px var(--shadow-light);padding:.8rem 1.2rem;text-align:center;transition:box-shadow .3s ease,transform .2s ease;transition:box-shadow var(--transition-ease),transform .2s ease;vertical-align:middle}.TeacherAttendanceDetail-student-item td:hover{box-shadow:0 4px 10px #00000026;box-shadow:0 4px 10px var(--shadow-heavy);transform:translateY(-3px)}.TeacherAttendanceDetail-student-item .switch{display:inline-block;height:26px;position:relative;width:46px}.TeacherAttendanceDetail-student-item .switch input{height:0;opacity:0;width:0}.TeacherAttendanceDetail-student-item .slider{background-color:#28a745;background-color:var(--present-color);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.TeacherAttendanceDetail-student-item .slider:before{align-items:center;background-color:#fff;border-radius:50%;bottom:2px;color:#28a745;color:var(--present-color);content:"Var";display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;left:2px;position:absolute;transition:.4s;width:22px}.TeacherAttendanceDetail-student-item .switch input:not(:checked)+.slider{background-color:#dc3545;background-color:var(--absent-color)}.TeacherAttendanceDetail-student-item .switch input:not(:checked)+.slider:before{color:#dc3545;color:var(--absent-color);content:"Yok";transform:translateX(0)}.TeacherAttendanceDetail-student-item .switch input:checked+.slider{background-color:#28a745;background-color:var(--present-color)}.TeacherAttendanceDetail-student-item .switch input:checked+.slider:before{color:#28a745;color:var(--present-color);content:"Var";transform:translateX(20px)}.TeacherAttendanceDetail-notification{background-color:#f5f5f5;background-color:var(--background-light);border-radius:1.5rem;border-radius:var(--border-radius);box-shadow:0 3px 10px #0000001a;box-shadow:0 3px 10px var(--shadow-light);color:#333;color:var(--text-color-dark);font-size:1rem;margin-top:1rem;padding:1rem;text-align:center}.TeacherAttendanceDetail-notification.success{border-left:.4rem solid #28a745}.TeacherAttendanceDetail-notification.error{border-left:.4rem solid #dc3545}@media (max-width:768px){.TeacherAttendanceDetail-container{margin:1.5rem auto;padding:1.5rem}.TeacherAttendanceDetail-header{align-items:flex-start;flex-direction:column;gap:1rem}.TeacherAttendanceDetail-mark-all-button,.TeacherAttendanceDetail-save-button{font-size:.875rem;padding:.6rem 1rem}.TeacherAttendanceDetail-student-list table{font-size:.875rem}.TeacherAttendanceDetail-student-item td{padding:.6rem 1rem}}@media (max-width:480px){.TeacherAttendanceDetail-container{margin:1rem;padding:1rem}.TeacherAttendanceDetail-header h2{font-size:1.5rem}.TeacherAttendanceDetail-mark-all-button,.TeacherAttendanceDetail-save-button{font-size:.8rem;padding:.5rem 1rem}.TeacherAttendanceDetail-student-item td{padding:.5rem .8rem}}@media (min-width:1024px){.TeacherAttendanceDetail-container{max-width:1100px;width:80%}}@media (min-width:1440px){.TeacherAttendanceDetail-container{max-width:1200px;width:70%}}.loading-spinner-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner,.loading-spinner-overlay{align-items:center;display:flex;justify-content:center}.loading-spinner{flex-direction:column;position:relative}.loading-spinner:after,.loading-spinner:before,.loading-spinner>.spinner-ring,.loading-spinner>.spinner-ring-alt{animation:spin 1.5s cubic-bezier(.6,.1,.3,1) infinite;border:5px solid #0000;border-radius:50%;content:"";position:absolute}.loading-spinner:before{border-bottom:5px solid #304e7a;border-top:5px solid #304e7a;height:50px;width:50px}.loading-spinner:after,.loading-spinner:before{box-shadow:0 0 10px #304e7a99,0 0 20px #304e7a66}.loading-spinner:after{animation-direction:reverse;animation-duration:2s;border-left:5px solid #304e7a;border-right:5px solid #304e7a;height:70px;width:70px}.loading-spinner>.spinner-ring{animation-direction:alternate;animation-duration:2.5s;border-right:5px solid #304e7a66;border-top:5px solid #304e7a66;box-shadow:0 0 15px #304e7a4d;height:90px;width:90px}.loading-spinner>.spinner-ring-alt{animation-direction:alternate-reverse;animation-duration:3s;border-left:5px solid #304e7a33;border-top:5px solid #304e7a33;box-shadow:0 0 20px #304e7a4d;height:110px;width:110px}.loading-spinner-text{animation:fadeIn 2.2s ease-in-out infinite alternate;color:#fff;font-size:1.3rem;font-weight:700;margin-top:1.8rem;text-shadow:0 3px 6px #000000b3}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}