.style_dashboardContainer__EZzg8{background-color:#e6f0ff;color:#1a1a1a;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.style_sidebar__JJwtu{background-color:#4b3f72;color:#fff;padding:20px;width:250px}.style_sidebar__JJwtu h2{color:#ffcc70;font-size:22px;margin-bottom:30px}.style_sidebar__JJwtu ul{list-style:none;padding:0}.style_sidebar__JJwtu li{font-size:16px;margin:20px 0}button,input,select,textarea{pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}.style_navLink__6J1Yp{color:#fff;text-decoration:none;transition:color .3s}.style_mainContent__wPe5c{background-color:#e6f0ff;flex-grow:1;padding:40px;text-align:center}.style_mainContent__wPe5c h1{color:#4b3f72;font-size:28px;margin-bottom:15px}.style_mainContent__wPe5c p{color:#333;font-size:16px}.style_buttonGrid__mVRp1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.style_buttonGrid__mVRp1 button{background-color:#544685;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:17px;padding:14px;transition:background-color .3s,transform .2s;width:100%}.style_buttonGrid__mVRp1 button:hover{background-color:#4b3f72}.login-container{align-items:center;background-image:url(/static/media/school.e3bcb634ca46aec36fde.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh}.login-box{grid-gap:1rem;background:#fffffff2;border-radius:12px;box-shadow:0 5px 15px #00000059;display:grid;gap:1rem;max-width:380px;padding:2rem;width:100%}.login-title{color:#4b3c77;font-size:1.5rem;font-weight:700;text-align:center}.login-form{align-items:center;display:flex;flex-direction:column;gap:.8rem;justify-content:center}.login-form input{background:#0000;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;height:40px;outline:none;padding-left:10px;position:relative;width:100%}.success-text{background:#f0fff4;border:1px solid #a3f3c2;border-radius:6px;color:#10a549;font-size:.9rem;text-align:center}.error-text,.success-text{animation:smoothExpand .4s ease-out forwards;box-sizing:border-box;margin:0;max-height:0;opacity:0;overflow:hidden;padding:12px;width:100%}.error-text{background:#fff0f0;border:1px solid #d32f2f;border-radius:6px;color:#d32f2f}@keyframes smoothExpand{0%{max-height:0;opacity:0;padding:0 12px}to{max-height:100px;opacity:1;padding:12px}}.login-form input:focus{animation:borderSlide .3s ease forwards;background:linear-gradient(90deg,#4b3c77 50%,#0000 0);background-position:0 100%;background-repeat:no-repeat;background-size:200% 2px;border-bottom:2px solid #cbd5e1}@keyframes borderSlide{0%{background-position:100% 100%}to{background-position:0 100%}}.login-btn{background-color:#4b3c77;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;height:40px;margin-top:10px;transition:.3s;width:50%}.login-btn:hover{background:#372a58}.error-text{color:red;font-size:.9rem;text-align:center}.register-link{color:#334155;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;margin:0 auto}.login-btn:disabled{background-color:#7c75a3;cursor:not-allowed;opacity:.8}.RST-stu-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.RST-st-register-container{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000026;margin:20px auto;max-width:580px;padding:25px;text-align:center;width:90%}.RST-title-st{color:#7a58df;font-size:1.9rem;font-weight:700;margin-bottom:18px}.success-popup-overlay{background:#00000080;z-index:1000}.success-popup-content{animation:popIn .4s ease;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.success-popup-icon{animation:bounce 1s ease infinite;font-size:60px;margin-bottom:20px}.success-popup-content h3{color:#28a745;font-size:24px;margin-bottom:10px}.success-popup-content p{color:#666;font-size:16px;line-height:1.5;margin-bottom:25px}.success-popup-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.success-popup-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease;width:100%}.success-popup-btn:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.success-popup-btn.secondary{background:#6c757d}.success-popup-btn.secondary:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d4d}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.RST-mode-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.RST-mode-toggle>button{background-color:#fff;border:2px solid #ccc;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#000;cursor:pointer;font-size:15px;padding:10px 20px;transition:all .3s ease}.RST-mode-toggle>button:hover{background-color:#39393a;color:#fff;transform:scale(1.05)}.RST-active{background-color:#7a58df!important;border-color:#7a58df!important;color:#fff!important}.RST-bulk-upload-section{background:#f9fafb;border-radius:12px;margin:15px 0;padding:20px;text-align:center;transition:background .3s ease}.RST-bulk-upload-section:hover{background:#eef5ff}.RST-bulk-upload-section p{color:#333;font-size:1rem;font-weight:500;margin-bottom:10px}.RST-bulk-upload-section input[type=file]{display:block;font-size:.9rem;margin:10px auto;padding:8px}.RST-bulk-upload-section small{color:#555;display:block;font-size:.85rem;margin-top:5px}.RST-register-form{display:flex;flex-direction:column;gap:12px}.RST-input,.RST-register-form input{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:10px;transition:.3s;width:100%}.RST-input:focus,.RST-register-form input:focus{border-color:#7a58df}.RST-register-form select,.RST-select{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:1rem;outline:none;padding:10px;transition:border .3s ease;width:100%}.RST-register-form select:focus,.RST-select:focus{border-color:#7a58df}.RST-phone-input-wrapper{position:relative;width:100%}.RST-phone-error{animation:shake .5s ease;color:#dc3545;font-size:.85rem;margin-top:5px;padding-left:5px;text-align:left}.RST-phone-hint{color:#6c757d;font-size:.8rem;margin-top:3px;padding-left:5px;text-align:left}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.RST-register-form select,.RST-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 7 5 5 5-5' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.RST-input-wrapper{position:relative;width:100%}.RST-year-suggestion-box{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.RST-year-suggestion-item{cursor:pointer;font-size:.95rem;padding:10px;transition:background .2s ease}.RST-year-suggestion-item:hover{background:#f1f1f1}.RST-camera-box{border:1px solid #7a58df;flex-direction:column;justify-content:center;margin:15px 0;overflow:hidden}.RST-camera-box,.RST-camera-box video,.RST-captured-img{align-items:center;border-radius:8px;display:flex;width:100%}.RST-camera-box video,.RST-captured-img{max-width:400px;object-fit:cover}.RST-btn-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px}.RST-btn-submit,.RST-cp-btn,.RST-rr-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:10px;transition:.3s}.RST-cp-btn{background:#7a58df}.RST-cp-btn:hover{background:#7448f8}.RST-btn-submit{align-items:center;display:flex;justify-content:center;position:relative}.RST-loader{animation:RST-spin .8s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:18px;width:18px}@keyframes RST-spin{to{transform:rotate(1turn)}}.RST-rr-btn{background:#7a58df}.RST-rr-btn:hover{background:#7448f8}.RST-btn-submit{background:#28a745}.RST-btn-submit:hover{background:#1e7e34}.RST-btn-submit:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.RST-captured-msg{border-radius:6px;color:#8b8989;display:inline-block;font-weight:500;margin-top:10px;padding:6px 12px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.RST-capture-message{animation:slideInDown .3s ease,fadeOut .3s ease 1.7s forwards;left:10px;right:10px;text-align:center;top:10px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}@media (max-width:480px){.RST-btn-group,.RST-mode-toggle{flex-direction:column}.RST-mode-toggle{gap:10px}.RST-year-suggestion-item{padding:12px}.success-popup-content{margin:20px;padding:20px}.success-popup-icon{font-size:50px}.success-popup-content h3{font-size:20px}.success-popup-buttons{flex-direction:column}}@media (min-width:481px){.success-popup-buttons{flex-direction:row;justify-content:center}.success-popup-btn{min-width:180px;width:auto}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nav-buttons-container{align-items:center;background:#9a7fe4;box-shadow:0 2px 6px #0003;display:flex;gap:10px;height:60px;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.arrow-buttons{display:flex;gap:6px;margin:10px}.nav-btn{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 3px 6px #0000003d;cursor:pointer;display:flex;justify-content:center;margin-left:10px;padding:8px 10px;transition:all .2s ease}.nav-btn:hover{border:1px solid #525253;transform:scale(1.05)}.nav-btn img{height:22px;width:22px}.home-btn{margin-left:10px}@media screen and (max-width:480px){.nav-buttons-container{gap:6px;padding:6px 8px}.nav-btn{padding:6px 8px}.nav-btn img{height:18px;width:18px}.home-btn{margin-left:6px}}.student-login-container{align-items:center;background-color:#e6ecf5;display:flex;height:100vh;justify-content:center}.student-login-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:1rem;max-width:400px;padding:50px 20px;text-align:center;width:90%}.student-login-box h2{border-radius:12px 12px 0 0;color:#4b3c77;font-size:1.5rem}.student-login-form{align-items:center;display:flex;flex-direction:column;gap:.8rem;justify-content:center}.student-login-form input{border:1px solid #ccc;border-radius:6px;height:40px;outline:none;text-align:center;width:80%}.student-login-form button{background-color:#4b3c77;border:none;border-radius:6px;color:#fff;cursor:pointer;height:40px;transition:.3s;width:50%}.student-login-form button:hover{background-color:#372a58}.register-link{font-size:.9rem;margin-bottom:1rem}.register-link span{color:#4b3c77;cursor:pointer;font-weight:700}body{background-color:#e6ecf5}.admin-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.register-container{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000026;margin:70px auto;max-width:450px;padding:20px;text-align:center;width:90%}.title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:15px}.register-form{display:flex;flex-direction:column;gap:12px}.register-form input{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:10px;transition:.3s}.register-form input:focus{border-color:#007bff}.camera-box{border:1px solid #0056b3;display:flex;flex-direction:column;justify-content:center;margin:15px 0;width:100%}.camera-box video,.captured-img{border-radius:10px;max-width:400px;object-fit:cover;width:100%}.btn-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px}.btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:10px;transition:.3s}.btn:hover{background:#0056b3}.btn-submit{background:#28a745}.btn-submit:hover{background:#1e7e34}@media (max-width:480px){.btn-group{flex-direction:column}}.AR-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.AR-popup{background:#fff;border-radius:8px;max-width:400px;min-width:300px;padding:20px}.AR-popup-content{text-align:center}.AR-popup-message{color:#333;font-size:16px;margin-bottom:15px}.AR-popup-close{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px}.AR-popup-close:hover{background:#0056b3}.AR-captured-msg{border-radius:6px;color:#888484;display:inline-block;font-weight:500;margin-top:10px;padding:6px 12px}@media (max-width:480px){.AR-popup{margin:20px;min-width:250px}}.student-dashboard{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;font-family:Segoe UI,sans-serif;margin:20px auto;max-width:900px;padding:15px}.title{color:#0056b3;font-size:1.8rem;margin-bottom:20px;text-align:center}.student-profile{align-items:center;border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:15px}.profile-pic{border:2px solid #0056b3;border-radius:50%;height:90px;object-fit:cover;width:90px}.student-info h3{color:#333;margin:0}.student-info p{color:#555;font-size:.95rem;margin:4px 0}.attendance-section{margin-bottom:20px}.attendance-section h3{color:#007bff;margin-bottom:10px}.attendance-table td,.attendance-table th{border:1px solid #ccc;font-size:.95rem;padding:8px;text-align:center}.attendance-table th{background:#f5f5f5}.attendance-table tr.present td{background:#d4edda;color:#155724}.attendance-table tr.absent td{background:#f8d7da;color:#721c24}.extra-section{margin-top:15px;text-align:center}.btns{background-color:#fff;border:1px solid #4b3c77;border-radius:8px;color:#4b3c77;cursor:pointer;font-size:1rem;padding:10px 18px;transition:.3s}.btns:hover{background:#4b3c77;color:#fff}@media (max-width:600px){.student-profile{align-items:center;flex-direction:column;text-align:center}.attendance-table td,.attendance-table th{font-size:.85rem;padding:6px}.btn{width:100%}}.admin-dashboard{background:#f0f2f7;border-radius:12px;flex-direction:column;font-family:Segoe UI,sans-serif;justify-content:center;margin:0 auto;width:100%}.admin-dashboard,.header{align-items:center;display:flex}.header{background-color:#fff;border-bottom-left-radius:20px;border-left:4px solid #7a58df;border-right:4px solid #7a58df;border-top-right-radius:20px;box-shadow:0 2px 8px 0 #63636333;justify-content:space-around;margin:30px;padding:15px 0;width:90%}.ad-title{border-radius:10px;color:#7a58df;font-weight:700;margin:0;padding:10px 20px;text-align:center}.logout-ad-card-btn{background-color:#825afa;border:none;border-bottom-left-radius:5px;border-top-right-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;height:35px;transition:background-color .3s,transform .2s;width:80px}.logout-ad-card-btn:hover{background-color:#7a58df;transform:translateY(-1px)}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px;width:90%}.ad-card{align-items:center;background-color:#fff;border-bottom:1px solid #0000;border-bottom-left-radius:20px;border-top-right-radius:20px;box-shadow:0 5px 15px #00000026;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:25px 20px;position:relative;transition:all .3s ease}.ad-card:before{background:linear-gradient(90deg,#7a58df,#825afa);bottom:0;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.ad-card:hover:before{width:100%}.ad-card:hover{border-color:#7a58df}.ad-card h3{color:#4b3c77;font-size:1.3rem;margin-bottom:12px;text-align:center}.ad-card p{color:#555;font-size:.95rem;margin-bottom:20px;text-align:center}.dashboard-grid .ad-card-btn{background:#7a58df;border:none;border-bottom-left-radius:5px;border-top-right-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;min-width:140px;padding:10px 18px;text-align:center;transition:.3s}.dashboard-grid .ad-card-btn:hover{background:#6d4fc5}@media (max-width:1024px){.dashboard-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.admin-dashboard{width:95%}.header{flex-direction:column;gap:15px;margin:20px;width:95%}.dashboard-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:95%}.ad-card{padding:20px 15px}.ad-card h3{font-size:1.2rem}.dashboard-grid .ad-card-btn{font-size:.9rem;min-width:120px;padding:8px 16px}}@media (max-width:480px){.dashboard-grid{gap:15px;grid-template-columns:1fr}.header{margin:15px;padding:15px}.ad-title{font-size:1.2rem}.ad-card{padding:20px 15px}.ad-card h3{font-size:1.1rem}.ad-card p{font-size:.9rem}.dashboard-grid .ad-card-btn{font-size:.85rem;min-width:110px;padding:8px 14px}}.attendance-nav-buttons{display:flex;gap:20px;justify-content:flex-start}.attendance-nav-buttons>button{background-color:#7e76f5;border:none;border-bottom-right-radius:6px;border-top-left-radius:6px;color:#fff;cursor:pointer;font-size:15px;height:40px;width:15%}.attendance-nav-buttons>button:hover{background-color:#675df7;transition:.5s}.charts-container{margin-bottom:30px}.pie-chart{margin-bottom:20px}.bar-chart{max-height:300px;overflow-y:auto;padding-right:10px;width:500px}@media screen and (max-width:768px){.attendance-page{padding:10px}.charts-container{align-items:center;flex-direction:column}.bar-chart,.pie-chart{width:90%}.attendance-table-container{min-width:700px}}.charts-container{align-items:flex-start;flex-wrap:wrap;gap:30px;justify-content:center;padding:10px}.pie-chart{flex:1 1 300px;max-width:350px}.bar-chart,.pie-chart{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px}.bar-chart{flex:2 1 500px;max-width:600px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.charts-container h3{font-size:1.1rem;margin-bottom:15px;text-align:center}@media screen and (max-width:992px){.charts-container{gap:20px}.bar-chart,.pie-chart{flex:1 1 100%;max-width:100%}.bar-chart{overflow-x:auto}}@media screen and (max-width:576px){.charts-container{gap:15px}.charts-container h3{font-size:1rem}.bar-chart{max-height:250px}}.st-main-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;width:100%}.student-details-container{display:flex;flex-direction:column;gap:20px;justify-content:center;max-width:1200px;width:100%}.header-section{margin-bottom:15px;margin-top:15px;text-align:center}.page-title{color:#333;font-size:2rem;font-weight:700;margin:0;text-align:center}.filter-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px;padding:15px}.filter-section button,.filter-section input,.filter-section select{background:#fff;border:1px solid #ced4da;border-radius:6px;flex:1 1 150px;font-size:.95rem;min-width:120px;padding:10px 12px}.clear-filter-btn{background-color:#6c757d;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.clear-filter-btn:hover{background-color:#a8adb3}.student-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));justify-content:center;padding:0 10px}.student-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.student-card:hover{box-shadow:0 4px 12px #00000026}.stud-img-st-details-container{align-items:flex-start;display:flex;gap:20px;margin-bottom:15px;width:100%}.card-image{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;flex-shrink:0;height:120px;overflow:hidden;width:120px}.card-image img{display:block;height:100%;object-fit:cover;width:100%}.card-details{display:flex;flex:1 1;font-size:.95rem;gap:30px;line-height:1.5}.details-left{display:flex;flex:1 1;flex-direction:column;gap:8px}.details-left p{color:#555;margin:0;padding:0;word-break:break-word}.details-left strong{color:#333;font-weight:600}.card-button-main-container{align-items:center;border-top:1px solid #e9ecef;padding-top:15px}.card-button-main-container,.card-buttons{display:flex;justify-content:center;width:100%}.card-buttons{gap:15px;max-width:300px}.btn-del,.btn-upd{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-width:120px;padding:12px 20px;text-align:center;transition:all .2s ease}.btn-upd{background-color:#28a745;color:#fff}.btn-upd:hover{background-color:#1e7e34;transform:translateY(-1px)}.btn-del{background-color:#dc3545;color:#fff}.btn-del:hover{background-color:#b02a37;transform:translateY(-1px)}.active-filters{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;color:#06c;font-size:.95rem;margin-bottom:20px;padding:15px 20px;text-align:center}.active-filters strong{color:#049}.all-loaded,.loading-text,.no-data{font-size:1.1rem;grid-column:1/-1;padding:30px 20px;text-align:center}.loading-text{color:#007bff;font-weight:500}.all-loaded{color:#28a745;font-weight:500}.no-data{color:#6c757d;font-style:italic}.delete-confirmation-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-confirmation-popup{animation:slideUp .4s ease;background:#fff;border-radius:15px;border-top:5px solid #dc3545;box-shadow:0 15px 35px #00000040;max-width:500px;min-width:400px;padding:30px;position:relative;text-align:center}.delete-confirmation-icon{animation:bounce 1s ease;font-size:60px;margin-bottom:15px}.delete-confirmation-title{color:#dc3545;font-size:24px;font-weight:600;margin-bottom:15px}.delete-confirmation-message{color:#333;font-size:16px;line-height:1.5;margin-bottom:10px}.delete-confirmation-message strong{color:#dc3545;font-weight:600}.delete-confirmation-warning{background:#fff5f5;border-left:4px solid #ff3860;border-radius:6px;color:#ff3860;font-size:14px;font-weight:500;margin-bottom:25px;padding:10px}.delete-confirmation-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.delete-confirm-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;padding:12px 30px;transition:all .3s ease}.delete-confirm-btn:hover{background:#c82333;box-shadow:0 6px 15px #dc35454d;transform:translateY(-2px)}.delete-confirm-btn:active{transform:translateY(0)}.delete-cancel-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;padding:12px 30px;transition:all .3s ease}.delete-cancel-btn:hover{background:#5a6268;box-shadow:0 6px 15px #6c757d4d;transform:translateY(-2px)}.delete-cancel-btn:active{transform:translateY(0)}.success-popup-overlay{z-index:10001}.success-popup{border-radius:15px;border-top:5px solid #28a745;box-shadow:0 15px 35px #00000040;max-width:480px;min-width:380px;padding:35px 40px;text-align:center}.success-popup-content{margin-bottom:20px}.success-popup-icon{background:#28a745;font-size:36px;height:70px;margin-bottom:10px;width:70px}.success-popup-message{font-size:1.4rem;margin:10px 0}.success-popup-close{font-size:2rem;padding:5px 14px;right:18px;top:12px}.success-popup-progress{height:5px}.success-popup-progress-bar{background:#28a745}.delete-spinner-container{align-items:center;display:flex;gap:8px;justify-content:center}.delete-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-del:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.delete-confirmation-popup{margin:20px;max-width:380px;min-width:320px;padding:25px}.delete-confirmation-icon{font-size:50px}.delete-confirmation-title{font-size:22px}.delete-confirmation-buttons{flex-direction:column}.delete-cancel-btn,.delete-confirm-btn{min-width:auto;width:100%}.success-popup{margin:20px;max-width:350px;min-width:300px;padding:25px 30px}.success-popup-icon{font-size:30px;height:60px;width:60px}.success-popup-message{font-size:1.2rem}}@media (max-width:480px){.delete-confirmation-popup{min-width:280px;padding:20px}.delete-confirmation-icon{font-size:45px}.delete-confirmation-title{font-size:20px}.delete-confirmation-message{font-size:15px}.success-popup{min-width:280px;padding:20px 25px}.success-popup-icon{font-size:26px;height:50px;width:50px}.success-popup-message{font-size:1.1rem}}@media (max-width:768px){.st-main-container{padding:15px 10px}.student-cards-container{gap:15px;grid-template-columns:1fr}.student-card{padding:15px}.stud-img-st-details-container{gap:15px}.card-details{flex-direction:column;gap:15px;width:100%}.card-button-main-container{padding-top:12px}.card-buttons{gap:10px;max-width:200px}.btn-del,.btn-upd{width:100%}.filter-section{gap:10px;padding:12px}.filter-section button,.filter-section input,.filter-section select{flex:1 1 140px;min-width:110px}}@media (max-width:480px){.page-title{font-size:1.6rem}.student-cards-container{padding:0 5px}.student-card{padding:12px}.card-image{height:125px;width:100px}.card-details{font-size:.9rem;gap:12px}.filter-section{gap:8px}.filter-section button,.filter-section input,.filter-section select{flex:1 1 120px;font-size:.9rem;min-width:100px;padding:8px 10px}}@media (max-width:360px){.filter-section{flex-direction:column}.filter-section button,.filter-section input,.filter-section select{flex:1 1 auto;width:100%}.card-image{height:115px;width:90px}.card-details{font-size:.85rem}.card-buttons{max-width:180px}}body{background-color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}.teacher-wrapper{flex-direction:column;gap:30px;min-height:100vh}.tchr-header,.teacher-wrapper{align-items:center;display:flex;width:100%}.tchr-header{justify-content:space-between;max-width:1200px}.td-logout-btn{background-color:#6e5ba8;border:none;border-bottom-left-radius:10px;border-top-right-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:40px;transition:all .3s ease;width:100px}.td-logout-btn:hover{background-color:#59448a;transform:translateY(-2px)}.tchr-all-button{flex-wrap:wrap;gap:40px;max-width:1200px;width:100%}.tchr-all-button,.tchrcard{display:flex;justify-content:center}.tchrcard{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 5px 15px #00000026;cursor:pointer;flex-direction:column;padding:25px 20px;transition:transform .3s ease,box-shadow .3s ease;width:250px}.tchrcard:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-8px) scale(1.05)}.tchrcard-title{color:#554683;font-size:18px;font-weight:700;margin-bottom:10px;text-align:center}.tchrcard-text{color:#333;font-size:14px;margin-bottom:15px;text-align:center}.tchrcard button{background-color:#554683;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease,transform .3s ease}.tchrcard button:hover{background-color:#42316b;transform:translateY(-2px)}@media screen and (max-width:1024px){.tchr-all-button{gap:30px}.tchrcard{padding:20px;width:220px}}@media screen and (max-width:768px){.tchr-header{flex-direction:column;gap:10px}.tchr-all-button{align-items:center;flex-direction:column;gap:20px}.tchrcard{max-width:300px;width:80%}}.teacher-login-wrapper{align-items:center;background-image:url(/static/media/teacher.ba1fa9ad6098c22c6fc6.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;position:relative}.teacher-login-card{background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0003;max-width:90%;padding:40px 30px;text-align:center;width:350px}.teacher-login-title{color:#333;font-size:1.8rem;margin-bottom:25px}.teacher-login-form{display:flex;flex-direction:column;text-align:left}.teacher-login-form label{color:#555;font-weight:500;margin-bottom:5px}.teacher-login-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:20px;padding:12px 10px;transition:border-color .2s ease}.teacher-login-input:focus{border-color:#667eea;outline:none}.teacher-login-btn{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .2s ease}.teacher-login-btn:hover{background-color:#5563c1}.teacher-register-text{color:#555;font-size:.9rem;margin-top:15px;text-align:center}.teacher-register-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s ease}.teacher-register-link:hover{color:#5563c1;text-decoration:underline}@media (max-width:480px){.teacher-login-card{padding:30px 20px}.teacher-login-title{font-size:1.5rem}}.rc-main-container{background-color:#f9f9ff;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.rc-body{display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:1rem}.rc-register-wrapper{background-color:#fffffffa;border-radius:15px;box-shadow:0 8px 25px #00000026;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:580px;padding:30px;transition:all .3s ease;width:100%}.rc-register-title{color:#7a58df;font-size:2rem;font-weight:700;margin-bottom:25px;text-align:center}.teacher-main-container{align-items:center;background-color:#f9f9ff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%}.teacher-register-wrapper{background-color:#fffffffa;border-radius:15px;box-shadow:0 8px 25px #00000026;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px auto;max-width:580px;padding:30px;transition:all .3s ease;width:90%}.teacher-register-title{color:#7a58df;font-size:2rem;font-weight:700;margin-bottom:25px;text-align:center}.mode-toggle{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:20px}.mode-toggle button{background-color:#e0e0e0;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;min-width:100px;padding:10px;transition:all .25s ease}.mode-toggle button.active{background-color:#7a58df;color:#fff;font-weight:600}.mode-toggle button:hover:not(.active){background-color:#d0d0d0}.bulk-upload-section{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.bulk-upload-section input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:10px}.bulk-upload-section small{color:#555;font-size:.85rem;line-height:1.4}.teacher-register-form{display:flex;flex-direction:column;gap:15px}.teacher-register-form input,.teacher-register-form label{font-size:1rem;width:100%}.teacher-register-form input{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:12px 10px;transition:border .2s ease,box-shadow .2s ease}.teacher-register-form input:focus{border-color:#7a58df;box-shadow:0 0 4px #7a58df66}.teacher-camera-box img,.teacher-camera-box video{border-radius:10px;box-shadow:0 4px 10px #00000026;max-width:340px;object-fit:cover;width:100%}.teacher-btn-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.teacher-btn{background-color:#fff;border:none;border-radius:8px;box-shadow:0 3px 8px #00000026;color:#000;cursor:pointer;flex:1 1;font-size:1rem;min-width:110px;padding:12px;text-align:center;transition:all .2s ease}.teacher-btn:hover{background-color:#5b6fe1;color:#fff}.teacher-btn-submit{background-color:#7a58df;color:#fff;font-weight:600}.teacher-btn-submit:hover{background-color:#5a3ecb}.teacher-btn-cancel{background-color:#f44336;color:#fff}.teacher-btn-cancel:hover{background-color:#d32f2f}.teacher-captured-img{border-radius:10px;max-width:100%}.phone-input-container{position:relative;width:100%}.phone-input-container input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 10px;width:100%}.phone-input-container input:focus{border-color:#7a58df;box-shadow:0 0 4px #7a58df66;outline:none}.phone-error{color:#ff3860;font-size:.85rem;font-weight:500}.phone-error,.phone-hint{margin-top:4px;padding-left:4px}.phone-hint{color:#666;font-size:.8rem;font-style:italic}.spinner-container{align-items:center;display:flex;gap:8px;justify-content:center}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.spinner-text{font-size:.95rem}@keyframes spin{to{transform:rotate(1turn)}}.success-popup-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.success-popup{animation:slideUp .4s ease;background:#fff;border-radius:12px;border-top:5px solid #4caf50;box-shadow:0 15px 35px #0003;max-width:450px;min-width:350px;overflow:hidden;padding:30px 40px;position:relative}.success-popup-content{align-items:center;display:flex;flex-direction:column;gap:15px}.success-popup-icon{align-items:center;animation:bounceIn .5s ease;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:60px;justify-content:center;margin-bottom:5px;width:60px}.success-popup-message{color:#333;font-size:1.3rem;font-weight:600;line-height:1.4;text-align:center}.success-popup-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.8rem;line-height:1;padding:5px 12px;position:absolute;right:15px;top:10px;transition:all .2s}.success-popup-close:hover{background-color:#f5f5f5;color:#000}.success-popup-progress{background:#e0e0e0;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.success-popup-progress-bar{animation:progressBar 3s linear forwards;background:#4caf50;height:100%;transform-origin:left;width:100%}.teacher-btn:disabled{cursor:not-allowed;opacity:.6}.teacher-btn-submit:disabled{background-color:#9a7fe0}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.capture-message{border-radius:6px;color:#a8a7a7;font-weight:500;margin-top:10px;padding:8px 15px}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(20px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.teacher-camera-box{margin:20px 0;position:relative;text-align:center}@media screen and (max-width:600px){.spinner-container{gap:6px}.spinner{height:16px;width:16px}.spinner-text{font-size:.85rem}.success-popup{margin:20px;max-width:320px;min-width:280px;padding:25px 30px}.success-popup-icon{font-size:26px;height:50px;width:50px}.success-popup-message{font-size:1.1rem}}@media screen and (max-width:380px){.success-popup{min-width:250px;padding:20px 25px}.success-popup-icon{font-size:24px;height:45px;width:45px}.success-popup-message{font-size:1rem}}@media screen and (max-width:900px){.teacher-register-wrapper{padding:25px;width:95%}.teacher-register-title{font-size:1.8rem}.teacher-btn-group{align-items:stretch;flex-direction:column}.teacher-btn{width:100%}}@media screen and (max-width:600px){.teacher-register-wrapper{padding:20px;width:96%}.teacher-register-title{font-size:1.6rem}.mode-toggle{flex-direction:column;gap:10px}.mode-toggle button{font-size:.95rem;padding:10px;width:100%}.teacher-btn-group{flex-direction:column;gap:10px}.teacher-btn{font-size:.95rem;padding:10px}.teacher-camera-box img,.teacher-camera-box video{max-width:100%}}@media screen and (max-width:380px){.teacher-register-title{font-size:1.4rem}.teacher-register-wrapper{padding:15px}.teacher-btn{font-size:.9rem}}.ta-wrapper{align-items:center;background-image:url(/static/media/school.e3bcb634ca46aec36fde.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.ta-form,.ta-wrapper{display:flex;flex-direction:column}.ta-form{background-color:#fff;border-radius:15px;box-shadow:0 10px 25px #00000040;gap:15px;max-width:400px;padding:30px 25px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.ta-form:hover{box-shadow:0 15px 30px #00000059;transform:translateY(-5px)}.ta-title{color:#1e3a8a;font-size:2rem;font-weight:600;text-align:center}.ta-message{color:green;font-weight:500;text-align:center}.ta-message.success{color:#16a34a}.ta-form input{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;height:40px;padding:0 15px;transition:all .3s ease}.ta-form input:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f633;outline:none}.ta-submit-btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:45px;transition:all .3s ease}.ta-submit-btn:hover{background:#2563eb;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}@media (max-width:768px){.ta-form{padding:25px 20px;width:90%}}@media (max-width:480px){.ta-title{font-size:1.5rem}.ta-submit-btn{font-size:14px}.ta-form input{font-size:13px;height:38px}}.tga-wrapper{align-items:center;animation:fadeIn .6s ease-in-out;background:#f3f4f6;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.tga-title{animation:slideDown .6s ease-in-out;color:#1f2937;font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.tga-error,.tga-loading{color:#6b7280;font-size:18px;margin-top:40px}.tga-error{color:red}.tga-no-task{color:#6b7280;font-size:16px;margin-top:20px}.tga-card-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px;max-width:1200px;width:100%}.tga-card{animation:fadeUp .5s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 6px 16px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.tga-card:hover{box-shadow:0 10px 24px #0000001f;transform:translateY(-6px)}.tga-card-title{background-color:#7a58df;color:#fff;font-size:18px;font-weight:600;padding:12px;text-align:center;text-transform:uppercase}.tga-card-text{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:10px 16px}.tga-card-text:last-child{border-bottom:none}.tga-attendance-btn{background-color:#7a58df;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:16px;padding:10px 16px;transition:all .3s ease}.tga-attendance-btn:hover{background-color:#865ffa;transform:scale(1.05)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.tga-title{font-size:22px}.tga-card-title{font-size:16px}}.TMA-container{background:#f9fafb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.TMA-title{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:25px;text-align:center}.TMA-wrapper{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.TMA-video-section{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex:1 1;flex-direction:column;max-width:500px;min-width:350px;padding:15px}.TMA-video-section canvas,.TMA-video-section video{border:2px solid #d1d5db;border-radius:12px;margin-bottom:12px;width:100%}.TMA-button-group{display:flex;flex-wrap:wrap;gap:10px}.TMA-button{background:#6e5ba8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:background .3s ease}.TMA-button:hover:not(:disabled){background:#53457e}.TMA-button:disabled{background:#9ca3af;cursor:not-allowed}.TMA-status{color:#374151;font-size:14px;font-style:italic;margin-top:12px}.TMA-detected-students{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;flex:1 1;max-width:600px;min-width:350px;padding:15px}.TMA-detected-students h2{border-bottom:2px solid #e5e7eb;color:#111827;font-size:20px;margin-bottom:15px;padding-bottom:8px}.TMA-card-list{grid-gap:15px;display:grid;gap:15px}.TMA-student-card{align-items:center;background:#6e5ba8;border-radius:14px;box-shadow:0 5px 15px #00000059;color:#fff;display:flex;gap:15px;justify-content:space-around;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.TMA-student-card:hover{box-shadow:0 6px 14px #0000001a;transform:translateY(-3px)}.TMA-student-photo{background:#fff;height:140px;object-fit:cover;width:120px}.TMA-student-info p{color:#fff;font-size:14px;margin:8px 0}.TMA-student-info strong{color:#fff;font-weight:800}.TMA-no-students{color:#6b7280;font-style:italic;text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f6f8;color:#333;font-family:Poppins,sans-serif}.mvdt-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin:40px auto;max-width:1200px;padding:30px 25px;width:100%}.mvdt-container h2{color:#1f3c88;font-size:1.8rem;letter-spacing:.5px;margin-top:25px;text-align:center}.mvdt-select-all{align-items:center;background:#eef3ff;border:1px solid #d7e3ff;border-radius:8px;display:flex;justify-content:flex-start;margin-bottom:25px;padding:10px 15px}.mvdt-select-all label{color:#333;font-weight:600;margin-left:8px}.camera-list-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.camera-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:18px;position:relative;transition:all .3s ease}.camera-item:hover{background:#fff;box-shadow:0 6px 16px #0000001a;transform:translateY(-5px)}.camera-header{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-bottom:8px}.camera-header strong{color:#1f3c88;font-size:15px}.camera-item div{color:#444;font-size:14px;line-height:1.4}.camera-item strong{color:#111;margin-right:4px}.status-badge{border-radius:6px;font-size:12px;font-weight:600;margin-left:5px;padding:3px 8px;text-transform:uppercase}.status-badge.online{background:#d4edda;color:#155724}.status-badge.offline{background:#f8d7da;color:#721c24}.mvdt-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.mvdt-buttons button{background:#1f3c88;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 25px;transition:all .3s ease}.mvdt-buttons button:hover{background:#162b62;transform:scale(1.03)}.mvdt-container p{color:#777;font-size:16px;text-align:center}@media (max-width:768px){.mvdt-container{padding:20px 15px}.mvdt-container h2{font-size:1.5rem}.camera-item{padding:15px}}@media (max-width:480px){.mvdt-select-all{align-items:flex-start;flex-direction:column;gap:5px}.mvdt-buttons button{padding:12px;width:100%}}.TL-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.TL-container{font-family:Arial,sans-serif;padding:20px;width:100%}.TL-title{color:#7a58df;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.TL-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.TL-card{background-color:#fff;border-radius:6px;box-shadow:0 5px 15px #00000059;display:flex;flex-direction:column;justify-content:center;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.TL-card:hover{box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.TL-card-header{align-items:center;background:#7a58df;border-radius:10px;color:#fff;display:flex;justify-content:space-around;margin-bottom:10px;padding:10px}.TL-photo{border:2px solid #fff;border-radius:50%;height:80px;object-fit:cover;width:80px}.TL-card-body{display:flex;flex-direction:column;font-family:sans-serif;justify-content:center;margin-left:5px;margin-top:10px}.TL-card-body p{color:#000;font-family:sans-serif;font-size:14px;font-weight:lighter;line-height:1.4;margin:4px 0}.TL-card-body p b{color:#333;font-weight:700}.TL-card-actions{display:flex;gap:10px;justify-content:space-around;margin-top:15px;width:100%}.TL-btn{border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .3s ease}.TL-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.TL-btn:active{transform:translateY(0)}.TL-btn-update{background-color:#fff;border:2px solid #7a58df;color:#000}.TL-btn-update:hover{background-color:#7a58df;color:#fff}.TL-btn-delete{background-color:#e74c3c;border:2px solid #e74c3c;color:#fff}.TL-btn-delete:hover{background-color:#c0392b;border-color:#c0392b}.TL-filter{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.TL-filter-input{border:1px solid #ccc;border-radius:6px;font-size:14px;min-width:170px;padding:12px;transition:all .3s ease}.TL-filter-input:focus{border-color:#7a58df;box-shadow:0 0 0 3px #7a58df1a;outline:none}.TL-btn-search{background-color:#7a58df;border:none;color:#fff;cursor:pointer;height:40px;min-width:100px}.TL-btn-search:hover{background-color:#805bec}.TL-btn-reset{background-color:#f39c12;border:none;color:#fff;cursor:pointer;height:40px;min-width:100px}.TL-btn-reset:hover{background-color:#e67e22}.TL-loading-more{color:#666;font-style:italic;margin:20px 0;text-align:center}.TL-loading-text{animation:TL-pulse 1.5s infinite;color:#7a58df;font-size:1.2rem;margin:50px auto;text-align:center}.TL-popup-overlay{align-items:center;animation:TL-fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.TL-confirmation-popup,.TL-success-popup{animation:TL-slideUp .4s ease;background:#fff;border-radius:12px;box-shadow:0 15px 35px #0003;max-width:400px;overflow:hidden;width:90%}.TL-confirmation-popup{border-top:4px solid #ff9800}.TL-success-popup{border-top:4px solid #4caf50}.TL-popup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.TL-popup-header h3{color:#333;font-size:1.3rem;margin:0}.TL-confirmation-popup .TL-popup-header h3{color:#ff9800}.TL-success-popup .TL-popup-header h3{color:#4caf50}.TL-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.TL-popup-close:hover{background:#e0e0e0;color:#333}.TL-popup-close:disabled{cursor:not-allowed;opacity:.5}.TL-popup-content{padding:30px;text-align:center}.TL-warning-icon{animation:TL-pulse 2s infinite}.TL-success-icon,.TL-warning-icon{font-size:3.5rem;margin-bottom:15px}.TL-success-icon{animation:TL-bounceIn .5s ease;color:#4caf50}.TL-confirmation-message{color:#333;font-size:1.1rem;line-height:1.5;margin-bottom:10px}.TL-confirmation-message strong{color:#ff9800}.TL-confirmation-warning{color:#ff5722;font-size:.9rem;font-style:italic;margin-top:15px}.TL-success-message{color:#333;font-size:1.2rem;font-weight:600;margin-top:10px}.TL-popup-actions{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:15px;justify-content:center;padding:20px}.TL-popup-btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:1rem;font-weight:600;min-width:100px;padding:12px 30px;transition:all .3s ease}.TL-popup-btn:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.TL-popup-btn:active:not(:disabled){transform:translateY(0)}.TL-popup-btn:disabled{cursor:not-allowed;opacity:.6}.TL-popup-btn-cancel{background:#6c757d;color:#fff}.TL-popup-btn-cancel:hover:not(:disabled){background:#5a6268}.TL-popup-btn-delete{background:#dc3545;color:#fff}.TL-popup-btn-delete:hover:not(:disabled){background:#c82333}.TL-popup-btn-ok{background:#4caf50;color:#fff;min-width:120px}.TL-popup-btn-ok:hover:not(:disabled){background:#45a049}.TL-spinner-container{align-items:center;display:flex;gap:10px;justify-content:center}.TL-spinner-small{animation:TL-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.TL-d-flex{display:flex}.TL-justify-between{justify-content:space-between}.TL-align-items-cnter{align-items:center}.TL-btn-success{background-color:#45a049;color:#fff}@keyframes TL-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes TL-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes TL-bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes TL-spin{to{transform:rotate(1turn)}}@keyframes TL-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width:768px){.TL-confirmation-popup,.TL-success-popup{max-width:350px;width:95%}.TL-popup-content{padding:20px}.TL-success-icon,.TL-warning-icon{font-size:3rem}.TL-confirmation-message{font-size:1rem}.TL-success-message{font-size:1.1rem}.TL-popup-actions{flex-direction:column;gap:10px}.TL-popup-btn{width:100%}.TL-filter{align-items:stretch;flex-direction:column}.TL-btn-reset,.TL-btn-search,.TL-filter-input{width:100%}.TL-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.TL-confirmation-popup,.TL-success-popup{max-width:300px}.TL-popup-header{padding:15px}.TL-popup-header h3{font-size:1.1rem}.TL-popup-content{padding:15px}.TL-success-icon,.TL-warning-icon{font-size:2.5rem}.TL-confirmation-message{font-size:.95rem}.TL-success-message{font-size:1rem}.TL-container{padding:15px}.TL-title{font-size:1.5rem}.TL-card{padding:12px}.TL-photo{height:70px;width:70px}.TL-btn{font-size:14px;padding:8px 16px}}body{box-sizing:border-box;margin:0;padding:0}.TM-Main-Container{font-family:Segoe UI,sans-serif}.TM-container{padding:20px}.TM-title{color:#4a4a4a;margin-bottom:20px;text-align:center}.TM-class-grid{background:#fff;border-radius:12px;box-shadow:0 7px 29px 0 #64646f33;margin-bottom:30px;padding:20px}.TM-class-header-container{align-items:center;background-color:#3498db;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:20px;padding:5px 10px}.TM-class-header{border-radius:6px;color:#fff;font-size:1.3rem;font-weight:600;padding:10px 20px}.TM-btn-pdf{background-color:#fff;border:none;border-radius:6px;color:grey;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .2s ease}.TM-btn-pdf:hover{background-color:#e0e0e0}.TM-grid{border-radius:8px;display:flex;gap:4px;overflow-x:auto;scroll-behavior:smooth}.TM-grid::-webkit-scrollbar{height:8px}.TM-grid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.TM-grid::-webkit-scrollbar-thumb{background:#525151;border-radius:4px}.TM-grid::-webkit-scrollbar-thumb:hover{background:#413e3e}.TM-grid-cell{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex:0 0 auto;flex-direction:column;min-height:400px;min-width:240px;overflow-y:auto}.TM-grid-cell::-webkit-scrollbar{width:6px}.TM-grid-cell::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.TM-grid-cell::-webkit-scrollbar-thumb{background:#525151;border-radius:4px}.TM-grid-cell::-webkit-scrollbar-thumb:hover{background:#413e3e}.TM-day-header{background-color:#ecf0f1;background:#f0f0f0;border-radius:6px 6px 0 0;color:#333;font-size:16px;font-weight:700;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.TM-day-header,.TM-slot{text-align:center;text-transform:capitalize}.TM-slot{background:#fff;border:1px solid #e8e8e8;flex-shrink:0;padding:10px 0}.TM-subject-time{color:#333;font-size:14px;font-weight:700;margin-bottom:5px}.TM-teacher{color:#666;font-size:.9rem;margin-bottom:8px}.TM-slot-buttons{display:flex;gap:8px;justify-content:center}.TM-btn-edit{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px}.TM-btn-edit:hover{background-color:#0056b3}.TM-btn-delete{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px}.TM-btn-delete:hover{background-color:#c0392b}.TM-loading,.TM-no-data{color:#555;font-style:italic;margin-top:20px;text-align:center}.TM-modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.TM-modal{background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000004d;padding:20px 25px;width:350px}.TM-modal h3{margin-bottom:15px;text-align:center}.TM-modal label{display:block;font-weight:600;margin-top:10px}.TM-modal input{border:1px solid #ccc;border-radius:6px;margin-top:5px;padding:8px 10px;width:100%}.TM-modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.TM-btn-cancel,.TM-btn-save{border:none;border-radius:6px;cursor:pointer;flex:1 1;margin:0 5px;padding:10px}.TM-btn-save{background:#007bff;color:#fff}.TM-btn-cancel{background:#ccc;color:#000}.TM-download-overlay{align-items:center;background:#0006;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.TM-download-spinner{background:#28a745;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:15px 25px}.TTM-success-popup-overlay{align-items:center;animation:TTM-fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.TTM-success-popup{animation:TTM-slideUp .4s ease;background:#fff;border-radius:15px;border-top:5px solid #28a745;box-shadow:0 15px 35px #00000040;max-width:450px;min-width:350px;overflow:hidden;padding:30px 40px;position:relative;text-align:center}.TTM-success-popup-content{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:10px}.TTM-success-popup-icon{align-items:center;animation:TTM-bounceIn .5s ease;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:60px;justify-content:center;margin-bottom:5px;width:60px}.TTM-success-popup-message{color:#333;font-size:1.3rem;font-weight:600;line-height:1.4;text-align:center}.TTM-success-popup-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.8rem;line-height:1;padding:5px 12px;position:absolute;right:15px;top:10px;transition:all .2s}.TTM-success-popup-close:hover{background-color:#f5f5f5;color:#000}.TTM-success-popup-progress{background:#e0e0e0;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.TTM-success-popup-progress-bar{animation:TTM-progressBar 3s linear forwards;background:#28a745;height:100%;transform-origin:left;width:100%}.TTM-spinner-container{align-items:center;display:flex;gap:8px;justify-content:center}.TTM-spinner{animation:TTM-spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.TTM-spinner-text{font-size:.9rem}@keyframes TTM-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes TTM-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes TTM-bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes TTM-progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes TTM-spin{to{transform:rotate(1turn)}}.TM-btn-pdf:disabled{background-color:#6c757d!important;cursor:not-allowed;opacity:.7}@media screen and (max-width:600px){.TTM-success-popup{margin:20px;max-width:320px;min-width:280px;padding:25px 30px}.TTM-success-popup-icon{font-size:26px;height:50px;width:50px}.TTM-success-popup-message{font-size:1.1rem}.TTM-spinner-container{gap:6px}.TTM-spinner{height:16px;width:16px}.TTM-spinner-text{font-size:.85rem}}@media screen and (max-width:380px){.TTM-success-popup{min-width:250px;padding:20px 25px}.TTM-success-popup-icon{font-size:24px;height:45px;width:45px}.TTM-success-popup-message{font-size:1rem}}@media print{.TM-btn-delete,.TM-btn-edit,.TM-btn-pdf{display:none!important}}@media (max-width:768px){.TM-grid-cell{min-width:240px}.TM-class-header-container{align-items:flex-start;flex-direction:column;gap:10px}}.time-tbl-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.timetable-form-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:60px auto;max-width:900px;padding:15px}.timetable-form-container h2,.timetable-form-container h3,.timetable-form-container h4{color:#4a3aff;margin-bottom:10px}.timetable-form-container form{display:flex;flex-direction:column;gap:15px}.timetable-form-container .form-section{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px}.timetable-form-container input[type=email],.timetable-form-container input[type=text],.timetable-form-container input[type=time]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:10px;margin-top:5px;padding:8px 10px;width:100%}.timetable-form-container label{font-size:14px;font-weight:600}.timetable-form-container select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2728%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:14px;margin-bottom:10px;margin-top:5px;padding:8px 10px;width:100%}.timetable-form-container select:focus{border-color:#4a3aff;box-shadow:0 0 4px #4a3aff80;outline:none}.timetable-form-container button{align-self:flex-start;background-color:#4a3aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;transition:.3s ease;width:200px}.timetable-form-container>form>.save-weakly-btn{display:flex;justify-content:center}.timetable-form-container button:hover{background-color:#3926d1}.STT-success-popup-overlay{align-items:center;animation:STT-fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.STT-success-popup{animation:STT-slideUp .4s ease;background:#fff;border-radius:15px;border-top:5px solid #4a3aff;box-shadow:0 15px 35px #00000040;max-width:480px;min-width:380px;overflow:hidden;padding:35px 40px;position:relative;text-align:center}.STT-success-popup-content{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:10px}.STT-success-popup-icon{align-items:center;animation:STT-bounceIn .5s ease;background:#4a3aff;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:70px;justify-content:center;margin-bottom:5px;width:70px}.STT-success-popup-message{color:#333;font-size:1.4rem;font-weight:600;line-height:1.4;text-align:center}.STT-success-popup-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:2rem;line-height:1;padding:5px 14px;position:absolute;right:18px;top:12px;transition:all .2s}.STT-success-popup-close:hover{background-color:#f5f5f5;color:#000}.STT-success-popup-progress{background:#e0e0e0;bottom:0;height:5px;left:0;overflow:hidden;position:absolute;right:0}.STT-success-popup-progress-bar{animation:STT-progressBar 3s linear forwards;background:#4a3aff;height:100%;transform-origin:left;width:100%}.STT-spinner-container{align-items:center;display:flex;gap:10px;justify-content:center}.STT-spinner{animation:STT-spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.STT-spinner-text{font-size:1rem;font-weight:500}.save-weakly-btn button{align-items:center;background:linear-gradient(135deg,#4a3aff,#6a5aff);border:none;border-radius:8px;box-shadow:0 4px 6px #4a3aff33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;min-height:44px;padding:12px 24px;position:relative;transition:all .3s ease}.save-weakly-btn button:hover:not(:disabled){background:linear-gradient(135deg,#3926d1,#5a4ad1);box-shadow:0 6px 12px #4a3aff4d;transform:translateY(-3px)}.save-weakly-btn button:active:not(:disabled){transform:translateY(-1px)}.save-weakly-btn button:disabled{background:#6c757d;box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}@keyframes STT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes STT-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes STT-bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes STT-progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes STT-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.STT-success-popup{margin:20px;max-width:350px;min-width:300px;padding:25px 30px}.STT-success-popup-icon{font-size:30px;height:60px;width:60px}.STT-success-popup-message{font-size:1.2rem}.save-weakly-btn button{font-size:15px;padding:10px 20px;width:100%}}@media (max-width:480px){.STT-success-popup{min-width:280px;padding:20px 25px}.STT-success-popup-icon{font-size:26px;height:50px;width:50px}.STT-success-popup-message{font-size:1.1rem}.STT-spinner{height:18px;width:18px}.STT-spinner-text{font-size:.9rem}}.timetable-form-container button[type=button]{background-color:#4a3aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:.3s ease;width:auto}.timetable-form-container button[type=button]:hover{background-color:#3926d1}.timetable-form-container button[type=button][style*="background-color: #ff4d4f"]{background-color:#ff4d4f;font-size:13px;padding:6px 12px}.timetable-form-container button[type=button][style*="background-color: #ff4d4f"]:hover{background-color:#f33}@media (max-width:768px){.timetable-form-container{padding:10px}.timetable-form-container button{width:100%}}.STT-teacher-dropdown-container{position:relative;width:100%}.STT-teacher-select{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;min-height:38px;padding:8px 12px;transition:border-color .3s}.STT-teacher-select:hover{border-color:#40a9ff}.STT-selected-teacher{display:flex;flex:1 1;flex-direction:column;gap:2px}.STT-teacher-name{color:#333;font-weight:500}.STT-teacher-email{color:#666;font-size:12px}.STT-teacher-subject{background:#e6f7ff;border-radius:2px;color:#1890ff;display:inline-block;font-size:12px;padding:1px 4px}.STT-placeholder{color:#999}.STT-dropdown-arrow{color:#666;font-size:12px}.STT-teacher-dropdown{background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.STT-teacher-search{background:#fff;border-bottom:1px solid #f0f0f0;padding:8px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.STT-search-input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:6px 12px;width:100%}.STT-search-input:focus{border-color:#40a9ff;outline:none}.STT-teacher-list{max-height:250px;overflow-y:auto}.STT-teacher-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px;transition:background-color .2s}.STT-teacher-item:hover{background-color:#f5f5f5}.STT-teacher-item.STT-selected{background-color:#e6f7ff}.STT-teacher-info{display:flex;flex-direction:column;gap:4px}.STT-teacher-main{align-items:center;display:flex;justify-content:space-between}.STT-teacher-email-item{color:#666;font-size:12px}.STT-teacher-details{display:flex;flex-wrap:wrap;gap:8px}.STT-teacher-subject-item{background:#e6f7ff;color:#1890ff}.STT-teacher-qual,.STT-teacher-subject-item{border-radius:3px;font-size:11px;padding:2px 6px}.STT-teacher-qual{background:#f5f5f5;color:#666}.STT-loading,.STT-no-teachers{color:#999;font-size:14px;padding:16px;text-align:center}.STT-lecture-row{grid-gap:15px;align-items:start;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;display:grid;gap:15px;grid-template-columns:1fr 1fr 2fr auto;margin-bottom:15px;padding:15px}.STT-form-group{display:flex;flex-direction:column;gap:4px}.STT-form-group label{color:#666;font-size:12px;margin-bottom:2px}.STT-form-group input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:6px 12px}.STT-form-groupdrop{display:flex;flex-direction:column;gap:9px}.STT-time-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.STT-remove-btn{align-self:center;background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.STT-remove-btn:hover{background:#ff7875}.STT-add-btn{background:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:background-color .3s}.STT-add-btn:hover{background:#40a9ff}@media (max-width:768px){.STT-lecture-row{gap:10px;grid-template-columns:1fr}.STT-time-group{grid-template-columns:1fr 1fr}}.camera-config-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.camra-container{font-family:Arial,sans-serif;margin-top:5px;max-width:1000px}h2{margin-bottom:20px;text-align:center}.camra-form{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;width:100%}.camra-form,.camra-form div{display:flex;justify-content:center}.camra-form div{flex-direction:column}.camra-form label{font-weight:700;margin-bottom:5px}.camra-form input,.camra-form select{border:1px solid #ccc;border-bottom-left-radius:10px;border-top-right-radius:10px;padding:8px}.camra-form button{background-color:#2e8cf0;border:none;border-bottom-left-radius:5px;border-top-right-radius:5px;color:#fff;cursor:pointer;height:35px;margin-top:20px;padding:10px;transition:background-color .3s,transform .2s}.camra-form button:hover{background-color:#2e93ff;transform:translateY(-1px)}.camra-list{display:flex;flex-direction:column;gap:10px}.next-btn{background-color:#2e8cf0;border:none;border-bottom-left-radius:5px;border-top-right-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:400;padding:8px 15px;transition:background-color .3s,transform .2s}.next-btn:hover{background-color:#2e93ff;transform:translateY(-1px)}.select-all-container{gap:10px}.camra-item,.select-all-container{align-items:center;display:flex;justify-content:space-between}.camra-item{background-color:#fff;border-bottom-right-radius:20px;border-top-left-radius:20px;box-shadow:0 2px 5px #0000001a;flex-wrap:wrap;padding:15px}.camra-item div{margin:10px}.camra-item button{border:none;border-bottom-left-radius:5px;border-top-right-radius:5px;cursor:pointer;margin-left:5px;padding:10px 15px}.camra-item button.edit{background-color:#4caf50;color:#fff}.camra-item button.edit:hover{background-color:#58cf5c}.camra-item button.start{background-color:#6dbaf8;color:#fff}.camra-item button.start:hover{background-color:#4ca6f0}.camra-item button.delete{background-color:#f1554a;color:#fff}.camra-item button.delete:hover{background-color:#f52819}.popup-overlay{animation:fadeIn .3s ease}.popup-content{animation:slideUp .3s ease;background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000004d;padding:30px;text-align:center}.popup-icon{font-size:40px;font-weight:700;margin-bottom:20px}.popup-success{color:#4caf50}.popup-error{color:#f44336}.popup-info{color:#2196f3}.popup-confirm-icon{color:#ff9800}.popup-content p{color:#333;font-size:16px;line-height:1.5;margin:15px 0 25px}.popup-buttons{display:flex;gap:15px;justify-content:center;margin-top:10px}.popup-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 25px;transition:all .3s ease}.popup-ok{background-color:#2e8cf0;color:#fff}.popup-ok:hover{background-color:#2578d4}.popup-confirm{background-color:#4caf50;color:#fff}.popup-confirm:hover{background-color:#3d8b40}.popup-cancel{background-color:#f44336;color:#fff}.popup-cancel:hover{background-color:#d32f2f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.popup-content{padding:20px}.popup-buttons{flex-direction:column;gap:10px}.popup-btn{width:100%}}@media screen and (max-width:768px){.camra-form div,.camra-item div{flex:1 1 100%}.camra-form button{width:100%}}.Main-Attendance-Container{align-items:center;background:#f4f7fb;display:flex;flex-direction:column;justify-content:center;width:100%}.attendance-container{color:#333;font-family:Poppins,sans-serif;max-width:1600px;min-height:100vh;padding:20px 40px;width:100%}.attendance-container h2{color:#2d3436;font-size:2rem;font-weight:700;margin-bottom:5px;text-align:center}.status-indicator{color:#0b7a26;font-size:15px;margin-bottom:18px;text-align:center}.camera-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:40px}.camera-feed{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e2ebf5;border-radius:18px;box-shadow:0 10px 40px #0000001a;overflow:hidden;transition:.25s ease-in-out}.camera-feed:hover{box-shadow:0 18px 48px #00000024;transform:translateY(-4px)}.camera-feed h4{align-items:center;background:linear-gradient(90deg,#4a90e2,#1b72d3);color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin:0;padding:12px 18px}.status-pill{border-radius:14px;font-size:.75rem;font-weight:700;padding:5px 10px}.status-pill.online{background:#d6ffdd;color:#087319}.status-pill.offline{background:#ffd6d6;color:#b31212}.video-container{aspect-ratio:16/9;background:#000;border-radius:0 0 14px 14px;overflow:hidden;position:relative;width:100%}.video-container img{animation:fadeIn .6s ease-in-out;background:#000;height:100%;object-fit:contain;width:100%}.detection-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.offline-overlay{background:#000000bf;color:#fff;display:flex;flex-direction:column;font-size:1rem;font-weight:400;inset:0;justify-content:center;position:absolute;text-align:center}.recognized-list{background:#f9fbff;border-top:1px solid #e6eef8;padding:12px 18px}.recognized-person{background:#e8f5e9;border-radius:6px;color:#1b5e20;font-size:14px;margin-top:6px;padding:6px 8px}.teacher-highlight{background-color:#fff4d6;color:#b36b00;font-weight:700}.attendance-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:10px}.attendance-buttons button{background:linear-gradient(90deg,#4a90e2,#1b72d3);border:none;border-radius:30px;box-shadow:0 5px 12px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:.25s}.attendance-buttons button:hover:not(:disabled){transform:translateY(-3px)}.attendance-buttons button:disabled{background:#bfc8d4;cursor:not-allowed}@media (max-width:768px){.video-container{aspect-ratio:16/10}}.CT-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:50px;width:100%}.CT-select-all-container{align-items:center;display:flex;gap:15px;margin-bottom:15px}.CT-btn-next{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px}.CT-btn-next:hover{background-color:#2ecc71}.CT-grid-wrapper{padding-bottom:10px}.CT-grid{gap:10px;min-width:-webkit-max-content;min-width:max-content}.CT-container{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-top:50px;min-height:100vh;padding:20px;width:95%}.CT-title{background-color:#2c3e50;border-radius:8px;color:#fff;font-size:24px;font-weight:700;height:60px;margin-bottom:20px}.CT-loading,.CT-no-data,.CT-title{align-items:center;display:flex;justify-content:center;width:100%}.CT-loading,.CT-no-data{color:#555;font-size:18px;height:50px}.CT-class-group{background-color:#fff;border:1px solid #aaa;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:15px;padding:10px;width:100%}.CT-class-header{background-color:#3498db;border-radius:4px;color:#fff;font-size:18px;padding:8px 0;text-align:center}.CT-grid-wrapper{overflow-x:auto;scroll-behavior:smooth;width:100%}.CT-grid-wrapper::-webkit-scrollbar{height:8px}.CT-grid-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.CT-grid-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.CT-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.CT-grid{display:flex;flex-direction:row;gap:5px}.CT-grid-cell{background-color:#fdfdfd;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;min-width:240px}.CT-day-header{background-color:#ecf0f1;border-radius:4px 4px 0 0;font-size:14px;font-weight:700;height:40px;text-align:center}.CT-day-header,.CT-slot{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:center;width:100%}.CT-slot{background-color:#fff;box-sizing:border-box;flex-direction:column;min-height:80px;padding:5px;transition:transform .2s}.CT-slot:hover{background-color:#f0f8ff;transform:scale(1.02)}.CT-subject-time{font-size:14px;font-weight:600}.CT-subject-time,.CT-teacher{align-items:center;display:flex;justify-content:center;width:100%}.CT-teacher{color:#2c3e50;font-size:12px;margin-top:2px}.CT-btn-attendance{align-items:center;background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:30px;justify-content:center;margin-top:5px;width:90%}.CT-btn-attendance:hover{background-color:#2ecc71}.CT-no-lectures{align-items:center;color:#999;display:flex;font-size:12px;height:80px;justify-content:center;width:100%}@media screen and (max-width:1024px){.CT-grid-cell{min-width:240px}}@media screen and (max-width:768px){.CT-grid-cell{min-width:240px}}@media screen and (max-width:480px){.CT-grid-cell{min-width:240px}.CT-subject-time{font-size:12px}.CT-teacher{font-size:10px}.CT-btn-attendance{font-size:10px;height:25px}}.MCD-container{background:#f4f6f9;font-family:Segoe UI,sans-serif;min-height:100vh;padding:25px}.MCD-topbar{background:#fff;border-radius:14px;box-shadow:0 3px 12px #00000014;justify-content:space-between;margin-bottom:25px;padding:15px 20px}.MCD-title,.MCD-topbar{align-items:center;display:flex}.MCD-title{font-size:24px;font-weight:600;gap:8px}.MCD-topbar-actions{display:flex;gap:12px}.MCD-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;padding:10px 18px;transition:.2s}.MCD-btn.primary{background:#0061ff;color:#fff}.MCD-btn.primary:hover{background:#004ed0}.MCD-btn.grey{background:#6c757d;color:#fff}.MCD-btn.grey:hover{background:#565e64}.MCD-btn.danger{background:#d9534f;color:#fff}.MCD-btn.danger:hover{background:#b8423d}.MCD-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.MCD-card{background:#fff;border-radius:14px;box-shadow:0 4px 16px #00000014;padding:18px}.MCD-card-header{align-items:center;display:flex;justify-content:space-between}.MCD-cam-name{font-size:18px;font-weight:600}.MCD-meta{display:flex;font-size:12px;gap:12px}.MCD-status-pill{border-radius:6px;font-weight:600;padding:3px 8px}.MCD-status-pill.online{background:#d4f7d8;color:#1b7a1e}.MCD-status-pill.connecting{background:#fff3cd;color:#856404}.MCD-status-pill.offline{background:#ffe3e3;color:#c21807}.MCD-class-pill{background:#e8eefc;border-radius:6px;color:#2949c7;font-weight:600;padding:3px 8px}.MCD-video-box{background:#000;border-radius:14px;box-shadow:inset 0 0 10px #0006;height:550px;margin-top:12px;overflow:hidden;position:relative}.MCD-canvas{background:#000;display:block;height:100%;width:100%}.MCD-mic-btn{background:#ffffffd9;border:none;border-radius:50%;bottom:12px;cursor:pointer;font-size:20px;padding:10px 12px;position:absolute;right:12px;transition:.3s}.MCD-mic-btn:hover{background:#fff}.MCD-mic-btn.active{background:red;color:#fff}.MCD-people{margin-top:15px}.MCD-people h5{font-size:16px;margin-bottom:8px}.MCD-person{border-radius:8px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.MCD-person.known{background:#e9f7e9;border:1px solid #bfe8c0;color:#1b751c}.MCD-person.unknown{background:#ffeaea;border:1px solid #fbb;color:#d52a2a}.MCD-empty{color:#777;font-style:italic;padding:10px 0;text-align:center}.MCD-alert{background:#ffec99;color:#8d6e00}.MCD-alert,.MCD-warning{border-radius:8px;font-weight:600;margin-top:10px;padding:10px;text-align:center}.MCD-warning{background:#ffe8c7;color:#ad7100}.MCD-alert-global{animation:pulse 1s infinite;background:#ff4d4d;border-radius:10px;color:#fff;font-size:15px;font-weight:700;margin-bottom:18px;padding:12px;text-align:center}.MCD-footer{background:#fff;border-radius:14px;box-shadow:0 3px 12px #0000000d;margin-top:20px;padding:14px;text-align:center}.MCD-cooldown{color:#666;font-size:13px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.MCD-no-cameras{color:#666;font-size:18px;padding:40px;text-align:center}.MCD-status-pill.cors-error{background:#fcc;border:1px solid #c00;color:#c00}.attendance-page{background-color:#f5f6fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:popup-appear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%}@keyframes popup-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 20px 10px}.popup-header h3{color:#333;font-size:1.2rem;margin:0}.popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.popup-close:hover{background-color:#f8f9fa;color:#dc3545}.popup-body{padding:20px;text-align:center}.popup-body p{color:#555;font-size:1rem;line-height:1.5;margin:0}.popup-footer{padding:10px 20px 20px;text-align:center}.popup-ok-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 30px;transition:background-color .2s}.popup-ok-btn:hover{background-color:#0056b3}@media (max-width:480px){.popup-content{margin:20px;width:95%}.popup-header{padding:15px 15px 10px}.popup-body{padding:15px}.popup-footer{padding:10px 15px 15px}}.attendance-page h1{color:#2f3640;margin-bottom:20px;text-align:center}.tab-navigation{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.tab-navigation button{background-color:#dcdde1;border:none;border-bottom-right-radius:6px;border-top-left-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.tab-navigation button.active,.tab-navigation button:hover{background-color:#7a58df;color:#fff}.tab-navigation button.active{box-shadow:0 2px 6px #0003}.DP-BTN,.V-A-BTN{background-color:#7a58df;border:none;border-bottom-right-radius:6px;border-top-left-radius:6px;color:#fff;cursor:pointer;font-size:15px;height:38px;transition:background-color .3s,transform .2s;width:80px}.DP-BTN{width:11%}.DP-BTN:hover,.V-A-BTN:hover{background-color:#8259fc;transform:translateY(-1px)}.initial-message{background-color:#fff;border:1px dashed #b2bec3;border-radius:8px;box-shadow:0 1px 6px #0000000d;color:#636e72;font-size:1.1rem;font-weight:500;margin:30px auto;padding:25px;text-align:center;width:70%}.charts-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.status-present{color:#44bd32}.status-absent{color:#e84118;font-weight:700}.pagination{display:flex;gap:5px;justify-content:center;margin-top:15px}.pagination button{background-color:#fff;border:1px solid #7a58df;border-radius:4px;color:#7a58df;cursor:pointer;padding:6px 12px;transition:all .3s ease}.pagination button.active-page,.pagination button:hover{background-color:#7a58df;color:#fff}.pagination button.active-page{font-weight:700}.highest-attendance-section{display:flex;justify-content:center;margin-top:40px;width:100%}@media screen and (max-width:1024px){.attendance-table-container{min-width:700px}.charts-section{align-items:center;flex-direction:column}}@media screen and (max-width:768px){.attendance-page{padding:10px}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar button,.filter-bar input,.filter-bar select{width:100%}.attendance-table-container{min-width:600px}.initial-message{font-size:1rem;width:90%}}@media screen and (max-width:480px){.attendance-table-container{min-width:500px}.tab-navigation{flex-direction:column;gap:5px}.tab-navigation button{width:100%}}.charts-container{gap:20px;margin-bottom:20px;margin-top:20px;width:100%}.average-attendance h3{color:#2f3640;font-size:1.3rem;margin-bottom:15px;text-align:center}.charts-row{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width:100%}.bar-chart-scroll,.pie-chart{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px}.pie-chart{width:300px}.bar-chart-scroll{overflow-x:auto;width:500px}.bar-chart-container{height:350px;min-width:700px}.bar-chart-scroll h3,.pie-chart h3{color:#2f3640;font-size:18px;margin-bottom:10px;text-align:center}@media screen and (max-width:768px){.charts-row{align-items:center;flex-direction:column}.bar-chart-scroll,.pie-chart{width:90%}.bar-chart-container{height:300px;min-width:100%}}@media screen and (max-width:480px){.bar-chart-container{height:250px}}.highest-attendance-page{background-color:#f5f6fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.highest-attendance-page h2{color:#2f3640;margin-bottom:20px;text-align:center}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.filter-bar input,.filter-bar select{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.5rem}.V-A-BTN{background-color:#7a58df;border:none;border-bottom-right-radius:6px;border-top-left-radius:6px;color:#fff;cursor:pointer;font-size:15px;height:38px;width:80px}.V-A-BTN:hover{background-color:#8259fc}.info-message{background-color:#fff;border:1px dashed #b2bec3;border-radius:8px;box-shadow:0 1px 6px #0000000d;color:#636e72;font-size:1.1rem;font-weight:500;margin:30px auto;padding:25px;text-align:center;width:70%}.attendance-table-scroll{display:flex;justify-content:center;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scroll-behavior:smooth;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin;width:100%}.attendance-table-scroll::-webkit-scrollbar{height:10px}.attendance-table-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.attendance-table-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.attendance-table-scroll::-webkit-scrollbar-thumb:hover{background:#555}.attendance-table-container{display:inline-block;min-width:900px;width:90%}.attendance-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.attendance-table td,.attendance-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left;white-space:nowrap}.attendance-table th{background-color:#7a58df;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:2}.attendance-table tbody tr:hover{background-color:#f1f2f6}.status-present{color:#6edbae;font-weight:700}.charts-container{align-items:center;display:flex;flex-direction:column;margin-top:30px}.charts-container h3{color:#2f3640;font-size:1.2rem;font-weight:600;margin-bottom:10px}.charts-container canvas{max-height:280px;max-width:280px}.pagination-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination-controls button{background-color:#7a58df;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:.3s}.pagination-controls button:hover:not(:disabled){background-color:#8259fc}.pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls span{color:#2f3640;font-size:14px;font-weight:500}@media screen and (max-width:768px){.charts-container canvas{max-height:220px;max-width:220px}}@media screen and (max-width:1024px){.attendance-table-container{min-width:700px}}@media screen and (max-width:768px){.highest-attendance-page{padding:10px}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar button,.filter-bar input,.filter-bar select{width:100%}.attendance-table-container{min-width:600px}.info-message{font-size:1rem;width:90%}}@media screen and (max-width:480px){.attendance-table-container{min-width:500px}}.ABPA-attendance-status-page{background-color:#f5f6fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.ABPA-attendance-status-page h2{color:#2f3640;margin-bottom:20px;text-align:center}.ABPA-filter-panel{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.ABPA-filter-panel input,.ABPA-filter-panel select{border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:8px 10px}.ABPA-filter-btn{background-color:#7a58df;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease}.ABPA-filter-btn:hover{background-color:#8259fc}.ABPA-info-msg{color:#636e72;font-size:1rem;margin:25px auto;text-align:center}.ABPA-attendance-table-scroll{margin-top:20px;overflow-x:auto}.ABPA-attendance-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.ABPA-attendance-table td,.ABPA-attendance-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left;white-space:nowrap}.ABPA-attendance-table th{background-color:#7a58df;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:2}.ABPA-attendance-table tbody tr:hover{background-color:#f1f2f6}.ABPA-status-present{color:#44bd32;font-weight:700}.ABPA-status-absent{color:#e84118;font-weight:700}.ABPA-attendance-table-scroll::-webkit-scrollbar{height:8px}.ABPA-attendance-table-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.ABPA-attendance-table-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.ABPA-attendance-table-scroll::-webkit-scrollbar-thumb:hover{background:#555}.ABPA-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.ABPA-pagination button{background-color:#fff;border:1px solid #7a58df;border-radius:6px;color:#7a58df;cursor:pointer;font-size:.95rem;padding:6px 14px;transition:all .3s ease}.ABPA-pagination button:hover:not(:disabled){background-color:#7a58df;color:#fff}.ABPA-pagination button:disabled{cursor:not-allowed;opacity:.5}.ABPA-pagination span{color:#2f3640;font-size:.95rem}@media screen and (max-width:1024px){.ABPA-attendance-table{min-width:700px}}@media screen and (max-width:768px){.ABPA-filter-panel{align-items:stretch;flex-direction:column}.ABPA-filter-btn,.ABPA-filter-panel input,.ABPA-filter-panel select{width:100%}.ABPA-attendance-table{min-width:600px}.ABPA-pagination{gap:8px}}@media screen and (max-width:480px){.ABPA-attendance-table{min-width:500px}.ABPA-pagination{flex-direction:column}.ABPA-pagination span{margin-bottom:6px}}