@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root{--primary-color: #0d0c0c;--text-color: #383636;--secondary-color: #f6f3f3;--accent-color: #ff5733;--background-color: #f8f8f8}::selection{background-color:transparent;color:var(--accent-color)}body{width:100%;height:100%;background-color:var(--background-color);font-family:Nunito Sans,serif}p{color:var(--text-color)}h1,h2,h3{color:var(--primary-color)}li{list-style:none}a{color:var(--primary-color);text-decoration:none}.center{text-align:center;width:100%}.urdufont{font-family:Noto Nastaliq Urdu,serif}.urduText{text-align:right}.ai-translate-btn{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:15px}.homePage{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f4;padding:20px}.home-page-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:1200px}.head-box{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .3s ease-in-out}.head-box:hover{transform:translateY(-5px)}.head-box-name{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.head-box-count{font-size:16px;font-weight:700;color:#007bff;text-decoration:none}.head-box-count:hover{text-decoration:underline}.head-box button,.head-box a{display:inline-block;padding:8px 16px;background-color:var(--accent-color);color:#fff;border-radius:6px;text-decoration:none;font-weight:600;transition:background .3s}.head-box a:hover{background-color:#0056b3}.header{display:flex;align-items:center;justify-content:space-between;padding:15px;background-color:var(--secondary-color);box-shadow:5px 3px 12px 3px #00000012;position:relative}.logo{width:150px;height:auto}.header nav ul{display:flex;justify-content:end;align-items:center;gap:10px}.link{font-weight:500;font-size:15px;transition:all ease .2s;text-transform:capitalize;cursor:pointer}.link.active,.link:hover{color:var(--accent-color)}.ham-burger{font-size:20px;position:absolute;right:30px;top:30px;display:none}@media (max-width: 1015px){.logo{width:100px}}@media (max-width: 930px){.header{flex-direction:column;align-items:flex-start;padding:10px}.ham-burger{display:block}.header nav{left:-200px;height:0px;overflow:hidden;position:absolute;top:100px;background-color:var(--secondary-color);transition:all ease .5s}.header nav.active{height:auto;left:0;overflow:hidden;padding:20px}.logo{font-size:40px;margin-bottom:10px}.header nav ul{flex-direction:column;align-items:flex-start;gap:5px}.link{font-size:14px}}@media (max-width: 480px){.logo{font-size:30px}.link{font-size:13px}.header nav ul{gap:3px}}.footer p{width:100%;text-align:center}.header-box{display:flex;justify-content:space-between;align-items:center;padding:20px}.classes-wrepper{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a}.header-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-box h2{font-size:24px;color:#333}.classes{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a;min-height:90vh;max-height:90vh;overflow:auto}.class table{width:100%}.class th,.class td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.class th{background-color:#f2f2f2;color:#555}.class tr:hover{background-color:#f1f1f1}.class td{color:#333}.class td:last-child,.class td:nth-last-child(2){cursor:pointer}.class td button{background-color:transparent;border:none;color:#007bff;cursor:pointer;text-decoration:underline}.class td button:hover{color:#0056b3}.primaryBtn{background:linear-gradient(to bottom right,var(--accent-color),#ff9a5a);border:0;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;line-height:2.5;outline:transparent;padding:0 1rem;text-align:center;text-decoration:none;transition:box-shadow .2s ease-in-out;-webkit-user-select:none;user-select:none}.primaryBtn:not([disabled]):focus{box-shadow:0 0 .25rem #00000080,-.125rem -.125rem 1rem #ef476580,.125rem .125rem 1rem #ff9a5a80}.primaryBtn:not([disabled]):hover{box-shadow:0 0 .25rem #00000080,-.125rem -.125rem 1rem #ef476580,.125rem .125rem 1rem #ff9a5a80}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear;margin:30px auto}.btn-loader{margin:10px auto;width:20px;padding:4px}@keyframes l3{to{transform:rotate(1turn)}}.add-form{background:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a;max-width:400px;margin:20px auto}.add-form button{width:100%}.heading{text-align:center;margin:30px;text-transform:capitalize}label{display:block;margin-bottom:8px;font-weight:700}input,textarea,select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}textarea{resize:vertical;height:100px}.mcqs{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:20px}.english-option{text-align:left}.urdu-option{text-align:right}.card{border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:30px;min-width:400px;text-align:center;flex:1;position:relative}.mcq-delete{position:absolute;top:10px;right:10px}.card:first-child{max-width:500px}.question{text-align:start;font-size:1em;margin-bottom:20px}.options{display:flex;justify-content:space-around}.option{font-size:15px;background-color:#e7e7e7;border:1px solid #ccc;border-radius:5px;padding:5px;margin:0 5px;cursor:pointer;transition:background-color .3s;flex:1}.correct{background-color:var(--accent-color);color:#fff;font-weight:700}.mcq-menu{position:relative;display:inline-block;float:right}.menu-btn{background:none;border:none;cursor:pointer;padding:5px}.menu-options{position:absolute;top:30px;right:0;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 6px #00000026;z-index:10}.menu-option{display:block;padding:8px 12px;width:100%;text-align:left;background:none;border:none;cursor:pointer}.menu-option:hover{background-color:#f0f0f0}.mcq-form-container{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;background-color:#f9f9f9}.mcq-form-container button{width:100%}h1{text-align:center;margin-bottom:15px}.form-group{margin-bottom:10px}.form-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.correct-option-container{display:flex;justify-content:space-between}.correct-option-label{margin-left:5px}.settingHeader{display:flex;align-items:center;justify-content:space-between;padding:40px}.auth-page{width:100vw;height:90vh;display:flex;align-items:center;justify-content:center}.auth-page form{width:400px;padding:10px;box-shadow:0 0 10px #0000001a}.auth-page form button{width:100%}.auth-page form p{margin:10px 0}.auth-page form p span{color:var(--accent-color)}.image-td,.image-td img{max-width:50px}.report-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px;text-align:left}.report-table th,.report-table td{border:1px solid #ddd;padding:12px}.report-table th{background-color:#f4f4f4;font-weight:700}.report-table tr:nth-child(2n){background-color:#f9f9f9}.report-table tr:hover{background-color:#f1f1f1}@media print{body *{visibility:hidden}.report-table,.report-table *{visibility:visible}.report-table{position:absolute;left:0;top:0;width:100%}.report-table th,.report-table td{border:1px solid #000}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e1e1}.modal-header h3{margin:0;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.close-btn:hover{color:#333}.modal-body{padding:20px;flex:1;overflow-y:auto}.questions-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e1e1e1}.select-all{display:flex;align-items:center;gap:8px;font-weight:700;color:#333}.questions-list{max-height:300px;overflow-y:auto}.question-item{padding:10px;border-bottom:1px solid #f0f0f0}.question-item label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.question-item input[type=checkbox]{margin-top:2px;width:10%}.question-item .question-text{width:90%}.no-questions{text-align:center;color:#666;font-style:italic;padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e1e1e1}.cancel-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.cancel-btn:hover{background:#5a6268}.popup-loader{display:flex;justify-content:center;align-items:center;height:100px}