@import"https://fonts.googleapis.com/css2?family=Forum&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app-layout{display:flex;height:100vh;width:100%}.main-section{flex:1;display:flex;flex-direction:column;transition:all .3s ease}.page-content{margin-top:70px;padding:25px;transition:margin-left .3s ease}.page-content.open{margin-left:260px}.page-content.closed{margin-left:90px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#4a91ce,#e6f1fa);font-family:Poppins,sans-serif;padding:20px;transition:background .5s ease}.auth-box{width:30%;max-width:100%;background:linear-gradient(145deg,#d5e2f1d9,#a3d9f3f2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:35px 30px;box-shadow:0 20px 50px #00000026;text-align:center;transition:all .4s ease}.auth-box h2{font-size:26px;font-weight:700;color:#082c5c;margin-bottom:30px;letter-spacing:.5px}.auth-box input{width:100%;padding:14px 16px;margin-bottom:18px;border-radius:16px;border:1px solid rgba(255,255,255,.55);outline:none;font-size:15px;background:#ffffffb3;color:#082c5c;transition:all .3s ease}.auth-box input:focus{border-color:#2670d0;box-shadow:0 0 12px #2670d059}.password-wrapper{position:relative}.toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:20px;color:#0a214a;transition:all .3s ease}.toggle-password:hover{color:#2670d0}.error-text{color:#d93025;font-size:14px;margin-bottom:12px;font-weight:500}.success-text{color:#2e7d32;font-size:14px;margin-bottom:12px;font-weight:500}.auth-box button[type=submit],.primary-btn{width:100%;padding:15px;font-size:16px;font-weight:600;border:none;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#2670d0,#5a9ef2);color:#fff;transition:all .3s ease;margin-top:12px;box-shadow:0 8px 18px #2670d059}.auth-box button[type=submit]:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2670d073}.divider{margin:24px 0;font-size:14px;color:#0a214a;position:relative;font-weight:500;letter-spacing:.3px}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#0000001a}.divider:before{left:0}.divider:after{right:0}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 0;border-radius:16px;font-weight:600;background:#fff;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;color:#0a214a}.google-btn:hover{background:linear-gradient(135deg,#2670d0,#5a9ef2);color:#fff;box-shadow:0 8px 18px #2670d059}.toggle-text,.forgot-password{font-size:14px;color:#0b234a;margin-top:18px;transition:all .3s ease}.toggle-text span,.forgot-password{color:#2670d0;cursor:pointer;font-weight:600}.toggle-text span:hover,.forgot-password:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b234a99;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-box{background:linear-gradient(145deg,#d5e2f1e6,#a3d9f3f2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:28px 22px;border-radius:24px;box-shadow:0 20px 50px #00000026;text-align:center;max-width:400px;transition:all .3s ease}.modal-box h3{font-size:18px;font-weight:600;color:#082c5c;margin-bottom:20px}.open-mail{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:500;color:#0a214a;transition:all .3s ease}.open-mail:hover{background:linear-gradient(135deg,#2670d0,#5a9ef2);color:#fff;box-shadow:0 8px 18px #2670d059}.slide-enter{opacity:0;transform:translateY(-50px)}.slide-enter-active{opacity:1;transform:translateY(0);transition:all .4s ease-in-out}.slide-exit{opacity:1;transform:translateY(0)}.slide-exit-active{opacity:0;transform:translateY(-50px);transition:all .4s ease-in-out}@media(max-width:768px){.auth-box{width:60%;padding:30px 20px}}@media(max-width:480px){.auth-box{width:100%;padding:28px 18px}.auth-box h2{font-size:22px}.auth-box input{font-size:14px;padding:12px 14px}.auth-box button[type=submit],.primary-btn{font-size:15px;padding:13px 0}.google-btn{font-size:15px;padding:12px 0}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background-color:#7d9acc53;box-shadow:4px 0 25px #0000001a;color:#02234a;transition:all .35s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.sidebar.closed{width:85px}.sidebar-header{text-align:center;padding:28px 15px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center}.sidebar-logo{width:80px;height:auto}.sidebar-title{font-weight:700;font-size:30px;text-transform:uppercase;color:#082c5c;transition:opacity .3s ease,transform .3s ease}.sidebar-title.show{opacity:1;transform:translateY(0)}.sidebar-title.hide{opacity:0;transform:translateY(-10px);height:0;overflow:hidden}.sidebar-menu{flex-grow:1;list-style:none;margin:0;padding:25px 12px}.sidebar-menu li{margin:12px 0}.sidebar-menu a{display:flex;align-items:center;gap:16px;padding:14px 20px;color:#0b234a;text-decoration:none;border-radius:14px;font-size:16px;font-weight:500;background-color:#fff;transition:all .35s ease}.sidebar-menu a:hover,.sidebar-menu .active{background:linear-gradient(135deg,#2670d0,#5a9ef2);color:#fff;transform:translate(6px)}.sidebar.closed a span{display:none}.sidebar-icon{font-size:22px;transition:transform .25s ease}.sidebar-menu a:hover .sidebar-icon,.sidebar-menu .active .sidebar-icon{transform:scale(1.2)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.25);padding:18px 12px}.logout-btn{display:flex;align-items:center;justify-content:center;gap:12px;color:#0e1a35;background-color:#fff;border:none;font-size:16px;width:100%;cursor:pointer;padding:12px 18px;border-radius:12px;transition:all .3s ease;font-weight:500}.logout-btn:hover{background-color:red;color:#fff;transform:translateY(-1px)}.menu-text{transition:opacity .3s ease,transform .3s ease}@media(max-width:1024px){.sidebar{width:230px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media(max-width:768px){.sidebar{width:200px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.navbar{height:72px;border-radius:16px;margin:12px 20px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background-color:#7d9acc53;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;transition:all .3s ease}.nav-left{display:flex;align-items:center;gap:12px}.navbar-logo{width:40px;height:40px;object-fit:contain;border-radius:8px}.menu-icon{font-size:23px;cursor:pointer;color:#0a214a;transition:all .3s ease}.menu-icon:hover{transform:rotate(90deg)}.nav-left h1{font-size:20px;color:#0a214a;font-weight:600}.admin-box{display:flex;align-items:center;gap:10px;background:#fff;padding:8px 16px;border-radius:20px;cursor:default}.admin-box .avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.admin-box span{font-weight:500;font-size:15px;color:#0a214a}@media(max-width:768px){.navbar{padding:0 15px}.nav-left h1{font-size:18px}.admin-box span{display:none}}.dashboard-wrapper{display:flex;height:100vh;width:100%;background-color:#fff;overflow:hidden}.dashboard-main{display:flex;flex-direction:column;width:100%;height:100vh;transition:margin-left .3s ease-in-out;overflow:hidden}.dashboard-main.expanded{margin-left:280px}.dashboard-main.collapsed{margin-left:85px}.dashboard-content{flex:1;background-color:#7d9acc53;margin:12px 20px 20px;border-radius:20px;padding:24px;overflow-y:auto;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-thumb{background:#b3c8e2;border-radius:6px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#7ba1d8}@media(max-width:768px){.dashboard-main.expanded,.dashboard-main.collapsed{margin-left:0}.dashboard-content{margin:10px;padding:18px}}.dashboard-title{font-size:32px;font-weight:700;color:#0a214a;margin-bottom:30px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-bottom:45px}.card{background:linear-gradient(135deg,#f0f4ff,#fff);border-radius:22px;padding:25px 20px;text-align:center;box-shadow:0 12px 25px #00000014;transition:all .5s ease;cursor:pointer;position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:120%;height:120%;background:#376fff14;top:-10%;left:-10%;transform:rotate(45deg);transition:all .5s ease;pointer-events:none}.card:hover:after{top:-30%;left:-30%}.card:hover{transform:translateY(-12px)}.card .icon{font-size:44px;color:#376fff;margin-bottom:14px;transition:all .3s ease}.card:hover .icon{transform:scale(1.3)}.card h3{font-size:28px;font-weight:700;color:#082c5c;margin:10px 0 6px}.card p{font-size:15px;font-weight:500;color:#082c5c}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.chart{background:#fff;padding:25px 20px;border-radius:22px;transition:all .4s ease}.chart:hover{transform:translateY(-6px)}.chart h3{font-size:20px;font-weight:600;margin-bottom:20px;color:#082c5c;text-align:center}@media screen and (max-width:768px){.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dashboard-charts{grid-template-columns:1fr}}.dashboard-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh;font-weight:700;color:#082c5c}.spinner{border:6px solid #fff;border-top:6px solid rgba(38,112,208,.4);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-bar input{width:100%;padding:6px 30px 6px 10px;border-radius:8px;border:1px solid #d1d9e6;font-size:.9rem;outline:none;background-color:#fff;transition:all .2s ease}.search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#5a5a5a;font-size:.9rem}.students-table{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000f;border:1px solid #e6ebf7}.students-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.students-table thead tr th{background:#f3f6ff;padding:8px 10px;font-size:.85rem;font-weight:600;color:#2b2d42;border-bottom:1.5px solid #e1e7ff;text-align:left}.students-table tbody tr td{padding:6px 10px;font-size:.85rem;color:#333;border-bottom:1px solid #eef2ff;vertical-align:middle;cursor:pointer;transition:background .2s ease}.students-table tbody td svg{margin:0 3px;cursor:pointer;transition:all .2s ease;color:#376fff;font-size:.9rem}.students-table tbody td svg:hover{transform:scale(1.15);color:#1a5bff}.modal-content{position:relative;background:#fff;border-radius:12px;padding:15px 20px;max-width:450px;width:100%;max-height:95vh;overflow-y:auto;box-shadow:0 12px 20px #00000026;font-size:.9rem}.modal-content .form-group{margin-bottom:8px}.modal-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.modal-close-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0003}.modal-close-x:hover{background:#e74c3c;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #0000004d}.modal-close-x:focus{outline:none;box-shadow:0 0 0 3px #376fff66}.loader{text-align:center;padding:35px 0;font-size:1rem;color:#376fff}@media(max-width:768px){.students-table table{min-width:500px}.modal-content{max-width:90%;padding:12px 15px}.students-header h2{font-size:1.2rem}.search-add-container button,.search-bar input{font-size:.8rem;padding:5px 8px}}@media(max-width:480px){.students-table table{min-width:400px}.modal-content{padding:10px 12px}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:18px;gap:6px}.pagination button{padding:7px 14px;border:1px solid #d0d0d0;background:#f5f5f5;cursor:pointer;border-radius:6px;transition:.2s}.pagination button.active{background:#376fff;color:#fff;font-weight:700}.pagination button:hover{background:#e4e4e4}.pagination button:disabled{background:#ccc;cursor:not-allowed}.dots{padding:7px 10px;color:#555;font-size:18px;-webkit-user-select:none;user-select:none}.teachers-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:15px}.teachers-header h2{font-size:1.4rem;color:#082c5c;font-weight:600}.checkbox-group{display:flex;align-items:center;gap:10px}.form-group.error input{border:2px solid red}.checkbox-group input[type=checkbox]:after{content:"";width:15px;height:15px;background:#fff;position:absolute;top:2px;left:2px;border-radius:50%;box-shadow:0 2px 5px #00000026;transition:all .25s ease}.search-add-container button{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:.9rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;background:linear-gradient(135deg,#1d66c5,#4385d6);color:#fff;transition:all .2s ease}.teachers-table{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000f;border:1px solid #e6ebf7}.teachers-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.teachers-table thead tr th{background:#f3f6ff;padding:8px 10px;font-size:.85rem;font-weight:600;color:#2b2d42;border-bottom:1.5px solid #e1e7ff;text-align:left}.teachers-table tbody tr td{padding:6px 10px;font-size:.85rem;color:#333;border-bottom:1px solid #eef2ff;vertical-align:middle;cursor:pointer;transition:background .2s ease}.teachers-table tbody tr:hover{background:#f1f5ff}.paid,.unpaid{padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;text-align:center;border:none}.paid{background:#2ecc71;box-shadow:0 1px 6px #2ecc714d}.unpaid{background:#e63946;box-shadow:0 1px 6px #e639464d}.teachers-table tbody td svg{margin:0 3px;cursor:pointer;transition:all .2s ease;color:#376fff;font-size:.85rem}.teachers-table tbody td svg:hover{transform:scale(1.15);color:#1a5bff}.modal-content{position:relative;background:#fff;border-radius:12px;padding:15px 20px;max-width:420px;width:100%;max-height:95vh;overflow-y:auto;box-shadow:0 12px 20px #00000026;font-size:.9rem}.modal-content .form-group{margin-bottom:6px}.modal-content label{display:block;font-weight:600;margin-bottom:3px}.modal-content input,.modal-content select{width:100%;padding:6px 8px;font-size:.85rem;border-radius:6px;border:1px solid #ccc;outline:none;transition:all .2s ease}.detail-modal p{margin:6px 0;font-size:.85rem}@media(max-width:768px){.teachers-table table{min-width:500px}.modal-content{max-width:90%;padding:12px 15px}.teachers-header h2{font-size:1.2rem}.search-add-container button,.search-bar input{font-size:.8rem;padding:5px 8px}}@media(max-width:480px){.teachers-table table{min-width:400px}.modal-content{padding:10px 12px}}.students-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:15px}.students-header h2{font-size:1.4rem;color:#082c5c;font-weight:600}.search-add-container button:hover{transform:translateY(-1px);box-shadow:0 3px 10px #376fff4d}.students-table{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 6px 15px #00000014;border:1px solid #e6ebf7}.students-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:550px}.students-table thead tr th{background:#f3f6ff;padding:10px 12px;font-size:.85rem;font-weight:600;color:#2b2d42;border-bottom:1.5px solid #e1e7ff;text-align:left}.students-table tbody tr td{padding:8px 12px;font-size:.85rem;color:#333;border-bottom:1px solid #eef2ff;vertical-align:middle;cursor:pointer;transition:background .2s ease}.students-table tbody tr td svg{margin:0 4px;cursor:pointer;transition:all .2s ease;color:#376fff}.students-table tbody tr td svg:hover{transform:scale(1.2);color:#1a5bff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:10px;animation:fadeIn .25s ease}.modal-content{position:relative;background:#fff;border-radius:14px;padding:20px 25px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 15px 25px #0003;font-size:.9rem;transition:all .2s ease}.modal-content h3{font-size:1.25rem;margin-bottom:12px;color:#082c5c}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:4px;font-weight:600;color:#082c5c}.form-group input,.form-group select{width:100%;padding:7px 10px;font-size:.85rem;border-radius:6px;border:1px solid #ccc;outline:none;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#376fff;box-shadow:0 0 6px #376fff33}.student-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.chip{background:#376fff;color:#fff;padding:3px 10px;border-radius:12px;font-size:.82rem;display:flex;align-items:center;gap:5px}.chip svg{cursor:pointer;font-size:.75rem;transition:transform .2s ease}.chip svg:hover{transform:scale(1.2)}.student-dropdown{max-height:140px;overflow-y:auto;border:1px solid #ccc;border-radius:6px;margin-top:5px;background:#fff;box-shadow:0 4px 8px #00000014}.student-option{padding:6px 10px;cursor:pointer;transition:background .2s ease}.student-option:hover{background:#f1f5ff}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.modal-actions button{font-size:.85rem;padding:7px 12px;border-radius:8px;cursor:pointer;border:none;background:#376fff;color:#fff;display:flex;align-items:center;gap:6px;transition:all .2s ease}.modal-actions button:hover{background:#1a5bff;transform:translateY(-1px);box-shadow:0 4px 12px #376fff40}.modal-close-btn{margin-top:10px;padding:7px 12px;border-radius:8px;border:none;background:#376fff;color:#fff;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease}.modal-close-btn:hover{background:#1a5bff;box-shadow:0 4px 12px #376fff40;transform:translateY(-1px)}.detail-modal p{margin:6px 0;font-size:.87rem;color:#333}.loader{text-align:center;padding:40px 0;font-size:1rem;color:#376fff;font-weight:500}@media(max-width:600px){.students-header h2{font-size:1.2rem}.search-bar input{font-size:.8rem;padding:5px 28px 5px 8px}.search-add-container button{font-size:.8rem;padding:5px 10px}.students-table thead tr th,.students-table tbody tr td{font-size:.75rem;padding:4px 6px}.chip{font-size:.75rem;padding:2px 6px}.modal-content{padding:15px 18px}}.courses-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:15px}.courses-header h2{font-size:1.4rem;color:#082c5c;font-weight:600}.search-add-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-bar{position:relative;flex:1}.search-bar input{width:100%;padding:6px 28px 6px 10px;border-radius:8px;border:1px solid #d1d9e6;font-size:.9rem;outline:none;background-color:#fff;transition:all .2s ease}.search-bar input:focus{border-color:#376fff;box-shadow:0 0 6px #376fff33}.search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#5a5a5a;font-size:.85rem}.search-add-container button{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:.85rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;background:linear-gradient(135deg,#1d66c5,#4385d6);color:#fff;transition:all .2s ease}.search-add-container button:hover{transform:translateY(-1px);box-shadow:0 3px 8px #376fff33}.courses-table{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000f;border:1px solid #e6ebf7}.courses-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:550px}.courses-table thead tr th{background:#f3f6ff;padding:8px 10px;font-size:.85rem;font-weight:600;color:#2b2d42;border-bottom:1.5px solid #e1e7ff;text-align:left}.courses-table tbody tr td{padding:6px 10px;font-size:.85rem;color:#333;border-bottom:1px solid #eef2ff;vertical-align:middle;cursor:pointer;transition:background .2s ease}.courses-table tbody tr:hover{background:#f1f5ff}.actions-cell svg{margin:0 3px;cursor:pointer;transition:all .2s ease;color:#376fff}.actions-cell svg:hover{transform:scale(1.15);color:#1a5bff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:8px;animation:fadeIn .2s ease}.modal-content{position:relative;background:#fff;border-radius:12px;padding:15px 20px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 12px 20px #00000026;font-size:.9rem}.modal-content h3{font-size:1.2rem;margin-bottom:10px}.modal-content input,.modal-content select{width:100%;padding:6px 8px;font-size:.85rem;border-radius:6px;border:1px solid #ccc;outline:none;margin-bottom:8px;transition:all .2s ease}.modal-content input:focus,.modal-content select:focus{border-color:#376fff;box-shadow:0 0 5px #376fff33}.modal-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.modal-actions button{font-size:.8rem;padding:6px 10px;border-radius:6px;cursor:pointer;border:none;background:#376fff;color:#fff;display:flex;align-items:center;gap:4px;transition:all .2s ease}.modal-actions button:hover{background:#1a5bff;transform:translateY(-1px);box-shadow:0 3px 8px #376fff33}.modal-close-top{position:absolute;top:10px;right:10px;width:28px;height:28px;font-size:.85rem;background:#f5f5f5;border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#376fff;transition:all .3s ease}.modal-close-top:hover{background:#e74c3c;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #0000004d}.detail-modal p{margin:4px 0;font-size:.85rem}.loader{text-align:center;padding:30px 0;font-size:1rem;color:#376fff}@media(max-width:600px){.courses-header h2{font-size:1.2rem}.search-bar input{font-size:.8rem;padding:5px 28px 5px 8px}.search-add-container button{font-size:.8rem;padding:5px 10px}.courses-table thead tr th,.courses-table tbody tr td{font-size:.75rem;padding:4px 6px}}.attendance-container h2{font-size:1.5rem;color:#082c5c;font-weight:600;margin-bottom:15px}.month-picker{padding:6px 12px;font-size:16px;margin-bottom:15px;border-radius:8px;border:1px solid #d1d9e6;outline:none;transition:all .2s ease}.month-picker:focus{border-color:#376fff;box-shadow:0 0 6px #376fff33}.group-selector{margin-bottom:20px}.group-selector label{font-weight:500;margin-right:8px}.group-selector select{padding:6px 12px;font-size:.95rem;border-radius:8px;border:1px solid #d1d9e6;outline:none;transition:all .2s ease}.group-selector select:focus{border-color:#376fff;box-shadow:0 0 6px #376fff33}.month-table-wrapper{overflow-x:auto;border-radius:10px;box-shadow:0 4px 12px #0000000f;background:#fff;padding:10px}.students-table{width:100%;border-collapse:separate;border-spacing:0;min-width:700px}.students-table th,.students-table td{padding:8px 10px;font-size:.85rem;border-bottom:1px solid #eef2ff}.students-table thead th{background:#f3f6ff;font-weight:600;color:#2b2d42;border-bottom:1.5px solid #e1e7ff}.students-table tbody tr:hover{background:#f1f5ff}.students-table th.sticky-col,.students-table td.sticky-col{position:sticky;left:0;background:#f8f9fc;z-index:2;font-weight:600}.students-table th.weekend{background:#ffe0e0}.checkbox-group{display:flex;align-items:center;justify-content:center}.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;width:42px;height:22px;background:#d1d9e6;border-radius:50px;position:relative;cursor:pointer;outline:none;transition:all .25s ease}.checkbox-group input[type=checkbox]:after{content:"";width:18px;height:18px;background:#fff;position:absolute;top:2px;left:2px;border-radius:50%;box-shadow:0 2px 5px #00000026;transition:all .25s ease}.checkbox-group input[type=checkbox]:checked{background:#376fff;box-shadow:0 0 6px #376fff66}.checkbox-group input[type=checkbox]:checked:after{transform:translate(20px)}.save-btn{margin-top:15px;padding:8px 18px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#1d66c5,#4385d6);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #376fff33;background:linear-gradient(135deg,#1a5bff,#376fff)}.loading-text{text-align:center;font-size:1rem;color:#376fff;padding:20px 0}@media(max-width:768px){.students-table{min-width:500px}.month-picker,.group-selector select{font-size:.9rem;padding:5px 10px}}@media(max-width:480px){.students-table{min-width:400px}.save-btn{font-size:.85rem;padding:6px 12px}}.hidden{opacity:0;transform:translateY(50px);transition:all 1s ease-out}.show{opacity:1;transform:translateY(0)}.hero{background-color:#fff;display:flex;justify-content:center;align-items:center;color:#000}.hero-left,.hero-right{flex:1;width:50%}.hero-image{width:100%;height:auto}.hero-content{display:flex;margin-top:120px;margin-bottom:200px;justify-content:center;align-items:center}.left-left{padding-left:90px}.hero-content h1{font-size:3.2rem;line-height:110%;margin-bottom:20px;animation:fadeInDown 1.2s ease forwards;color:#4facfe}.hero-content p{font-size:1.2rem;margin-bottom:30px;animation:fadeIn 1.5s ease forwards}.hero-content button{padding:18px 40px;font-size:1rem;border:1px solid #4facfe;font-weight:600;background-color:#fff;color:#4facfe;cursor:pointer;border-radius:30px;transition:all .3s ease}.hero-content button:hover{background-color:#4facfe;transform:scale(1.05);color:#fff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feature-text{text-align:center}.features{padding:80px 20px;background-color:#e7e6e6be}.feature-one,.feature-two,.feature-three,.feature-four,.feature-five{display:flex;align-items:center;gap:10px}.feature-span{color:#333;font-size:2rem;font-weight:700}.feature-list{display:flex;flex-direction:column;gap:30px;margin-top:40px;text-align:start}.features-hhh{font-size:1.6rem;color:#333}.feature-text{font-size:2rem;color:#333}.about{padding:80px 20px;text-align:center;background-color:#fff}.about-description{max-width:900px;text-align:start;margin:50px auto auto;font-size:1.1rem;color:#000}.about-text:before{content:"•";color:#4facfe}.about-text{margin-top:50px;text-align:start;justify-content:center;padding:0 290px;font-size:1.2rem}.testimonials{padding:150px 20px;background:linear-gradient(145deg,#d5e2f1,#a3d9f3e6);text-align:center}.testimonials button{padding:18px 40px;font-size:1rem;border:none;font-weight:600;background-color:#fff;color:#4facfe;cursor:pointer;border-radius:30px;transition:all .3s ease}.testimonials button:hover{background-color:#f0f0f0c6;transform:scale(1.05)}.bbb{margin-top:40px}.testimonial-list{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px}.testimonial{background-color:#fff;padding:20px;border-radius:10px;width:250px;box-shadow:0 2px 10px #0000001a}.footer{padding:20px;background-color:#333;color:#fff;justify-content:space-between;align-items:center;text-align:center;display:flex;font-size:15px}