.form-content.signUp{display:flex;flex-direction:column;padding:2.5rem 2rem;border-radius:1.2rem;max-width:1000px;margin:2rem auto;font-family:Inter,sans-serif}.form-content{display:flex;justify-content:center;flex-direction:column;gap:20px;margin-left:20px;margin-right:20px}.form-header{text-align:center;margin-bottom:1.5rem}.form-header h2{font-size:1.8rem;color:#1a2b5f;font-weight:600}.form-header .sub-text{font-size:.95rem;color:#555;margin-top:.5rem}.auth-form{width:100%;display:flex;flex-direction:column}.form-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;column-gap:2rem;row-gap:2rem;margin-top:2rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;font-size:.95rem;color:#333;margin-bottom:.4rem}.form-group input{padding:.7rem .9rem;border-radius:.5rem;border:1px solid #d0d0d0;font-size:1rem;transition:all .25s ease}.form-group input[type=password],.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group input[type=number]{color:#000}.form-group input:focus{outline:none;border-color:#1e4fc9;box-shadow:0 0 0 3px #1e4fc926}.btn-submit{width:100%;padding:.9rem 0;margin-top:2rem;background:#1e4fc9;color:#fff;border:none;border-radius:.6rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease}.btn-submit:hover{background:#163fa3}.checking{color:#888;font-size:.85rem}.success{color:#1e9d4f;font-size:.9rem;font-weight:500}.error{color:#e63946;font-size:.9rem;font-weight:500}.user-switch{background-color:#fff;color:#00f}.user-switch:hover{background-color:none;color:#fff}.divider{height:1px;margin:2rem 0;display:flex;flex-direction:column;gap:.5rem;align-items:center}.form-header>h2{color:#000;font-weight:700}.auth-form input{background-color:#fffffffb;color:#fff}a{display:flex;flex-direction:row;float:right;color:#00f;text-decoration:none}@media (max-width: 767px){.form-content.signUp{margin-top:10px;margin-left:-.78cm}.form-grid{width:100%;padding:5px;margin-left:0;grid-template-columns:repeat(1,1fr)!important}.form-header{padding:5px;align-items:left}}.auth-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#fff;box-sizing:border-box;overflow:hidden;max-width:100%}.auth-sidebar-logo>span{font-size:2.1em;font-weight:800;margin-top:1%}.form-container{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1rem 2rem}.auth-sidebar-logo{position:fixed;top:20px;left:20px;z-index:1000}.form-cont{width:100%;display:flex;justify-content:center;align-items:center;flex:1}.auth-container{flex:1;display:flex;width:100%;height:100%;background-color:#fff;border:none;border-radius:0;box-shadow:none}.form-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:20px}.form-image{flex:1;background-color:#f1f3f5;background-size:cover;background-position:center}.form-content.signUp{display:flex;align-items:center}@media (max-width: 767px){.auth-container{flex-direction:column}.form-container,.auth-container{width:100%}.form-container{margin-left:-20px;justify-content:flex-start;align-items:center;padding:1rem}.auth-sidebar-logo{justify-content:center;margin-bottom:1.5rem}.form-image{display:none}.auth-sidebar-logo>span{font-size:2em}.form-cont{width:100%;justify-content:center;align-items:center}}.logo-text{font-size:3rem}.logo{height:100%;width:auto}.overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.overlay-box{background:#fff;width:300px;height:auto;border-radius:12px;padding:20px;box-shadow:0 10px 20px #00000040;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.overlay-header{font-size:1.5rem;font-weight:600;color:#333}.overlay-icon{font-size:70px;font-weight:700;margin:6px 0}.overlay-icon.success{color:#28a745}.overlay-icon.error{color:#dc3545}.overlay-message{font-size:1.3rem;font-weight:700;color:#555}@media screen and (max-width: 767px){.overlay-box{width:190px}}.desktop-sidebar{width:190px;height:100vh;background:#fff;position:fixed;left:0;top:0;padding:1rem;z-index:900}.desktop-sidebar.collapsed{width:0px;padding:1rem .5rem;display:none}.selectContainer{margin-left:-1in}.desktop-sidebar.collapsed .logo-text{display:none}.sidebar,.sidebaR{margin-top:-90px;position:fixed}.sidebar-logo{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;margin-bottom:-50px;margin-top:12px;margin-left:-20px}.sidebar .logo-text{font-size:1.5em;font-weight:900}.logo-icon{font-size:1.5rem}.sidebar-links{display:flex;flex-direction:column;gap:.8rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;background-color:#fff;padding:.6rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s ease-in-out;font-weight:500;text-decoration:none;color:#000}.sidebar-item:hover{background-color:#e9f1ff;color:#007bff}.sidebar-item.active{border:2px solid #007bff;background-color:#e0f0ff;color:#007bff;width:100px}.header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:0rem 2rem;height:80px;margin-left:3px;position:fixed;top:0;right:0;left:210px;z-index:1000}.headerLogo{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;margin-bottom:1.5rem}.headerLogo .logo-icon{font-size:1.5rem}.headerLogo .logo-text{font-size:1rem}.page-title{font-weight:900;margin:0;font-size:2rem}.header-left{display:flex;align-items:center;justify-content:flex-end}.header-title-search{display:flex;justify-content:center}.header-search{display:flex;align-items:center;background:#f0f0f0;border-radius:8px;padding:4px 0;box-sizing:border-box;width:40%}.header-search input{width:100%;border:none;background:transparent;outline:none;font-size:1rem}.search-icon{color:#333;font-size:16px}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-icon{font-size:1.2rem;color:#555;cursor:pointer}.header-action{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#555}.header-action:hover{color:#d1e2e0}.dashboard-layout{display:flex;flex-direction:row;background:#fff;min-height:100vh}.dashboard-main{flex:1;display:flex;flex-direction:column;margin-left:50px}.dashboard-content{padding:2rem 1rem 2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;margin-top:60px;margin-left:20px}.stat-cards{display:flex;gap:1.5rem;justify-content:space-between;flex-wrap:wrap}.stat-cards>*{flex:1;background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 8px 1px #0000000f;display:flex;flex-direction:column;justify-content:space-between;min-width:180px}.stat-card{flex-direction:row;justify-content:start;align-items:center;display:flex;gap:2rem}.stat-title{font-size:.95rem;color:#555;margin-bottom:4px}.stat-value{font-size:1.8rem;font-weight:700;margin:0}.stat-change{color:#2ecc71!important;font-weight:500}.stat-icon{font-size:2rem;color:#888;display:flex;align-items:center;justify-content:right}.stat-header{display:flex;justify-content:space-between;align-items:center}.chart-row{display:flex;gap:1.5rem;justify-content:space-between;flex-wrap:wrap}.chart-row>*{flex:1;background:#fff;border-radius:10px;padding:1rem;box-shadow:0 8px 1px #0000000f;min-width:300px}.stat-tables,.table-row{display:flex;gap:1.5rem;justify-content:space-between;flex-wrap:wrap}.stat-tables>*,.table-row>*{flex:1;background:#fff;padding:1.25rem;border-radius:10px;box-shadow:0 8px 1px #0000000f;min-width:300px}table{width:100%;border-collapse:collapse;font-size:.95rem}table th,table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #ddd}table th{font-weight:600;background:#f9f9f9}.status-completed{background-color:#2ecc71;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;display:inline-block}.status-progress{background-color:#2980b9;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem}button{background-color:#1f6feb;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer}button:hover{background-color:#155ab6}.help-box{background-color:#155ab6;padding:1rem;border-radius:10px;text-align:center;margin-top:2rem;box-shadow:0 2px 5px #0000000d}.help-icon{margin-bottom:.5rem;color:#fff}.help-box h4{margin:.5rem 0;font-size:1rem;color:#fff}.help-box p{font-size:.85rem;color:#fff;margin-bottom:1rem}.help-button{background-color:#fff;border:none;color:#000;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.help-button:hover{background-color:#0056b3}.selectContainer .mobile-menu.close,.mobile-menu.close,.hamburger-wrapper{display:none}.bar-chat-box{color:#0056b3}body{background-color:#fff}.quiz-status{background-color:#007f6d;color:#fff;text-align:center;border-radius:5px;width:150px;height:30px;padding-top:15px}@media (max-width: 767px){.desktop-sidebar,.page-title,.header-actions{display:none}.selectContainer{margin-left:0}.dashboard-main{flex:1;margin-left:-20px;overflow-x:hidden;display:flex;justify-content:center}.dashboard-content{padding:1rem;margin-top:-100px}.stat-cards,.chart-row,.stat-tables,.table-row{flex-direction:column;gap:1rem}.header{margin-left:0;width:100%;max-width:100%;height:80px;padding:0 1rem;left:0}.header-search{margin-left:5px;display:block;justify-content:center;width:100%;margin-top:120px;height:10dvh;box-sizing:border-box}.mobile-logo-icon{display:block;font-size:2rem}.header-icon{flex:1;width:100px}.header-action span,.mobile-menu.close{display:none}.mobile-menu.open{bottom:0}.help-box{width:70%}}@media (min-width: 768px) and (max-width: 1024px){.mobile-logo-icon,.hamburger-wrapper,.mobile-menu{display:none}.header-search input{width:2rem}.header-actions{gap:1px}.stat-cards,.chart-row,.stat-tables,.table-row{flex-wrap:wrap}.desktop-sidebar{width:180px;padding:.8rem}.header{left:203px;padding:0 1rem}.dashboard-content{margin-left:180px;padding:1rem;padding-top:40px}.page-title{font-weight:400;font-size:1rem;margin:0}.header-actions{gap:.5rem}.chart-row,.table-row,.stat-tables{flex-direction:row;flex-wrap:wrap;gap:1rem}.chart-row>*,.table-row>*,.stat-tables>*{flex:1 1 calc(50% - .5rem);min-width:unset}}@media (min-width: 384px)and (max-width: 767px){.mobile-header>.mobile-logo{margin-top:40px;margin-left:-10px}}@media (max-width: 767px){.mobile-header{width:100%;display:flex;align-items:center;background:#fff;box-sizing:border-box}.mobile-logo{flex:1;display:flex;align-items:end;margin-left:-4px;width:48px;font-size:1.2rem;margin-bottom:-160px;height:2.2rem;font-weight:800;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed}.mobile-menu{position:fixed;left:0;bottom:-80%;width:100%;height:80%;background:#fff;transition:bottom .3s ease;z-index:2000;padding:1rem;border-top-left-radius:15px;border-top-right-radius:15px;overflow-y:auto;justify-content:center}.hamburger-wrapper{position:fixed;top:1rem;right:1rem;z-index:1100;display:block;margin-right:10px}.sidebar-item{width:300px}}.mobile-header{justify-content:space-between}@media (min-width:768px){.mobile-header{display:none}}@media (min-width: 768px){.desktop-only{display:flex;max-width:500px;align-items:center;gap:8px}}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#fdfdfd,#dbeaff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden;animation:cameraZoom 4s ease-in-out forwards}.spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px}.logo-spinner{display:flex;flex-direction:column;align-items:center;transform-origin:bottom center;animation:dropIn 1.2s ease-out,bounce 2s 1.2s ease-in-out infinite;position:relative}.logoText{font-size:3rem;font-weight:700;color:#007bff;margin-top:.5rem;text-shadow:0 0 15px rgba(0,123,255,.5);animation:glowPulse 2.5s ease-in-out infinite}.logo-spinner:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-25deg);animation:lightSweep 3s 1.5s ease-in-out infinite}@keyframes cameraZoom{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes dropIn{0%{transform:translateY(-150px) scaleY(1.1);opacity:0}60%{transform:translateY(0) scaleY(.7);opacity:1}80%{transform:translateY(-30px) scaleY(1.1)}to{transform:translateY(0) scaleY(1)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes lightSweep{0%{left:-75%}to{left:125%}}@keyframes glowPulse{0%,to{text-shadow:0 0 10px rgba(0,123,255,.3)}50%{text-shadow:0 0 25px rgba(0,123,255,.8)}}.loading-tip{margin-top:25px;font-size:15px;font-style:italic;color:#333;text-align:center;max-width:350px;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(20px)}@media (max-width: 767px){.logoText{font-size:2rem}.loading-tip{font-size:13px;max-width:260px}}.manage-users-wrapper{display:flex;min-height:100vh;justify-content:center;width:100%;margin-left:-80px}.filter-wrapper{position:relative;display:inline-block}.filter-button{position:relative;display:flex;align-items:center;justify-content:space-between;padding-right:1.5rem;cursor:pointer;overflow:hidden}.filter-dropdown{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.avatarUser{width:40px;height:40px;background-color:#5a6a7a;border-radius:50%;background-image:url(/user.jpeg);background-size:cover;background-position:center;margin-right:10px}.user{display:flex;align-items:center;justify-content:flex-start}.sidebar{height:100%}.user-search{display:flex;align-items:center;gap:.5rem;background-color:#f1f3f5;padding:.5rem 1rem;border-radius:8px;width:100%;border:1px solid #e5e7eb;height:30px}.users-search-input{border:none;background:none;outline:none;width:100%;font-size:.9rem}.search-icon{font-size:1.2rem}.search-icon:hover{transform:scale(1.2)}.manage-users-page{margin-top:100px;max-width:100%;width:100%;margin-left:270px;flex:1;padding:1rem;transition:margin-left .3;font-family:Segoe UI,sans-serif;max-width:1400px}.manage-users-header{justify-content:center;margin-bottom:.5rem;color:#111827}.manage-users-header p{font-size:.95rem;color:#6b7280}.user-controls{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0}.add-btn-container{padding:2rem;margin-left:auto}.table-container{width:100%;overflow-x:auto}.add-user-btn{padding:1rem 4rem;background-color:#155ab6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .3s}.add-user-btn:hover{background-color:#009883;box-shadow:0 8px 16px #0003}.user-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;min-width:400px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.user-table thead{background-color:#f3f4f6;text-align:left}.user-table th,.user-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.95rem}.user-table th{color:#374151}.user-table td,.user-table td:hover{color:#4b5563}.status-badge{padding:.3rem .8rem;background-color:#d1fae5;color:#065f46;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block}.no-users{text-align:center;padding:2rem;color:#9ca3af}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#9bd6ae}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.actions{display:flex;justify-content:space-between}.actions>.control-buttons{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.control-buttons select{padding:.4rem .7rem;border-radius:6px;border:1px solid #ccc;font-size:.9rem}.btn-secondary{background-color:#fff;color:#333;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s}.btn-secondary:hover{background-color:#f3f4f6}.status-pill{padding:.4rem .8rem;font-size:.75rem;font-weight:600;border-radius:20px;display:inline-block;text-align:center}.status-pill.active{background-color:#d1fae5;color:#065f46}.status-pill.inactive{background-color:#fee2e2;color:#991b1b}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 0}.pagination button{background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:.5rem .8rem;cursor:pointer;font-size:.9rem;color:#007f6d}.pagination .active{background-color:#155ab6;color:#fff;border-color:#007f6d}@media (min-width:768px) and (max-width:1024px){.manage-users-wrapper{display:flex;width:100%;justify-content:center;margin-left:-25px;overflow-x:auto}.manage-users-page{max-width:700px;margin-left:300px;margin-top:5cqb}.add-btn-container{margin-left:auto;margin-right:auto;padding:1rem;text-align:center}.actions{display:flex;justify-content:space-between}.actions>.control-buttons{display:flex;align-items:center;padding:0;justify-content:flex-end;gap:.1rem}}@media (max-width:767px){.manage-users-wrapper{width:100vw;max-width:100%;box-sizing:border-box;overflow-x:auto;margin-left:10px}.manage-users-page{margin-top:-20px;margin-left:0%}.add-btn-container{margin-left:60px}.header{width:100%;max-width:100%;margin:0}.actions{display:flex;justify-content:flex-start}.actions>.control-buttons{display:flex;flex-direction:column;justify-content:flex-start;gap:.1rem}.btn-secondary,.show{width:100%}.table-title{width:25%}}.add-user-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px}.add-user-container h3{margin-bottom:.5rem;color:#036}.sub-title{margin-bottom:2rem;color:#777;font-size:.9rem}.add-user-feild{width:80%}.add-user-form .form-row{display:flex;gap:1rem;margin-bottom:1rem}.add-user-form .form-row input{flex:1;padding:.75rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem}.add-user-form .form-row select{flex:1;padding:.75rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;background-color:#fff;appearance:none}.button-row{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.button-row .btn{width:250px;padding:.75rem 1rem;height:44px;border:none;border-radius:6px;cursor:pointer;font-weight:600;text-align:center;background-color:#007f6d;color:#fff;transition:background-color .3s ease}.button-row .cancel{width:250px;padding:.75rem 1rem;height:44px;border:none;border-radius:6px;cursor:pointer;font-weight:600;text-align:center;background-color:#a10424;color:#fff;transition:background-color .3s ease}.button-row .btn:hover{background-color:#00509e}.form-group{display:flex;flex-direction:column;flex:1}.form-group label{margin-bottom:.4rem;font-size:1rem;font-weight:500;color:gray}.add-user-container{max-width:800px;width:100%;margin:30px auto;padding:2rem;box-sizing:border-box}@media (max-width: 1144px){.add-user-form .form-row{flex-direction:column}.button-row{flex-direction:column;align-items:center}.button-row .btn{width:100%;max-width:250px}}@media (max-width: 768px){.add-user-form .form-row{flex-direction:column}.button-row{flex-direction:column;align-items:center}.button-row .btn{width:100%;max-width:250px}}@media (max-width: 480px){.add-user-container{padding:1rem}.sub-title{font-size:.85rem}.add-user-form .form-row input{font-size:.85rem;padding:.6rem .8rem}.add-user-feild{margin-left:20px}.form-group label{font-size:.8rem}}.user-details-container{padding:20px 0;max-width:1200px;margin:auto 300px}.quizzes-section{display:none}.section-title{font-size:24px;font-weight:700}.section-subtitle{color:#777;margin-bottom:1.5rem}.delete-section{display:flex;gap:12px;margin-top:20px;align-items:center}.delete-user-btn{background-color:#e74c3c;color:#fff;padding:10px 18px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.delete-user-btn:disabled{background-color:#c0392b;cursor:not-allowed}.cancel-btn{background-color:#ecf0f1;color:#333;padding:10px 18px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.cancel-btn:hover{background-color:#bdc3c7}.user-header{display:flex;align-items:center;gap:1.5rem;background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 0 5px #0000000d;margin-bottom:2rem}.avatar{width:100px;height:100px;background-color:#5a6a7a;border-radius:50%;background-image:url(/user.jpeg);background-size:cover;background-position:center;margin-right:10px}.user-main-info h3{margin:0;font-size:20px}.user-main-info p{margin:.2rem 0;color:#555}.edit-btn{margin-left:auto;padding:.5rem 1rem;background-color:#dce6ee;border:none;border-radius:6px;cursor:pointer}.general-info h4{margin-top:1rem;font-weight:700}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);background-color:#fff;padding:1rem;border-radius:10px;gap:1rem;margin-bottom:2rem}.info-grid>div{display:flex;align-items:center;justify-content:space-between;background:#fafafa;padding:10px 14px;border-radius:10px;box-shadow:0 1px 3px #0000000d}.subjects-section{grid-column:1 / -1;display:flex;flex-direction:column}.subjects-section strong{margin-bottom:8px}.info-grid strong{font-weight:600;color:#444;min-width:90px}.info-grid p{margin:0;text-align:right;color:#333;font-size:.95rem}.subjects-checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.checkbox-options{display:flex;align-items:center;gap:1rem;background:#fff;padding:6px 10px;border-radius:8px;box-shadow:0 1px 2px #0000000d}.checkbox-options input[type=checkbox]{accent-color:#007bff}.user-quiz-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.user-quiz-table th{background:#f5f6fa;text-align:left;padding:12px;font-weight:600;color:#444;border-bottom:2px solid #e5e5e5}.user-quiz-table td{padding:12px;border-bottom:1px solid #eee;color:#333}.user-quiz-table tr:hover{background:#fafafa}.no-quizzes{text-align:center;font-style:italic;color:#888;padding:16px}.quiz-score-passed{color:#2e7d32;font-weight:600}.quiz-score-failed{color:#c62828;font-weight:600}.subjects-section{margin-top:20px}.subjects-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.subject-active{background-color:#4caf50;color:#fff;padding:6px 12px;border-radius:8px;font-weight:500}.subject-inactive{background-color:#ccc;color:#333;padding:6px 12px;border-radius:8px}@media screen and (max-width: 1024px){.user-details-container{margin:0 40px}.user-header{flex-direction:column;align-items:flex-start}.edit-btn{margin-left:0;margin-top:1rem}.avatar{width:80px;height:80px}}@media screen and (max-width: 768px){.dashboard-content{padding:100px 1rem 2rem}.user-details-container{margin:0 20px;padding:0}.info-grid{grid-template-columns:1fr}.user-quiz-table th,.user-quiz-table td{padding:.75rem .5rem;font-size:.9rem}.section-title{font-size:20px}.section-subtitle{font-size:14px}}*{font-family:Segoe UI,sans-serif}.user-header input[type=text],.user-header input[type=email],.user-header input[type=number],.user-header select{border:none;background:transparent;font-size:1rem;font-weight:500;padding:4px 0;width:100%;outline:none;color:#333;box-shadow:none;appearance:none}select{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:16px;margin-top:5px}.user-header input[type=text]{font-size:1.5rem;font-weight:700}.general-info input[type=text],.general-info input[type=email],.general-info input[type=number],.general-info select{border:none;background:transparent;font-size:1rem;font-weight:500;padding:4px 0;width:100%;outline:none;color:#333;box-shadow:none;appearance:none}.general-info input:focus,.general-info select:focus{border-bottom:1px solid #888}.user-header input:focus,.user-header select:focus{border-bottom:1px solid #888}.page-header{font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.edit-btn{color:#000}@media screen and (max-width: 1024px){.user-header{flex-direction:row;align-items:flex-start}.edit-btn{margin-left:0;margin-top:1rem;width:100%}.user-main-info input{font-size:1rem}}@media screen and (max-width: 768px){.info-grid{grid-template-columns:1fr}.user-details-container{margin:0 20px;padding:0}.user-main-info input{font-size:1rem}}.delete-section{margin-top:40px;text-align:center}.delete-user-btn{padding:12px 24px;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.delete-user-btn:hover{background-color:#c00}.upload-link{color:#003cff;font-size:small}.upload-link:hover{color:#123a6e}.preview-image{width:150px;height:150px;object-fit:cover;border-radius:50%}p{font-size:1.2rem}.profile-overlay-message{font-weight:700}input[type=file]{color:#00f}.header-search,.quiz-search-input{position:relative}.search-results{position:absolute;top:100%;left:0;width:100%;max-height:250px;overflow-y:auto;background:#fff;border:none;border-radius:6px;margin-top:4px;z-index:1000;box-shadow:0 2px 8px #0000001a}.search-result-item{padding:10px 15px;cursor:pointer;font-size:14px;transition:background .2s ease}.search-result-item:hover{background:#f5f5f5}.search-loading{padding:10px;font-size:13px;color:#666;text-align:center}.desktop-only{display:none}.quiz-search-container{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;box-sizing:border-box;width:100%}.quiz-search-input{flex:1;border-radius:6px;display:flex;align-items:center;flex-direction:row-reverse;justify-items:center;margin-left:.0009%;font-size:1rem;padding:2px 12px;justify-content:center;border:1px solid #0056b3}.headerLogo{justify-content:space-between}.quiz-input{flex:1;padding:12px;border-radius:6px;font-size:1rem;background:transparent;outline:none;border:none}.selectContainer{margin-top:10px}.start-quiz{background-color:#007bff;color:#fff;font-weight:500;border:none;border-radius:6px;cursor:pointer;padding:15px 12px}.start-quiz-btn:hover{background-color:#0056b3}@media (max-width: 767px){.quiz-search-container{display:none}}@media (min-width: 768px){.desktop-only{display:flex;align-items:center;gap:1rem}.header-title-search{display:flex;justify-content:space-between}.header-search{margin-left:0;display:flex;align-items:center;background:#f0f0f0;border-radius:8px;padding:8px 12px;box-sizing:border-box;width:100%}.header-search input{width:100%;border:none;background:transparent;outline:none;font-size:1rem}.search-icon{color:#333;font-size:16px}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-icon{font-size:1.2rem;color:#555;cursor:pointer}.header-action{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#555}.header-action:hover{color:#d1e2e0}}.mobile-only,.mobile-only-search{display:flex;flex-direction:column}@media (min-width: 767px) and (max-width:1024px){.header-search{margin-left:100px}.quiz-search-input{margin-left:4%}}@media (min-width: 768px){.mobile-only,.mobile-only-search{display:none!important}}.mobile-only-search{padding:10px;margin-top:98px}.mobile-only>.search-icon{display:none}.header-search.mobile-only{display:flex;align-items:center;width:90%;height:70%;margin:0 auto 10px;border:1px solid #ccc;border-radius:10px;padding:6px 10px;background-color:#f9f9f9}@media (max-width: 400px){.header-search.mobile-only input{font-size:14px}.header-search.mobile-only{padding:6px}}.styd{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:-19px}.headerLogo .logo-text{font-size:1.5em;font-weight:1000}.info{margin-left:50px}.header-logo{margin-left:-22px}.headerLeft{display:flex;align-items:center;gap:1.5rem}.report-text{display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:5%}.report-card-label{font-weight:600;font-size:1rem;margin-left:-50%;color:#333;align-self:center}.past-quiz{margin-left:21px}.dash-header{display:flex;align-items:center;padding:20px;background-color:inherit;justify-content:space-between;border-radius:5px;width:98%;margin:-20px 20px -23px 2px;gap:.1rem}.header-left{display:flex;align-items:center;gap:15px}.headerLeft{display:flex;align-items:center;flex-direction:row;justify-content:center;gap:5%;margin-left:5in}.profile-pic{width:200px;height:200px;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#555;border-radius:12px}.profile-placeholder{width:100%;height:100%;object-fit:cover;border-radius:50%}.landing-container .black-footer{margin-top:10%;width:auto}.dashboardContent .black-footer{width:97%}.header-right{display:flex;flex-direction:column;justify-content:center;width:100%;margin-left:2rem}.welcome-message{font-size:20px;font-weight:600;margin:0;color:#333}.subtitle{font-size:14px;color:#777;margin-top:4px}.student-progress{width:100%;margin:20px 0}.progress-bari{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;position:relative;display:none}.progress-fill{width:50%;height:100%;background-color:#343fdb;transition:width .4s ease}.progress-text{display:block;margin-top:5px;font-size:14px;color:#333;text-align:right;display:none}.studentHeader{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#fff;padding:0rem 2rem;height:80px;margin-left:3px;position:fixed;top:0;right:0;left:218px;z-index:1000;transition:left .3s ease}.styd.headerNorm{justify-content:flex-end}.studentHeader.full-width{left:0;justify-content:space-between}.studentHeader.full-width .header-search{justify-content:space-between}.student-dashboard{display:flex;margin-left:80px;margin-top:-40px}.featured-quiz{font-size:2rem;color:#343fdb;margin-bottom:-30px}.past-quiz-text{font-size:2rem;color:#343fdb;margin-bottom:20px}.main-content{flex-grow:1;background-color:#fff;padding:20px;margin-top:40px;min-height:100vh;overflow-x:hidden;margin-bottom:0}.dashBody{margin-left:-100px}.dashboardContent{display:flex;flex-direction:column;gap:.3rem;margin-top:80px;padding-top:20px;margin-left:130px}.welcome-message{font-size:1.8rem;font-weight:700;margin-bottom:-2rem;color:#1a1a1a}.subtitle{font-size:1rem;color:#555;padding-top:2rem;margin-bottom:30px}.top-layout{display:flex;flex-wrap:wrap;gap:20px}.left-panel{flex:0 0 100%}.black-footer{background:#000;color:#fff;padding:40px;margin-top:100%}.footer-columns{display:flex;justify-content:space-between;margin-bottom:20px}.footer-columns h4{margin-bottom:10px}.footer-columns ul{list-style:none;padding:0}.footer-columns li{margin:5px 0;cursor:pointer}.footer-columns a{color:#fff;text-decoration:none}.footer-columns a:hover{color:#007bff}.footer-bottom{text-align:center;border-top:1px solid #333;padding-top:15px}.quiz-type-options{display:flex;flex-direction:column;gap:16px}.quiz-option{border:2px solid #ccc;border-radius:10px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start}.quiz-option:hover{border-color:#007bff}.quiz-option.selected{border-color:#007bff;box-shadow:0 0 8px #007bff66}.quiz-content h4{margin:0 0 8px;color:#007bff}.quiz-content p{margin:0;font-size:14px;color:#444}@media (max-width: 767px){*{font-size:1rem}.black-footer{width:100%;margin-left:-20px;margin-bottom:-40px;margin-top:40px}.footer-columns{flex-direction:column}.selectContainer{margin-left:50px}.top-layout{display:flex;flex-wrap:wrap;gap:0px}.headerLogo{display:none}.dash-header{display:flex;flex-direction:column;width:100%;margin-left:0;padding-left:0}.student-progress{display:none}.header-left{width:100%;padding:1rem}.header-left>.avatar{width:90%;height:200px}.profile-pic{height:200px;width:90%}.header-right{margin-left:0}.studentHeader{margin-left:0;width:100%;max-width:100%;height:80px;padding:0 1rem;left:0}.header-logo{display:none}.student-dashboard{display:flex;margin-left:-40px;margin-top:-130px}.dashboardContent{padding:1rem;margin-top:30px;gap:.25rem;padding-top:110px;margin-left:1rem}.welcome-message{font-size:20px;font-weight:700;margin-bottom:-2rem;color:#1a1a1a}.subtitle{font-size:9px;color:#555;margin-bottom:30px}.left-panel{flex:0 0 100%}.right-panel{margin-left:-16px;flex:0 0 118%}.headerLeft{display:none}.past-quiz{margin-left:-10px}.profile-pic{width:98%;height:200px}.dashBody{margin-left:-80px;margin-top:40px;margin-bottom:100px}.featured-quiz{font-size:19px;color:#343fdb;margin-bottom:-30px}p{font-size:1rem}}@media (min-width: 767px) and (max-width: 1024px){.dash-header{margin-left:30px;padding-left:0;width:100%;display:flex;flex-direction:row}.dashBody{margin-left:-80px}.past-quiz{margin-left:32px}.info{margin-left:10px}.profile-pic{width:150px;height:25px}.header-left{width:30%}.headerLeft{gap:3%;margin-left:1in}.profile-pic{height:20dvh}.top-layout{display:flex;flex-wrap:wrap;gap:0px}.student-dashboard{display:flex;margin-left:15px;margin-top:80px}.dashboardContent{margin-top:-40px;margin-left:180px;padding:1rem;gap:.25rem}.welcome-message{font-size:1.8rem;font-weight:700;margin-bottom:-2rem;color:#1a1a1a;margin-right:3.6rem}.subtitle{font-size:1rem;color:#555;margin-bottom:30px;margin-right:5.5rem}.left-panel{flex:0 0 100%}.right-panel{margin-left:-6px;flex:0 0 104%}.studentHeader{left:203px;padding:0rem 2rem}.dashboardContent .black-footer{width:94%;margin-left:-13px;margin-bottom:-40px;margin-top:100%}.selectContainer{margin-left:-100px}.main-content{margin-top:0}.black-footer{margin-top:100%}}.settings-container{padding:2rem;max-width:900px;margin:0 auto}.settings-title{font-size:1.8rem;font-weight:700;color:#111827;margin-bottom:.25rem}.settings-subtitle{color:#6b7280;margin-bottom:2rem}.settings-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.settings-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s}.settings-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.settings-icon{font-size:2rem;color:#2563eb}.settings-text{font-size:1.2rem;font-weight:600;color:#374151}.update-container{padding:2rem}.update-content{max-width:1000px;margin:0 auto;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 12px #00000014}.update-title{font-size:1.8rem;font-weight:700;margin-bottom:.25rem;color:#111827}.update-subtitle{color:#6b7280;margin-bottom:2rem}.loading{text-align:center;color:#6b7280}.profile-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.profile-card-wrapper{cursor:pointer}.info-fields{flex:1;display:flex;flex-direction:column;gap:1rem}.input-field{width:90%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.input-field.large{font-size:1.1rem;font-weight:600}.save-btn{margin-top:20px;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.save-btn:hover{background:#1d4ed8}.save-btn:disabled{background:#93c5fd;cursor:not-allowed}.form-section{margin-top:2rem}.section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#374151}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;align-items:center}.form-item label{display:block;margin-bottom:1rem;font-weight:500;color:#374151}@media (max-width: 480px){.update-content{max-width:800px;width:100%;margin-left:-25px;margin-top:-20px}.profile-section{flex-direction:column}}.view-details-link{color:#555;text-decoration:none}.view-details-link:hover{color:#e5e7eb}.quiz-table-container>p{color:#555}.quiz-tabs{display:flex;gap:20px;margin-top:10px;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.quiz-title{color:#000}.quiz-class-link{text-decoration:none;color:#555}.quiz-class-link:hover{color:#e5e7eb}.quiz-tab{font-weight:500;color:#6b7280;cursor:pointer;padding-bottom:4px}.quiz-tab.active{color:#111827;border-bottom:2px solid #111827}.quiz-tag{display:inline-block;padding:4px 10px;background-color:#f3f4f6;color:#111827;border-radius:8px;font-size:13px;font-weight:500}.quiz-mode-container h2{font-size:1.8rem;margin-bottom:2rem;color:#000}.quiz-mode{display:flex;flex-direction:column;gap:1rem;width:50%;margin-left:20%;margin-top:40px}.quizMode{margin-top:25%}.quiz-mode-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #ccc;border-radius:10px;background-color:#fff;cursor:pointer;transition:border-color .3s ease}.quiz-mode-option input[type=radio]{display:none}.quiz-mode-option.selected{border-color:#2f54eb;background-color:#f0f5ff}.option-content h4{margin:0;font-size:1.2rem;color:#2f54eb}.option-content p{margin-top:.4rem;color:#555;font-size:.95rem}.start-quiz-btn2{margin-top:2rem;background-color:#2f54eb;color:#fff;border:none;border-radius:6px;margin-left:90%;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.start-quiz-btn2:hover{background-color:#1d3bb3}.option-content{display:flex;justify-content:flex-start;flex-direction:row}.book{flex-direction:row}.book .mode{display:flex;align-items:center;gap:1rem}.icon-mode{font-size:2.5rem;color:#2f54eb;margin-top:1rem;margin-right:1rem}.icon-mode2{font-size:2.5rem;color:#e3f305;margin-top:1rem;margin-right:1rem}@media (min-width: 768px)and (max-width: 1024px){.quiz-mode{width:100%;margin-left:2%}.quizMode{margin-left:-140px}.start-quiz-btn2{margin-left:60%}}@media (max-width: 767px){.quiz-mode{width:100%;margin-left:2%}.icon-mode{font-size:2.5rem;color:#2f54eb;margin-top:3rem;margin-right:1rem}.icon-mode2{font-size:2.5rem;color:#e3f305;margin-top:3rem;margin-right:1rem}.start-quiz-btn2{margin-left:60%}}@media (min-width:1025px)and (max-width: 2500px){.quiz-mode{width:100%;margin-left:2%}.quizMode{margin-left:-140px;margin-top:15%;margin-right:50px}.start-quiz-btn2{margin-left:60%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:20px;text-align:center;width:300px}.modal-icon{padding:2rem;border-radius:50%;margin:20px;margin-left:5.5rem;margin-right:5.5rem;font-size:2rem;margin-bottom:50px;background-color:#00f;box-shadow:0 4px 10px #0000001a}.modal-message{font-size:1rem;padding:20px;font-weight:500}.modal-buttons{display:flex;justify-content:center;gap:4rem;margin-top:20px;margin-bottom:20px}.btn-primary{background:#4169e1;color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer}.btn-outline{border:1px solid royalblue;background:transparent;color:#4169e1;padding:8px 16px;border-radius:8px;cursor:pointer}.quizResults *{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.quizResults-container{margin:20px 10px;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.quizResults-container h2{margin-bottom:20px}.quizResults-question{margin-bottom:100px}.quizResults-question p{font-size:16px;font-weight:700}.quizResults-options{margin:0 12% 30px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:20px}.quizResults-option{padding:12px;background-color:#f8f9fa;border:2px solid #beb6b6;border-radius:8px;cursor:pointer;text-align:left;font-size:1rem;transition:background-color .2s ease,border-color .2s ease;color:#000;font-weight:700;box-shadow:0 4px 6px #0000001a}.quizResults-option.selected{border-color:#0056b3}.quizResults-option:hover{background-color:#e9ecef;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.quizResults-feedback{margin-top:10px;font-size:14px;color:#00796b}.quizResults-nav{display:flex;gap:70%;margin:5px}.quizResults-nav .goHome{width:200px;height:40px;background-color:#4caf50;box-shadow:0 4px 6px #0000001a}.quizResults-nav .quizPage{width:200px;height:40px;background-color:#721c24;box-shadow:0 4px 6px #0000001a}.quizResults-nav button:hover{background-color:#0056b3}.quizResults-submit{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.quizResults-submit:hover{background-color:#45a049}.quizResults-header{display:flex;align-items:center;gap:10px;font-weight:600;padding-bottom:50px}.quizResults-progressBar{flex-grow:1;height:12px;background-color:#e0e0e0;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.quizResults-progress{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:8px 0 0 8px;transition:width .3s ease-in-out}.quizResults-option.correct{background-color:#d4edda;color:#155724}.quizResults-option.wrong{background-color:#f8d7da;color:#721c24}.quizResults-explanation{margin-top:10px;padding:10px;background:#f1f1f1;border-left:4px solid #17a2b8}@media (max-width: 1024px){.quizResults-container{margin:20px -10px;padding:15px;width:100%}.quizResults-options{margin:0 8% 8%;gap:15px}.quizResults-nav{gap:50%}}@media (max-width: 767px){.quizResults-container{padding:15px;margin:10px -10px;width:100%}.quizResults-options{grid-template-columns:1fr;margin:0 0 20px;gap:12px}.quizResults-option{font-size:.95rem;padding:10px}.quizResults-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:20px}.quizResults-nav{flex-direction:row;gap:10px;align-items:stretch}.quizResults-nav button{width:100%;height:45px}}.answer-option{cursor:pointer;padding:10px 15px;margin:5px 0;border-radius:5px;border:1px solid #ccc;transition:all .2s ease;color:#000;background-color:#fff;height:auto}.answer-option:hover{background-color:#f0f0f0}.quiz-option{background-color:#fff}.answer-option.selected{pointer-events:none;font-weight:700}.answer-option.correct{background-color:#d4edda;border-color:#28a745;color:#155724}.answer-option.wrong{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.answer-explanation{margin-top:10px;padding:10px;border-radius:5px;font-style:italic}.answer-explanation.correct{background-color:#d4edda;color:#155724;border:1px solid #28a745}.answer-explanation.wrong{background-color:#f8d7da;color:#721c24;border:1px solid #dc3545}.answer-explanation-container{margin-top:15px;padding:12px;border-radius:8px;transition:all .3s ease}.answer-explanation-container.correct{background-color:#e6ffe6;border-left:5px solid #28a745;position:relative;overflow:hidden;animation:correct-glow 1.5s ease-in-out infinite}.answer-explanation-container.wrong{background-color:#ffeaea;border-left:5px solid #dc3545;animation:shake .3s ease}.answer-result{font-weight:700;font-size:1.05rem;margin-bottom:6px;color:#222}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes correct-glow{0%{box-shadow:0 0 #28a7454d}50%{box-shadow:0 0 15px #28a74599}to{box-shadow:0 0 #28a7454d}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(80px) rotate(360deg);opacity:0}}.answer-explanation-container.correct:before,.answer-explanation-container.correct:after{content:"🎉🎊✨";position:absolute;font-size:1.2rem;top:0;opacity:.9;animation:confetti-fall 1.2s ease-out forwards}.answer-explanation-container.correct:before{left:10%}.answer-explanation-container.correct:after{left:75%;animation-delay:.25s}.spinner{font-size:1.3rem;font-weight:500;color:#007bff;margin-top:-140px;margin-left:-20px}.quiz-timer.practice{color:#28a745;font-weight:700;font-size:1rem}.quiz-container{margin-top:3rem;background:#fff;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.question-dropdown{width:60px;text-align:center;font-weight:700;font-size:1rem;padding:2px 4px;border-radius:4px;border:1px solid #ccc;background-color:#fff;appearance:none}.quiz-title{margin-top:1rem}.quiz-info>h3{color:#00f}.quiz-info>p{font-size:small}.quiz-info{background-color:#d8e7f6;border-radius:10px;padding:6px}.quiz-description{padding:1rem}.quiz-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.progress-bar{flex:1;height:8px;background:#eee;border-radius:4px;margin:0 .5rem;overflow:hidden}.progress{height:100%;background:#3498db;border-radius:4px;transition:width .3s ease}.quiz-timer{font-weight:700;color:#e74c3c}.quiz-question h3{font-size:1.2rem;margin-bottom:1rem}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.option{padding:.8rem 1rem;border:1px solid #ccc;border-radius:8px;text-align:left;cursor:pointer;background:#fafafa;transition:all .2s ease-in-out;color:#000}.option:hover{background:#f0f0f0}.option.selected{background-color:#d4f8d4;border-color:#2ecc71}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.text-area{border:solid 2px #007bff;border-radius:10px;width:100%;font-size:1.2rem}.option.correct{border:2px solid green;background:#e6ffe6}.option.wrong{border:2px solid red;background:#ffe6e6}.explanation-box{margin-top:10px;padding:10px;border-left:4px solid #007bff;background:#f1f9ff}.option{padding:10px;margin:6px 0;border:2px solid #ccc;border-radius:8px;background:#f9f9f9;cursor:pointer;transition:all .2s ease}.option.selected,.answer-option.selected{border-color:#007bff;background:#e6f0ff}.scheme-link:hover{background-color:#fff}.scheme-link{background-color:#fff;color:#00f;text-decoration:none;font-size:1rem}.option.wrong{border-color:red;background:#ffe6e6;color:red;font-weight:700}.text-area.wrong{border:2px solid red;background:#ffe6e6}.quiz-nav{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.quiz-nav button{height:50px}.quiz-row{display:flex;gap:.8rem}.first-row{justify-content:space-between}.second-row .next{width:100%}.quiz-nav button{padding:.8rem 1rem;border:none;border-radius:8px;background:#3498db;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.quiz-nav button:disabled{background:#ccc;cursor:not-allowed}.quiz-nav button:hover:not(:disabled){background:#2980b9}.quiz-nav .skip{background-color:#fff;border:2px solid #007bff;color:#007bff}.quiz-nav .skip:hover:not(:disabled){background-color:#f0f0f0}@media (min-width: 768px){.quiz-nav{flex-direction:row;justify-content:space-between;align-items:center}.quiz-row{flex:unset;gap:.5rem}.first-row{order:1}.second-row{order:2}.second-row .next{width:auto}.quiz-nav{display:flex;justify-content:space-between}.first-row{flex:1;justify-content:flex-start}.second-row{display:flex;justify-content:flex-end;gap:.5rem}}.results-wrapper{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 14px #00000014;max-width:900px;margin:2rem auto;font-family:Segoe UI,sans-serif;animation:fadeIn .4s ease}.results-summary{display:flex;justify-content:flex-end;margin-bottom:1rem}.results-marks{font-weight:600;color:#2563eb}.results-title{font-size:1.6rem;font-weight:700;color:#111827;margin-bottom:.3rem}.results-description{font-size:.95rem;color:#4b5563;margin-bottom:1.5rem}.results-question-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1rem;transition:all .2s ease}.results-question-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000000f}.question-text{font-weight:500;margin-bottom:.5rem}.question-answer{border-left:3px solid #3b82f6;padding-left:.75rem;margin:.5rem 0;font-size:.95rem}.answer{white-space:pre-line}.question-feedback{background:#ecfdf5;border:1px solid #10b981;border-radius:.5rem;padding:.75rem;margin-top:.75rem;font-size:.9rem;color:#065f46}.results-overall-feedback{background:#fff7ed;border:1px solid #f59e0b;border-radius:.75rem;padding:1rem;margin:2rem 0}.results-overall-feedback h3{margin-bottom:.5rem;color:#92400e}.results-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{padding:.6rem 1.4rem;border:none;border-radius:.6rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb;transform:scale(1.05)}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quizDetail{display:flex;flex-direction:column;margin-top:3rem;padding:20px}.description{align-items:left}.subjectDetail{height:100vh;margin-top:.5cm}.quizDetailInfo{color:#666766}.InfoDetail{display:flex;flex-direction:row;gap:10%;width:100%}.InfoDetail img{height:50vh;width:100vh;border-radius:10px;border:1px solid rgb(135,135,254)}.info-msg{padding:10px;border-radius:5px;margin-bottom:15px}.success-msg{color:#155724;background-color:#d4edda;padding:10px;border-radius:5px;margin-bottom:15px;display:none}.error-msg{padding:10px;border-radius:5px;margin-bottom:15px;display:none}@media (max-width:767px){.quizDetail{flex-direction:column-reverse;margin-top:.01cm;width:100%;margin-left:-20px}.InfoDetail{flex-direction:column}.InfoDetail img{width:100%;height:30dvh}.instructions{display:flex;flex-direction:column}.instructions>p{font-size:medium;padding:12px;color:gray}.instructions>h2{font-size:large}}@media (min-width:768px) and (max-width: 1024px){.InfoDetail{gap:5%}.InfoDetail img{width:100%}.description{align-items:left;margin-left:-10px}}.quick-access{background-color:inherit;border-radius:12px;padding:20px;margin:2px}.quick-access h3{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:15px}.tab-bar{display:flex;gap:12px;margin-bottom:20px;border-bottom:2px solid #ddd;padding-bottom:10px}.tab{font-weight:500;color:#6b7280;cursor:pointer;padding-bottom:4px}.tab:hover{color:#d0d0d0}.tab.active{color:#111827;border-bottom:2px solid #111827}.allSubjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,3fr));gap:.4rem;margin-left:30px}.subject-cont{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,3fr));gap:.4rem;margin-left:-15px}.subject-card{background-color:inherit;padding:26px;height:160px;box-shadow:0 4px 12px #00000012;display:flex;border:1px solid #1f6feb;flex-direction:column;margin-top:20px;border-radius:10px;margin-left:10px}.subject-image{min-height:120px}.subject-actions{display:flex;flex-direction:row;margin-left:-1px;gap:30%}.subjectbtn{background-color:#fff;color:#1f6feb;padding:.6rem 1.2rem;border:none;border-radius:6px;border:1px solid #1f6feb;cursor:pointer;height:45px;width:220px}.subject-info{display:flex;flex-direction:row;gap:2rem}.subject-card img{width:80px;height:80px;object-fit:cover;margin-bottom:10px;border-width:3px;border-style:solid}.subject-card h4{margin:8px 0 4px;font-size:1rem;color:#333}.subject-card p{font-size:.85rem;color:#666}.text-link{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:-26px}.show-all-btn:hover{background-color:inherit;color:#91afee}.quizzes-container{margin-top:20px}.text-img{display:flex;flex-direction:row}.quizInfoCont{display:flex;flex-direction:row;justify-content:space-between}.quiz-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001a}.quiz-btn{padding:8px 14px;background-color:#ff914d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s}.quiz-btn:hover{background-color:#e67a34}@media (max-width: 767px){.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-left:40px;margin-bottom:70px}.text-img,.quizInfoCont{flex-direction:column}.my-subjects>.subject-cont{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,3fr));gap:40px;margin-left:-15px}.text-link{display:flex;flex-direction:column;gap:-10rem}.subject-image{min-height:60px}.subject-image img{width:80px}.allSubjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,2fr));gap:40px}.subject-card{flex-direction:column;padding:8px;height:100%}.subject-actions{flex-direction:row;margin-left:10px;gap:1rem}.subject-info{display:flex;margin-left:10px;gap:1rem;margin-bottom:10px}}@media (min-width: 768px) and (max-width: 1024px){.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-left:40px;margin-bottom:70px}.text-img,.quizInfoCont{flex-direction:column}.subject-image{min-height:60px}.subject-image img{width:80px}.subject-cont{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,3fr));gap:5px}.subject-card{flex-direction:column;padding:16px}.subject-actions{flex-direction:row;margin-left:10px;gap:3rem}.subject-info{display:flex;gap:1rem}.allSubjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,3fr));gap:10px}}@media (min-width: 768px) and (max-width: 901px){.subject-cont{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,2fr));gap:5px}.subjectbtn{background-color:#fff;color:#1f6feb;padding:.6rem 1.2rem;border:none;border-radius:6px;border:1px solid #1f6feb;cursor:pointer;height:45px;width:220px}}.quiz-section{margin-bottom:50px;padding:25px 30px;border-radius:12px;background-color:#f9fafb;border:1px solid #e5e7eb;box-shadow:0 6px 16px #0000000d}.quiz-section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:20px;border-left:4px solid #3b82f6;padding-left:12px}.quiz-card{background:#fff;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:left;transition:all .2s ease;box-shadow:0 4px 8px #00000008}.quiz-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.text-img{display:flex;align-items:center;gap:16px;margin-top:2px;margin-bottom:12px}.text-img .quizImage{width:80px;height:80px;border-radius:8px;object-fit:cover;border:2px solid #e5e7eb}.quizTitle{font-size:1rem;font-weight:800;color:#111827}.quizInfoCont{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#4b5563;margin-bottom:12px}.quiz-type,.quiz-topic{color:#444;font-size:.65rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-btn{align-self:flex-start;padding:10px 18px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:background-color .2s}.quiz-btn:hover{background-color:#2563eb}.show-all-btn{font-size:.95rem;font-weight:600;color:#2563eb;background:none;border:none;cursor:pointer;padding:0;margin-bottom:10px}.show-all-btn:hover{text-decoration:underline;color:#1d4ed8}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;margin-top:30px;margin-bottom:100px}@media (max-width: 768px){.quiz-section{padding:20px;width:100%;margin-left:8px}.quiz-card{align-items:left}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-left:-10px;margin-top:30px;margin-bottom:20px}.text-img{flex-direction:column;align-items:flex-start}.quizInfoCont{flex-direction:column;align-items:flex-start;gap:4px}.text-img .quizImage{width:97%;height:80px;border-radius:8px;object-fit:cover;border:2px solid #e5e7eb}}.past-quiz-div{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem;margin-top:1rem}.attempt-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.attempt-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.attempt-image{width:100%;height:140px;object-fit:cover}.attempt-info{padding:.8rem 1rem;flex-grow:1}.attempt-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:.4rem}.attempt-description{font-size:.9rem;color:#666}.attempt-actions{display:flex;justify-content:space-between;padding:.8rem 1rem 1rem;gap:.5rem}.attempt-actions button{flex:1;padding:.5rem;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;color:#333}.btn-secondary:hover{background-color:#e5e7eb}.stat-squares{display:flex;justify-content:flex-start;align-items:center;gap:30px;padding:2px}.statContainer{display:flex;flex-direction:row;gap:1em;align-items:center}.stat-square{display:flex;flex-direction:row;align-items:center;background-color:#f0f0f0;padding:15px;border-radius:8px;min-width:20px;box-shadow:0 2px 5px #0000001a}.stat-square:hover{background-color:#b0b0b0}.stat-icon{font-size:28px;margin-bottom:8px;color:#4a63e2}.stat-digit{font-size:20px;font-weight:700;color:#333}.stat-description{font-size:14px;color:#666;margin-top:5px;text-align:center}@media (max-width:767px){.stat-squares{display:none}}@media (min-width: 767px) and (max-width: 1024px){.stat-squares{display:flex;flex-direction:row;min-width:10px}.stat-square{min-width:25%}}@media (min-width: 767px) and (max-width: 900px){.statContainer{display:none}}.quiz-table-container{margin-top:20px;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 8px #0000000d}.quiz-table{width:100%;border-collapse:collapse;font-size:.95rem}.quiz-table th{background-color:#1f3fff;color:#fff}.quiz-table th,.quiz-table td{padding:14px 16px;text-align:left}.quiz-table tr:not(:last-child){border-bottom:1px solid #eee}.quiz-table a{color:#1f3fff;text-decoration:none;font-weight:500}.status{padding:6px 14px;border-radius:20px;color:#fff;font-weight:700;font-size:.8rem}.status.new{background-color:#198754}.status.completed{background-color:#6366f1}.action a{font-weight:600}@media (max-width: 767px){.quiz-table{width:100%}.quiz-table th,.quiz-table td{padding:10px;text-align:left;font-size:small}}@media (max-width: 429px){.quiz-table th,.quiz-table td{padding:7px}}.subjectsContainer{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem;margin-bottom:5rem;margin-left:50px}.text-classSelection{display:flex;flex-direction:row;justify-content:space-between}.dashBody{margin-bottom:100px}.subjectContainer{flex:1 1 calc(20% - 1rem);max-width:calc(25% - 1rem);background-color:#fff;border-radius:16px;gap:.5rem;padding:16px;height:520px;box-shadow:0 4px 12px #00000012;display:flex;justify-content:flex-start;flex-direction:column;transition:transform .2s ease;cursor:pointer}.footer-nav{display:flex;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:32px 24px;border-top:1px solid #ddd;z-index:1000}.navBtn{background:linear-gradient(135deg,#1418e7,#060af1);border:none;color:#fff;padding:12px 28px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #00000026}.navBtn .prev{display:none}.navBtn:hover:not(:disabled){background:linear-gradient(135deg,#074ee6,#0817f1);transform:translateY(-2px);box-shadow:0 6px 12px #0003}.navBtn:disabled{background:#ccc;color:#666;cursor:not-allowed;box-shadow:none}.subjectCont{margin-bottom:5rem;margin-left:50px}.image img{width:100%;height:100px;object-fit:cover;border-radius:12px;margin-bottom:10px}.subject-title{color:#0c0c0c;font-weight:800}.subjectContainer.selected{border:2px solid #2563eb;box-shadow:0 6px 16px #0428f5d5;transform:scale(1.02);background-color:#f6fff6}.class-selector{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem;font-size:1rem;margin-left:50px}.dropdown-wrapper{position:relative;display:inline-block;width:220px}.dropdown-wrapper select{width:100%;padding:.6rem 2.5rem .6rem 1rem;border:none;border-radius:9999px;background:#fff;color:#000;border:2px solid #1f6feb;font-size:1rem;appearance:none;outline:none;cursor:pointer}.dropdown-wrapper select option,.dropdown-wrapper select optgroup{color:#000}.dropdown-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#000;font-size:.9rem}@media (max-width: 767px){.subjectContainer{flex:1 1 calc(100% - 2rem);max-width:calc(100% - 2rem);margin-bottom:20px;gap:-6rem;height:380px;display:flex;justify-content:center}.image img{margin-top:2px;padding-right:10px;margin-left:2px;width:100%;height:180px;border-radius:20px;margin-bottom:20px}.description>.title{color:#000;font-weight:700;font-size:1.2rem}.description>.subtitle{margin-top:-35px;font-size:.9rem}.footer-nav{padding:32px 24px}.text-classSelection{display:flex;flex-direction:column}.info{margin-bottom:-30px}.navBtn{min-height:50px}}@media (min-width: 768px) and (max-width: 1024px){.subjectContainer{flex:1 1 calc(50% - 1rem);max-width:calc(32% - 4rem);margin-bottom:20px;gap:-4rem;height:420px}.image img{margin-top:10px;padding-left:-11px;width:100%;height:200px;border-radius:20px;margin-bottom:20px}.subject-title{color:#000;font-weight:700}}.topicsContainer{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1.2rem;margin-bottom:5rem;margin-left:50px}.topicContainer.selected{border:3px solid #4CAF50;box-shadow:0 6px 16px #0428f5d5;transform:scale(1.02);background-color:#f9fff9;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.topicContainer.selected .title{color:#2563eb}.topicContainer{flex:1 1 calc(20% - 1rem);max-width:calc(25% - 1rem);background-color:#fff;border-radius:16px;padding:16px;height:400px;box-shadow:0 4px 12px #00000012;display:flex;justify-content:flex-start;flex-direction:column;transition:transform .2s ease;cursor:pointer}.image img{width:100%;height:320px;object-fit:cover;border-radius:12px;margin-bottom:10px}.title{color:#0c0c0c;font-weight:800}.resumeBtn{border-radius:50px}@media (max-width: 767px){.topicContainer{flex:1 1 calc(100% - 2rem);max-width:calc(100% - 2rem);margin-bottom:20px;gap:-6rem;margin-top:30px;height:270px;display:flex;justify-content:center}.image img{margin-top:2px;padding-right:10px;margin-left:2px;width:100%;height:180px;border-radius:20px;margin-bottom:20px}.description>.title{color:#000;font-weight:700;font-size:1.2rem}.description>.subtitle{margin-top:-35px;font-size:.9rem}}@media (min-width: 768px) and (max-width: 1024px){.topicContainer{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 4rem);margin-bottom:20px;gap:-2rem;height:300px}.topicsContainer{margin-left:0}.image img{margin-top:10px;padding-left:-11px;width:100%;height:200px;border-radius:20px;margin-bottom:20px}.title{color:#000;font-weight:700}}main{background-color:#fff}.achievementContainer .hamburger-wrapper2{display:flex;margin-bottom:-70px;position:fixed;top:105px;left:15px;z-index:2000;cursor:pointer;font-size:3rem;align-items:center;background-color:inherit;padding:10px;border-radius:80%;height:40px;width:40px;color:#000}.toggle-icon{margin-top:-12px}.achievementContainer .main-content{margin-top:6.7%;background-color:#ececfd88;margin-left:-32px;margin-bottom:-50px}.achievementContainer .dashboardContent{margin-top:-30px}.achievementContainer{margin-left:-1in}.menuHeader{display:flex;flex-direction:column;align-items:left}.achievementStats{display:flex;flex-direction:row;justify-content:center;gap:50px;background-color:inherit;margin-top:30px;margin-bottom:30px}.loading-text{font-size:1.2rem;font-weight:700;color:#666;text-align:center;padding:20px 0}.profile-box{display:flex;justify-content:space-between;align-items:center;background:inherit;padding:10px;border-radius:15px}.userCv{display:flex;flex-direction:row;align-items:center}.otherUsers{display:flex;flex-direction:row;justify-content:space-between;gap:2px}.profile-info{display:flex;align-items:center;justify-content:space-between;gap:6in;margin-bottom:30px}.avatar-lg{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #ddd}.streak-icons{display:flex;gap:5px}.stats-section{display:flex;justify-content:center;gap:10px;margin:30px 0}.icon{font-size:90%;position:relative;transition:transform .3s ease}.fire-icon{background:radial-gradient(circle at center,#ff9,#ff8c00,#c00 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(255,140,0,.6)) drop-shadow(0 0 8px rgba(204,0,0,.4))}.trophy-icon{color:gold;background:linear-gradient(145deg,#fff 5%,gold 40%,#daa520);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.heart{color:#ccc}.heart.filled{color:#dc143c}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));box-shadow:0 3px 8px #00000014;width:45%;height:30vh;align-items:center;border-radius:10px;background-color:#fff}.stats-card{background:inherit;padding:10%;height:50%;margin-top:-100px;text-align:center}.stats-icon{font-size:5.2rem;margin-bottom:10px;color:#444;margin-right:-12rem}.stats-card.reverse .stats-icon{margin-right:12rem}.stats-card h2{margin:0;font-size:22px;font-weight:700}.stats-card p{margin:5px 0 0;font-size:14px;color:#777}.stats-card.reverse .brandValue{margin-left:4.4cm;margin-right:0}.rank-section{display:flex;justify-content:center;align-items:flex-end;gap:20px;flex-direction:row;gap:5px;background-color:inherit}.rank-card{flex:1;min-width:160px;background:#fff;padding:15px;border-radius:15px;text-align:center;box-shadow:0 3px 8px #00000014}.rank-card h3{margin:0 0 10px;font-size:18px;color:#444}.rank-card .avatar{width:50px;height:50px;border-radius:50%;margin:10px 0;object-fit:cover;border:2px solid #ccc}.rank-card p{margin:5px 0;font-size:14px;color:#666}.rank-1,.rank-2,.rank-3{width:100px;border-radius:8px}.rank-1{height:100%;background:linear-gradient(135deg,#006400,#32cd32);box-shadow:0 4px 12px #0000004d}.rank-2{height:90%;background:linear-gradient(135deg,#00008b,#4169e1);box-shadow:0 4px 12px #0000004d}.rank-3{height:85%;background:linear-gradient(135deg,#b8860b,gold);color:#333;box-shadow:0 4px 12px #0000004d}html Copy code .rank-card h3,.rank-card p,.rank-card h1{color:#fff}.leaderboard-list{display:flex;flex-direction:column;gap:20px}.leaderboard-row{display:flex;justify-content:space-between;padding:12px 15px;background-color:#d7d7fa;border-radius:15px;box-shadow:0 3px 8px #00000014;height:50px;margin-top:20px;align-items:center}.leaderboard-table-container{background:inherit;border-radius:15px;padding:20px}.leaderboard-table-container h3{margin-bottom:15px;font-size:20px;font-weight:700}.leaderboard-list{display:flex;flex-direction:column!important;gap:15px}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 2fr;align-items:center;padding:12px 15px;gap:10px;border-radius:15px}.leaderboard-header{background-color:#f5f5f5;font-weight:700;box-shadow:0 3px 8px #00000014;margin-bottom:10px}.leaderboard-row{background-color:#eeeef5f3;box-shadow:0 3px 8px #00000014}@keyframes glowPulse{0%{box-shadow:0 0 6px #ffd70080,0 0 12px #ffd7004d}50%{box-shadow:0 0 10px #ffd700b3,0 0 18px #ffd70080}to{box-shadow:0 0 6px #ffd70080,0 0 12px #ffd7004d}}.leaderboard-row.first-row{border:gold;font-weight:500;animation:glowPulse 3s infinite ease-in-out}.user-profile{display:flex;align-items:center;gap:10px}.user-avatar{display:flex;width:30px;height:30px;border-radius:50%}.userAvatar{display:flex;justify-content:flex-end}.brandValue{display:flex;flex-direction:column;margin-left:-4cm;justify-content:flex-start}.value{margin-top:-20px}.rankingNo{font-size:1.5cm;font-weight:900}.avatar-sm{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ccc}.classUser{display:flex;flex-direction:row;gap:10px}.classUser img{border-radius:50%;width:25px;height:25px}@media (min-width:476px) and (max-width: 767px){.rank-section{flex-direction:row;align-items:flex-end;margin-left:10%}.leaderboardsTable{margin-left:10%}.profile-box{flex-direction:column;text-align:center;gap:15px}.profile-info{flex-direction:column;gap:1cm}.achievementContainer .dashboardContent{margin-top:60px;margin-left:100px;margin-bottom:100px}.achievementContainer .hamburger-wrapper2{display:none}.stats-section{flex-direction:column;width:90%;margin-left:60px;grid-template-columns:repeat(auto-fit,minmax(20px,1fr))}.achievementStats{display:flex;flex-direction:column-reverse;gap:10px}.stats-card.reverse .brandValue{margin-left:.4cm;margin-right:0}.brandValue{margin-left:-1cm}.profile-info{gap:1cm}.stats-icon{margin-top:-40px;font-size:9rem;color:#444;margin-right:-2rem}.stats-card.reverse .stats-icon{margin-right:2rem}.rank-section{height:300px;margin-bottom:20px}}@media (max-width:475px){.stats-card.reverse .brandValue{margin-left:.6cm;margin-right:0}.brandValue{margin-left:-1cm}.profile-info{gap:1cm}.stats-icon{margin-top:-40px;font-size:9rem;color:#444;margin-right:-2rem}.stats-card.reverse .stats-icon{margin-right:2rem}.rank-section{height:250px;margin-left:20%}.rankingNo{font-weight:600}.leaderboardsTable{margin-left:10%}.leaderboard-table-container{margin-left:-20px}.leaderboard-header,.leaderboard-list{width:110%}.profile-box{flex-direction:column;text-align:center;gap:15px}.profile-info{flex-direction:column;gap:10px}.icon{font-size:60%}.achievementContainer .dashboardContent{margin-top:60px;margin-left:100px}.userAvatar,.achievementContainer .hamburger-wrapper2{display:none}.stats-section{flex-direction:column;width:90%;margin-left:50px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));height:300px}.achievementStats{display:flex;flex-direction:column-reverse;gap:10px}.rank-section{margin-bottom:20px}}@media (max-width:383px){.avatar-sm{display:none}.achievementStats{flex-direction:column-reverse}.icon{font-size:80px}*{font-size:.9rem}}@media (min-width:768px) and (max-width: 1280px){.achievementStats{flex-direction:column}.stats-section{width:100%;height:40dvh}.rank-section{display:flex;align-items:flex-end;justify-content:center;margin-bottom:20px;height:300px;gap:5px}.stats-card.reverse .brandValue{margin-left:3cm;margin-right:0}.brandValue{margin-left:-5cm}.profile-info{gap:1cm}.stats-icon{margin-top:-40px;font-size:9rem;color:#444;margin-right:-2rem}.stats-card.reverse .stats-icon{margin-right:2rem}.achievementContainer .dashboardContent{margin-top:-40px}.achievementContainer .main-content{margin-top:0}.achievementContainer .hamburger-wrapper2{margin-top:40px}}@media (min-width: 2400px){.achievementContainer .main-content{margin-top:5%}}@media screen and (max-width: 767px){.rank-card{flex:1;min-width:27%;padding:15px;border-radius:8px;text-align:center;box-shadow:0 3px 8px #00000014}.rank-card h3{margin:0 0 5px;font-size:18px;color:#444}.rank-card .avatar{width:50px;height:50px;border-radius:50%;margin:10px 0;object-fit:cover;border:2px solid #ccc}.rank-card p{margin-right:10px;font-size:14px;color:#ebe0e0}.rank-section{display:flex;flex-direction:row;padding:1px;justify-content:center;align-items:flex-end;gap:3px}.rank-1,.rank-2,.rank-3{width:100px;border-radius:8px}.rank-1{height:100%;background:linear-gradient(135deg,#006400,#32cd32);box-shadow:0 4px 12px #0000004d}.rank-2{height:90%;background:linear-gradient(135deg,#00008b,#4169e1);box-shadow:0 4px 12px #0000004d}.rank-3{height:85%;background:linear-gradient(135deg,#b8860b,gold);color:#333;box-shadow:0 4px 12px #0000004d}.profile-info{margin-left:0}}:root{--accent: #6c4ef0}.landing-container{font-family:Arial,sans-serif;line-height:1.6}h1,h2,h3{margin:10px 0}.landingImge{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.landingImge:before{content:"";position:absolute;inset:0;background:url(/landing.jpeg) center/cover no-repeat;filter:blur(12px);transform:scale(1.05);z-index:-1}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-size:cover;background-position:center}.hero-text h1{font-size:2rem;line-height:1.5;font-weight:700;margin-bottom:15px}.hero-text .subtitle{font-size:1.1rem;margin-bottom:30px;color:#e5e7eb;font-weight:700}.hero-badges{display:flex;justify-content:center;gap:15px;margin-bottom:20px;font-size:.9rem;color:#f9fafb}.hero-badges span{display:flex;align-items:center;gap:5px}.hero-buttons{display:flex;justify-content:center;gap:12px}.hero-buttons button{border:none;padding:12px 26px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-btn{background:#2563eb;color:#fff}.start-btn:hover{background:#1e4fc9}.teacher-btn{background:#fff;color:#2563eb;border:2px solid #2563eb}.teacher-btn:hover{background:#eff6ff}.landing-header{margin:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:100%;width:100%;flex-direction:row;background-color:#fff;color:#111}.nav-links{list-style:none;display:flex;gap:24px;margin:0;padding:0}.nav-links li{cursor:pointer;font-weight:600}.nav-links a{color:#111;text-decoration:none}.nav-links a:hover{color:#6c4ef0;text-decoration:none}.start-btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer;margin-right:20px;height:50px;box-shadow:#111}.teacher-btn{background:#fff;color:#111;padding:10px 16px;border-radius:8px;color:#00f;border:2px solid blue}.hero{display:flex;gap:2rem;align-items:center;justify-content:space-between;color:#fff;margin:0 auto;width:min(1200px,92%);height:100%;padding:3rem 0}.hero-text{flex:1;max-width:100%;text-align:center}.hero-badges span{margin-right:15px;display:inline-flex;align-items:center;gap:5px}.hero-video{flex:1;display:flex;justify-content:center;margin-left:25%;width:50%;height:auto}.landing-logo{display:flex;align-items:center;gap:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.landing-logo span{font-weight:900;font-size:1.5rem}.step{text-align:center;padding:4rem 2rem;background:#f9fafc;border-top:1px solid rgb(170,165,165)}.step h2{font-size:2rem;margin-bottom:.5rem;font-weight:700;color:#222}.step p{font-size:1rem;color:#555;margin-bottom:2rem}.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.stepCard{background:#fff;padding:2rem 1.5rem;border-radius:16px;box-shadow:0 4px 8px #0000000f;transition:transform .3s ease,box-shadow .3s ease;text-align:left}.stepCard:hover{transform:translateY(-6px);box-shadow:0 8px 16px #0000001a}.step-icon{font-size:2rem;color:#2563eb;margin-bottom:1rem}.stepCard h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:600;color:#111}.stepCard p{font-size:.95rem;line-height:1.5;color:#444}.why{text-align:center;padding:50px 20px}.why-grid{display:flex;justify-content:center;gap:20px;margin-top:25px;flex-direction:row}.why-card{background:#fff;border:1px solid #ddd;padding:20px;flex:1;border-radius:8px}.team{text-align:center;padding:50px 20px}.team-grid{display:flex;justify-content:center;gap:5px;margin-top:20px;flex-direction:row}.team-grid .team-card,.team-card img{width:80%;border-radius:20px;height:500px}.team-card{width:150px;height:180px;border-radius:10px}.trusted{display:flex;justify-content:space-around;padding:30px;flex-direction:row}.trusted-card{background:#fff;padding:20px;border-radius:6px;flex:1;margin:0 10px;text-align:center;box-shadow:0 2px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.trusted-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}strong.trusted-card-head{font-size:1.5rem}.supporting-stat{color:#423f3f;font-size:1rem}.y-icon{font-size:2rem;color:#6c6666}.trusted-head{border-top:1px solid rgb(213,209,209);padding:2rem;margin-top:5rem;text-align:center}.trusted-head p{color:#423f3f}.trusted-card.major{width:60%}.trusted-card.minor{width:40%}.card-section{max-width:700px;margin:3rem auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card-section:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 28px #00000026}.card-section h3{font-size:2rem;font-weight:700;color:#222;margin-bottom:1.5rem}.card-section h3 span{color:#007bff;font-size:2.2rem}.card-section ul{list-style:none;padding:0;margin:0}.card-section li{display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:.5rem 0;color:#444}.card-section li svg{margin-right:.5rem;color:#28a745;font-size:1.3rem}.reviews{max-width:1100px;margin:4rem auto;padding:2rem;text-align:center}.reviews h2{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;color:#222}.reviews p{font-size:1.1rem;color:#555;margin-bottom:2rem}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.review-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 6px 18px #00000014;text-align:left;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center}.review-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00000026}.review-img{width:70px;height:70px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid #007bff}.review-card p{font-size:.95rem;color:#444;line-height:1.5;margin-bottom:1rem}.review-stars{display:flex;justify-content:center;gap:.3rem}.star{color:gold;font-size:1.2rem}.partners{max-width:1100px;margin:4rem auto;padding:2rem;text-align:center}.partners h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#222}.partners p{font-size:1.1rem;color:#555;margin-bottom:2rem}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;align-items:center;justify-items:center}.partner{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 4px 14px #00000014;transition:transform .3s ease,box-shadow .3s ease}.partner:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0000001f}.partner img{width:40px;height:40px;object-fit:contain}.partner span{font-size:1.1rem;font-weight:500;color:#333}.landing-container h2{font-size:2rem}.hero-buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem}@media (max-width: 767px){*{margin:0}.start-btn.mobile{display:none}.landing-header{margin:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:100%;width:100%;flex-direction:row;background-color:#fff;color:#111;padding-right:20px}.logo-img{height:100px}.hero{flex-direction:column;padding:2rem 0}.hero-text{max-width:100%}.hero-buttons button{height:60px;width:230px}.video-placeholder{background:#ccc;width:300px;height:200px;height:3in}.why-grid{flex-direction:column}.review-card{margin-left:6%;width:80%;align-items:center}.team-grid{flex-direction:column;margin-left:10%}.team-grid .team-card,.team-card img{width:90%;border-radius:20px;height:200px}.trusted{flex-direction:column;gap:20px}.step,.trusted,.team{margin:10px;padding:7px;max-width:100%;gap:25px;overflow-x:hidden}.team-grid{gap:4em}.review-grid{flex-direction:column}.partners-grid{grid-template-columns:repeat(2,1fr)}.landing-header>button{margin-bottom:20px}.step-grid{flex-direction:column}.start-btn{color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}}@media (min-width:768px) and (max-width:1144px){.landing-container{font-family:Arial,sans-serif}h1,h2,h3{margin:10px 0}.landing-header{margin:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-direction:row;padding:14px 22px;width:96vw}.nav-links{list-style:none;display:flex;gap:24px;margin:0;padding:0}.nav-links li{cursor:pointer}.start-btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}.teacher-btn{background:#fff;color:#111;padding:10px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.06)}.hero{display:flex;gap:2rem;align-items:center;justify-content:space-between;color:#fff;margin:0 auto;width:min(1200px,92%);padding:3rem 0}.hero-text{flex:1;max-width:100%;text-align:center}.hero-badges span{margin-right:15px;display:inline-flex;align-items:center;gap:5px}.hero-video{flex:1;display:flex;justify-content:center}.video-placeholder{background:#ccc;width:70%;height:3in;display:flex;align-items:center;justify-content:center}.step{text-align:center;padding:50px 20px}.step-grid{display:flex;justify-content:center;gap:20px;margin-top:25px;flex-direction:row}.stepCard{background:#fff;border:1px solid #ddd;padding:20px;flex:1;border-radius:8px}.why{text-align:center;padding:50px 20px}.why-grid{display:flex;justify-content:center;gap:20px;margin-top:25px;flex-direction:row}.why-card{background:#fff;border:1px solid #ddd;padding:20px;flex:1;border-radius:8px}.team{text-align:center;padding:50px 20px}.team-grid{display:flex;justify-content:center;gap:5px;margin-top:20px;flex-direction:row}.team-grid .team-card,.team-card img{width:80%;border-radius:20px;height:500px}.team-card{width:150px;height:180px;border-radius:10px}.trusted{display:flex;justify-content:space-around;padding:30px;background:#f8f8f8;flex-direction:row}.trusted-card{display:flex;flex-direction:column;background:#fff;padding:20px;border-radius:6px;margin:0 10px;text-align:center}.reviews{text-align:center;padding:50px 20px}.review-grid{display:flex;gap:20px;justify-content:center;margin-top:20px;flex-direction:row}.review-card{background:#f0f0f0;padding:20px;border-radius:6px;width:200px}.partners{text-align:center;padding:50px 20px}.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;justify-items:center}.partner{background:#eee;width:80px;height:80px;border-radius:50%}.partner img{height:80px;width:50%}.landing-container h2{font-size:2rem}}@media (max-width:383px){.y-icon{padding:0;margin:0;font-size:rem;color:#007bff}}.survey-header{margin-bottom:20px;text-align:center}.onboarding{margin-left:30%}.progress-bar{width:98%;height:8px;background:#eee;border-radius:5px;overflow:hidden;margin-top:10px;margin-left:15px}.progress{height:100%;background:#1e4fc9;transition:width .3s ease}.survey-question{margin:1.1rem;font-size:large;font-weight:700}.video{margin-left:3cm;width:600px;height:500px}.onbaording{display:flex;flex-direction:column;justify-content:center;gap:1rem;margin-left:0}.question-container,.question-container-subjects{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.question-container-subjects{margin:2rem 0}.question-container-subjects label{display:block;font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#222}.subject-wrapper{display:flex;gap:2rem;flex-wrap:wrap}.question-subjects{display:grid;grid-template-columns:1fr 1fr;gap:20px}.question-container-field{display:grid;flex:1;min-width:250px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease,box-shadow .3s ease}.question-container-field:hover{border-color:#2563eb;box-shadow:0 4px 12px #00000014}.question-container-field h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#111;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.checkbox-option{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;margin:.5rem 1rem .5rem 0;cursor:pointer}.checkbox-option input{accent-color:#2563eb}.survey-input{margin-top:10px;padding:12px;width:60%;border-radius:8px;border:1px solid #ccc;font-size:1.1rem}.radio-group{display:flex;flex-direction:column;gap:12px;margin-top:20px}.radio-option{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:1.1rem;transition:all .2s ease}.radio-option:hover{background:#f9f9f9}.radio-option input[type=radio]{transform:scale(1.2)}.checkbox-option{display:flex;align-items:center;gap:10px;padding:8px 15px;border:1px solid #ccc;border-radius:6px;margin:5px 0;cursor:pointer;transition:all .2s ease}.checkbox-option:hover{background:#f9f9f9}.checkbox-option input[type=checkbox]{transform:scale(1.2)}.question-container video{margin-top:15px;border-radius:10px;box-shadow:0 4px 12px #00000026}.survey-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #ddd;z-index:1000}.survey-nav button{border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:8px;padding:10px 20px}.survey-nav button:first-child{background:#2563eb;color:#fff;flex:0 0 120px}.survey-nav button:first-child:hover{background:#1e4fc9}.survey-nav .skip{background:#fff;color:#2563eb;border:2px solid #2563eb;flex:0 0 130px;margin-right:20px}.survey-nav .skip:hover{background:#eff6ff}.survey-nav button:last-child{background:#2563eb;color:#fff;padding-left:10px;flex:0 0 130px}.survey-nav button:last-child:hover{background:#1e4fc9}.role-select{display:flex;gap:4rem;justify-content:center;align-items:center;margin-top:40px}.role-card{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;padding:48px;border:2px solid #ccc;border-radius:12px;transition:all .3s ease;width:120px;text-align:center;-webkit-user-select:none;user-select:none}.role-card input{display:none}.role-card img{width:50px;height:50px;filter:grayscale(100%);opacity:.6;transition:all .3s ease}.role-card span{font-size:1rem;color:#555}.role-card:hover{border-color:#999}.role-card.selected{border-color:#1e4fc9;background:#f0f5ff;box-shadow:0 2px 8px #1e4fc933}.role-card.selected img{filter:grayscale(0%);opacity:1}.role-card.selected span{color:#1e4fc9;font-weight:600}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.select-wrapper{position:relative;display:inline-block;width:100%}.survey-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1.8px solid #ccc;border-radius:10px;padding:12px 16px;width:100%;font-size:1rem;color:#333;transition:all .3s ease;cursor:pointer}.select-wrapper:after{content:"▾";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#555;pointer-events:none}.survey-select:focus{border-color:#1e4fc9;box-shadow:0 0 0 3px #1e4fc926;outline:none}.survey-select:hover{border-color:#999}option{padding:10px}@media (max-width: 767px){.main-content .onbaording{margin-left:0}.video{margin-left:15px;width:320px;height:300px}.role-select{width:100%;padding:10px;gap:20px;margin:0 16px}.role-card{margin:30px 0;width:20%}button{width:120px}}.report-card-container{padding:20px;width:90%;max-width:none;box-sizing:border-box;margin:0 0 100px 5.4%}.report-card-container>.subtitle{margin-bottom:20px;margin-top:-100px;color:#555}.actions{display:flex;flex-direction:row;margin-top:2%;margin-bottom:2%}.achievements-section{margin-bottom:40px}.achievements-section h3{margin-bottom:15px;color:#333}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.achievement-card{padding:15px;border-radius:12px;text-align:center;transition:transform .2s ease;background:#f0f0f0;box-shadow:0 4px 8px #0000001a}.achievement-card:hover{transform:translateY(-5px)}.achievement-card img{width:60px;height:60px;margin-bottom:10px;object-fit:contain}.achievement-card h4{margin:5px 0;font-size:16px}.achievement-card p{font-size:13px;color:#555}.achievement-card.locked{opacity:.5;filter:grayscale(100%)}.achievement-card.unlocked{background:#d1f7d1;border:2px solid #4caf50}.mobile-only{display:none}.subject-table{width:100%;border-collapse:collapse}.subject-table th,.subject-table td{padding:12px 16px;border-bottom:1px solid #ddd;text-align:left}.subject{display:flex;align-items:center;gap:8px}.status-pill{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600;color:#fff}.status-pill.excellent{background-color:#4caf50}.status-pill.good{background-color:#28a745}.status-pill.average{background-color:#2196f3}.status-pill.poor{background-color:#f44336}.status-pill.take.a.quiz{background-color:gray}.actions>.control-buttons{display:flex;flex-direction:row;align-items:center;gap:10px}.report-card-title{position:sticky;top:0;z-index:10;background:#fff;text-align:center;font-size:1.6rem;font-weight:700;color:#333;padding:10px 0;border-bottom:2px solid #e5e5e5}@media (max-width: 767px){.report-card-container{margin-left:-10%;margin-top:-130px;width:100%}.subject-table{scroll-behavior:smooth}.table-title{width:100%;font-size:1.2rem;font-weight:700;margin-top:20px;color:#333;text-align:center}.report-card-title{font-size:1.4rem;background:#fafafa;padding:12px 0;margin-top:-20px;box-shadow:0 2px 4px #0000000d}.report-card-title.subtitle{font-size:10px}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(80px,3fr))}.table-container{overflow-x:auto;margin-top:30px;margin-bottom:30px}.achievements-grid{margin-bottom:100px}.actions{flex-direction:column;gap:10px}.actions>.control-buttons{display:none}.mobile-only{display:block;font-size:1.4rem;font-weight:700;color:#333;text-align:center;margin-bottom:8px}}@media (min-width:768px) and (max-width:1024px){.report-card-container{margin-left:10%}}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.achievement-card{position:relative;padding:16px;border-radius:12px;box-shadow:0 2px 6px #0000001a;color:#fff;transition:transform .2s}.achievement-card.locked{background-color:#f5f5f5;color:#999}.achievement-card.unlocked{color:#fff}.achievement-card.bronze.unlocked{background-color:#cd7f32}.achievement-card.silver.unlocked{background-color:silver}.achievement-card.gold.unlocked{background-color:gold}.achievement-card.gold.unlocked{background-color:#e5e4e2}.achievement-card:hover{transform:translateY(-3px)}.achievement-title{font-weight:700;margin-bottom:4px}.achievement-category{font-size:.85rem;margin-bottom:8px;opacity:.9}.achievement-description{font-size:.9rem}.achievement-rank{position:absolute;top:8px;right:12px;font-weight:700;text-transform:uppercase}.locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5b3;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border-radius:12px}.achievement-popup{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:#fefefe;border:2px solid #ffd700;border-radius:10px;padding:18px 20px;box-shadow:0 8px 20px #0003;z-index:1000;animation:slide-up .4s ease-out;max-width:90%;width:320px}@keyframes slide-up{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.popup-content{display:flex;align-items:center}.popup-content .emoji{font-size:2.2rem;margin-right:14px}.popup-content .text p{margin:0;color:#333;font-size:.95rem}.close-btn{margin-left:auto;background:none;border:none;font-size:1.4rem;cursor:pointer;color:#888}