@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ancizar+Sans:ital,wght@0,100..1000;1,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html,input,select,button{font-family:Poppins,sans-serif}code,pre,.code-editor{font-family:Fira Code,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}h1{font-size:1.21rem;font-weight:530}h2{font-size:1.12rem;font-weight:500}p{font-size:.92rem;font-weight:480}#root{width:100%;height:100vh;overflow-y:auto}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#root{width:100%;background:#f4f4fe;scrollbar-width:thin;scrollbar-color:#ccc transparent}.cm-editor,.cm-content{font-family:Fira Code!important;font-size:16px!important}.cm-editor,.cm-content,.cm-scroller,.cm-line{font-family:Fira Code,monospace!important;font-size:16px!important}.toast-enter{animation:toastIn .3s ease forwards}.toast-leave{animation:toastOut .3s ease forwards}@keyframes toastIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.custom-snackbar-warning{background-color:#fff3cd!important;color:#856404;border-left:5px solid #ffc107;font-weight:500;font-size:14px;box-shadow:0 4px 12px #00000026}.custom-snackbar-success{background-color:#d4edda!important;color:#155724;border-left:5px solid #28a745}.custom-snackbar-error{background-color:#f8d7da!important;color:#721c24;border-left:5px solid #dc3545}.custom-snackbar-info{background-color:#d1ecf1!important;color:#0c5460;border-left:5px solid #17a2b8}.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);font-family:Segoe UI,sans-serif;padding:20px}.login-container .login-box{background:#fff;border-radius:15px;box-shadow:0 10px 40px #00000026;display:flex;overflow:hidden;width:900px;max-width:100%;transition:all .3s ease-in-out}.login-container .login-box .background{width:60%;background:url(/login.jpg) no-repeat center;background-size:contain}.login-container .login-box form{width:50%;padding:50px 40px;display:flex;flex-direction:column;justify-content:center;background-color:#fff}.login-container .login-box form h2{color:#0a3a91;font-size:1.4rem;margin-bottom:30px;font-weight:700;text-align:start}.login-container .login-box .input-field{margin-bottom:10px}.login-container .login-box .input-field label{display:block;margin-bottom:8px;font-weight:600;color:#222}.login-container .login-box .input-with-icon{display:flex;align-items:center;border:1.5px solid #ccc;border-radius:6px;padding:8px;background-color:#f8f8f8;transition:border-color .3s ease}.login-container .login-box .input-with-icon:focus-within{border-color:#0a3a91}.login-container .login-box .input-with-icon i{color:#888;margin-right:10px;font-size:1.2rem}.login-container .login-box .input-field:focus-within .input-with-icon i{color:#0a3a91}.login-container .login-box .input-field:focus-within label{color:#0a3a91}.login-container .login-box .input-with-icon input{border:none;outline:none;flex:1;font-size:.85rem;background:transparent;color:#333}.login-container .login-box button[type=submit]{background-color:#0a3a91;color:#fff;border:none;padding:14px;border-radius:8px;font-weight:600;font-size:1rem;margin-top:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.login-container .login-box button[type=submit]:hover{background-color:#092f77}.login-container .login-box .action-link{margin-top:20px;text-align:center}.login-container .login-box .action-link a{color:#0a3a91;font-size:.9rem;font-weight:500;text-decoration:none}.login-container .login-box .action-link a:hover{text-decoration:underline}@media (max-width: 768px){.login-container .login-box{flex-direction:column;width:100%}.login-container .login-box .background{display:none}.login-container .login-box form{width:100%;padding:30px 20px}.login-container .login-box form h2{font-size:1rem}}.dashboard-layout{flex:1;display:flex;flex-direction:column}.outlet-container{flex:1;padding:20px}.dashboard-wrapper{display:flex;flex-direction:column;min-height:100vh}.dashboard-layout{flex:1}.footer-content{background-color:#2913512f;color:#fff;padding:12px 3%;display:flex;align-items:center;justify-content:center;gap:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer-content p{font-size:13px;font-weight:510;color:#2e1065}.footer-content .footer-links p:hover{text-decoration:underline;cursor:pointer}.footer-content .footer-links{margin-left:20px;display:flex;align-items:center;justify-content:start;gap:20px}.dashboard-wrapper .dashboard-layout{width:100%;height:70px}.header{width:100%;height:70px;padding:0 3%;background:#fff;display:flex;align-items:center!important;justify-content:space-between;flex-wrap:wrap;box-shadow:0 2px 5px #0000000d;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:999;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header h2{font-size:1.1em;color:#034a96;display:flex;align-items:center;justify-content:start;gap:6px}.header .links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-left:70px}.header .links a{color:#4c1d95;text-decoration:none;font-weight:500;font-size:.85rem;position:relative;padding:6px 8px;border-radius:4px;transition:all .2s ease-in-out}.header .links a:hover,.header .links a.active{background:#8b5cf61a;color:#2e1065;font-weight:580}.header .extra-details{display:flex;align-items:center;gap:16px}.header .extra-details .credits{display:flex;align-items:center;gap:6px;color:#4c1d95;font-weight:520;font-size:.9rem;padding:6px 10px;background:#ede9fe;border-radius:6px}.header .extra-details .credits p{font-weight:700}.header .extra-details .credits i{font-size:1.2rem;color:#7c3aed}.header .extra-details .credits .user-icon{font-size:1.2rem}.header .extra-details button{background:#7c3aed;color:#fff;font-weight:500;border:none;outline:none;padding:10px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .2s ease-in-out;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header .extra-details button i{font-size:1rem}.header .extra-details button:hover{background:#5b21b6}.outlet-container{padding:10px 0%}.outlet-container{width:100%;height:calc(100vh - 130px);margin-top:9px;font-family:Poppins,sans-serif}.outlet-container.blur{filter:blur(10px)}.title{width:100%;height:60px;padding:0 3%;display:flex;align-items:center;justify-content:start;gap:10px}.title i{font-size:1.5rem;background:linear-gradient(120deg,purple,#8a2be2);color:transparent;-webkit-background-clip:text;background-clip:text}.title h2{font-size:1.3rem;position:relative;background:linear-gradient(120deg,purple,#8a2be2);color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:510}.grid-container{width:100%;padding:2rem 3%;background-color:#f5f6fc;display:grid;grid-template-columns:repeat(4,minmax(280px,1fr));gap:2rem;font-family:Segoe UI,sans-serif}.grid-container .card{background:transparent;border-radius:12px;box-shadow:0 6px 18px #0000000f;cursor:pointer;transition:all .3s ease,box-shadow .3s ease;border-top:5px solid transparent;overflow:hidden}.grid-container .card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #00000014}.grid-container .card h2{padding:1rem;margin:0;background:linear-gradient(to right,#7928ca,#4a00e0);color:#fff;font-size:1.1rem;font-weight:600;text-align:center}.grid-container .card .content{padding:1.2rem;display:flex;justify-content:space-between;align-items:center}.grid-container .card .content .info{display:flex;flex-direction:column;gap:8px}.grid-container .card .content .info p{margin:0;font-size:.95rem;color:#333}.grid-container .card .content .info strong{font-weight:600;color:#000}.grid-container .card .content .progress{display:flex;align-items:center;justify-content:center}.video-grid-container{width:100%;padding:20px 3%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.video-grid-container .video-card,.video-grid-container .completed-card{display:flex;align-items:center;justify-content:flex-start;height:130px;border-radius:8px;padding:0;background:#fff;box-shadow:0 3px 8px #0000000a;border:1px solid #e0e0e0;overflow:hidden;cursor:pointer;position:relative;transition:transform .25s ease-in-out,box-shadow .25s}.video-grid-container .video-card:hover,.video-grid-container .completed-card:hover{transform:scale(1.015);box-shadow:0 4px 14px #0000001a}.video-grid-container .video-card i,.video-grid-container .completed-card i{flex:0 0 80px;height:100%;display:grid;place-content:center;font-size:2rem;color:#fff}.video-grid-container .video-card:nth-child(odd) i,.video-grid-container .completed-card:nth-child(odd) i{background:linear-gradient(135deg,purple,#8a2be2)}.video-grid-container .video-card:nth-child(2n) i,.video-grid-container .completed-card:nth-child(2n) i{background:linear-gradient(135deg,#8a2be2,purple)}.video-grid-container .info,.video-grid-container .completed{flex:1;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent}.video-grid-container .info p,.video-grid-container .completed p{margin:0;font-size:.95rem;font-weight:500;color:#222;text-align:left}.video-grid-container .info .desc,.video-grid-container .completed .desc{font-size:.75rem;color:#666;text-transform:capitalize;line-height:1.2}.video-grid-container .completion{position:absolute;bottom:0;left:0;width:100%;height:6px;background:#e5e7eb;border-radius:0 0 8px 8px;overflow:hidden}.video-grid-container .completion .completed{height:100%;background:linear-gradient(to right,#6366f1,#8b5cf6);transition:width .3s ease-in-out}.video-grid-container .completed-card{background:#f3f4f6;border:1px solid #cbd5e1}.video-grid-container .completed-card .completed .desc{color:#555}.video-grid-container .info button{margin-top:8px;padding:8px 12px;background:#fdfdfd;border:2px solid rebeccapurple;border-radius:4px;color:#639;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease-in-out}.video-grid-container .info button:hover{background:#639;color:#fff;transform:scale(1.03)}.video-grid-container .info button:active{transform:scale(.95)}.grid-container .card:hover{scale:1.02;box-shadow:10px 10px 10px #892be234}.grid-container .card h2{font-size:1.01rem;text-align:center}.grid-container .card:nth-child(2n) h2{width:100%;height:100px;background:linear-gradient(50deg,#8a2be2,purple);display:grid;place-content:center;color:#fff}.grid-container .card:nth-child(odd) h2{width:100%;height:100px;background:linear-gradient(50deg,purple,#8a2be2);display:grid;place-content:center;color:#fff}.grid-container .card .content .info{width:50%}.grid-container .card .content .info p,.grid-container .card .content .completed p{width:100%;font-size:.9rem;padding:5px 20px;font-weight:550}.grid-container .card .content .info p strong{font-weight:400}.grid-container .card .content{width:100%;padding:10px;display:flex;align-items:center;justify-content:center}.grid-container .card .progress{width:50%}.grid-container .card .progress .completed{width:70%;background:linear-gradient(30deg,purple,#8a2be2);height:100%}.company-details{width:100%;margin:0 auto;padding:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background-color:#fff;border-radius:12px}.company-details .action-header{display:flex;align-items:center;cursor:pointer;color:#2563eb;margin-bottom:20px}.company-details .action-header i{font-size:24px;margin-right:8px}.company-details .action-header p{font-size:16px;font-weight:500}.company-details .company-header{border-bottom:1px solid #e5e7eb;padding-bottom:20px;margin-bottom:20px}.company-details .company-header .info{margin-bottom:16px}.company-details .company-header .info h1{font-size:28px;font-weight:700;color:#111827;margin:0}.company-details .company-header .info h2{font-size:18px;font-weight:500;color:#374151;margin:4px 0}.company-details .company-header .details{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.company-details .company-header .details .location{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#4b5563}.company-details .company-header .details .location i{color:#6b7280;font-size:18px}.company-details .company-header .details .location p{margin:0;font-size:14px;background-color:#f3f4f6;padding:4px 10px;border-radius:6px}.company-details .description{margin-bottom:20px}.company-details .description.custom-quill .desc{background-color:#f9fafb;border:1px solid #e5e7eb;padding:16px;border-radius:8px;font-size:15px;line-height:1.6;color:#374151}.company-details .description.custom-quill button{padding:12px 24px;background:linear-gradient(to right,#16a34a,#22c55e);color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.company-details .description.custom-quill button:hover{background:linear-gradient(to right,#15803d,#16a34a)}.profile-container{width:90%;margin:20px auto;border-radius:8px;background-color:#f9f9ff;padding:20px}.profile-container .tabs{display:flex;gap:30px;margin-bottom:20px}.profile-container .tabs p{font-size:.9rem;color:#6a0dad;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:start;gap:10px;transition:all .3s ease;padding:10px;font-weight:400}.profile-container .tabs p:hover{color:indigo}.profile-container .tabs .active{background:linear-gradient(to right,purple,#8a2be2);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.profile-container .tabs p:after,.profile-container .tabs .active:after{content:"";position:absolute;height:3px;border-radius:3px;background:purple;width:0%;left:0;bottom:-4px;transition:width .3s ease}.profile-container .form-container form{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:20px}.form-container .input-field{display:flex;flex-direction:column}.form-container .input-field label{font-size:.85rem;font-weight:500;margin-bottom:5px;color:#555}.form-container .input-field input,.form-container .input-field select{padding:10px;border:2px solid #d8dae0;border-radius:5px;outline:none;transition:border-color .3s ease}.form-container .input-field:focus-within label{color:#8a2be2}.form-container .input-field:focus-within input,.form-container .input-field:focus-within select{border-color:#8a2be2}.profile-container form button{padding:12px;border-radius:6px;border:none;background:linear-gradient(120deg,purple,#8a2be2);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-container form button:active{transform:scale(.95)}.academic-container{width:90%;margin:30px auto}.academic-container table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}.academic-container thead{background:linear-gradient(to right,purple,#8a2be2);color:#fff}.academic-container th,.academic-container td{padding:10px;font-size:.9rem;text-align:center}.academic-container tbody tr{border-bottom:1px solid #eee}.academic-container table input,.academic-container table select{padding:6px;border-radius:4px;border:1px solid #ccc;outline:none;width:100%;transition:border .2s ease}.academic-container table input:focus,.academic-container table select:focus{border-color:#8a2be2}.academic-container .action-container{margin-top:15px;text-align:right}.academic-container button{padding:10px 20px;background:linear-gradient(45deg,purple,#8a2be2);border:none;color:#fff;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s ease}.academic-container .action-container button:active{transform:scale(.9)}form .input-field{width:100%;margin:10px 0}form .input-field label{font-size:14px;font-weight:500}form .input-field .input-with-icon{width:100%;padding:5px;border:2px solid #333;outline:none;margin-top:5px;border-radius:5px;transition:all ease-in .2s;position:relative;display:flex;align-items:center}form .input-field .input-with-icon i{position:absolute;left:12px;font-size:1.4rem;color:#333;transition:all ease-in .2s}form .input-field .input-with-icon input,form .input-field .input-with-icon select{width:100%;padding:6px 35px;outline:none;border:none}.form-wrapper form .grid-container .input-field .input-with-icon input:disabled{color:#000;cursor:no-drop;background:transparent}form .input-field .input-with-icon:focus-within{border:2px solid #ff512f}form .input-field .input-with-icon:focus-within i{color:#ff512f}form .input-field:focus-within label{color:#ff512f}form .input-field .error{margin-top:2px;font-size:.8rem;font-weight:520;color:red}form button{width:100%;margin:20px 0;padding:12px;border-radius:5px;background:#ff512f;border:2px solid #ff512f;outline:none;font-size:.91rem;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:start;gap:1rem}.form-wrapper form.hide{transform:translateY(-1000px)}.form-wrapper form.show{animation:form-anim linear .25s;transform:translateY(0)}.form-wrapper form .form-title{width:100%;display:flex;align-items:center;justify-content:space-between}.form-wrapper form .form-title i{cursor:pointer}@keyframes form-anim{0%{opacity:.5;transform:translateY(-300px)}to{opacity:1;transform:translateY(0)}}.success-container{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:100;max-width:90%;margin:40px auto;padding:20px;background:#f0fff4;border:2px solid #012245;border-radius:12px;text-align:center;font-family:Segoe UI,sans-serif;box-shadow:0 8px 20px #00000014;opacity:0;transform:scale(.9);animation:popup .4s forwards ease-out}.success-icon{font-size:44px;margin-bottom:10px}.success-container h2{color:#012245;font-size:22px;margin-bottom:10px}.success-container p{font-size:15px;color:#2d3748;margin:6px 0}.okay-btn{margin-top:18px;padding:10px 20px;background-color:#012245;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .3s ease}.okay-btn:hover{background-color:#083f79}.btn-icon{font-size:17px}@keyframes popup{to{opacity:1;transform:scale(1)}}@media screen and (max-width: 500px){.success-container{padding:16px;width:80vw}.success-container h2{font-size:16px}.success-container p{font-size:13px}.okay-btn{font-size:14px;padding:10px 16px}}@media screen and (max-width:500px){.course-hero{width:100%;height:40vh;background:#012245;position:relative}.course-hero .banner{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.course-hero .banner h2{font-size:1.2rem;color:#fff}.course-hero .banner h3{font-size:.9rem!important;color:#f5f5f5;font-weight:510}.course-hero .banner p{color:#f5f5f5;font-size:.8rem}.course-hero .banner h3{font-size:1rem;color:#fff}.course-hero .banner .timer{width:100%;display:flex;align-items:center;justify-content:center;gap:.8rem}.course-hero .banner .timer p{width:70px;padding:8px;border-radius:3px;background:#034a96;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.1rem;font-size:1.2rem}.course-hero .banner .timer span{color:silver;font-size:.81rem}.course-preview{width:100%;padding:20px 2%;background:#f4f5ff}.course-preview .course-title{width:100%;display:flex;align-items:center;flex-direction:column;gap:1rem;justify-content:space-between;position:sticky;top:0;background:#f4f5ff;padding:15px 8%}.course-preview .course-title h2{background:linear-gradient(120deg,#012245,#034a96);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.02rem}.course-preview .course-title button{background:linear-gradient(120deg,#012245,#034a96);padding:10px 20px;border:none;width:100%;color:#fff;border-radius:4px;font-weight:540;cursor:pointer;transition:all ease-in .2s;font-size:.98rem}.course-preview .course-title button:active{scale:.8}.course-preview .hero-title{width:100%;padding:20px 2%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.hero-title h2{background:linear-gradient(120deg,#012245,#034a96);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;text-align:center}.hero-title p{color:#555;font-size:.7rem;text-align:center;font-weight:400}.course-preview .course-section{width:100%;margin-top:20px;display:grid;grid-template-columns:4fr;gap:1rem}.course-section .menu{width:100%;padding:15px;background:#fff;border-radius:8px;border:1px solid silver;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.8rem}.course-section .menu button{width:100%;padding:10px;display:flex;align-items:center;justify-content:start;gap:1rem;background:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:520;cursor:pointer;background:#034a96;color:#f5f5f5;transition:all ease-in .2s}.course-section .menu button.active{background:#012245;color:#fff}.course-section .menu button i{font-size:1.4rem}.course-section .menu button:hover{background:#012245;color:#fff}.course-section .main-section{width:100%;padding:15px;background:#fff;border-radius:8px;border:1px solid silver}.main-section .course-panel{width:100%;height:100%}.main-section .course-panel .panel-title{width:100%;display:flex;align-items:center;justify-content:start;gap:.7rem}.main-section .course-panel .panel-title h2{background:linear-gradient(210deg,#012245,#034a96,#012245);color:transparent;-webkit-background-clip:text;background-clip:text}.main-section .course-panel .panel-title i{font-size:1.5rem;background:linear-gradient(210deg,#012245,#034a96,#012245);color:transparent;-webkit-background-clip:text;background-clip:text}.course-panel .details{width:100%;padding:20px 1%;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:1rem}.course-panel .details .field{width:100%;display:flex;align-items:center;justify-content:start;gap:.3rem}.course-panel .details .field label{display:flex;align-items:center;justify-content:start;gap:.4rem;font-size:.8rem;font-weight:510;background:linear-gradient(180deg,#012245,#034a96);color:transparent;-webkit-background-clip:text;background-clip:text;width:50%}.course-panel .details .field p{width:70%;text-align:start;font-size:.7rem}.course-panel ul li{font-size:.8rem}.course-panel .details ul li:before{content:"🔹 ";margin-right:8px}.course-panel .trainer-details{width:100%;display:grid;grid-template-columns:4fr;gap:2rem;margin-top:20px}.course-panel .trainer-details .profile{width:100%;height:250px;padding:5px;background:#012245;border-radius:5px}.course-panel .trainer-details .profile img{width:100%;height:85%;object-fit:cover;border-radius:5px}.course-panel .trainer-details .profile p{width:100%;text-align:center;color:#fff}.trainer-details ul{width:100%;list-style:none}.course-panel ul li{margin:6px 0}.trainer-details ul li:before{content:"🔹 ";margin-right:8px}.course-panel .faq-container{max-width:100%;margin:10px auto;padding:10px;font-family:sans-serif}.faq-item{border-bottom:1px solid #d8dae0;margin-bottom:10px}.faq-question{font-weight:700;cursor:pointer;padding:.5rem;background-color:#f7f7f7;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1rem;font-size:.7rem}.faq-answer.open{height:80px;padding:.8rem;background:#f1f1f1}.faq-icon{font-size:1rem}.course-footer{width:100%;height:50px;padding:10px 5%;background:#012245;display:grid;place-content:center;color:#fff}.course-footer p{font-size:.6rem;font-weight:400}.form-wrapper{position:absolute;top:0;left:0;width:100%;padding:5px;display:flex;align-items:center;justify-content:center}.form-wrapper form{width:90vw;height:100%;background:#fff;overflow-y:auto;padding:5px;box-shadow:0 4px 6px #0003;transition:all ease-in .2s;border-radius:3px}.form-wrapper form .form-title{height:40px;display:flex;align-items:center;justify-content:space-between;padding:10px 8px}.form-wrapper form .grid-container{grid-template-columns:repeat(1,1fr)!important;gap:1px 1px!important}.form-wrapper form .grid-container .input-field .input-with-icon select,.form-wrapper form .grid-container .input-field .input-with-icon input{padding-left:40px!important;padding-right:0!important;background:transparent}.form-wrapper form.hide{transform:translateY(-5000px)}.form-wrapper form.show{animation:form-anim linear .25s;transform:translateY(0)}.form-wrapper form .form-title{width:100%;display:flex;align-items:center;justify-content:space-between}.form-wrapper form .form-title i{cursor:pointer}.form-wrapper form .grid-container{gap:.1rem!important}.form-wrapper form .grid-container .input-field .input-with-icon{margin-top:1px}.form-wrapper form .grid-container .input-field label{font-size:.7rem}@keyframes form-anim{0%{opacity:.5;transform:translateY(-300px)}to{opacity:1;transform:translateY(0)}}}.open-registration{width:100%;height:100%}.open-registration .tabs{width:100%;height:45px;display:flex;align-items:center;justify-content:start;gap:1rem}.open-registration .tabs p{padding:8px;font-size:.8rem;transition:all ease-in .2s;position:relative;color:#555;font-weight:550;cursor:pointer}.open-registration .tabs .active{transition:all ease-in .2s;position:relative;background:linear-gradient(210deg,#ff512f,#ff8c00);color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:550;cursor:pointer}.open-registration .tabs .active:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;background:linear-gradient(210deg,#ff512f,#ff8c00);height:4px;border-radius:10px}.open-registration .action-tabs{width:100%;height:calc(100% - 90px);padding:8px 0}.open-registration .completion{width:100%;height:45px;display:flex;align-items:center;justify-content:space-between}.open-registration .completion button{padding:8px 16px;background:linear-gradient(200deg,#ff512f,#ff8c00);border:none;border-radius:4px;outline:none;cursor:pointer;color:#fff;font-size:.8em;font-weight:500;transition:all ease-in .2s}.open-registration .completion button:disabled{background:silver;color:#000;cursor:no-drop}.open-registration .completion button:active{scale:.8}.action-tabs .component-form{width:100%;padding:15px;background:#fff;box-shadow:none;left:0;top:0;translate:0;position:relative}.component-form .flex-container{width:100%;display:flex;align-items:start;justify-content:start;gap:1rem}.component-form .flex-container .field-group{width:30%}.flex-container .field-group .input-field{margin:10px 0;width:100%}.flex-container .field-group .input-field label{font-size:.8rem;font-weight:500}.flex-container .field-group .input-field .input-with-icon{margin-top:4px;width:100%;position:relative;border:2px solid #d8dae0;border-radius:4px;display:flex;align-items:center}.flex-container .field-group .input-field .input-with-icon i{position:absolute;left:12px}.flex-container .field-group .input-field .input-with-icon input{width:100%;padding:10px 35px;outline:none;border:none;background:transparent}.field-group .input-field .input-with-icon:focus-within{border:2px solid #ff512f}.field-group .input-field:focus-within label{color:#ff512f}.field-group .input-field:focus-within .input-with-icon i{color:#ff512f}.field-group button{margin-top:20px;width:100%;background:linear-gradient(120deg,#ff512f,#ff512f);padding:10px;border:none;color:#fff;font-weight:520;cursor:pointer;outline:none;border-radius:4px;transition:all ease-in .2s}.component-form .flex-container .table-group{width:70%;border-radius:5px;overflow:hidden}.flex-container .table-group td button{background:transparent;border:none;outline:none;cursor:pointer}.flex-container .table-group tbody tr:hover{font-weight:none!important}.enrollment-closed{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:100;max-width:600px;margin:auto;background-color:#fef9c3;border:2px solid #facc15;border-radius:12px;padding:25px;text-align:center;box-shadow:0 4px 12px #00000014}.enrollment-closed h2{font-size:28px;color:#dc2626;margin-bottom:12px;display:flex;justify-content:center;align-items:center;gap:8px}.enrollment-closed p{font-size:16px;color:#374151;margin:8px 0}.connect-btn{margin-top:20px;display:inline-flex;align-items:center;gap:8px;background-color:#22c55e;color:#fff;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .3s ease}.connect-btn:hover{background-color:#16a34a}.connect-btn i{font-size:20px}@media (max-width: 500px){.enrollment-closed{padding:18px;width:90vw}.enrollment-closed h2{font-size:20px;gap:4px}.connect-btn{font-size:14px;padding:10px 16px}}.menu-container{width:100%;padding:20px 3%;display:flex;gap:2rem;align-items:flex-start}.menu-container .menu{display:flex;flex-direction:column;gap:14px;padding:20px 15px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:230px;min-height:300px;box-shadow:0 3px 10px #00000008}.menu-container .menu button{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f9fafb;border:1px solid transparent;color:#333;font-weight:500;font-size:.75rem;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.menu-container .menu button:hover{background:#eef2ff;color:#4f46e5}.menu-container .menu button i{font-size:1.1rem;color:inherit}.menu-container .menu button.active{background:#4f46e5;color:#fff;border-color:#4f46e5;font-weight:600;box-shadow:0 0 0 2px #4f46e533}.menu-container .menu button.active i{color:#fff}.menu-container .menu button.payment-due{background:#fefce8;border:1px solid #facc15;color:#92400e}.menu-container .menu button.payment-due.active i{color:#92400e}.menu-container .menu button.payment-done{background:#ecfdf5;border:1px solid #34d399;color:#065f46}.menu-container .menu button.payment-done.active i{color:#065f46}.menu-container .content{flex:1;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 3px 10px #00000008;min-height:400px}.menu-container .content p{font-size:1rem;color:#444;font-weight:500}.class-container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,350px);gap:25px;padding:30px 0%!important;background:transparent!important;font-family:Segoe UI,sans-serif}.class-container .exam-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000d;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;border-left:6px solid #4b49ac}.class-container .exam-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0000001a}.class-container .exam-card .card-header{padding:20px 20px 10px;border-bottom:1px solid #e0e0e0}.class-container .exam-card .card-header h3{margin:0;font-size:1.25rem;color:#2b2d42;font-weight:600}.class-container .exam-card .card-body{padding:15px 20px;display:flex;flex-direction:column;gap:12px}.class-container .exam-card .card-body .info-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#444}.class-container .exam-card .card-body .info-item .icon{font-size:1.2rem;color:#4b49ac}.class-container .exam-card .action-button{margin:20px;padding:12px;width:calc(100% - 40px);font-size:1rem;background:linear-gradient(135deg,#4b49ac,#5f58d8);color:#fff;font-weight:600;border:none;border-radius:6px;transition:all .3s ease;cursor:pointer}.class-container .exam-card .action-button:hover{background:#37359d}.class-container .exam-card .action-button:active{transform:scale(.98)}.class-container{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:24px;padding:40px 0%;background-color:#f0f2f5;font-family:Segoe UI,sans-serif}.content .class-container .card{background:#fff;border-radius:12px;padding:20px 16px;box-shadow:0 6px 20px #0000000d;display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease;border:1px solid rgba(0,0,0,.08);border-left:4px solid #3f51b5}.content .class-container .card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000014}.content .class-container .title{text-align:center;margin-bottom:10px}.content .class-container .title h2{font-size:1rem;font-weight:600;color:#1a237e;margin:0}.content .class-container .info{display:flex;justify-content:center;margin-bottom:10px}.content .class-container .info p{font-size:.8em;letter-spacing:1px;font-weight:550}.content .class-container .status1{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:18px;font-size:.75rem;font-weight:600;text-transform:uppercase}.content .class-container .status1.active{background:#e8f5e9;color:#2e7d32;font-size:.75rem}.content .class-container .status1.active span{animation:pulse-warning1 infinite linear 1s}@keyframes pulse-warning1{0%{background:linear-gradient(210deg,#2e7d32,green)}to{background:linear-gradient(210deg,#f97316,#ef4444)}}.class-container .status1.inactive{background:#ffebee;color:#c62828;font-size:.75rem}.class-container .status1 span{width:8px;height:8px;border-radius:50%;background:currentColor}.content .class-container .field{display:flex;align-items:center;margin:6px 0;font-size:.7rem;color:#444}.class-container .field h3{display:flex;align-items:center;gap:6px;margin:0;font-size:.8rem;font-weight:500;color:#2c3e50}.class-container .field i{font-size:1rem;color:#3f51b5}.class-container button{margin-top:12px;width:100%;padding:10px 0;font-size:.95rem;background:#3f51b5;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.class-container button:hover:enabled{background:#303f9f}.class-container button:disabled{background:#ccc;color:#666;cursor:not-allowed}.loading-bar{width:100%;padding:20px 3%;display:flex;align-items:center;justify-content:start}.loading-bar .loading{width:100%;background:#fefffe;padding:20px;border-radius:4px;border:1px solid #d8dae0;font-weight:500;font-size:.8rem}.attendance-container .attendance-details{width:70%}.attendance-container .attendance-details .title{width:100%;height:70px;align-items:center;justify-content:start;padding:0}.attendance-container .attendance-details .title h2{font-size:1.01rem;font-weight:490}.attendance-container .attendance-details .extra-details1{width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:.5rem}.attendance-container .attendance-details .extra-details1 .graphics{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.attendance-details .extra-details1 .graphics .status-bars{width:80%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.attendance-details .extra-details1 .graphics .field{width:100%;display:flex;align-items:center;justify-content:start;gap:.9rem}.extra-details1 .graphics .field span{width:15px;height:15px;border-radius:4px}.extra-details1 .graphics .field p{font-size:.8rem;font-weight:400}.attendance-details .extra-details1 .graphics .field.silver span{background:silver}.attendance-details .extra-details1 .graphics .field.green span{background:green}.attendance-details .extra-details1 .graphics .field.red span{background:red}.attendance-details .extra-details1 .graphics .field.purple span{background:purple}.calendar-container{width:100%;font-family:Arial,sans-serif;background:#fff;border-radius:10px;padding:15px;border:1px solid #d8dae0}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:540;margin-bottom:10px;color:purple}.nav-icon{cursor:pointer;font-size:1.2rem;color:purple;transition:color .3s}.nav-icon:hover{color:#8a058ac3}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{background:#800080c5;color:#fff;padding:10px;font-weight:500;text-align:center;border-radius:5px;font-size:.8rem}.calendar-date{padding:10px 0;text-align:center;background:#fff;border-radius:5px;transition:all .3s;font-size:.65rem}.calendar-date.silver{background:#eee}.calendar-date.silver:hover{background:#eee;cursor:no-drop}.calendar-date.disabled{background:#eee}.calendar-date.present{background:green;color:#fff}.calendar-date.absent{background:red;color:#fff}.calendar-date.disabled:hover{background:#eee;cursor:no-drop}.calendar-date.present:hover{background:green;cursor:no-drop;color:#fff}.calendar-date.absent:hover{background:red;cursor:no-drop;color:#fff}.calendar-date:hover{background:#e6f0ff;cursor:pointer}.attendance-container{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.2rem;padding:30px 0%;font-family:Segoe UI,sans-serif}.attendance-container form{flex:1;min-width:320px;max-width:420px;background:#fff;padding:25px 20px;border-radius:10px;box-shadow:0 8px 24px #0000000f}.attendance-container form .title{margin-bottom:20px}.attendance-container form .title h2{font-size:1.2rem;font-weight:600;color:#3f51b5}.attendance-container form .form-fields{display:flex;flex-direction:column;gap:1.2rem}.attendance-container form .form-field label{font-size:.9rem;font-weight:500;color:#333}.attendance-container form .input-with-icon{width:100%;display:flex;align-items:center;border:1.8px solid #ccc;border-radius:6px;padding:8px 10px;position:relative;background:#fefefe;transition:border-color .3s;margin-top:3px}.attendance-container form .input-with-icon i{position:absolute;left:12px;font-size:1rem;color:#aaa}.attendance-container form .input-with-icon select{width:100%;padding:8px 35px;border:none;outline:none;background:transparent;font-size:.9rem;color:#333}.attendance-container form .form-field:focus-within label,.attendance-container form .input-with-icon:focus-within{color:#4b49ac;border-color:#4b49ac}.attendance-container form .input-with-icon:focus-within i{color:#4b49ac}.attendance-container form button{width:100%;padding:10px;background:linear-gradient(210deg,#6a11cb,#2575fc);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.attendance-container form button:hover{background:linear-gradient(210deg,#5b0fbd,#1e5ed6)}.attendance-container form button:active{transform:scale(.95)}.attendance-container .attendance-details{flex:2;min-width:320px;background:#fff;padding:25px 20px;border-radius:10px;box-shadow:0 8px 24px #0000000f}.attendance-container .attendance-details .title h2{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#3f51b5}.extra-details1{display:flex;flex-direction:column;gap:20px}.calendar-container{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fdfdfd;padding:10px}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#444;margin-bottom:10px}.calendar-header .nav-icon{cursor:pointer;font-size:1.2rem;color:#4b49ac;transition:.3s}.calendar-header .nav-icon:hover{color:#3f51b5}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;font-size:.85rem;color:#444}.calendar-day{text-align:center;font-weight:600}.calendar-date{text-align:center;padding:8px 0;border-radius:6px;background:#eaeaea}.calendar-date.present{background:#c8e6c9;color:#256029}.calendar-date.absent{background:#ffcdd2;color:#b71c1c}.calendar-date.holiday{background:#e1bee7;color:#6a1b9a}.calendar-date.silver{background:#eee;color:#757575}.graphics{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.status-bars{display:flex;flex-direction:column;gap:8px}.status-bars .field{display:flex;align-items:center;gap:10px;font-size:.9rem}.status-bars .field span{width:14px;height:14px;border-radius:50%;display:inline-block}.status-bars .silver span{background:#b0bec5}.status-bars .green span{background:#66bb6a}.status-bars .red span{background:#ef5350}.status-bars .purple span{background:#ab47bc}.no-data{padding:20px;text-align:center;color:#999;font-size:.95rem}.change-password-container{width:100%;height:100vh;display:grid;place-content:center}.change-password-container .container{width:800px;border-radius:5px;background:#fefffe;border:1px solid #eee;box-shadow:0 3px 4px #0003;display:flex;align-items:start;justify-content:start;gap:0}.change-password-container .container .background{width:50%;height:100%;background:url(/change-password.jpg);background-position:center;background-size:contain;background-repeat:no-repeat}.change-password-container .container form{width:45%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.8rem}.change-password-container .container form .change-title{width:100%;height:40px;display:flex;align-items:center;justify-content:start}.container form .change-title h2{background:linear-gradient(210deg,#2f5df8,#3e427b);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem}.change-password-container .container form .block-container button{display:flex;align-items:center;justify-content:center;transition:all ease-in .2s}.change-password-container .container form .block-container button:active{scale:.7}.forgot-container{width:100%;height:100vh;display:grid;place-content:center}.forgot-container .box{width:450px;padding:10px;border-radius:5px;background:#fff;box-shadow:0 1px 4px #0003;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:1rem;overflow:hidden}.forgot-container .box .background{width:100%;height:200px;background:url(/forgot.avif);background-position:center;background-size:contain;background-repeat:no-repeat}.forgot-container .box form{width:100%;padding:10px 50px;animation:form-anim linear .25s}@keyframes form-anim{0%{opacity:.5;transform:translate(500px)}to{opacity:1;transform:translate(0)}}.forgot-container .box form .block-container,.forgot-container .box form .block-container .input-field{width:100%}.forgot-container .box form .block-container button{width:100%;display:flex;align-items:center;justify-content:center;transition:all ease-in .2s}.forgot-container .box form .block-container button:active{scale:.8}.forgot-container .box form .block-container .desc{width:100%;font-size:.8rem;text-align:center;color:#777}.privacy-container{max-width:800px;margin:40px auto;padding:0 20px;background-color:#fff;box-shadow:0 0 10px #0000000d;border-radius:8px}header{border-bottom:1px solid #e5e7eb;padding:20px 0}header h1{margin:0;color:#111827}header p{margin:5px 0 0;font-size:.9rem;color:#6b7280}section{padding:20px 0;border-bottom:1px solid #e5e7eb}section:last-of-type{border-bottom:none}h2{margin-top:0;color:#1d4ed8}ul{padding-left:20px}footer{text-align:center;padding:20px 0;font-size:.85rem;color:#6b7280}.terms-container{max-width:900px;margin:50px auto;padding:40px;background:#fff;box-shadow:0 0 20px #0000000d;border-radius:12px}header{text-align:center;margin-bottom:40px}header h1{font-size:2.5em;color:#1f3a93;margin-bottom:10px}header h2{font-size:1.5em;color:#333;margin:0}section h3{margin-top:30px;font-size:1.2em;color:#1f3a93}section p{margin-top:10px;line-height:1.6}a{color:#1f3a93;text-decoration:none}footer{margin-top:40px;text-align:center;font-size:.9em;color:#666}.ask-question{position:absolute;top:0;left:0;z-index:100;width:100%;height:100vh;background:#0006;display:grid;place-content:center}.ask-question .question{width:450px;background:#fefffe;padding:15px;border-radius:5px;box-shadow:0 4px 4px #00000014;animation:question-anim linear .2s;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.8rem}.ask-question .question .question-title{width:100%;display:flex;align-items:center;justify-content:start;gap:1rem}.ask-question .question .question-body{width:100%;padding:10px 20px}.ask-question .question .question-body h2{font-size:.98rem;color:#000;text-align:center}.ask-question .question .question-title i{font-size:2rem;color:red}.ask-question .question .question-title h2{color:red}.ask-question .question .question-action{margin:10px auto;width:70%;display:flex;align-items:center;justify-content:space-between}.ask-question .question .question-action button{width:80px;height:40px;transition:all ease-in .25s;cursor:pointer;border-radius:4px;border:none;outline:none;font-weight:510}.ask-question .question .question-action button:active{scale:.8}.ask-question .question .question-action button.yes{background:#006400;color:#fff}.ask-question .question .question-action button.no{background:red;color:#fff}@keyframes question-anim{0%{opacity:.3;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}.instruction-container{width:100%;padding:0 3%}.instruction-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin-bottom:2rem}.instruction-title .info{display:flex;align-items:center;gap:10px;color:#6a11cb}.instruction-title .info h2,.instruction-title .info i{font-size:24px;font-weight:600;color:#8a2be2}.instruction-title .actions button{background-color:#6a11cb;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.instruction-title .actions button:disabled{background-color:#ccc;cursor:not-allowed}.instruction-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:1.5rem}.instruction-grid .card{background-color:#fff;padding:1rem;border-radius:16px;border-left:5px solid #6a11cb;box-shadow:0 6px 20px #0000000f;transition:box-shadow .3s ease}.instruction-grid .card:hover{box-shadow:0 10px 28px #00000014}.instruction-grid .card-title{display:flex;align-items:center;gap:10px;color:#6a11cb;margin-bottom:1rem}.instruction-grid .card-title h2{font-size:18px;font-weight:600;color:#8a2be2}.instruction-grid .card-title i{font-size:28px}.instruction-grid .card ul{padding-left:2rem;margin:0}.instruction-grid .card ul li{margin-bottom:5px;line-height:1.6;color:#333;font-size:.85em}.instruction-grid .card ul ul{padding-left:1.5rem}.instruction-grid .card strong{color:#c21e56;font-weight:600}.instruction-grid .card b{font-weight:650;color:#8a2be2}.test-container .section-exam-details{width:100%;min-height:100vh;background:linear-gradient(210deg,#f0f2f5,#fff);display:flex;justify-content:center;align-items:flex-start;padding:4rem 6%}.test-container .section-exam-details .box{display:flex;align-items:flex-start;justify-content:flex-start;gap:1.5rem;background:linear-gradient(135deg,#fff,#f9fafb);padding:2rem;border-radius:12px;box-shadow:0 8px 24px #0000000d;width:60%;max-width:960px;min-height:280px}.test-container .section-exam-details .box .background{flex:1;background-image:url(/section.svg);background-repeat:no-repeat;background-position:center;background-size:contain;height:220px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.test-container .section-exam-details .box .details{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}.test-container .section-exam-details .box .details .field h3{font-size:1rem;color:#374151;font-weight:600;margin-bottom:.5rem}.test-container .section-exam-details .box .details button{margin-top:1rem;padding:10px 20px;font-size:1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,all .3s ease}.test-container .section-exam-details .box .details button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)}.test-container .section-exam-details .box .details button:active{transform:scale(.95)}.camera-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#e0f7fa,#fff);font-family:Segoe UI,sans-serif}.preview-box{display:flex;flex-direction:column;align-items:center;padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;transition:transform .3s ease}.preview-box:hover{transform:translateY(-5px)}.preview-box h3{margin-bottom:15px;font-size:22px;color:#333}.video-preview{border-radius:10px;box-shadow:0 0 12px #0003;width:360px;height:auto;margin-bottom:20px;background-color:#000}.preview-box button{padding:10px 20px;font-size:16px;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease}.preview-box button:hover{background-color:#0056b3}.error-message{color:red;margin-top:15px;font-weight:500;text-align:center}.test-container .test-error{width:100%;height:100%;display:grid;place-content:center}.test-error .permission-prompt{max-width:450px;margin:5rem auto;padding:2rem;border:2px solid #e74c3c;border-radius:8px;background:#fff5f5;text-align:center}.permission-prompt h2{color:#c0392b;margin-bottom:1rem}.permission-prompt ul{list-style:none;padding:0;margin:1rem 0}.permission-prompt li{margin:.5rem 0}.permission-prompt .warning{color:#e74c3c;margin:1.5rem 0;font-weight:700}.refresh-btn{padding:.75rem 1.5rem;background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.refresh-btn:hover{opacity:.9}.test-container .section-exam-details{width:100%;height:100vh;background:linear-gradient(210deg,#1f2937,#374151);display:flex;align-items:center;justify-content:center;padding:5vw 8vw;box-sizing:border-box}.test-container .section-exam-details .box{width:100%;max-width:800px;display:flex;flex-direction:row;align-items:flex-start;gap:2rem;background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 24px #00000026;position:relative}.test-container .section-exam-details .box .background{flex:1;height:200px;background-image:url(/section.svg);background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 5px 5px rgba(0,0,0,.3))}.test-container .section-exam-details .box .details{flex:1;display:flex;flex-direction:column;gap:1rem}.test-container .section-exam-details .box .details .field{display:flex;flex-direction:column}.test-container .section-exam-details .box .details .field h3{font-size:.95rem;color:#111827;font-weight:600;margin-bottom:4px}.test-container .section-exam-details .box .details .field p{font-size:.95rem;color:#4b5563}.test-container .section-exam-details .box .details button{padding:10px 18px;margin-top:1rem;background:linear-gradient(to right,#4f46e5,#6366f1);color:#fff;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.test-container .section-exam-details .box .details button:hover{background:linear-gradient(to right,#4338ca,#4f46e5)}.test-container .section-exam-details .box .details button:active{transform:scale(.96)}.test-container .exam-started .header{width:100%;height:70px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000a;font-family:Segoe UI,sans-serif;box-sizing:border-box}.test-container .exam-started .header h2{font-size:1rem;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-container .exam-started .header .timer{min-width:120px;height:44px;padding:0 12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(210deg,#6366f1,#4f46e5);color:#fff;border-radius:8px;font-weight:600;gap:.5rem;transition:all .3s ease;font-size:1rem}.test-container .exam-started .header .timer p{font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.test-container .exam-started .header .timer i{font-size:1.25rem}.test-container .exam-started .header .timer.rest{animation:pulse-warning 2s infinite;background:linear-gradient(210deg,#ef4444,#f97316)}@keyframes pulse-warning{0%{background:linear-gradient(210deg,#ef4444,#f97316)}to{background:linear-gradient(210deg,#f97316,#ef4444)}}.exam-started .section-name h2{font-size:1.1rem;color:#4c1d95;font-weight:600}.exam-started .progress-bar{width:100%;height:8px;background:#eee;border-radius:20px;margin-top:8px;overflow:hidden;position:relative}.exam-started .progress-fill{height:100%;background:linear-gradient(to right,#7c3aed,#4c1d95);border-radius:20px;transition:width .4s ease}.test-container .exam-started .section-details{width:100%;height:60px;padding:0 3%;margin:10px 0;display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-top-left-radius:6px;border-top-right-radius:6px}.test-container .exam-started .section-details .section-name{width:100%;display:flex;align-items:center;justify-content:space-between}.test-container .exam-started .section-details .section-name .info,.test-container .exam-started .section-details .section-name .questions{display:flex;align-items:center;gap:.75rem}.test-container .exam-started .section-details .section-name i{font-size:1.2rem;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:transparent;-webkit-background-clip:text;background-clip:text}.test-container .exam-started .section-details .section-name h2{font-size:1rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:transparent;-webkit-background-clip:text;background-clip:text}.test-container .exam-started{padding:2rem 2%;background:#f4f6fc;font-family:Segoe UI,sans-serif}.test-container .exam-started .question-box{background:#fff;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 8px 20px #0000000f;margin-bottom:2rem}.test-container .exam-started .question-box h3{font-size:1.25rem;color:#1f2937;margin-bottom:1rem;font-weight:600}.test-container .exam-started .question-meta{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#6b7280;margin-bottom:1.2rem}.test-container .exam-started .clear-response{cursor:pointer;color:#374151;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:color .3s}.test-container .exam-started .clear-response:hover{color:#ef4444}.test-container .exam-started .options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.test-container .exam-started .options label{display:flex;align-items:center;padding:14px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:500;color:#1f2937;cursor:pointer;transition:all .25s ease}.test-container .exam-started .options label:hover{background:#e0f2fe;border-color:#3b82f6}.test-container .exam-started .options input[type=radio]{margin-right:12px;transform:scale(1.1);accent-color:#2563eb}.test-container .exam-started .options input[type=radio]:checked+span{font-weight:600;color:#2563eb}.test-container .exam-started .action-buttons{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.test-container .exam-started .action-buttons button{padding:10px 20px;font-size:1rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:background-color .3s ease;color:#fff}.test-container .exam-started .action-buttons .save-next{background:linear-gradient(135deg,#10b981,#059669)}.test-container .exam-started .action-buttons .save-next:hover{background:linear-gradient(135deg,#059669,#047857)}.test-container .exam-started .action-buttons .skip{background:linear-gradient(135deg,#f59e0b,#d97706)}.test-container .exam-started .action-buttons .skip:hover{background:linear-gradient(135deg,#d97706,#b45309)}.test-container .exam-started .action-buttons .save-next:disabled{background:#9ca3af;cursor:not-allowed}.test-container .exam-started .question-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.test-container .exam-started .question-footer .level p{font-size:.85rem;padding:6px 10px;border-radius:5px;font-weight:600;color:#fff;text-transform:capitalize}.test-container .exam-started .question-footer .level p.easy{background:linear-gradient(135deg,#10b981,#059669)}.test-container .exam-started .question-footer .level p.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.test-container .exam-started .question-footer .level p.hard{background:linear-gradient(135deg,#ef4444,#b91c1c)}.test-container .exam-started .question-footer .cmp-tags{display:flex;flex-wrap:wrap;gap:8px}.test-container .exam-started .question-footer .cmp-tags span{background:#6366f1;color:#fff;font-size:.75rem;padding:5px 10px;border-radius:4px;font-weight:500}.test-container .exam-submitted-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#f0fdf4;border:2px solid #22c55e;border-radius:10px;padding:32px 40px;box-shadow:0 10px 25px #0000001a;text-align:center;z-index:10000;width:90%;max-width:500px;font-family:Segoe UI,sans-serif}.test-container .exam-submitted-message h2{font-size:1.5rem;font-weight:600;color:#15803d;margin-bottom:10px}.test-container .exam-submitted-message p{font-size:1rem;color:#334155;font-weight:500}.test-container .exam-started .question-details{width:100%;height:calc(100vh - 180px);display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem;padding:0}.test-container .exam-started .question-details .question,.test-container .exam-started .question-details .option{width:50%;height:100%;background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:16px;box-shadow:0 4px 12px #0000000a;overflow-y:auto}.test-container .exam-started .question-details .question .question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.test-container .exam-started .question-details .question .question-header p{font-size:.875rem;background:#f3f4f6;color:#111827;padding:6px 10px;border-radius:4px;font-weight:500}.test-container .exam-started .question-details .question .question-header .marks{background:#4b5563;color:#fff}.test-container .exam-started .question-details .question .question-text{max-height:calc(100% - 140px);overflow-y:auto;padding:1rem 0;font-size:.95rem;line-height:1.5;color:#1f2937}.test-container .exam-started .question-details .question .options{margin:2rem 0}.test-container .exam-started .question-details .question .options label{display:flex;align-items:center;padding:12px 16px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;margin-bottom:12px;cursor:pointer;transition:all .3s,border .3s}.test-container .exam-started .question-details .question .options label:hover{background:#e0f2fe;border-color:#0284c7}.test-container .exam-started .question-details .question .options input[type=radio]{margin-right:10px}.test-container .exam-started .question-details .question .options input[type=radio]:checked+span{font-weight:700;color:#0284c7}.test-container .exam-started .question-details .question .options .action-fields{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.test-container .exam-started .question-details .question .options .action-fields button{padding:10px 18px;border-radius:6px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;border:none}.test-container .exam-started .question-details .question .options .action-fields button:nth-child(1){background:linear-gradient(135deg,#16a34a,#15803d)}.test-container .exam-started .question-details .question .options .action-fields button:nth-child(1):disabled{background:#9ca3af;cursor:not-allowed}.test-container .exam-started .question-details .question .options .action-fields button:nth-child(2){background:linear-gradient(135deg,#f97316,#ea580c)}.test-container .exam-started .question-details .question .question-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:auto}.test-container .exam-started .question-details .question .question-footer .level p{padding:6px 12px;font-size:.75rem;border-radius:4px;color:#fff;font-weight:500}.test-container .exam-started .question-details .question .question-footer .level p.easy{background:#16a34a}.test-container .exam-started .question-details .question .question-footer .level p.meduim{background:#f59e0b}.test-container .exam-started .question-details .question .question-footer .level p.hard{background:#dc2626}.test-container .exam-started .question-details .question .question-footer .cmp-tags{display:flex;gap:.5rem}.test-container .exam-started .question-details .question .question-footer .cmp-tags span{background:#6b21a8;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500}.fs-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.fs-overlay button{margin-top:1rem;padding:.75rem 1.5rem;background:#27ae60;border:none;border-radius:4px;color:#fff;font-size:1rem;cursor:pointer}.custom-toast{position:fixed;top:30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;z-index:9999;transition:all .3s ease}.custom-toast.success{background-color:#28a745}.custom-toast.error{background-color:#dc3545}.solution-container{width:100%;padding:20px 2%;display:grid;grid-template-columns:2fr 1fr;gap:30px;background:#f8f9fc;min-height:80vh}.solution-container .question-container{background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 8px 20px #0000000d}.solution-container .question-no p{font-size:1rem;font-weight:600;color:#7c3aed;margin-bottom:10px}.solution-container .question-text{font-size:1rem;line-height:1.6;color:#333;margin-bottom:20px}.solution-container .options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.solution-container .option{background:#f1f5f9;border:2px solid transparent;border-radius:8px;padding:10px 15px;font-size:.95rem;cursor:pointer;transition:all .2s ease}.solution-container .option:hover{background:#e0e7ff;border-color:#6366f1}.solution-container .option.correct{border-color:#10b981;background:#ecfdf5;color:#065f46}.solution-container .option.wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b}.solution-container .status{width:100%}.solution-container .status p{width:auto;font-size:.9rem;font-weight:600;color:#4b5563;margin-top:10px;text-transform:capitalize}.solution-container .status .answered{color:#10b981}.solution-container .status .unanswered{color:#ef4444}.solution-container .status .review{color:#f59e0b}.solution-container .question-container .status .correct{padding:8px 10px;background:linear-gradient(210deg,green,#006400);border-radius:3px;color:#fff;font-size:.8rem}.solution-container .question-container .status .wrong{padding:8px 10px;background:linear-gradient(210deg,red,#dc143c);border-radius:3px;color:#fff;font-size:.8rem}.solution-container .question-container .status .skipped{padding:8px 10px;background:linear-gradient(210deg,orange,#ff8c00);border-radius:3px;color:#000;font-size:.8rem}.solution-container .section-container{background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 8px 20px #0000000d;display:flex;flex-direction:column;gap:20px}.solution-container .section-field label,.solution-container .question-field label{display:block;font-weight:600;margin-bottom:6px;color:#374151}.solution-container .section-field select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#f9fafb;outline:none;transition:border .2s ease}.solution-container .section-field select:focus{border-color:#6366f1}.solution-container .grid-question-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:10px;margin-top:10px}.solution-container .grid-question-container .box{background:#f1f5f9;color:#374151;border:1px solid #d1d5db;border-radius:6px;text-align:center;padding:8px 0;font-weight:500;cursor:pointer;transition:all .2s ease}.solution-container .grid-question-container .box:hover{background:#e0e7ff;color:#4338ca}.solution-container .grid-question-container .box.active{background:#7c3aed;color:#fff;font-weight:600;border-color:#7c3aed}.analysis-container{width:100%;padding:20px 3%;box-sizing:border-box;background:#f4f5ff;font-family:Segoe UI,sans-serif}.analysis-container .analysis-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:24px}.analysis-container .analysis-header .info{display:flex;align-items:center;gap:8px}.analysis-container .analysis-header .info i{font-size:1.9rem;background:linear-gradient(135deg,#7c3aed,#9333ea);color:transparent;-webkit-background-clip:text;background-clip:text}.analysis-container .analysis-header .info h2{margin:0;font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#7c3aed,#9333ea);color:transparent;-webkit-background-clip:text;background-clip:text}.analysis-container .analysis-header button{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.analysis-container .analysis-header button i{font-size:1.2rem}.analysis-container .analysis-header button:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);transform:translateY(-2px)}.analysis-container .table-container{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 6px 18px #0000000d}.analysis-container table{width:100%;border-collapse:collapse;min-width:600px}.analysis-container table thead{background:#7c3aed;color:#fff}.analysis-container table th,.analysis-container table td{padding:12px 16px;text-align:center;font-size:.9rem}.analysis-container table th{font-weight:600}.analysis-container table tbody tr{background:#fff;transition:background .2s ease}.analysis-container table tbody tr:hover{background:#f3f0ff}.analysis-container table tbody tr td{color:#333;border-bottom:1px solid #e5e5e5}.analysis-container table tbody tr.white td{background:#7c3aed;color:#fff;font-weight:600}.analysis-container table tbody tr.white td.bold{font-weight:700}@media (max-width: 768px){.analysis-container{padding:16px 2%}.analysis-container .analysis-header{flex-direction:column;align-items:stretch}.analysis-container .analysis-header .info h2{font-size:1.1rem}.analysis-container .analysis-header button{justify-content:center;width:100%}}.analysis-container .option.correct{background:#ecfdf5;border-left:4px solid #10b981;padding:12px 16px;margin-bottom:8px;border-radius:4px}.analysis-container .option.wrong{background:#fef2f2;border-left:4px solid #ef4444;padding:12px 16px;margin-bottom:8px;border-radius:4px}.analysis-container .option.correct p,.analysis-container .option.wrong p{margin:0;font-size:.95rem;color:#333}.analysis-container .option.correct i,.analysis-container .option.wrong i{margin-right:8px;font-size:1.1rem;vertical-align:middle}.solution-container .question-container .options .option.correct{background:#ecfdf5;border-left:4px solid #10b981;color:#065f46;padding:12px 16px;margin-bottom:8px;border-radius:6px;position:relative;transition:all .2s ease}.solution-container .question-container .options .option.correct:before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#10b981;font-weight:700}.solution-container .question-container .options .option.wrong{background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b;padding:12px 16px;margin-bottom:8px;border-radius:6px;position:relative;transition:all .2s ease}.solution-container .question-container .options .option.wrong:before{content:"✕";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ef4444;font-weight:700}.solution-container .question-container .options .option.selected-correct-user-ans{background:#e6fffa;border-left:5px solid #10b981;color:#047857;font-weight:600;padding:12px 16px;border-radius:6px;position:relative;margin-bottom:10px}.solution-container .question-container .options .option.selected-correct-user-ans:before{content:"✓ You selected correctly";position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#10b981;font-size:.8rem}.solution-container .question-container .options .option.selected-wrong-user-ans{background:#fff1f2;border-left:5px solid #ef4444;color:#991b1b;font-weight:600;padding:12px 16px;border-radius:6px;position:relative;margin-bottom:10px}.solution-container .question-container .options .option.selected-wrong-user-ans:before{content:"✕ Your answer";position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#ef4444;font-size:.8rem}.solution-container .question-container .options .option{position:relative;padding-right:60px}.solution-container .question-container .options .option.skipped-correct{background:#fff7ed!important;border-left:5px solid #ea580c;color:#9a3412;font-weight:600;padding:12px 16px;border-radius:6px;position:relative;margin-bottom:10px}.solution-container .question-container .options .option.skipped-correct:before{content:"✔ Correct (not attempted)";position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#9a3412;font-size:.75rem}.solution-container .question-container .options .option.skipped-correct{background-color:#eef2ff}.solution-container .question-container .options .option.correct:hover,.solution-container .question-container .options .option.wrong:hover{background:#00000008}.analysis-container .option.correct:hover,.analysis-container .option.wrong:hover{filter:brightness(.98)}.payment-container{width:100%;height:100%}.payment-container .resource-grid-container{width:100%;display:grid;margin-top:20px;grid-template-columns:repeat(3,1fr);gap:1rem}.resource-grid-container .resource-card-none{width:100%;padding:10px;border:2px solid purple;background:linear-gradient(210deg,purple,#8a2be2);border-radius:4px;display:flex;align-items:center;justify-content:start}.resource-grid-container .resource-card-none h2{font-size:.9rem;color:#fff}.confirm-container{width:100%;height:100%;overflow-y:auto;background-color:#fff;color:#333;padding:20px;line-height:1.6}.confirm-container h1{background:linear-gradient(210deg,purple,#8a2be2);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:10px;margin-bottom:30px;font-size:1.8rem}.confirm-container h2{font-size:1.5rem;margin:30px 0;background:linear-gradient(210deg,#8a2be2,purple);color:transparent;-webkit-background-clip:text;background-clip:text}.confirm-container ul{padding-left:20px}.confirm-container .step{background-color:#fff;padding:15px 20px;margin-bottom:20px;border-left:5px solid blueviolet;border-radius:5px;box-shadow:0 2px 5px #0000000d}.confirm-container code{background-color:#e9ecef;padding:3px 6px;border-radius:4px;font-family:monospace}.confirm-container .email-template{background-color:#fff;border:1px solid #dee2e6;padding:15px;border-radius:5px;white-space:pre-line;margin-top:10px}.confirm-container .highlight{background-color:#f1f1f1;padding:10px;border-radius:5px;font-weight:700}.resource-grid-container .resource-card{width:100%;border-radius:4px;border:1px solid purple;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:.8rem;overflow:hidden;transition:all ease-in .2s;cursor:pointer}.resource-grid-container .resource-card:hover{transform:translateY(-5px)}.resource-grid-container .resource-card .title{width:100%;height:120px;background:linear-gradient(210deg,purple,#8a2be2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}.resource-card .title h2{color:#fff;font-size:1rem}.resource-card .title p{color:#f5f5f5;font-size:.75rem}.resource-card .footer{width:100%;height:120px;padding:20px 3%;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.8rem}.resource-card .footer .field{width:100%;display:flex;align-items:center;justify-content:space-between}.resource-card .footer .field p{font-size:.75rem;font-weight:400;color:#555}.resource-card .footer .field1{margin-top:15px;width:100%;display:flex;align-items:center;justify-content:center}.resource-card .footer .field1 button{padding:8px 16px;display:flex;align-items:center;justify-content:start;gap:.5rem;background:linear-gradient(210deg,#8a2be2,purple);border:none;border-radius:3px;cursor:pointer;color:#fff;font-size:.8rem;font-weight:510;transition:all ease .2s}.resource-card .footer .field1 button:active{scale:.7}.payment-container{max-width:1200px;padding:.5rem;background:#fff;border-radius:12px;font-family:Segoe UI,sans-serif}.payment-container .payment-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:2rem}.payment-container .payment-header h2{font-size:1.3rem;color:#333;font-weight:600}.payment-container .payment-header button{background:#07f;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:.3s ease}.payment-container .payment-header button:hover{background:#005ec4}.payment-container .payment-header button.active{background-color:#00bfa5}.payment-container .payment-taken{display:flex;flex-wrap:wrap;gap:2rem}.payment-container form{flex:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.payment-container .input-field{display:flex;flex-direction:column}.payment-container .input-field label{margin-bottom:6px;font-weight:600;color:#444}.payment-container .input-with-icon{position:relative}.payment-container .input-with-icon i{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#888}.payment-container .input-with-icon input,.payment-container .input-with-icon select{width:100%;padding:10px 10px 10px 36px;border-radius:8px;border:1px solid #ccc;background:#fff;font-size:.8rem}.payment-container .input-with-icon input:focus,.payment-container .input-with-icon select:focus{border-color:#00bfa5;outline:none}.payment-container .action-field{display:flex;gap:.5rem;grid-column:span 2}.payment-container .action-field button{flex:1;padding:.7rem;border:none;color:#fff;font-weight:600;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.payment-container .action-field button[type=submit]{background-color:#00bfa5}.payment-container .action-field button[type=submit]:hover{background-color:#009e88}.payment-container .action-field button[type=reset]{background-color:#e53935}.payment-container .action-field button[type=reset]:hover{background-color:#c62828}.payment-container .generator{flex:1;min-width:280px;background:#f8f9fa;border:1px dashed #ccc;border-radius:10px;padding:1.5rem;text-align:center}.payment-container .generator h2{font-size:1.5rem;font-weight:600;color:#222}.payment-container .generator h3{font-size:1.1rem;color:#666;margin-bottom:1rem}.payment-container .generator .info{font-size:.95rem;color:#777;margin-bottom:1rem}.payment-container .generator .qr-code{margin-top:1rem}.payment-container .generator .qr-code img,.payment-container .generator .qr-code canvas{max-width:150px;margin:auto;display:block}.payment-container .generator .qr-code p{font-size:.85rem;color:#999;margin-top:.5rem}@media (max-width: 768px){.payment-container .payment-taken{flex-direction:column}.payment-container form{grid-template-columns:1fr}.payment-container .action-field{grid-column:span 1}}.payment-container table{width:100%;margin:15px 0;border-collapse:collapse;border-radius:4px;overflow:hidden}.payment-container table thead{width:100%;background:linear-gradient(210deg,purple,#8a2be2)}.payment-container table tbody{width:100%}.payment-container table tbody tr{border-bottom:1px solid blueviolet}.payment-container table td{padding:5px;font-size:.75rem;text-align:center}.payment-container table td .waiting{padding:5px;background:#ff8c00!important;color:#000;font-weight:510;font-size:.75rem!important;border-radius:3px}.payment-container table td .approved{padding:5px;background:#006400;color:#fff;font-weight:510;font-size:.75rem!important;border-radius:3px}.payment-container table td .rejected{padding:5px;background:red;color:#fff;font-weight:510;font-size:.75rem!important;border-radius:3px}.payment-container table th{font-size:.8rem;font-weight:490;color:#fff;padding:8px}.payment-taken form .action-field{width:100%;display:flex;align-items:center;justify-content:start;gap:.8rem}.applied-campus-table{width:100%;padding:10px 2%;overflow-x:auto;font-family:Segoe UI,sans-serif}.applied-campus-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 16px #0000000d;min-width:600px}.applied-campus-table thead{background:linear-gradient(to right,#4b49ac,#6f6bc5);color:#fff}.applied-campus-table th,.applied-campus-table td{padding:12px 16px;text-align:center;font-size:.95rem}.applied-campus-table th{font-weight:600}.applied-campus-table tbody tr{border-bottom:1px solid #eee;transition:all .3s ease}.applied-campus-table tbody tr:hover{background:#f2f4ff}.applied-campus-table tbody td{color:#333}.applied-campus-table td:first-child{font-weight:600;color:#4b49ac}@media screen and (max-width: 768px){.applied-campus-table{padding:20px 3%}.applied-campus-table table{font-size:.85rem}.applied-campus-table th,.applied-campus-table td{padding:10px 12px}}.campus-container{width:100%;padding:20px 0%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;font-family:Segoe UI,sans-serif}.campus-container .no-campus-msg{grid-column:1 / -1;text-align:center;font-size:1rem;color:#888;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 16px #0000000d}.campus-container .campus-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 6px 16px #0000000d;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;border-left:5px solid #4b49ac}.campus-container .campus-card:hover{transform:translateY(-5px);box-shadow:0 8px 28px #0000001a}.campus-container .campus-card .field{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:.75rem;color:#333}.campus-container .campus-card .field p{font-size:.92em}.campus-container .campus-card .field i{font-size:1.1rem;color:#4b49ac}.campus-container .campus-card .actions{margin-top:15px}.campus-container .campus-card .actions button{width:100%;padding:10px;background:linear-gradient(120deg,#4b49ac,#6f6bc5);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.campus-container .campus-card .actions button:hover{background:linear-gradient(120deg,#37359d,#5c58c5)}@media screen and (max-width: 600px){.campus-container{padding:20px 3%;grid-template-columns:1fr}}.custom-quill .ql-editor{padding:20px;font-size:16px;line-height:1.6;color:#2c3e50}.custom-quill .ql-editor ul{list-style-type:disc;padding-left:20px}.custom-quill .ql-editor ol{list-style-type:decimal;padding-left:20px}.custom-quill .ql-editor li{margin-bottom:8px;color:#444}.custom-quill .ql-editor strong{color:#d35400}.custom-quill .ql-editor em{font-style:italic;color:#2980b9}.custom-quill .ql-editor u{text-decoration:underline dashed #27ae60}.custom-quill .ql-editor span{font-family:Ancizar Sans}.custom-quill .ql-editor blockquote{border-left:4px solid #3498db;margin:10px 0;padding-left:16px;color:#555;font-style:italic}.custom-quill .ql-editor pre{background:#f4f4f4;padding:12px;border-radius:6px;font-family:Ancizar Sans;overflow-x:auto}.custom-quill .ql-editor a{color:#e67e22;text-decoration:underline}.custom-quill .ql-editor ul,.custom-quill .ql-editor ol{list-style-position:outside;padding-left:1em}.custom-quill .ql-editor li::marker{margin-right:10px}.custom-quill .ql-editor li{padding-left:10px}table{width:100%;overflow:hidden;border-radius:5px;border-collapse:collapse}.content table thead{background:linear-gradient(to right bottom,purple,#8a2be2)}.content table th{padding:10px;font-size:15px;font-weight:510;color:#fff}.content table td{padding:6px;font-size:13px;text-align:center}.content table tbody tr{border-bottom:1px solid purple}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background-color:#fff;padding:30px 25px;border-radius:15px;max-width:420px;text-align:center;box-shadow:0 10px 30px #0000004d;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-box h2{color:#e53935;margin-bottom:10px;font-size:24px}.modal-box p{color:#444;font-size:15px;margin-bottom:12px;line-height:1.6}.highlight{color:#2e7d32;font-weight:700}.modal-box .btn-pay{background-color:#2e7d32!important;color:#fff;border:none;padding:12px 22px;font-size:15px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;margin-top:15px;transition:all .3s ease}.btn-pay:hover{background-color:#1b5e20}.custom-toast{background-color:#ffe6e6;color:#a94442;border:1px solid #f5c6cb;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-size:14px;max-width:400px;margin:auto;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:.5;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.video-player-container{width:70%;margin:40px auto;background-color:#1f1f2e;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0003;position:relative;font-family:Inter,sans-serif}.video-player-container .video-wrapper{position:relative;padding-bottom:56.25%;height:0;background-color:#000}.video-player-container .video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.video-player-container .user-info-overlay{position:absolute;z-index:10;background-color:#0009;color:#fff;padding:5px 10px;border-radius:5px;font-size:.75em;pointer-events:none;transition:all 1s ease-in-out}.video-player-container .user-info-overlay p{display:flex;flex-direction:column;gap:2px}.video-player-container .user-info-overlay span{line-height:1.4}.video-player-container .controls{position:absolute;bottom:0;width:100%;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);opacity:.95;transition:all .3s ease-in-out}.video-player-container .control-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;transition:transform .2s ease}.video-player-container .control-button:hover{transform:scale(1.15)}.video-player-container .time-display{font-size:14px;color:#ccc;min-width:110px;text-align:center}.video-player-container .progress-bar{flex-grow:1;height:6px;cursor:pointer;background:#666;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-player-container .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 2px #00000080}.video-player-container .volume-slider{width:80px;height:6px;cursor:pointer;background:#ffffff4d;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-player-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.video-player-container .loading-bar{width:100%;padding:20px 5%;display:flex;align-items:center;justify-content:flex-start}.video-player-container .loading-bar .loading{width:100%;background:#fefffe;padding:20px;border-radius:4px;border:1px solid #d8dae0;font-weight:500;font-size:.85rem}@keyframes checking{0%{top:10px;left:10px}20%{top:10px;left:50%}40%{top:50%;left:10px}60%{top:60%;right:10px}80%{bottom:10px;left:50%}to{top:10px;left:10px}}@media screen AND (max-width:450px){.login-container{width:100%;height:100lvh;background:linear-gradient(150deg,#f88b86,#b4c2ed,#ffa6a5);display:grid;place-content:center;position:relative;overflow:hidden}.login-container .login-box{width:100%;padding:.5em;background:#fff;border-radius:5px;box-shadow:0 4px 6px #0003;display:flex;align-items:center;justify-content:center;gap:0;overflow:hidden}.login-container .login-box .background{display:none}.login-container .login-box form{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:.8rem}.login-container .login-box form h2{font-size:1rem}.login-box form button{width:100%;background:linear-gradient(210deg,#03053e);border:none;outline:none;display:flex;align-items:center;justify-content:center;transition:all ease-in .25s;font-size:.8em}.login-box form button:active{scale:.8}.login-container .login-box .block-container{width:100%}.login-container .login-box .block-container label{font-size:.7em}.login-container .login-box .block-container .input-field .input-with-icon{padding:.3em}.block-container .input-field .input-with-icon i{font-size:1em}.login-container .login-box .action-link{width:100%;display:flex;align-items:center;justify-content:end}.login-container .login-box .action-link a{text-decoration:none;color:#012245;font-size:.9rem;font-weight:480;text-decoration:underline}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.exam-list-wrapper{padding:0 3%;font-family:Segoe UI,sans-serif}.exam-list-wrapper{font-family:Segoe UI,sans-serif}.exam-list-wrapper .exam-card{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards;animation-delay:calc(.1s * var(--index))}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.exam-list-wrapper .exam-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.exam-list-wrapper .exam-title{display:flex;align-items:center;font-size:24px;font-weight:700;gap:10px;color:#3f37c9}.exam-list-wrapper .exam-tab-toggle{display:flex;gap:12px;margin-bottom:24px}.exam-list-wrapper .exam-tab-toggle button{background:#e0e7ff;color:#3f37c9;border:none;padding:10px 22px;border-radius:30px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;transition:.3s}.exam-list-wrapper .exam-tab-toggle button.active{background:#3f37c9;color:#fff}.exam-list-wrapper .exam-tab-toggle button svg{vertical-align:middle;font-size:14px}.exam-list-wrapper .exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.exam-list-wrapper .exam-card{background-color:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 16px #0000000a;transition:transform .25s ease;cursor:pointer;position:relative}.exam-list-wrapper .exam-card:hover{transform:scale(1.02)}.exam-list-wrapper .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exam-list-wrapper .card-header h3{font-size:16px;font-weight:600;margin:0;color:#2b2b2b}.exam-list-wrapper .exam-badge{font-size:9px;padding:4px 10px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.exam-list-wrapper .exam-badge.live{background-color:#ffbe0b;color:#000}.exam-list-wrapper .exam-badge.upcoming{background-color:#4895ef;color:#fff}.exam-list-wrapper .exam-badge.attempted{background-color:#43aa8b;color:#fff}.exam-list-wrapper .exam-badge.not-attended{background-color:#dc3545;color:#fff}.exam-list-wrapper .card-body{display:flex;flex-direction:column;gap:8px}.exam-list-wrapper .info-item{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:450;color:#444}.exam-list-wrapper .info-item svg{font-size:18px;color:#3f37c9}.exam-list-wrapper .action-button{margin-top:16px;width:100%;padding:10px;border:none;border-radius:8px;font-weight:600;color:#fff;font-size:14px;transition:all .3s ease;cursor:pointer}.exam-list-wrapper .action-button.upcoming{background-color:#ffbe0b;color:#000}.exam-list-wrapper .action-button.attempted{background-color:#43aa8b;color:#fff}.exam-list-wrapper .action-button.missed{background-color:#dc3545;color:#fff}.exam-list-wrapper .action-button:hover{background:linear-gradient(to right,#4895ef,#4361ee)}.exam-list-wrapper .action-button:disabled,.exam-list-wrapper .action-button.missed{background-color:#e0e0e0!important;color:#999;cursor:not-allowed;pointer-events:none;border:1px solid #ccc;font-weight:500}.exam-list-wrapper .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #ccc;background-color:#fff;border-radius:12px;padding:40px 24px;max-width:400px;margin:40px auto;box-shadow:0 4px 14px #00000008;text-align:center}.exam-list-wrapper .empty-state .empty-icon{font-size:42px;color:#a0a0a0;margin-bottom:16px}.exam-list-wrapper .empty-state h4{font-size:18px;font-weight:600;color:#444;margin-bottom:8px}.exam-list-wrapper .empty-state p{font-size:12px;color:#666;margin:0;font-weight:510}.exam-list-wrapper .no-exams{background-color:#fff;border:1px dashed #ccc;border-radius:12px;padding:30px 20px;text-align:center;font-size:16px;font-weight:500;color:#777;margin-top:20px;box-shadow:0 4px 12px #00000008}@media (max-width: 768px){.exam-list-wrapper .exam-grid{grid-template-columns:1fr}}.speed-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#21212180;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .4s ease-in-out}.speed-popup{background:#fff;padding:30px 25px;border-radius:10px;width:90%;max-width:400px;box-shadow:0 10px 30px #0003;text-align:center;animation:popupScale .3s ease-in-out;font-family:Segoe UI,sans-serif}.speed-popup h2{margin-top:10px;color:#b91c1c;font-size:1.4rem}.speed-popup p{font-size:.95rem;color:#333;margin:10px 0}.speed-popup button{margin-top:15px;padding:10px 18px;background:linear-gradient(to right,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .3s}.speed-popup button:hover{background:linear-gradient(to right,#dc2626,#b91c1c)}.popup-icon{font-size:2.5rem;color:#ef4444;animation:pulse 1.5s infinite}@keyframes popupScale{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.speed-info{margin:8px 0;font-size:.9rem;color:#1d4ed8;font-weight:500}.custom-quill-viewer{background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem}.custom-quill-viewer .ql-code-block-container{background-color:#f4f4f4!important;color:#2d2d2d;font-family:Courier New,Courier,monospace;font-size:.95rem;border-radius:6px;overflow-x:auto;border:none!important;margin:5px 0;border:1px solid #eee}.ql-code-block-container .ql-code-block{color:#000;font-size:.9rem;padding:2px 0;font-family:Courier New,Courier,monospace}.ql-container.ql-snow{border:none!important}.custom-quill-viewer p{font-size:.98em;line-height:30px}.dashboard-container{width:100%;padding:10px 3%;background:#f4f6fb;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column}.dashboard-container .container{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1.5rem;flex-grow:1}.container .annoucements,.container .stats,.container .quick-links{background:#fff;border:1px solid #e0e8f0;border-radius:12px;padding:18px;box-shadow:0 6px 20px #0000000f;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.container .annoucements::-webkit-scrollbar,.container .stats::-webkit-scrollbar,.container .quick-links::-webkit-scrollbar{width:6px}.container .annoucements::-webkit-scrollbar-thumb,.container .stats::-webkit-scrollbar-thumb,.container .quick-links::-webkit-scrollbar-thumb{background:#bbb;border-radius:6px}.container .annoucement-title{display:flex;align-items:center;gap:.8rem;margin-bottom:14px}.container .annoucement-title i{font-size:1.6rem;animation:pulseColor 2s infinite linear}@keyframes pulseColor{0%,to{color:#6a0dad}50%{color:#a94dcf}}.container .annoucement-title h2{font-size:1.05rem;font-weight:600;color:#5b21b6}.container .card-container{display:flex;flex-direction:column;gap:1rem;margin-top:16px}.card-container .card{background:#fff;border-left:4px solid #7c3aed;padding:12px 14px;border-radius:8px;box-shadow:0 2px 8px #0000000a}.card-container .card h1{font-size:.95rem;font-weight:600;color:#4c1d95}.card-container .card h2{font-size:.78rem;color:#666;margin-top:4px}.card-container .card p{font-size:.75rem;color:#6d28d9;margin:3px 0}.announcement-source{display:block;margin-top:10px;font-size:13px;font-style:italic;color:#6c63ff;text-align:right;opacity:.75}.container .card-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:16px}.card-grid-container .card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:18px 12px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px #0000000a}.card-grid-container .card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.card-grid-container .card h1{font-size:1rem;font-weight:600;background:linear-gradient(210deg,#8a2be2,purple);color:transparent;background-clip:text;-webkit-background-clip:text}.card-grid-container .card h2{font-size:.8rem;color:#666;margin-top:6px}.container table{width:100%;border-collapse:collapse;margin-top:16px;border-radius:6px;overflow:hidden}.container table thead{background:linear-gradient(to right,#7c3aed,#5b21b6);color:#fff}.container table th,.container table td{padding:10px 8px;font-size:.75rem;text-align:center}.container table td{border-bottom:1px solid #e2e8f0;color:#333}.container table tbody tr:nth-child(2n){background:#f9f9f9}.container table td .passed,.container table td .failed{display:inline-flex;align-items:center;justify-content:center;width:60px;height:25px;font-size:.75rem;font-weight:600;border-radius:4px;color:#fff}.container table td .passed{background:linear-gradient(to right,#16a34a,#065f46)}.container table td .failed{background:linear-gradient(to right,#ef4444,#b91c1c)}.container .quick-links ul.quick-links-list{list-style:none;margin-top:10px;padding:0;display:flex;flex-direction:column;gap:6px}.container .quick-links ul.quick-links-list li a,.container .quick-links ul.quick-links-list li .element{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:400;color:#4c1d95;text-decoration:none;background:transparent;transition:all .2s ease;cursor:pointer}.container .quick-links ul.quick-links-list li a i,.container .quick-links ul.quick-links-list li .element i{font-size:1rem;color:#6b21a8;transition:color .2s ease}.container .quick-links ul.quick-links-list li a:hover,.container .quick-links ul.quick-links-list li .element:hover{background:#8b5cf61a;transform:translate(6px);color:#2e1065;font-weight:500}.container .quick-links ul.quick-links-list li a:hover i{color:#2e1065}.card-container .card button{margin-top:6px;padding:8px 14px;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(to right,#7b2cbf,#9d4edd);border:none;border-radius:6px;cursor:pointer;transition:transform .2s ease}.card-container .card button:hover{transform:scale(1.05)}.card-container .card button:active{transform:scale(.95)}.birthday-container{position:fixed;top:0;left:0;width:100%;height:100vh;padding:20px 0;background:linear-gradient(to top right,#ffe0e9,#fff4d2);font-family:Segoe UI,sans-serif;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9999}.message-card{background:#fffefc;padding:30px 40px;border-radius:16px;text-align:center;box-shadow:0 10px 30px #00000026;position:relative;z-index:2;animation:zoomIn 1s ease-out;max-width:90%}.message-card .title{width:100%;text-align:center!important;font-size:2rem;text-align:center;color:#d6336c;animation:popText 1s ease-in-out infinite alternate}.message-card .student-name{font-size:1rem;margin-top:10px;font-weight:700;color:#343a40}.message-card .wish-text{margin-top:10px;font-size:1.1rem;color:#495057}.message-card .cake{font-size:4rem;margin-top:20px;animation:bounce 1s infinite}.from-signature{margin-top:25px;font-size:1.1rem;font-weight:500;color:#4a148c;line-height:1.6}.from-signature span{font-size:.95rem;color:#6c757d}.balloons{position:absolute;top:-100px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:1}.balloon{width:30px;height:40px;border-radius:50%;position:relative;animation:floatUp 6s ease-in-out infinite;opacity:.8}.balloon:after{content:"";position:absolute;top:40px;left:50%;width:2px;height:30px;background:#555;transform:translate(-50%)}.balloon.red{background:#ff6b6b;animation-delay:0s}.balloon.blue{background:#339af0;animation-delay:1s}.balloon.green{background:#51cf66;animation-delay:2s}.balloon.yellow{background:#fcc419;animation-delay:3s}.confetti:before,.confetti:after{content:"🎊🎉🎈🎊🎉🎈🎊🎉🎈";position:absolute;font-size:2rem;animation:fall 10s linear infinite;left:0;right:0;text-align:center;opacity:.3;z-index:0}.confetti:after{animation-delay:5s}.birthday-footer{position:absolute;bottom:10px;text-align:center;font-size:.95rem;color:#5f6368;font-weight:500;padding:10px 20px;background-color:#fffc;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatUp{0%{transform:translateY(100vh)}to{transform:translateY(-150px)}}@keyframes fall{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popText{0%{transform:scale(1)}to{transform:scale(1.05);color:#fa5252}}.payment-popup-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;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.payment-popup{background:#fff;border-radius:16px;width:90%;max-width:400px;padding:30px;position:relative;box-shadow:0 10px 25px #0000001a;animation:popIn .3s ease-out}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#888;transition:color .2s}.close-btn:hover{color:#333}.payment-content{display:flex;flex-direction:column;align-items:center;text-align:center}.payment-icon{width:60px;height:60px;margin-bottom:20px}.payment-icon svg{width:100%;height:100%;fill:none;stroke:#4f46e5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.payment-content h3{font-size:22px;margin:0 0 10px;color:#1a202c}.payment-content p{color:#64748b;margin:0 0 25px;font-size:16px;font-family:Segoe UI,sans-serif}.pay-now-btn{background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:15px 30px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.pay-now-btn:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 5px 15px #4f46e54d}.pay-now-btn:active{transform:translateY(0)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cm-editor,.cm-content{font-family:Fira Code!important;font-size:10px!important}.cm-activeLine .cm-line span{font-family:Fira Code!important}.cm-editor,.cm-content,.cm-scroller,.cm-line{font-family:Source Code Pro,monospace!important;font-size:14px!important}.compiler-container{width:100%;height:100%;padding:0 5%;transition:all ease-in .2s;background:#f5f5fe}.compiler-container .compiler-header{width:100%;display:flex;align-items:center;justify-content:space-between}.compiler-container .compiler-header .file-tab{display:flex;align-items:center;justify-content:start;gap:.5em;padding:8px 10px;border-top-left-radius:10px;border-top-right-radius:10px;height:40px}.compiler-container .compiler-header .file-tab.dark{background:#282d35;color:#fff}.compiler-container .compiler-header .file-tab.light{background:#dcdcdc;color:#000}.compiler-container .compiler-header .file-tab i{font-size:1.2em;cursor:pointer}.compiler-container .compiler-header .file-tab p{font-weight:520;font-size:.8em}.compiler-container .compiler-header .compiler-actions{display:flex;align-items:center;justify-content:start;gap:.8em}.compiler-container .compiler-header .compiler-actions .fullscreen.light{background:#dcdcdc;width:40px;height:40px;border-radius:5px;cursor:pointer;display:grid;place-content:center;transition:all ease-in .2s}.compiler-header .compiler-actions .fullscreen.light i{font-size:1.3em;color:#000}.compiler-header .compiler-actions .fullscreen.light:hover{scale:1.05}.compiler-container .compiler-header .compiler-actions .fullscreen.dark{background:#282d35;width:40px;height:40px;border-radius:5px;cursor:pointer;display:grid;place-content:center;transition:all ease-in .2s}.compiler-header .compiler-actions .fullscreen.dark i{font-size:1.3em;color:#fff}.compiler-header .compiler-actions .fullscreen.dark:hover{scale:1.05}.compiler-header .compiler-actions .select-element{width:120px;height:40px;border-radius:4px;padding:5px 10px;position:relative}.compiler-header .compiler-actions .select-element.dark{background:#282d35;color:#fff}.compiler-header .compiler-actions .select-element.light{background:#dcdcdc;color:#000}.compiler-header .compiler-actions .select-element.light select{color:#000!important}.compiler-header .compiler-actions .select-element.light select option{background:#fff}.compiler-header .compiler-actions .select-element.dark select option{background:#282d35}.compiler-header .compiler-actions .select-element.dark select{color:#fff}.compiler-header .compiler-actions select{width:100%;height:100%;text-align:center;border-radius:4px;background:transparent;font-weight:510;font-size:.8em;border:none;outline:none;cursor:pointer}.compiler-header .compiler-actions button{width:120px;height:40px;text-align:center;background:#282d35;border-radius:4px;color:#fff;font-weight:510;font-size:.8em;border:none;cursor:pointer}.compiler-header .compiler-actions button .tag{width:100%;height:100%;background:transparent;display:grid;place-content:center}.compiler-header .compiler-actions button .tag i{animation:rotateAnim linear infinite 1s}@keyframes rotateAnim{to{background:linear-gradient(120deg,green,#006400);color:transparent;-webkit-background-clip:text;background-clip:text;rotate:360deg}}.compiler-header .compiler-actions button.dark{background:#282d35;color:#fff}.compiler-header .compiler-actions button i{font-size:2em}.compiler-header .compiler-actions button.light{background:#dcdcdc;color:#000}.compiler-container .main-compiler{width:100%;height:calc(100% - 70px);display:flex;overflow:hidden}.compiler-container.set-fullScreen{position:absolute;top:70px;left:0;width:100%;height:100vh;padding:10px 5%;background:#f5f5fe}.main-compiler .editor{flex:2;min-width:200px;overflow:auto}.main-compiler .user-actions{flex:1;min-width:200px;overflow:auto}.main-compiler .resizer{width:5px;cursor:col-resize;position:relative;z-index:1}.compiler-container .main-compiler .editor .cm-editor{font-family:Fira Code,Source Code Pro,monospace;height:77vh;border-radius:6px;transition:all ease-in .2s;font-size:.8em}.main-compiler .user-actions{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:0px}.user-actions .user-input{width:100%;padding:2px 0}.user-actions .user-input textarea{width:100%;resize:none;padding:20px;height:100px;border-radius:7px;outline:none;border:none;font-weight:550;transition:all ease-in .2s}@keyframes loadingBars{to{rotate:360deg}}.user-actions .user-input textarea.light{background:#dcdcdc;color:#000}.user-actions .user-input textarea.dark{background:#282d35;color:#f5f5f5}.user-actions .user-input textarea.dark::placeholder{color:#f5f5f5;font-weight:510}.user-actions .user-input textarea.light::placeholder{color:#282d35;font-weight:510}.user-actions .output-window{width:100%;padding:20px;background:#282d35;border-radius:7px;transition:all ease-in .2s;position:relative;overflow:hidden}.user-actions .output-window .extra{display:flex;align-items:center;justify-content:space-between}.user-actions .output-window .loader.light{position:absolute;top:0;left:0;width:10%;height:4px;background:#00000080;animation:loadingAnim linear infinite forwards 1s}.user-actions .output-window .loader.dark{position:absolute;top:0;left:0;width:10%;height:4px;background:#ffffff80;animation:loadingAnim linear infinite forwards 1s}@keyframes loadingAnim{0%{width:10%;transform:translate(0)}to{width:100%;transform:translate(200px)}}.user-actions .output-window.dark{background:#282d35}.user-actions .output-window.light{background:#dcdcdc;border:1px olid #282D35}.user-actions .output-window.dark h2{color:#f5f5f5;font-size:.8em;font-weight:510}.user-actions .output-window.light h2{color:#282d35;font-size:.8em;font-weight:510}.user-actions .output-window.dark .content{padding:10px 0;font-size:.8em;color:#f5f5f5;font-weight:450}.user-actions .output-window.light .content{padding:10px 0;font-size:.8em;color:#282d35;font-weight:450}.terms-container{max-width:960px;margin:60px auto;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;font-family:Inter,sans-serif}.terms-content h1{font-size:2.5rem;color:#0a2540;margin-bottom:20px;font-weight:700}.terms-content p{font-size:1.1rem;margin-bottom:16px;color:#444}.terms-section{margin-bottom:32px}.terms-section h2{font-size:1.3rem;margin-bottom:10px;color:#0a2540;font-weight:600}.terms-section ul{list-style-type:disc;padding-left:20px}.terms-section ul li{font-size:1.05rem;margin-bottom:10px;color:#333}a{color:#07c;text-decoration:none}a:hover{text-decoration:underline}@media screen and (max-width: 768px){.terms-container{margin:30px 15px;padding:18px}.terms-content h1{font-size:2rem}.terms-section h2{font-size:1.2rem}}.refund-policy-container{max-width:960px;margin:60px auto;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;font-family:Inter,sans-serif}.refund-policy-content h1{font-size:2.5rem;color:#0a2540;margin-bottom:20px;font-weight:700}.refund-policy-content p{font-size:1.1rem;margin-bottom:16px;color:#444}.policy-section{margin-bottom:32px}.policy-section h2{font-size:1.3rem;margin-bottom:10px;color:#0a2540;font-weight:600}.policy-section ul{padding-left:20px;list-style-type:disc}.policy-section ul li{font-size:1.05rem;margin-bottom:10px;color:#333}@media screen and (max-width: 768px){.refund-policy-container{margin:30px 15px;padding:18px}.refund-policy-content h1{font-size:2rem}.policy-section h2{font-size:1.2rem}}.student-ranking-header{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;height:60px;padding:0 3%;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 2px 5px #0000000d;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:999;background:#fff}.student-ranking-header h2{color:#2e1065}.student-ranking-header button{padding:8px 12px;display:flex;align-items:center;justify-content:start;gap:10px;background:transparent;border:2px solid #2e1065;color:#2e1065;outline:none;border-radius:5px;font-size:.8rem;font-weight:500;transition:all ease-in .2s;cursor:pointer}.student-ranking-header i{font-size:1.3em;color:#2e1065}.student-ranking-header button:hover{box-shadow:inset 120px 0 #2e1065;color:#fff}.student-ranking-header button:hover i{color:#fff}.student-ranking-header button{letter-spacing:.5px;box-shadow:0 0 0 transparent}.student-ranking-header button:focus{box-shadow:0 0 0 3px #2e106533}.clickable-header{cursor:pointer;color:#007bff;-webkit-user-select:none;user-select:none}.clickable-header:hover{text-decoration:underline}.motivation-message{font-size:.85rem;color:#444;display:block;margin-top:5px;font-style:italic}@keyframes fadeInPolite{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fadeIn-polite{animation:fadeInPolite 1s ease-out;background-color:#e0f7fa;color:#00796b}@keyframes shakeAngry{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.shake-angry{animation:shakeAngry .8s ease-in-out;background-color:#ffebee;color:#c62828}.celebration-banner{position:fixed;top:10%;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:8px;font-size:1.2rem;box-shadow:0 4px 8px #0003;z-index:9999;min-width:300px;text-align:center}.close-btn{background:none;border:none;font-size:1.5rem;color:inherit;cursor:pointer;margin-left:12px}.rank-table-wrapper{width:80%;margin:0 auto;border-radius:5px}.rank-table-wrapper .scroll-table{width:100%;border:1px solid #ddd}.rank-table-wrapper table{width:100%;border-collapse:collapse}.rank-table-wrapper table thead{width:100%;background:#555}.rank-table-wrapper table thead th{padding:10px;font-size:.8em;color:#fff;font-weight:500;position:sticky;top:0;z-index:2;background:#222}.rank-table-wrapper .scroll-table table tbody{width:100%;border:1px solid #ddd;scrollbar-width:thin;scrollbar-color:#ccc transparent}.rank-table-wrapper table tbody tr{border-bottom:1px solid rgba(0,0,0,.2)}.rank-table-wrapper table tbody td{padding:8px;font-size:.75em;text-align:center}.rank-table-wrapper table tbody .attendance{display:flex;align-items:center;justify-content:center;gap:6px}.rank-table-wrapper table thead tr{border-bottom:1px solid rgba(0,0,0,.2)}table tbody tr{background:#fff}table tbody .attendance h2{font-size:1.01em;font-weight:550;color:#333}table tbody .attendance p{font-size:.8em;color:#2e1065;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;letter-spacing:1px}table tbody .gold p{background:linear-gradient(225deg,#e8cf46,#ae9713);color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:550;font-size:.98em;text-transform:uppercase;letter-spacing:2px}table tbody .silver p{background:linear-gradient(225deg,#5c5959,#545);color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-weight:550;font-size:.98em;letter-spacing:2px}table tbody .bronze p{background:linear-gradient(225deg,#cd7f32,#e4994e);color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-weight:550;font-size:.98em;letter-spacing:2px}table tbody .normal p{background:linear-gradient(225deg,#777,#999);color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-weight:550;font-size:.98em;letter-spacing:2px}table tbody tr{cursor:pointer;transition:all ease-in .2s}table tbody tr:hover{background:#f4f4fe7d}table tbody .rank-no{display:grid;place-content:center}table tbody .rank-no p{color:#eee;font-weight:520;font-size:.85em!important;width:25px;height:25px;display:grid;place-content:center;border-radius:10%;background:#999}table tbody .rank-no.gold p{background:linear-gradient(135deg,gold,#ffef8b);color:#222}table tbody .rank-no.silver p{background:linear-gradient(135deg,#454,#6e6e6e);color:#fff}table tbody .rank-no.bronze p{background:linear-gradient(135deg,#e6b17c,#cd7f32);color:#fff}.scroll-table thead tr{position:sticky;top:0;z-index:2}.highlight-row{background-color:#2e10651b!important;transition:all .3s ease-in-out}.celebration-banner{position:fixed;top:20%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffef8b,#ffcd38);color:#2e1065;padding:20px 30px;border-radius:16px;font-size:1.1rem;font-weight:700;box-shadow:0 10px 25px #ffcd384d,0 5px 10px #ffcd3833;z-index:9999;animation:fadeInScale .6s cubic-bezier(.175,.885,.32,1.275),pulse 2s infinite .6s;text-align:center;max-width:85%;border:none;text-transform:uppercase;letter-spacing:1px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px}.celebration-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#ffffff4d,#fff0 60%);transform:rotate(30deg);animation:shine 3s infinite}.celebration-banner .close-btn{background:transparent;border:none;color:#2e1065;font-size:1.2rem;cursor:pointer;padding:0 0 0 10px;margin:0;transition:transform .2s ease}.celebration-banner .close-btn:hover{transform:scale(1.2)}.celebration-banner.closing{animation:fadeOutScale .4s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%) scale(.8) rotate(-5deg)}80%{transform:translate(-50%) scale(1.05) rotate(1deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}@keyframes fadeOutScale{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.8);visibility:hidden}}@keyframes pulse{0%{transform:translate(-50%) scale(1);box-shadow:0 10px 25px #ffcd384d,0 5px 10px #ffcd3833}50%{transform:translate(-50%) scale(1.03);box-shadow:0 15px 30px #ffcd3866,0 8px 15px #ffcd384d}to{transform:translate(-50%) scale(1);box-shadow:0 10px 25px #ffcd384d,0 5px 10px #ffcd3833}}@keyframes shine{0%{transform:rotate(30deg) translate(-30%,-30%)}to{transform:rotate(30deg) translate(30%,30%)}}.status-message{text-align:center;padding:50px 20px;font-size:1rem;color:#2e1065;font-weight:500}.status-message.error{color:#b91c1c}.you-are-here-label{font-size:.7rem;color:#2e1065;background:#fff4c2;border:1px solid #ffd700;border-radius:4px;padding:2px 6px;display:inline-block;margin-top:4px;margin-left:6px;font-weight:500;animation:pulseGlow 1.5s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 #ffd70066}70%{box-shadow:0 0 0 8px #ffd70000}to{box-shadow:0 0 #ffd70000}}