@keyframes shake-32665ca0{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake[data-v-32665ca0]{animation:shake-32665ca0 .4s}[data-v-32665ca0]:root{--primary-bg: #f0f2f5;--card-bg: #FFFFFF;--dark-text: #0D0D0D;--light-text: #6c757d;--accent-red: #E63946;--accent-blue: #2A9D8F;--border-color: #dee2e6}body[data-v-32665ca0]{background-color:var(--primary-bg);font-family:Inter,sans-serif;color:var(--dark-text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;zoom:80%}.main-container[data-v-32665ca0]{width:100%;max-width:1200px}.welcome-section[data-v-32665ca0]{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;height:100%;padding-right:1.5rem}.auth-header[data-v-32665ca0]{text-align:left;width:100%;margin-bottom:2rem}.auth-header-main[data-v-32665ca0]{text-align:right!important;width:100%;margin-bottom:2rem}.auth-card[data-v-32665ca0]{background-color:var(--card-bg);border-radius:1.5rem;border:none;box-shadow:0 10px 40px #0000000d;overflow:hidden;width:100%}.auth-card .card-body[data-v-32665ca0]{padding:2.5rem}.auth-header .logo[data-v-32665ca0]{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--accent-red),#f4a261);color:#fff;font-size:1.5rem;font-weight:800;border-radius:1rem;margin-bottom:1rem}.auth-header h2[data-v-32665ca0]{font-weight:500;color:var(--dark-text);margin-bottom:.5rem}.auth-header p[data-v-32665ca0]{color:var(--light-text);margin-bottom:0}.nav-tabs[data-v-32665ca0]{border-bottom:1px solid var(--border-color);justify-content:center;gap:1rem}.nav-tabs .nav-link[data-v-32665ca0]{border:none;border-bottom:3px solid transparent;color:var(--light-text);font-weight:600;padding:.75rem 0;margin-bottom:-2px;transition:color .2s ease,border-color .2s ease}.nav-tabs .nav-link.active[data-v-32665ca0],.nav-tabs .nav-item.show .nav-link[data-v-32665ca0]{color:var(--accent-red);background-color:transparent;border-color:var(--accent-red)}.form-control[data-v-32665ca0]{border-radius:0 .75rem .75rem 0!important;padding:.9rem 1rem!important;background-color:var(--primary-bg);border:0px solid #f0f2f5;transition:border-color .2s ease,box-shadow .2s ease;border-left:0}.form-control[data-v-32665ca0]:focus{background-color:#f0f2f5;border-color:none;box-shadow:0 0 0 3px #e6394626}.input-group-text[data-v-32665ca0]{border-radius:.75rem 0 0 .75rem!important;background-color:var(--primary-bg);border:0px solid #e9ecef;color:var(--light-text)}.password-toggle[data-v-32665ca0]{cursor:pointer;border-left:0!important}.form-label[data-v-32665ca0]{font-weight:600;margin-bottom:.5rem}.btn-primary[data-v-32665ca0],.btn-outline-primary[data-v-32665ca0]{border-radius:1.2rem;font-weight:600;padding:.9rem 1rem;transition:all .3s ease}.btn-primary[data-v-32665ca0]{background-color:#000;border-color:black !important);box-shadow:0 4px 15px #e6394633}.btn-primary[data-v-32665ca0]:hover{background-color:#fff;border-color:#000;color:#000;transform:translateY(-3px);box-shadow:0 6px 20px #e639464d}.btn-outline-primary[data-v-32665ca0]{border-color:#000;color:#000}.btn-outline-primary[data-v-32665ca0]:hover{background-color:#000;color:#fff}.link-primary[data-v-32665ca0]{color:var(--accent-red);text-decoration:none}.link-primary[data-v-32665ca0]:hover{color:#c42d39}.forgot-password-link[data-v-32665ca0]{font-size:.9rem;color:var(--light-text);text-decoration:none;transition:color .2s ease;cursor:pointer}.forgot-password-link[data-v-32665ca0]:hover{color:var(--accent-red)}.divider-or[data-v-32665ca0]{text-align:center;margin:1.5rem 0;position:relative}.divider-or span[data-v-32665ca0]{background-color:var(--card-bg);padding:0 10px;position:relative;z-index:1;color:var(--light-text);font-weight:500;font-size:.9rem}.divider-or[data-v-32665ca0]:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:var(--border-color);z-index:0}.btn-social[data-v-32665ca0]{color:var(--dark-text);background-color:var(--card-bg);border-color:var(--border-color);border-radius:2rem;font-weight:600;padding:.9rem 1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 15px #0000000d}.btn-social[data-v-32665ca0]:hover{background-color:var(--primary-bg);border-color:#ced4da;transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.btn-social i[data-v-32665ca0]{font-size:1.2rem}.btn-social .fa-google[data-v-32665ca0]{color:#db4437}.btn-social .fa-facebook[data-v-32665ca0]{color:#4267b2}.fade-in[data-v-32665ca0]{animation:fadeIn-32665ca0 .4s ease-in-out forwards}@keyframes fadeIn-32665ca0{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.success-animation-view[data-v-32665ca0]{text-align:center}.success-icon[data-v-32665ca0]{font-size:4rem;color:var(--accent-red);animation:popIn-32665ca0 .5s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes popIn-32665ca0{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.otp-inputs[data-v-32665ca0]{display:flex;justify-content:center;gap:10px}.otp-input[data-v-32665ca0]{width:45px;height:55px;text-align:center;font-size:1.25rem;border:2px solid var(--border-color);border-radius:.75rem;font-weight:600;transition:all .2s ease}.otp-input[data-v-32665ca0]:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e6394626}@media (max-width: 992px){.welcome-section[data-v-32665ca0]{text-align:center;padding-right:0;margin-bottom:2rem;padding-left:0}.main-container[data-v-32665ca0]{padding:0 15px}}@media (max-width: 768px){body[data-v-32665ca0]{background-color:#fff}.auth-card[data-v-32665ca0]{box-shadow:none}.auth-header-main[data-v-32665ca0]{text-align:center!important;width:100%;margin-bottom:2rem}.auth-card .card-body[data-v-32665ca0]{padding:0rem}}input[data-v-32665ca0]:focus{border:none!important;outline:none!important;box-shadow:none!important}.error-border[data-v-32665ca0]{border:2px solid red!important;border-radius:12px}.error-message[data-v-32665ca0]{color:#000;font-size:.95rem;font-weight:700;background-color:#ffa50036;margin:20px 10px;padding:15px;border-radius:12px}.input-error[data-v-32665ca0]{border:2px solid red!important}.error-text[data-v-32665ca0]{color:red;font-size:.8rem;margin-top:4px;font-weight:700}.form-group[data-v-32665ca0]{margin-bottom:1rem}.role-selection-card[data-v-3e5212b5]{padding-bottom:20px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center}.icon-wrapper[data-v-3e5212b5]{display:inline-block;position:relative;line-height1:80px;border-radius:50%;border:3px solid transparent;font-size:3rem;transition:border-color .3s ease;color:#333}.icon-wrapper[data-v-3e5212b5]:hover{border-color:none}.icon-wrapper.loading[data-v-3e5212b5]{border-color:transparent}.icon-wrapper.loading[data-v-3e5212b5]:before{content:"";position:absolute;top:-6px;left:-5px;width:120px;height:120px;border-radius:50%;border:8px solid orange;border-top-color:transparent;border-right-color:transparent;animation:spin-3e5212b5 .81s linear infinite;pointer-events:none;box-sizing:border-box;z-index:10}@keyframes spin-3e5212b5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ghis_gap[data-v-3e5212b5]{margin-top:20%}@media (max-width: 768px){.ghis_gap[data-v-3e5212b5]{margin-top:0%}}.subsystem-option.selected,.school-type-option.selected{border:2px solid black;background-color:#000;cursor:pointer;color:orange;box-shadow:0 10px 40px #000a284d}.subsystem-option.selected,.school-type-option.selected{border:2px solid black;background-color:#000;cursor:pointer;color:orange;box-shadow1:0 10px 40px rgba(0,10,40,.3)}.subsystem-option,.school-type-option{cursor:pointer;padding:8px;border-radius:5px;-webkit-user-select:none;user-select:none}.spinner-border{vertical-align:middle}@media (max-width: 576px){.dropdown-menu.fullwidth-menu{font-size:.95rem}body{min-height:100%}}.shake-icon{display:inline-block;animation:shake-pause 10s infinite}@keyframes shake-pause{0%{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(5px)}30%{transform:translate(-5px)}40%{transform:translate(5px)}50%{transform:translate(-5px)}60%{transform:translate(5px)}70%{transform:translate(-5px)}80%{transform:translate(5px)}90%{transform:translate(-5px)}to{transform:translate(0)}}.school-type-btn:hover{border-color:orange;box-shadow:0 4px 8px #0000001a}.selected-btn{background-color:#f0f2f5;border-color:orange;box-shadow:0 4px 12px #00000026;transform:translateY(-2px);color:#000}.selected-btn i{color:#000}.school-icon-circle{width:60px;height:60px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border:2px dotted gray}.selected-btn .school-icon-circle{background-color:orange;color:#000;border:0px dotted gray}.subject-card1:hover{box-shadow:0 0 6px #0000001a}.subject-card.selected{background-color:#0d6efd;color:orange;border-color:#0d6efd}.subject-card{border:1px solid #dee2e6;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease}.icon-circle_setup i{color:orange;box-shadow:0 0 6px #0000001a}.subject-card1:hover{box-shadow:none;border:black}.subject-card.selected{background-color:#f0f2f5;color:#000!important;border-color:orange}.subject-card.selected i{color1:orange!important}.icon-circle_setup{margin-right:.75rem}.success-icon{font-size:3rem}.subject-card{border-radius:12px;padding:15px;margin-bottom:15px;transition:var(--transition);cursor:pointer}.subject-card1:hover{border-color:#000;transform1:translateY(-3px);box-shadow1:0 5px 15px rgba(253,126,20,.1)}.subject-card.active,.text-muted.active{background:#f0f2f5;border-color:var(--accent);color:#000!important}.subject-icon{width:40px;height:40px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;color:red;font-size:18px;margin-right:15px}.quiz-item_setup{display1:flex;align-items:center;padding:15px 1px;gap:1px;transition:background-color .2s ease-out}.quiz-item1:hover{background-color:#f9fafb;transform1:translateX(0px)}.quiz-item_setup{background:#fff;display1:flex;justify-content1:space-between;align-items:center;padding:20px;border-radius:20px;box-shadow:0 8px 44px #0000000f;margin-bottom:16px;zoom:90%;cursor:pointer;border:2px solid #f0f2f5}.quiz-item_setup1:hover{box-shadow:0 0 #0000000f}.icon-circle_setup{background:#000;//background: linear-gradient(135deg,#ff8c00,#ff69b4);padding:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff8c00;box-shadow:0 4px 8px #00000026;font-size:10px}.school-type-btn{border:1px solid #e9ecef;background-color:#fff;transition:all .3s ease;cursor:pointer}.school-type-btn i{color:orange}.school-type-btn:hover{border-color:orange}.selected-btn{background-color1:#f0f2f5;border-color:orange;box-shadow:0 4px 12px #00000026;transform:translateY(-2px);color:#000}.selected-btn i{color:#000!important}.school-icon-circle{width:50px;height:50px;border-radius:50%;background-color:#f5f5f5!important;display:flex;color1:orange;align-items:center;justify-content:center;border:2px dotted gray;margin-right:5px}.selected-btn .school-icon-circle{background-color:orange!important;color:#000!important;border:0px dotted gray}.card[data-v-3ee3c8f4]{max-width:600px;margin:2rem auto}.ghis_card{width:1000px!important;min-height:100vh;position:relative;margin-top:50px}@media (max-width: 576px){.ghis_card{width:100%!important;position:relative;margin-top:50px}}.role-selection-card i{width:60px;height:60px;font-size:3.5rem!important;padding:54px;border:3px solid orange;background-color:#000!important;cursor:pointer;color:orange!important}:root{--body-bg: #F0F2F5;--page-wrapper-bg: #FFFFFF;--card-bg: #FFFFFF;--text-dark: #1E232C;--text-muted-custom: #7A8188;--text-light-emphasis: #495057;--primary-accent: #FF4B4B;--green-accent: #28A745;--sidebar-icon-color: #7A8188;--sidebar-icon-active-color: #000000;--dark-card-bg: #343A40;--dark-card-text: #E9ECEF;--border-radius-xl: 30px;--border-radius-lg: 20px;--border-radius-md: 16px;--border-radius-sm: 12px;--page-shadow: 0px 16px 40px rgba(0, 0, 0, .07);--card-shadow: 0px 8px 24px rgba(0, 0, 0, .06);--sidebar-width: 85px;--mobile-nav-height: 65px;--primary-bg: #f0f2f5;--light-text: #6c757d;--accent-red: #E63946;--accent-blue: #2A9D8F;--border-color: #dee2e6}body{font-family:Inter,sans-serif;background-color:var(--body-bg);color:var(--text-dark);min-height:100vh;min-width:100vw;display:flex;align-items:center;justify-content:center;padding:20px;zoom:80%;margin:0;font-size:14px}.main-container{width:100%;max-width:1200px}.welcome-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;height:100%;padding-right:1.5rem}.auth-header,.auth-header-main{text-align:left;width:100%;margin-bottom:2rem}.auth-header-main{text-align:right!important}.auth-card{background-color:var(--card-bg);border-radius:1.5rem;border:none;box-shadow:0 10px 40px #0000000d;overflow:hidden;width:100%}.auth-card .card-body{padding:2.5rem}.auth-header .logo{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--accent-red),#f4a261);color:#fff;font-size:1.5rem;font-weight:800;border-radius:1rem;margin-bottom:1rem}.auth-header h2{font-weight:500;color:var(--text-dark);margin-bottom:.5rem}.auth-header p{color:var(--light-text);margin-bottom:0}.nav-tabs{border-bottom:1px solid var(--border-color);justify-content:center;gap:1rem}.nav-tabs .nav-link{border:none;border-bottom:3px solid transparent;color:var(--light-text);font-weight:600;padding:.75rem 0;margin-bottom:-2px;transition:color .2s ease,border-color .2s ease}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(--accent-red);background-color:transparent;border-color:var(--accent-red)}.form-control{border-radius:0 .75rem .75rem 0!important;padding:.9rem 1rem!important;background-color:var(--primary-bg);border:1px solid #e9ecef;transition:border-color .2s ease,box-shadow .2s ease;border-left:0}.form-control:focus{background-color:var(--card-bg);border-color:var(--accent-red);box-shadow:0 0 0 3px #e6394626}.input-group-text{border-radius:.75rem 0 0 .75rem!important;background-color:var(--primary-bg);border:1px solid #e9ecef;color:var(--light-text)}.password-toggle{cursor:pointer;border-left:0!important}.form-label{font-weight:600;margin-bottom:.5rem}.btn-primary,.btn-outline-primary{border-radius:2rem;font-weight:600;padding:0rem 1rem;transition:all .3s ease}.btn-primary{background-color:var(--accent-red);border-color:var(--accent-red);box-shadow:0 4px 15px #e6394633}.btn-primary:hover{background-color:#c42d39;border-color:#c42d39;transform:translateY(-3px);box-shadow:0 6px 20px #e639464d}.btn-outline-primary{border-color:var(--accent-red);color:var(--accent-red)}.btn-outline-primary:hover{background-color:var(--accent-red);color:#fff}.link-primary{color:var(--accent-red);text-decoration:none}.link-primary:hover{color:#c42d39}.forgot-password-link{font-size:.9rem;color:var(--light-text);text-decoration:none;transition:color .2s ease;cursor:pointer}.forgot-password-link:hover{color:var(--accent-red)}.divider-or{text-align:center;margin:1.5rem 0;position:relative}.divider-or span{background-color:var(--card-bg);padding:0 10px;position:relative;z-index:1;color:var(--light-text);font-weight:500;font-size:.9rem}.divider-or:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:var(--border-color);z-index:0}.btn-social{color:var(--text-dark);background-color:var(--card-bg);border-color:var(--border-color);border-radius:2rem;font-weight:600;padding:.9rem 1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 15px #0000000d}.btn-social:hover{background-color:var(--primary-bg);border-color:#ced4da;transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.btn-social i{font-size:1.2rem}.btn-social .fa-google{color:#db4437}.btn-social .fa-facebook{color:#4267b2}.fade-in{animation:fadeIn .4s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.success-animation-view{text-align:center}.success-icon{font-size:4rem;color:var(--accent-red);animation:popIn .5s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.otp-inputs{display:flex;justify-content:center;gap:10px}.otp-input{width:45px;height:55px;text-align:center;font-size:1.25rem;border:2px solid var(--border-color);border-radius:.75rem;font-weight:600;transition:all .2s ease}.otp-input:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e6394626}.role-selection-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.role-selection-card{background:#fff;border-radius:var(--border-radius-md);box-shadow:none;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;height:100%;border:2px solid transparent;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.role-selection-card1:hover i{transform:translateY(0);box-shadow:none;background-color:#4e73df1a;border-radius:50%;border:none;color:#000}.role-selection-card i{color:red;background:#4e73df1a;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}.role-selection-card h5{color:var(--text-dark);font-weight:400;transition:all .3s ease}.role-selection-card.disabled{opacity:.6;cursor:not-allowed;background-color:#e9ecef80}.role-selection-card.disabled:hover{transform:none;box-shadow:var(--card-shadow);border-color:transparent}.role-selection-card.disabled i{color:var(--text-muted-custom);background:#8587961a}.role-selection-card.disabled h5{color:var(--text-muted-custom)}.badge-soon{background-color:#ffc107;color:#fff;font-size:.65rem;font-weight:600;padding:.35rem .5rem;text-transform:uppercase}.selection-title{color:var(--text-dark);font-weight:700;margin-bottom:1.5rem;text-align:center}.selection-subtitle{color:var(--text-muted-custom);text-align:center;margin-bottom:3rem;font-size:1.1rem}.subsystem-option{display:inline-flex;align-items:center;margin-right:10px;padding:12px 20px;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;text-align:left;min-width:120px;background:#f0f2f5}.subsystem-option:hover i{color:orange}.subsystem-option:hover{border-color:#000;background:#000;transform:translateY(-3px);box-shadow:0 5px 15px #2125291a;color:orange}.subsystem-option i{font-size:20px;margin-right:10px;margin-bottom:0;color:#000}.subsystem-option.active,.subsystem-option.selected{background-color:#000;color:orange;border-color:#000;box-shadow:0 5px 15px #21252933}.subsystem-option.active i,.subsystem-option.selected i{color:orange}.subsystem-option input{display:none}.school-type-option{border:4px solid #e9ecef;padding:20px 10px;text-align:center;border-radius:12px;transition:all .3s ease;cursor:pointer;font-size:14px;font-weight:500;background:#e9ecef;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.school-type-option:hover{box-shadow:0 5px 15px #2125291a;border-color:orange;background-color:orange}.school-type-option.active,.school-type-option.selected{background-color:#000;color:orange;border-color:orange;box-shadow:0 5px 15px #21252933}.school-type-option i{font-size:24px;margin-bottom:12px;color:#000}.school-type-option.selected i{font-size:24px;margin-bottom:12px;color:orange!important}.subject-card{border1:2px solid orange;border-radius:12px;padding:15px;margin-bottom:15px;transition:all .3s ease;cursor:pointer}.subject-card:hover{border-color:var(--accent-red);transform1:translateY(-3px);box-shadow:0 5px 15px #fd7e141a}.subject-card.active,.text-muted.active{background1:#f0f2f5;border-color1:var(--accent-red);color:#000!important}.subject-icon{width:40px;height:40px;border-radius:50%;background:#fd7e141a;display:flex;align-items:center;justify-content:center;color:orange;font-size:18px;margin-right:15px}.fullwidth-dropdown{width:100%}.dropdown-menu.fullwidth-menu{width:100%!important;left:0!important;right:0!important;top:100%!important;border-radius:0 0 1rem 1rem}.dropup .dropdown-menu{background-color:#e9ecef;border:none;border-radius:.5rem .5rem 0 0;width:100%!important;left:0;right:0;bottom:100%;top:auto;transform:translateY(-.5rem);box-shadow:0 50px 50px #21252980}.dropdown-item i{width:20px;padding:10px 0}.dropdown-toggle{border-radius:.5rem}.dropdown-menu .dropdown-item:hover{background-color:#e6ffe6}@media (max-width: 991px){body{padding:15px}#left-sidebar{left:15px;top:15px;bottom:15px;width:70px;margin-right:15px;background-color:#f0f2f5;border-radius:0}}@media (max-width: 844px){body{padding:10px;padding-bottom:calc(var(--mobile-nav-height) + 10px)}#left-sidebar{width:100%;height:var(--mobile-nav-height);flex-direction:row;justify-content:space-around;align-items:center;padding:0 10px;margin-right:0;margin-bottom:0;position:fixed;top:auto;bottom:0;left:0;right:0}#left-sidebar .logo{margin-bottom:0;margin-right:auto;font-size:.9rem;display:none}#left-sidebar .nav{flex-direction:row!important;align-items:center;justify-content:space-around}#left-sidebar .nav-item{margin-bottom:0;margin-right:15px;display:flex}#left-sidebar .nav-link{padding:15px;font-size:2.2rem}#left-sidebar .avatar{margin-top:0;width:30px;height:30px}.sidebar-submenu{position:absolute;top:auto!important;bottom:100%!important;left:50%!important;transform:translate(-50%) translateY(-8px)!important;min-width:100vw;padding:10px 0;background-color:#fff;border-radius:12px 12px 0 0;box-shadow:0 -5px 15px #00000014;z-index:9999;text-align:center;margin:0 50px}}@media (max-width: 992px){.welcome-section{text-align:center;padding-right:0;margin-bottom:2rem;padding-left:0}.main-container{padding:0 15px;min-width:120vw}.auth-header-main{text-align:center!important}}@media (max-width: 768px){body{background-color:#fff}.auth-card{box-shadow:none}.auth-card .card-body{padding:0rem!important}.role-selection-card{padding:1.5rem 1rem}.role-selection-card i{width:60px;height:60px;font-size:1.5rem}.selection-title{font-size:1.5rem}.selection-subtitle{font-size:1rem;margin-bottom:2rem}.row.g-4{gap:1rem!important}.school-type-option{padding:15px 5px}.school-type-option i{font-size:22px}}@media (max-width: 820px){.dropdown-menu.fullwidth-menu{font-size:.95rem}.fixed-footer{position:fixed!important;bottom:0%!important;left:0;width:100%;background:#fff;border-top1:1px solid #ddd;z-index:1000;box-shadow1:0 -2px 5px rgba(0,0,0,.1)}body{min-height:0!important}.middle{//min-height: 100vh !important;display:flex;flex-direction:column!important;top:20rem}#left-sidebar{display1:none!important}}.dot-loader{display:inline-flex;gap:4px;align-items:center;justify-content:center;height:1em}.dot-loader:before,.dot-loader:after,.dot-loader span{content:"";display:inline-block;width:8px;height:8px;background-color:#fff;border-radius:50%;animation:dotFlashing 1s infinite ease-in-out}.dot-loader:before{animation-delay:0s}.dot-loader span{animation-delay:.2s}.dot-loader:after{animation-delay:.4s}@keyframes dotFlashing{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.error-text{color:red;font-size:.8rem;margin-top:4px;font-weight:700}.tab-icon[data-v-0456ae7d]{font-size:.8rem;margin-bottom:5px;color:orange}.tab-label[data-v-0456ae7d]{font-size:1.2rem;font-weight:600;color:#fff!important}.tab-content[data-v-0456ae7d]{animation-duration:.3s}.icon-circle[data-v-0456ae7d]{width:40px;height:40px;justify-content:center;align-items:center}.quiz-container[data-v-0456ae7d]{overflow:hidden;width:100%;position:relative}.slide-wrapper[data-v-0456ae7d]{display:flex;transition:transform .4s ease;width:300%}.slide-view[data-v-0456ae7d]{width:100%;padding:10px}.slide-fade-enter-active[data-v-0456ae7d],.slide-fade-leave-active[data-v-0456ae7d]{transition:all .2s ease}.slide-fade-enter-from[data-v-0456ae7d]{transform:translate(100%);//opacity: 0}.slide-fade-leave-to[data-v-0456ae7d]{transform:translate(-100%);//opacity: 0}.topic-card[data-v-0456ae7d]{background:#fff;border-radius:10px;padding:10px;margin-bottom:10px;align-items:center;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;cursor:pointer}.circle-back-btn1[data-v-0456ae7d]{width:42px;height:30px;border-radius:12px;background-color:#343a4047!important;outline:none;display1:flex;justify-content:center;align-items:center;font-size:18px;color:#000;box-shadow:0 6px 6px #0000001a;transition:background .3s,box-shadow .3s;padding:10px}.circle-back-btn[data-v-0456ae7d]{position:relative;width:42px;height:42px;border-radius:50%;background-color:#fff;border:none;outline:none;display:flex;justify-content:center;align-items:center;font-size:18px;color:#000;box-shadow:0 2px 6px #0000001a;overflow:hidden}.circle-back-btn[data-v-0456ae7d]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:5px solid transparent;border-top:3px solid orange;border-right:3px solid orange;animation:spinBorder-0456ae7d 1.5s linear infinite;box-sizing:border-box;z-index:0}.circle-back-btn i[data-v-0456ae7d]{position:relative;z-index:1}@keyframes spinBorder-0456ae7d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circle-back-btn[data-v-0456ae7d]:hover{background-color:#e0e0e0;box-shadow:0 4px 12px #00000026}.circle-back-btn i[data-v-0456ae7d]{pointer-events:none}.wallet-balance-card[data-v-0456ae7d]{background:#343a40;border-radius:15px;padding:20px;color:orange;margin-bottom:25px;box-shadow:0 10px 20px #4a3fba33;bottom:20px!important;position:relative}.balance-display[data-v-0456ae7d]{text-align:center;margin-bottom:0}.balance-amount[data-v-0456ae7d]{font-size:1.8rem;font-weight:700;line-height:1}.balance-amount small[data-v-0456ae7d]{font-size:1.2rem;opacity:.8}.balance-equivalent[data-v-0456ae7d]{font-size:.9rem;opacity:.9}.wallet-id[data-v-0456ae7d]{display:flex;align-items:center;justify-content:center;background:#ffffff1a;padding:8px 12px;border-radius:20px;font-size:.85rem;margin-top:15px}.wallet-id i[data-v-0456ae7d]{margin-right:8px}.dynamic-island[data-v-0456ae7d]{max-width:100%;margin:0 auto;font-family:Segoe UI,system-ui,sans-serif}.island-container[data-v-0456ae7d]{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.island-container-stat[data-v-0456ae7d]{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:5px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.island-container.processing[data-v-0456ae7d]{opacity:.8}.subject-header[data-v-0456ae7d]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.subject-icon[data-v-0456ae7d]{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.subject-info h3[data-v-0456ae7d]{margin:0;font-size:18px;color:#333}.subject-code[data-v-0456ae7d]{font-size:14px;color:#666;font-weight:400}.subject-stats[data-v-0456ae7d]{display:flex;gap:12px;margin-top:4px;font-size:13px;color:#666}.stat-item i[data-v-0456ae7d]{margin-right:4px;color:#6a11cb}.notification-alert[data-v-0456ae7d]{background:#fff4e5;border-left:4px solid #ff9500;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:16px;animation:pulse-0456ae7d 2s infinite;color:#000}.notification-alert i[data-v-0456ae7d]{color:#ff9500}.status-bar[data-v-0456ae7d]{display:flex;justify-content:space-between;font-size:13px;color:#666;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.status-item i[data-v-0456ae7d]{margin-right:4px}.status-item:first-child i[data-v-0456ae7d]{color:#34c759}.status-item:last-child i[data-v-0456ae7d]{color:#007aff}.processing-overlay[data-v-0456ae7d]{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:24px}.spinner-container[data-v-0456ae7d]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6a11cb}@keyframes pulse-0456ae7d{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.scrollable-list[data-v-0456ae7d]{max-height:100vh;overflow-y:auto;padding-right:0;border-radius:12px}@media (max-width: 768px){.scrollable-list[data-v-0456ae7d]{max-height:107vh;padding-right:0;border-radius:12px}}@media (max-width: 414px){.scrollable-list[data-v-0456ae7d]{max-height:93vh;padding-right:0;border-radius:12px}}.scrollable-list[data-v-0456ae7d]::-webkit-scrollbar{width:0px}.scrollable-list[data-v-0456ae7d]::-webkit-scrollbar-thumb{background-color:orange;border-radius:3px}.scrollable-list[data-v-0456ae7d]::-webkit-scrollbar-track{background-color:#f1f1f1}.quiz-item_1[data-v-0456ae7d]{background:#fff;display1:flex;justify-content:none;align-items:left;padding:0 10px;border-radius:12px;box-shadow:none!important;margin-bottom:16px;zoom:90%;cursor:pointer;gap:0}.history-actions[data-v-0456ae7d]{display:flex;justify-content:center;gap:15px;margin-top:20px;position:absolute;bottom:20px;left:20px;right:20px;text-align:center;padding1:12px;color:#000;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s}.holde_gg[data-v-0456ae7d]{display:flex;gap:10px}.history-actions_new[data-v-0456ae7d]{justify-content1:center;gap:15px;margin-top:20px;position:absolute;bottom:0!important;left:20px;right:20px;text-align1:center;padding:12px;color:#000;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s}.history-btn[data-v-0456ae7d]{flex:1;text-align:left;color:#000;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s}.wallet-tabs-container[data-v-0456ae7d]{justify-content:space-between;margin-bottom:25px;background-color:#f8f9fa;border-radius:12px;padding:8px}.subject-tabs-container[data-v-0456ae7d]{justify-content:space-between;margin-bottom1:25px;background-color:#343a40;border-radius:12px;padding:8px;max-width:100%}.subject-dashboard[data-v-0456ae7d]{padding:15px}.subject-header-card[data-v-0456ae7d]{display:flex;background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #00000014;align-items:center}.subject-icon-large[data-v-0456ae7d]{width:70px;height:70px;background-color:#fff5ef;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;color:#ff6b00;font-size:1.8rem}.subject-title h2[data-v-0456ae7d]{margin:0;color:#333;font-size:1.5rem}.subject-code[data-v-0456ae7d]{color:#666;font-size:.9rem;margin:5px 0}.subject-meta[data-v-0456ae7d]{display:flex;gap:15px;font-size:.85rem;color:#666}.subject-meta i[data-v-0456ae7d]{margin-right:5px;color:#ff6b00}.subject-progress-circle[data-v-0456ae7d]{margin-left:auto;text-align:center}.circle-progress[data-v-0456ae7d]{width:70px;height:70px;border-radius:50%;background:conic-gradient(#ff6b00 calc(var(--progress) * 3.6deg),#e9ecef 0deg);display:flex;align-items:center;justify-content:center;position:relative}.circle-progress[data-v-0456ae7d]:before{content:"";position:absolute;width:60px;height:60px;background:#fff;border-radius:50%}.circle-progress span[data-v-0456ae7d]{position:relative;font-size:1rem;font-weight:600;color:#333}.study-time[data-v-0456ae7d]{margin-top:5px;font-size:.8rem;color:#666}.quick-actions[data-v-0456ae7d]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.action-btn[data-v-0456ae7d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;border:none;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn i[data-v-0456ae7d]{font-size:1.5rem;margin-bottom:8px}.action-btn.orange[data-v-0456ae7d]{background-color:#fff5ef;color:#ff6b00}.action-btn.blue[data-v-0456ae7d]{background-color:#f0f7ff;color:#1a73e8}.action-btn.green[data-v-0456ae7d]{background-color:#f0fff4;color:#34a853}.action-btn.purple[data-v-0456ae7d]{background-color:#f3e8ff;color:#6b46c1}.dashboard-section[data-v-0456ae7d]{background:#fff;border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:0 4px 12px #00000014}.dashboard-section h3[data-v-0456ae7d]{margin:0 0 15px;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:8px}.progress-grid[data-v-0456ae7d]{display:grid;gap:15px}.progress-item[data-v-0456ae7d]{display:flex;flex-direction:column;gap:5px}.progress-info[data-v-0456ae7d]{display:flex;justify-content:space-between}.progress-label[data-v-0456ae7d]{font-size:.85rem;color:#666}.progress-value[data-v-0456ae7d]{font-size:.85rem;font-weight:600;color:#333}.progress-bar[data-v-0456ae7d]{height:8px;background-color:#f1f1f1;border-radius:4px;overflow:hidden}.progress-fill[data-v-0456ae7d]{height:100%;background-color:#ff6b00;border-radius:4px;transition:width .5s ease}.activities-list[data-v-0456ae7d]{display:grid;gap:10px}.activity-item[data-v-0456ae7d]{display:flex;align-items:center;padding:12px;border-radius:8px;background-color:#f8f9fa}.activity-item.quiz[data-v-0456ae7d]{border-left:4px solid #FF6B00}.activity-item.assignment[data-v-0456ae7d]{border-left:4px solid #1A73E8}.activity-icon[data-v-0456ae7d]{width:36px;height:36px;background-color:#ff6b001a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#ff6b00}.activity-item.assignment .activity-icon[data-v-0456ae7d]{background-color:#1a73e81a;color:#1a73e8}.activity-details h4[data-v-0456ae7d]{margin:0;font-size:.95rem;color:#333}.activity-details p[data-v-0456ae7d]{margin:3px 0 0;font-size:.8rem;color:#666}.activity-status[data-v-0456ae7d]{margin-left:auto}.badge[data-v-0456ae7d]{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.badge.pending[data-v-0456ae7d]{background-color:#fff3e0;color:#e65100}.badge.in-progress[data-v-0456ae7d]{background-color:#e3f2fd;color:#1565c0}.groups-grid[data-v-0456ae7d]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.group-card[data-v-0456ae7d]{display:flex;align-items:center;padding:12px;border-radius:8px;background-color:#f8f9fa;border-left:4px solid #6B46C1}.group-icon[data-v-0456ae7d]{width:36px;height:36px;background-color:#6b46c11a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#6b46c1}.group-info h4[data-v-0456ae7d]{margin:0;font-size:.95rem;color:#333}.group-info p[data-v-0456ae7d]{margin:3px 0 0;font-size:.8rem;color:#666}.group-action[data-v-0456ae7d]{margin-left:auto;background:none;border:none;color:#6b46c1;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:5px}.performance-grid[data-v-0456ae7d]{display:grid;gap:15px}.performance-card[data-v-0456ae7d]{display:flex;align-items:center;padding:12px;border-radius:8px;background-color:#f8f9fa}.performance-card.quiz[data-v-0456ae7d]{border-left:4px solid #FF6B00}.performance-card.assignment[data-v-0456ae7d]{border-left:4px solid #1A73E8}.performance-icon[data-v-0456ae7d]{width:36px;height:36px;background-color:#ff6b001a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#ff6b00}.performance-card.assignment .performance-icon[data-v-0456ae7d]{background-color:#1a73e81a;color:#1a73e8}.performance-details h4[data-v-0456ae7d]{margin:0;font-size:.95rem;color:#333}.score[data-v-0456ae7d]{margin:3px 0 0;font-size:.85rem;font-weight:600;color:#333}.date[data-v-0456ae7d]{margin:3px 0 0;font-size:.75rem;color:#666}.quick-actions-grid[data-v-0456ae7d]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;padding:10px}.edu-action-btn[data-v-0456ae7d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;border-radius:13px;border:none;background:#fff;box-shadow:0 20px 60px #0000000d;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:100px}.edu-action-btn[data-v-0456ae7d]:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.edu-action-btn[data-v-0456ae7d]:active{transform:translateY(1px)}.edu-icon-circle[data-v-0456ae7d]{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:20px;color:#fff}.edu-action-title[data-v-0456ae7d]{font-weight:500;font-size:13px;color:#333;margin-bottom:5px}.edu-action-count[data-v-0456ae7d]{font-weight:700;font-size:16px;color:#555}.topic-btn .edu-icon-circle[data-v-0456ae7d]{background:linear-gradient(135deg,#ff9a9e,#fad0c4)}.pastpaper-btn .edu-icon-circle[data-v-0456ae7d]{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.assessment-btn .edu-icon-circle[data-v-0456ae7d]{background:linear-gradient(135deg,#ffb347,#fc3)}.plan-btn .edu-icon-circle[data-v-0456ae7d]{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.teacher-btn .edu-icon-circle[data-v-0456ae7d]{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.group-btn .edu-icon-circle[data-v-0456ae7d]{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.edu-icon-circle[data-v-0456ae7d]:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.quiz-wrapper[data-v-0456ae7d]{position:relative;overflow:hidden;margin-bottom:0;cursor:pointer;border-radius:8px;transition:border-color .3s ease}.quiz-wrapper[data-v-0456ae7d]:focus-visible{outline:none;border-color:#665ded}.quiz-item_1[data-v-0456ae7d]{background:#fff;padding:8px;transition:transform .3s ease;display:flex;align-items:center;gap:16px;border-radius:8px;position:relative;z-index:2;border:1px solid gray}.quiz-wrapper[data-v-0456ae7d]{position:relative;overflow:hidden}.quiz-slide[data-v-0456ae7d]{position:absolute;top:0;left:95%;height:80%;width:85%;background-color:gray;display:flex;align-items:right;justify-content:space-evenly;padding:1rem;transition:left .4s ease;z-index:30;border-radius:50px 8px 8px 50px}.quiz-wrapper.active .quiz-item_1[data-v-0456ae7d]{//transform: translateX(-100px);//box-shadow: 0 0 10px rgba(102,93,237,.6);//border-color: #665ded}.quiz-wrapper.active .quiz-slide[data-v-0456ae7d]{left:15%}.quiz-wrapper.active .quiz-slide[data-v-0456ae7d]{transform:translate(0);background-color:#000}.quiz-button[data-v-0456ae7d]{padding:12px 15px;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-align:center;white-space:nowrap;margin:0 5px;transition:all .3s ease}.quiz-button i[data-v-0456ae7d]{font-size:1.1rem}.quiz-button.exam_e[data-v-0456ae7d]{background-color:#000;color:orange;border:0px solid #dc3545}.quiz-button.exam_e[data-v-0456ae7d]:hover{color:orange}.quiz-button.study_e[data-v-0456ae7d]{background-color:#000;color:gray;border:0px solid #28a745}.quiz-button.study_e[data-v-0456ae7d]:hover{color:orange}.quiz-slide[data-v-0456ae7d]{display:flex;gap:10px;padding:10px;justify-content:center}.d-flex[data-v-0456ae7d]{display:flex}.align-items-center[data-v-0456ae7d]{align-items:center}.gap-2[data-v-0456ae7d]{gap:.5rem}.history-btn1[data-v-0456ae7d]{background:#fff;border-radius:6px;padding:6px 12px;font-weight:600;cursor:pointer;box-shadow:0 1px 5px #0000001a;white-space:nowrap}.subject-card[data-v-0456ae7d]{border:none;border-radius:12px;background-color:#fff;box-shadow:0 4px 8px #00000003;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer}.subject-card[data-v-0456ae7d]:hover{box-shadow:0 4px 8px #00000003;background-color:#f0f4f8}.card[data-v-0456ae7d]{padding:1.25rem}.icon-wrapper[data-v-0456ae7d]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#f0f4f8;border-radius:12px;color:#000}.icon-wrapper i[data-v-0456ae7d]{font-size:1.5rem;color:#1a2a6c}.details-text[data-v-0456ae7d]{flex-grow:1;overflow:hidden}.card-title[data-v-0456ae7d]{font-size:1rem;font-weight:600;color:#1a2a6c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-code[data-v-0456ae7d]{font-size:.8rem;font-weight:500;color:#999;margin-left:.25rem}.card-subtitle[data-v-0456ae7d]{font-size:.8rem}.progress-ring[data-v-0456ae7d]{--size: 48px;--line-width: 4px;--progress-color: #28a745;--bg-color: #e9ecef;width:var(--size);height:var(--size);position:relative}.progress-ring[data-v-0456ae7d]:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%);border:var(--line-width) solid var(--bg-color)}.progress-ring1[data-v-0456ae7d]:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%) rotate(45deg);border1:var(--line-width) solid var(--progress-color);border-right-color:transparent;border-top-color:transparent;transition:all .5s ease-in-out;background-image:conic-gradient(var(--progress-color) calc(var(--percent) * 3.6deg),transparent 0deg)}.progress-ring span[data-v-0456ae7d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:#555}.quiz-button[data-v-0456ae7d]{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.125rem;font-weight:700;color:#000!important;background-color:#fff!important;border:4px solid black!important;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;text-decoration:none;text-transform:uppercase}.quiz-button[data-v-0456ae7d]:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.quiz-button[data-v-0456ae7d]:active{background-color:#3e8e41;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.quiz-button .fas[data-v-0456ae7d]{margin-right:.75rem;font-size:1.25rem}.task-list-container[data-v-0456ae7d]{background:#f8f9fa;border-radius:16px;padding:1.5rem;font-family:Segoe UI,Roboto,sans-serif;color:#333}.list-header h3[data-v-0456ae7d]{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.task-list[data-v-0456ae7d]{display:flex;flex-direction:column;gap:1rem}.task-item[data-v-0456ae7d]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease;cursor:pointer}.task-item[data-v-0456ae7d]:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.task-details[data-v-0456ae7d]{display:flex;flex-direction:column}.task-subject[data-v-0456ae7d]{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#94a3b8;letter-spacing:.5px}.task-title[data-v-0456ae7d]{font-size:1rem;font-weight:500;margin:.25rem 0 0;color:#333}.task-meta[data-v-0456ae7d]{text-align:right;white-space:nowrap}.due-date-label[data-v-0456ae7d]{font-size:.9rem;color:#64748b;display:block}.status-indicator[data-v-0456ae7d]{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:8px;margin-top:.5rem;display:inline-block;text-transform:uppercase}.task-item.overdue[data-v-0456ae7d]{border-left:4px solid #ef4444}.task-item.overdue .status-indicator[data-v-0456ae7d]{background-color:#fee2e2;color:#dc2626}.task-item.upcoming[data-v-0456ae7d]{border-left:4px solid #3b82f6}.task-item.upcoming .status-indicator[data-v-0456ae7d]{background-color:#dbeafe;color:#2563eb}.task-item.new[data-v-0456ae7d]{border-left:4px solid #22c55e}.task-item.new .status-indicator[data-v-0456ae7d]{background-color:#dcfce7;color:#16a34a}.outline-button[data-v-0456ae7d]{display:block;width:100%;padding:.5rem 1.2rem;margin-top:20px;margin-bottom:20px;font-size:1.25rem;font-weight:600;text-align1:center;background-color:linear-gradient(45deg,#fdbb2d,#f1614f)!important;background:linear-gradient(45deg,#fdbb2d,#f1614f)!important;color:#1a2a6c!important;border-radius:12px;cursor:pointer;transition:all .3s ease}.outline-button[data-v-0456ae7d]:hover,.outline-button[data-v-0456ae7d]:focus{background:linear-gradient(45deg,#fdbb2d,#f1614f)!important;color:#1a2a6c;transform:translateY(-2px);box-shadow:0 4px 10px #4f46e533}.outline-button[data-v-0456ae7d]:active{transform:translateY(0)}.loader[data-v-0456ae7d]{width:18px;height:18px;border:3px solid yellow;border-top:3px solid orange;border-radius:50%;animation:spin-0456ae7d .4s linear infinite}@keyframes spin-0456ae7d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wallet-subtitle[data-v-4c82d1da]{color:#7f8c8d;margin:5px 0 0;font-size:.9rem}.wallet-balance-card[data-v-4c82d1da]{background:#343a40;border-radius:15px;padding:20px;color:orange;margin-bottom:25px;box-shadow:0 10px 20px #4a3fba33;bottom:12px}.holder[data-v-4c82d1da]{position:absolute;bottom:12px;width:83%}.wallet-header[data-v-dced9559]{margin-bottom:20px}.wallet-header h3[data-v-dced9559]{font-size:1.5rem;margin:0;color:#2c3e50}.wallet-subtitle[data-v-dced9559]{color:#7f8c8d;margin:5px 0 0;font-size:.9rem}.wallet-balance-card[data-v-dced9559]{background:#343a40;border-radius:15px;padding:20px;color:orange;margin-bottom:25px;box-shadow:0 10px 20px #4a3fba33}.balance-display[data-v-dced9559]{text-align:center;margin-bottom:15px}.balance-amount[data-v-dced9559]{font-size:2.5rem;font-weight:700;line-height:1}.balance-amount small[data-v-dced9559]{font-size:1.2rem;opacity:.8}.balance-equivalent[data-v-dced9559]{font-size:.9rem;opacity:.9}.wallet-id[data-v-dced9559]{display:flex;align-items:center;justify-content:center;background:#ffffff1a;padding:8px 12px;border-radius:20px;font-size:.85rem;margin-top:15px}.wallet-id i[data-v-dced9559]{margin-right:8px}.copy-btn[data-v-dced9559]{background:none;border:none;color:#fff;margin-left:8px;cursor:pointer;opacity:.7;transition:opacity .2s}.copy-btn[data-v-dced9559]:hover{opacity:1}.wallet-tabs-container[data-v-dced9559]{display:flex;justify-content:space-between;margin-bottom:25px;background:#f8f9fa;border-radius:12px;padding:8px}.wallet-tab[data-v-dced9559]{flex:1;text-align:center;padding:12px 5px;cursor:pointer;border-radius:8px;transition:all .3s ease}.wallet-tab.active[data-v-dced9559]{background:#fff;box-shadow:0 4px 12px #0000001a;color:orange}.tab-icon[data-v-dced9559]{font-size:1.6rem;margin-bottom:5px}.tab-label[data-v-dced9559]{font-size:.8rem;font-weight:600}.tab-content[data-v-dced9559]{animation-duration:.3s}.input-field[data-v-dced9559]{position:relative;margin-bottom:15px}.input-field i[data-v-dced9559]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#343a40}.input-field input[data-v-dced9559]{width:100%;padding:15px 15px 15px 45px;border:1px solid #e0e0e0;border-radius:10px;font-size:.95rem;transition:border .3s}.input-field input[data-v-dced9559]:focus{border-color:orange;outline:none}.transfer-actions[data-v-dced9559]{display:flex;gap:10px;align-items:center}.action-btn[data-v-dced9559]{flex:1;padding:15px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.action-btn i[data-v-dced9559]{font-size:1.1rem}.action-btn.primary[data-v-dced9559]{background:orange;color:#fff}.action-btn.primary[data-v-dced9559]:hover{background:#4a3fba}.action-btn.deposit[data-v-dced9559]{background:#28a745;color:#fff}.action-btn.deposit[data-v-dced9559]:hover{background:#218838}.action-btn.cashout[data-v-dced9559]{background:#17a2b8;color:#fff}.action-btn.cashout[data-v-dced9559]:hover{background:#138496}.qr-scan-btn[data-v-dced9559]{width:60px;height:60px;border-radius:10px;background:#f0f0ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:orange;font-size:1.5rem}.qr-scan-btn[data-v-dced9559]:hover{background:#e0e0ff}.exchange-buttons[data-v-dced9559]{display:flex;gap:10px}.exchange-buttons .action-btn[data-v-dced9559]{flex:1}.history-btn[data-v-dced9559]{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;padding:12px;color:#000;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s}.history-btn[data-v-dced9559]:hover{background:#f0f0ff}.history-btn i[data-v-dced9559]{margin-right:8px}.receive-tab[data-v-dced9559]{overflow:auto;max-height:400px}.domi-qr-container[data-v-dced9559]{display:flex;justify-content:center;margin:5px 0}.domi-qr-card[data-v-dced9559]{background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 30px #00000014;width:100%;max-width:100%}.domi-qr-header[data-v-dced9559]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;color:#2c3e50;font-weight:600}.domi-qr-header i[data-v-dced9559]{color:orange}.domi-qr-code[data-v-dced9559]{position:relative;margin:0 auto;width:180px;height:180px;background:#fff;padding:10px;border:1px solid #f0f0f0;border-radius:8px}.domi-qr-logo[data-v-dced9559]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:orange;font-size:1.2rem;border:2px solid #f0f0f0}.domi-wallet-address[data-v-dced9559]{margin:15px 0;padding:10px;background:#f9f9ff;border-radius:8px;font-family:monospace;word-break:break-all;text-align:center;font-size:.85rem;color:#2c3e50}.domi-qr-actions[data-v-dced9559]{display:flex;gap:10px}.domi-action-btn[data-v-dced9559]{flex:1;padding:8px;border:none;border-radius:6px;background:#f0f0ff;color:orange;font-size:.8rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:5px}.domi-action-btn[data-v-dced9559]:hover{background:#e0e0ff}.status-modal[data-v-dced9559]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-dced9559]{background:#fff;padding:30px;border-radius:15px;text-align:center;max-width:300px;width:90%;box-shadow:0 10px 30px #0000001a}.modal-content.success[data-v-dced9559]{border-top:4px solid #28a745}.modal-content.error[data-v-dced9559]{border-top:4px solid #dc3545}.status-icon[data-v-dced9559]{font-size:3rem;margin-bottom:15px}.status-icon.success[data-v-dced9559]{color:#28a745}.status-icon.error[data-v-dced9559]{color:#dc3545}.modal-content h4[data-v-dced9559]{margin:10px 0;color:#2c3e50}.modal-content p[data-v-dced9559]{color:#7f8c8d;margin-bottom:20px;font-size:.9rem}.modal-btn[data-v-dced9559]{padding:10px 20px;border:none;border-radius:8px;background:orange;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.modal-btn[data-v-dced9559]:hover{background:#4a3fba}.fade-enter-active[data-v-dced9559],.fade-leave-active[data-v-dced9559]{transition:opacity .3s}.fade-enter[data-v-dced9559],.fade-leave-to[data-v-dced9559]{opacity:0}.animated[data-v-dced9559]{animation-duration:.5s}@keyframes fadeIn-dced9559{0%{opacity:0}to{opacity:1}}.fadeIn[data-v-dced9559]{animation-name:fadeIn-dced9559}.balance-loading[data-v-dced9559]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;font-size:14px;color:#555}.confirmation-details[data-v-dced9559]{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;//border: 1px solid #e9ecef}.confirmation-title[data-v-dced9559]{display:block;font-size:16px;font-weight:600;color:#495057;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.detail-row[data-v-dced9559]{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px}.detail-label[data-v-dced9559]{color:#6c757d;font-weight:500}.detail-value[data-v-dced9559]{color:#212529;font-weight:600}.wallet-id[data-v-dced9559]{font-family:Roboto Mono,monospace;font-size:14px;color:#2b8aff;word-break1:break-all;text-align1:right}.fee[data-v-dced9559]{color:#28a745}.profile-header h3[data-v-e1482114]{font-size:1.5rem;margin:10px 0 5px;color:#fff}.profile-subtitle[data-v-e1482114]{color:#aaa;margin:0;font-size:.9rem}.profile-card[data-v-e1482114]{background:none;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:none;transition:none;color:#343a40!important}.card-icon[data-v-e1482114]{font-size:1.2rem;margin-right:12px;color:orange}.card-header h4[data-v-e1482114]{margin:0;font-size:1rem;color:#343a40}.arrow-icon[data-v-e1482114]{margin-left:auto;color:#666;transition:transform .3s}.password-card:hover .arrow-icon[data-v-e1482114]{transform:translate(5px)}.card-body[data-v-e1482114]{padding:5px 0}.info-row[data-v-e1482114]{display:flex;margin-bottom:15px;align-items:flex-start}.info-icon[data-v-e1482114]{font-size:1.25rem;color:#343a40;margin-right:15px;margin-top:3px;width:20px;text-align:center}.info-content[data-v-e1482114]{flex:1}.info-label[data-v-e1482114]{display:block;font-size:.9rem;color:#343a40;margin-bottom:3px;margin-left:40px}.info-value[data-v-e1482114]{font-size:calc(1.275rem + .3vw);margin-bottom:.5rem;font-weight:500;line-height:1.2;color:#343a40}.history-actions[data-v-e1482114]{display:flex;justify-content:center;gap:15px;margin-top:20px;position:absolute;bottom:20px;left:20px;right:20px;text-align:center;padding:12px;color:#000;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s}.history-btn[data-v-e1482114]{flex:1;text-align:left;padding:12px;color:#000;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s}.signout-btn1[data-v-e1482114]{flex:1;text-align:right;padding:12px;color:red;font-weight:600;font-size:25px;cursor:pointer;border-radius:8px;transition:all .3s}.history-btn[data-v-e1482114]:hover{background:#f0f0ff}.logout-icon-btn[data-v-e1482114]{width:48px;height:48px;border-radius:50%;background:orange;color:#000;border:2px solid orange;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease;font-size:18px;box-shadow:0 8px 10px #00000026}.logout-icon-btn[data-v-e1482114]:hover{background:red;color:#fff}.avatar-wrapper[data-v-7883b4b7]{position:relative;display:inline-block;cursor:pointer}.avatar[data-v-7883b4b7]{width:40px;height:40px;border-radius:50%;object-fit:cover}.initials-avatar[data-v-7883b4b7]{width:40px;height:40px;border-radius:50%;background-color:#6c757d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;text-transform:uppercase}.online-dot[data-v-7883b4b7]{position:absolute;bottom:0;right:0;width:10px;height:10px;background-color:#28a745;border:2px solid white;border-radius:50%}.avatar[data-v-7883b4b7],.initials-avatar[data-v-7883b4b7]{width:40px;height:40px;font-size:16px}.online-dot[data-v-7883b4b7]{width:10px;height:10px;bottom:0;right:0;border-width:2px}@media (max-width: 600px){.initials-avatar[data-v-7883b4b7]{width:45px!important;height:45px!important}.avatar[data-v-7883b4b7],.initials-avatar[data-v-7883b4b7]{width:150px;height:150px;font-size:20px;font-weight:100}.online-dot[data-v-7883b4b7]{width:14px;height:14px;border-width:3px;bottom:1px;right:1px}}.nav-link[data-v-7883b4b7]{display:flex;flex-direction:column;align-items:center;text-align:center}.nav-text[data-v-7883b4b7]{font-size:.5em;margin-top:5px;display:block!important}@media (max-width: 844px){#left-sidebar .nav-link[data-v-7883b4b7]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:100;padding:10% 8vw}#left-sidebar .nav-link i[data-v-7883b4b7]{font-size:2.5rem;margin-bottom:2px;color:#1a2a6c;text-shadow:2px 4px 8px rgba(0,0,0,.2)}#left-sidebar .nav-link .nav-text[data-v-7883b4b7]{font-size:1.2rem;color:#1a2a6c;white-space:nowrap}.nav-text[data-v-7883b4b7]{margin-top:0;margin-bottom:10px!important;display:block!important}.my-auto[data-v-7883b4b7]{margin-bottom:100px!important}}.center-vertically[data-v-7883b4b7]{display:flex;align-items:center!important}.special-class1[data-v-7883b4b7]{background-color:#f0f0f0;font-weight:700;border-radius:50%;color:red}.play-btn[data-v-7883b4b7],.restart-btn[data-v-7883b4b7]{border:none;color:#fff!important;font-weight:700;padding:12px 10px;border-radius:50px;box-shadow:0 5px 15px #0003;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;text-transform:uppercase;letter-spacing:1px}.play-btn[data-v-7883b4b7]:hover,.restart-btn[data-v-7883b4b7]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.play-btn .nav-text[data-v-7883b4b7],.play-btn i[data-v-7883b4b7],.restart-btn .nav-text[data-v-7883b4b7],.restart-btn i[data-v-7883b4b7]{color:#fff!important}.play-btn[data-v-7883b4b7]{background:linear-gradient(45deg,#fdbb2d,#f1614f)}.restart-btn[data-v-7883b4b7]{background:linear-gradient(45deg,#667eea,#764ba2)}.mobile-only-btn[data-v-7883b4b7]{display:none}@media (max-width: 844px){.mobile-only-btn[data-v-7883b4b7]{display:block}}.desktop-only-btn[data-v-7883b4b7]{display:block}@media (max-width: 844px){.desktop-only-btn[data-v-7883b4b7]{display:none!important}}.start-btn1[data-v-7883b4b7]{padding:.75rem 2rem;font-size:1.2rem;border-radius:50px;background:linear-gradient(145deg,#007bff,#0056b3);border:none;box-shadow:0 4px 15px #007bff4d;transition:all .3s ease}.start-btn[data-v-7883b4b7]{background:linear-gradient(45deg,#fdbb2d,#f1614f);border:none;color:#fff;font-size:1.5rem;font-weight:700;padding1:12px 40px;border-radius:50px;box-shadow:0 5px 15px #f1614f66;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;text-transform:uppercase;letter-spacing1:1px;min-width:100%;min-height:5em!important;margin-bottom:50px}.start-btn i[data-v-7883b4b7]{font-size:70px!important}.wallet-quiz-desktop[data-v-7883b4b7]{display:block}@media (max-width: 844px){.wallet-quiz-desktop[data-v-7883b4b7]{display:none!important}}@media (max-width: 360px){#left-sidebar .nav-link[data-v-5da7250c][data-v-7883b4b7]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:100;padding:10% 7vw}}.notification-container[data-v-06de1bb8]{cursor:pointer;position:relative}.notification-bell[data-v-06de1bb8]{position:relative;z-index:10001}.notification-count[data-v-06de1bb8]{position:absolute;top:-5px;right:-5px;background:red;color:#fff;font-size:12px;padding:2px 6px;border-radius:50%;z-index:10002}.notification-dropdown[data-v-06de1bb8]{display:block!important;visibility:visible!important;opacity:1!important;z-index:10003!important;background-color:#fff;position:absolute;top:110%;right:0;width:450px;max-height:450px;overflow-y:auto;box-shadow:0 4px 12px #00000026}.notification-item.unread[data-v-06de1bb8]{background-color:#eef6ff;border-left:3px solid #0d6efd;font-weight:600;font-size:.8rem}.notification-item[data-v-06de1bb8]{padding:10px;margin-bottom:5px;border-radius:4px}.empty-state[data-v-06de1bb8]{font-style:italic;color:#777;padding:1rem}.notification-footer[data-v-06de1bb8]{border-top:1px solid #eee;padding:10px}.mark-all-read[data-v-06de1bb8]{color:#000;font-size:13px;background:none;border:none;cursor:pointer}.notification-bell.shake[data-v-06de1bb8],.shake[data-v-06de1bb8]{animation:shake-06de1bb8 .5s ease-in-out}@keyframes shake-06de1bb8{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.notification-bell[data-v-06de1bb8]{z-index:10!important}.blur-overlay[data-v-06de1bb8]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;backdrop-filter:blur(5px);background:#00000026;z-index:10;background-color:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s ease-in-out}.progress-circle-custom[data-v-09bc250e]{width:85px;height:85px;border-radius:50%;position:relative;background:conic-gradient(var(--text-dark) var(--percent),#e9ecef 0)}.quiz-item[data-v-7a20118c]{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border-radius:20px;box-shadow:0 8px 44px #0000000f}.left-content[data-v-7a20118c]{display:flex;align-items:center}.icon-circle[data-v-7a20118c]{background:#ff8c00;padding:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 8px #00000026;font-size:10px;margin-right:15px}.item-info[data-v-7a20118c]{flex-grow:1}.progress-ring[data-v-7a20118c]{position:relative;width:42px;height:42px;border-radius:50%;background:conic-gradient(#665ded var(--percent),#e0e0e0 0);display:flex;align-items:center;justify-content:center}.progress-ring span[data-v-7a20118c]{font-size:12px;font-weight:600;color:#343a40}.custom-card[data-v-a65dd3cd]{cursor:pointer}.widgets-row[data-v-a65dd3cd]{margin-top:1rem}.widgets-row1 .col-6[data-v-a65dd3cd]{padding:0 .5rem}.icon-circle[data-v-a65dd3cd]{display:flex;justify-content:center;align-items:center;border-radius:50%;width:48px;height:48px}.profile-card[data-v-4a0723d9]{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:20px}.edit-profile-icon[data-v-4a0723d9]{cursor:pointer;font-size:1.2rem;color:var(--text-muted-custom);transition:color .2s ease}.edit-profile-icon[data-v-4a0723d9]:hover,.edit-profile-icon[data-v-4a0723d9]:focus{color:var(--primary);outline:none}.profile-container[data-v-4a0723d9]{display:flex;align-items:center}.profile-avatar-lg[data-v-4a0723d9]{width:55px;height:55px;border-radius:50%;object-fit:cover;margin-right:15px;box-shadow:0 4px 8px #00000026}.profile-info[data-v-4a0723d9]{display:flex;flex-direction:column;justify-content:center}.profile-name[data-v-4a0723d9]{font-weight:600;font-size:1rem;margin:0;color:var(--text-dark)}.profile-username[data-v-4a0723d9]{font-size:.85rem;color:var(--text-muted-custom);margin:0}.profile-stats[data-v-4a0723d9]{margin-top:15px}.stat-item[data-v-4a0723d9]{text-align:center}.stat-value[data-v-4a0723d9]{font-weight:700;font-size:1.1rem;color:var(--text-dark)}.stat-label[data-v-4a0723d9]{font-size:.75rem;color:var(--text-muted-custom)}.unit[data-v-4a0723d9]{font-weight:600}.current-day[data-v-23178175]{background-color:#343a40;color:red!important;border-radius:4px}.training-item-card[data-v-23178175]{background:#fff;border-radius:12px;padding:.75rem;margin-bottom:10px;box-shadow:0 4px 8px #0000000d}.training-item-content[data-v-23178175]{display:flex;align-items:center;justify-content:space-between}.training-item-icon[data-v-23178175]{font-size:1.5rem;margin-right:12px}.training-item-details[data-v-23178175]{flex-grow:1}.training-item-title[data-v-23178175]{margin:0;font-weight:600}.btn-see-more[data-v-23178175]{background:#343a40;color:#fff;padding:6px 12px;border-radius:8px;border:none;bottom:2%}.quiz-tabs[data-v-222097ad]{display:flex;justify-content:space-between;padding:.5rem 0;margin-bottom:1rem;border-bottom:2px solid #eee}.quiz-tab[data-v-222097ad]{cursor:pointer;padding:.3rem 1rem;font-weight:700;color:#888}.quiz-tab.active[data-v-222097ad]{color:#fff;border-bottom:0px}.interactive-content[data-v-222097ad]{display:block}:root{--body-bg: #F0F2F5;--page-wrapper-bg: #FFFFFF;--card-bg: #FFFFFF;--text-dark: #1E232C;--text-muted-custom: #7A8188;--text-light-emphasis: #495057;--primary-accent: #FF4B4B;--green-accent: #28A745;--sidebar-icon-color: #7A8188;--sidebar-icon-active-color: #000000;--dark-card-bg: #343A40;--dark-card-text: #E9ECEF;--border-radius-xl: 30px;--border-radius-lg: 20px;--border-radius-md: 16px;--border-radius-sm: 12px;--page-shadow: 0px 16px 40px rgba(0, 0, 0, .07);--card-shadow: 0px 8px 24px rgba(0, 0, 0, .06);--sidebar-width: 85px;--mobile-nav-height: 65px}.dashboard-layout{min-height:calc(100vh - 40px);min-width:100%!important;padding:4rem 7rem}#left-sidebar{width:var(--sidebar-width);background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:25px 0;display:flex;flex-direction:column;align-items:center;box-shadow:var(--card-shadow);margin-right:25px;position:fixed;top:20px;bottom:20px;left:20px;z-index:100;transition:width .3s ease,transform .3s ease,bottom .3s ease,border-radius .3s ease}#left-sidebar-pro{min-width:650px;background-color:#f0f2f5;border-radius:var(--border-radius-lg);padding:25px 0;display:flex;flex-direction:column;align-items:left;box-shadow:var(--card-shadow);position:fixed;top:20px;bottom:20px;left:110px;z-index:999100;transition:width .3s ease,transform .3s ease,bottom .3s ease,border-radius .3s ease}#left-sidebar .logo{width:40px;height:40px;background-color:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin-bottom:40px}#left-sidebar .nav-item{margin-bottom:15px}#left-sidebar .nav-link{color:#1e232c;font-size:2.4rem;padding:10px;border-radius:var(--border-radius-sm);transition:background-color .2s ease,color .2s ease}#left-sidebar .nav-link:hover{color:var(--sidebar-icon-active-color);background-color:#f0f0f0}#left-sidebar .nav-link.active{color:var(--sidebar-icon-active-color)}#left-sidebar .avatar{width:40px;height:40px;border-radius:50%;margin-top:auto}.page-container{flex-grow:1;margin-left:calc(var(--sidebar-width) + 25px);background-color:var(--page-wrapper-bg);border-radius:var(--border-radius-xl);box-shadow:var(--page-shadow);padding:0 1rem 3rem;display:flex;gap:125px;min-height:100%}.page-container-customize{flex-grow:1;margin-left:calc(var(--sidebar-width) + 25px);border-radius:var(--border-radius-xl);box-shadow:var(--page-shadow);padding:25px;display:flex;gap1:25px;min-height:100%}.customize_card_1{flex-grow:1;background-color:var(--page-wrapper-bg);border-radius:var(--border-radius-xl);box-shadow:var(--page-shadow);padding:20px!important;margin:0 2rem;gap1:25px;min-height:100%}.center-panel{flex1:0 0 58%;max-width:auto;display:flex;flex-direction:column;gap:25px}.right-panel{flex:0 0 calc(42% - 25px);max-width:auto;display:flex;flex-direction:column;gap:25px}.custom-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);border:none;padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.section-header .section-title{font-size:1.6rem;font-weight:600;color:var(--text-dark)}.section-header .header-icons i{font-size:1.2rem;color:var(--text-light-emphasis);margin-left:15px;cursor:pointer}.todays-plan-card .card-title-custom{font-size:1.05rem;font-weight:500;color:var(--text-dark);display:flex;align-items:center}.todays-plan-card .card-title-custom i{margin-right:8px;font-size:1.1rem;color:var(--text-muted-custom)}.todays-plan-card .goals-text{font-size:.85rem;color:var(--text-red);margin-top:2px}.progress-circle-custom{width:85px;height:85px;border-radius:50%;position:relative;background:conic-gradient(var(--text-dark) 80%,#e9ecef 0)}.progress-circle-custom-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65px;height:65px;background-color:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.progress-circle-custom-text{font-size:.9rem;font-weight:600;color:var(--text-dark)}.stat-item-today .stat-label{font-size:.75rem;color:var(--text-muted-custom);margin-bottom:0}.stat-item-today .stat-value{font-size:1.15rem;font-weight:600;color:var(--text-dark)}.stat-item-today .stat-value .unit{font-size:.8rem;font-weight:500;color:var(--text-muted-custom);margin-left:2px}.stat-item-today .stat-value i.bi-heart-fill{color:var(--primary-accent);font-size:.9rem;margin-right:4px;vertical-align:baseline}.activity-breakdown-card .card-title-custom{font-size:1.05rem;font-weight:500;color:var(--text-dark)}.activity-breakdown-card .header-icons-sm i{font-size:1rem;color:var(--text-muted-custom);margin-left:10px;cursor:pointer}.activity-item{margin-bottom:15px;background-color:#f0f2f5;padding:10px;border-radius:10px;box-shadow:0 4px 8px #00000026}.activity-item:last-child{margin-bottom:0}.activity-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.activity-info .activity-name{font-size:.85rem;color:var(--text-light-emphasis);font-weight:500}.activity-progress{height:7px;border-radius:3.5px;background-color:#e9ecef}.widgets-row{display:flex;gap:25px}.widgets-row>div{flex:1}.dark-theme-card{background-color:var(--dark-card-bg);color:var(--dark-card-text);padding:18px}.dark-theme-card .card-title-custom{font-size:.85rem;font-weight:500;color:var(--dark-card-text);display:flex;align-items:center}.dark-theme-card .card-title-custom i{margin-right:8px;font-size:.9rem}.dark-theme-card .three-dots-icon{color:var(--text-muted-custom);cursor:pointer}.meal-plan-card{background-color:var(--card-bg);color:var(--text-dark);padding:18px}.meal-plan-card .card-title-custom{font-size:.85rem;font-weight:500;color:var(--text-dark);display:flex;align-items:center}.meal-plan-card .card-title-custom i{margin-right:8px;font-size:.9rem;color:var(--text-muted-custom)}.meal-plan-card .three-dots-icon{color:var(--text-muted-custom);cursor:pointer}.profile-card .card-title-custom{font-size:1.05rem;font-weight:500}.profile-card .edit-profile-icon{font-size:1rem;color:var(--text-muted-custom);cursor:pointer}.profile-avatar-lg{width:65px;height:65px;border-radius:50%;margin-bottom:8px}.profile-name{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:0}.profile-username{font-size:.8rem;color:var(--text-muted-custom);margin-bottom:12px}.profile-stats .stat-item{text-align:center}.profile-stats .stat-value{font-size:.95rem;font-weight:600;color:var(--text-dark)}.profile-stats .stat-value .unit{font-size:.75rem;font-weight:400}.profile-stats .stat-label{font-size:.7rem;color:var(--text-muted-custom)}.calendar-widget{padding:18px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.calendar-header .month-year{font-size:.85rem;font-weight:500;color:var(--dark-card-text)}.calendar-header .nav-arrow{color:var(--text-muted-custom);font-size:.9rem;text-decoration:none}.calendar-table{width:100%}.calendar-table th{font-size:.7rem;padding:5px 0;color:var(--text-muted-custom);font-weight:500}.calendar-table td{text-align:center;font-size:.75rem;color:var(--dark-card-text);height:26px;width:26px;line-height:26px;border-radius:50%;padding:0}.calendar-table td .schedule-dot{width:5px;height:5px;background-color:#ff8c00;border-radius:50%;position:relative;bottom:30px;left:50%;transform:translate(-50%)}.calendar-table .current-day{background-color:#ff8c00;color:#000!important;font-weight:600;border-radius:35%}.calendar-table td:hover{color:#ff8c00!important;font-weight:600;border-radius:35%;cursor:pointer}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.schedule-title{font-size:1.05rem;font-weight:500;color:var(--text-dark);display:flex;align-items:center}.schedule-count-badge{background-color:var(--primary-accent);color:#fff;font-size:.65rem;font-weight:500;padding:3px 6px;border-radius:6px;margin-left:8px}.schedule-see-all{font-size:.8rem;color:var(--text-muted-custom);text-decoration:none}.schedule-see-all:hover{color:var(--text-dark)}.training-item-card{background-color:#f8f9fa;border-radius:var(--border-radius-md);padding:10px 12px;margin-bottom:10px;box-shadow:none;border:1px solid #e9ecef}.training-item-card:last-child{margin-bottom:0}.training-item-content{display:flex;align-items:center;width:100%}.training-item-icon{font-size:1rem;color:var(--text-light-emphasis);margin-right:10px;min-width:18px}.training-item-details{flex-grow:1}.training-item-title{font-size:.85rem;font-weight:500;color:var(--text-dark);margin-bottom:0}.training-item-time{font-size:.75rem;color:var(--text-muted-custom)}.training-item-card .three-dots-icon{color:var(--text-muted-custom);cursor:pointer;font-size:.9rem}@media (min-width:1199px){.page-container{flex-direction:column;margin-left:calc(var(--sidebar-width) + 25px)}.center-panel,.right-panel{flex:1 1 auto;max-width:auto}}@media (min-width:1400px){body{zoom:80%}.page-container{flex-direction:column;margin-left:calc(var(--sidebar-width) + 25px)}.center-panel,.right-panel{flex:1 1 auto;max-width:auto}.customize_card_1{flex-grow:1;background-color:var(--page-wrapper-bg);border-radius:var(--border-radius-xl);box-shadow:var(--page-shadow);padding1:25px!important;margin:0 .5rem;gap1:25px;min-height:100%}}@media (max-width:1199px){.page-container{flex-direction:column;margin-left1:calc(var(--sidebar-width) + 25px)}.center-panel,.right-panel{flex:1 1 auto;max-width:auto}.customize_card_1{flex-grow:1;background-color:var(--page-wrapper-bg);border-radius:var(--border-radius-xl);box-shadow:var(--page-shadow);padding1:25px!important;margin:0 1rem;gap1:25px;min-height:100%}}@media (max-width:1366px){body{//padding: 50px !important}.page-container{flex-direction:column;margin-left:calc(var(--sidebar-width) + 25px)}.center-panel,.right-panel{flex:1 1 auto;max-width:auto}.todays-plan-card{zoom:90%;padding:5px}.customize_card_1{flex-grow:1;background-color:var(--page-wrapper-bg);border-radius:var(--border-radius-xl);box-shadow:var(--page-shadow);margin:0;gap1:25px;min-height:100%;min-width:100%}.dashboard-layout{display1:flex;min-height:calc(100vh - 40px);min-width:100%!important;padding:0;zoom:100%}}@media (max-width:991px){#left-sidebar-pro{min-width:450px;background-color:#f0f2f5;border-radius:var(--border-radius-lg);padding:25px 0;display:flex;flex-direction:column;align-items:left;box-shadow:var(--card-shadow);position:fixed;top:50px;bottom:70px;left:10px;right:10px;z-index:100;transition:width .3s ease,transform .3s ease,bottom .3s ease,border-radius .3s ease}body{padding:15px;overflow-x:hidden!important}#left-sidebar{left:15px;top:15px;bottom:15px;width:70px;margin-right:15px;background-color:#f0f2f5;border-radius:0}.page-container{margin-left:85px;padding:20px;gap:20px}.center-panel,.right-panel,.widgets-row{gap:20px}.col-custom-6{width:50%!important;flex:0 0 auto!important}.col-custom-5{width:40%!important;flex:0 0 auto!important}.col-custom-7{width:60%!important;flex:0 0 auto!important}.col-custom-4{width:30%!important;flex:0 0 auto!important}.col-custom-12{width:100%!important;flex:0 0 auto!important}}@media (max-width:844px){.notification-dropdown{width:330px!important}body{padding:10px;padding-bottom:calc(var(--mobile-nav-height) + 10px);overflow-x:hidden!important}#left-sidebar{width:100%;height:var(--mobile-nav-height);flex-direction:row;justify-content:space-around;align-items:center;padding:0 10px;margin-right:0;margin-bottom:0;position:fixed;top:auto;bottom:0;left:0;right:0}#left-sidebar .logo{margin-bottom:0;margin-right:auto;font-size:.9rem;display:none}#left-sidebar .nav{flex-direction:row!important;align-items:center;justify-content:space-around}#left-sidebar .nav-item{margin-bottom:0;margin-right:15px;display:flex}#left-sidebar .nav-link{padding:15px;font-size:2.2rem}#left-sidebar .avatar{margin-top:0;margin-left1:auto;width:30px;height:30px;display1:none}.page-container{margin-left:0;padding:0 0 3rem;border-radius:var(--border-radius-lg);gap:15px}.center-panel,.right-panel,.widgets-row{gap:15px}.section-header .section-title{font-size:1.3rem}.todays-plan-card .row>div{margin-bottom:15px}.todays-plan-card .row>div:last-child{margin-bottom:0}.widgets-row{flex-direction:column}.dashboard-layout{display1:flex;min-height:calc(100vh - 40px);min-width:100%!important;padding:0}}@media (max-width:544px){.col-custom-6,.col-custom-5,.col-custom-7{width:100%!important;flex:0 0 auto!important}.col-custom-4{width:30%!important;flex:0 0 auto!important}.col-custom-12{width:100%!important;flex:0 0 auto!important}}.interactive-widget{position:relative}.interactive-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;min-height:30px}.interactive-header h5{font-size:1.3rem;font-weight:200;display:flex;align-items:center;gap:10px;margin:0;transition:opacity .3s ease-in-out;color:#3d30e8}.interactive-header .header-icon{font-size:1.2em;opacity:.8}.interactive-tabs::-webkit-scrollbar{display:none}.interactive-tab{padding:10px 18px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease-out;font-size:.9rem;color:var(--text-light);margin-bottom:-1px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative}.interactive-tab:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:bottom left;transition:transform .3s ease-out}.interactive-tab.active{color:var(--primary-color);font-weight:600}.interactive-tab.active:after{transform:scaleX(1)}.interactive-tab:hover{color:var(--primary-color)}.interactive-content{display:none;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leaderboard-item,.quiz-item{display:flex;align-items:center;padding:15px 10px;border-bottom:1px solid var(--border-color);gap:15px;transition:background-color .2s ease-out}.quiz-item-2{padding:15px 4px;display:flex;border-bottom:1px solid var(--border-color);gap:15px;transition:background-color .2s ease-out}.leaderboard-item:hover,.quiz-item:hover{background-color:#f9fafb;transform:translate(3px);border-radius:30px}.leaderboard-item:last-child,.quiz-item:last-child{border-bottom:none}.item-icon-wrapper{width:45px;height:45px;background:#665ded1a;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0;font-size:1.2rem;transition:all .2s}.quiz-item:hover .item-icon-wrapper{background:var(--gradient-primary);color:var(--white);transform:scale(1.1)}.item-info h4{font-size:1.08rem;margin-bottom:3px;font-weight:500;color:#000}.item-info p{font-size:.85rem;color:var(--text-light);margin:0}.quiz-time{margin-left:auto;font-size:.8rem;color:var(--primary-color);font-weight:600;white-space:nowrap;background-color:#e8e6ff;padding:5px 10px;border-radius:50px}.leaderboard-widget h5{font-size:1.1rem;margin:25px 0 15px;display:flex;align-items:center;gap:8px}.leaderboard-widget h5 i{color:var(--accent-color)}.leaderboard-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-info);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;flex-shrink:0}.leaderboard-item .item-info{flex-grow:1}.leaderboard-points{font-size:1rem;font-weight:700;color:var(--primary-color);white-space:nowrap;margin-left:auto;display:flex;align-items:center;gap:5px}.leaderboard-points i{color:var(--accent-color);font-size:.9em}.col-sm-4{gap:35px!important}.tab-contents{zoom:80%}.schedule-section-wrapper{background-color:#fff;border-radius:8px;padding:0;margin-bottom:0}.schedule-title{font-size:1.2rem;margin-bottom:10px}.btn-see-more{width:100%;background-color:#fff;color:#000;border:2px solid #000;padding:7px;border-radius:12px;font-weight:500;margin-top:20px;cursor:pointer}.profile-container{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;text-align:left}.profile-container-2{display:flex;align-items:right;justify-content:left;gap:20px;flex-wrap:wrap;text-align:left}.profile-info{display:flex;flex-direction:column;justify-content:center}.profile-avatar-lg{border-radius:50%;width:70px;height:70px;object-fit:cover}.profile-name{margin:0;font-weight:600}.profile-username{margin:0;color:#777;font-size:.9rem}.quiz-tabs{display:flex;justify-content:space-between;width:100%;background:#fff;margin-bottom:50px;zoom:90%;border-radius:20px}.quiz-tab{flex:1;text-align:center;padding:12px 0;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;color:gray}.quiz-tab.active{border-color:#000;background:#343a40;border-radius:20px;color:#fff}.quiz-tab i{display:block;font-size:1.2rem;margin-bottom:4px}.pulse{animation:pulse 1s infinite;background:red;color:#fff;padding:3px 6px;border-radius:12px;font-size:.75rem;margin-left:5px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.interactive-content{display:none}.interactive-content.active{display:block}.quiz-item{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:20px;box-shadow:0 8px 44px #0000000f;margin-bottom:16px;zoom:90%;cursor:pointer}.quiz-item:hover{box-shadow:0 0 #0000000f}.item-info p{margin:0;font-size:.9rem}.quiz-time{font-weight:600;font-size:.85rem;color:#444}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;background:#f1f1f1;border-radius:6px;padding:10px;margin-bottom:8px;zoom:90%;cursor:pointer}.leaderboard-avatar{background:#665ded;color:#fff;font-weight:700;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}@media (max-width:768px){.quiz-tabs{flex-wrap:nowrap;overflow-x:auto}.quiz-tab{flex:0 0 33.3%}}.sidebar-submenu{position:absolute;top:50%;left:100%;transform:translateY(-50%);background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #00000014;z-index:999;min-width:220px;height:auto;display:flex;flex-direction:column;justify-content:center;margin-left:1rem}.sidebar-submenu .submenu-item{padding:10px 15px;font-size:.85rem;color:#333;cursor:pointer;white-space:nowrap}.sidebar-submenu .submenu-item:hover{background-color:#f0f0f0}@media (max-width:844px){.sidebar-submenu{position:absolute;top:auto!important;bottom:100%!important;left:50%!important;transform:translate(-50%) translateY(-8px)!important;width:100vw;padding:10px 0;background-color:#fff;border-radius:12px 12px 0 0;box-shadow:0 -5px 15px #00000014;z-index:9999;text-align:center;margin:0 50px}.schedule-section-wrapper{background-color:#343a40;border-radius:8px;padding:0;margin-bottom:0;color:#fff!important}.schedule-title{color:#fff}.customize_card_1{flex-grow:1;background-color:#343a40;border-radius:var(--border-radius-xl);box-shadow:var(--page-shadow);margin:0;gap1:25px;min-height:100%;min-width:100%}}#submenu-content a{color:inherit;text-decoration:none}#user-info{position:absolute;top:20px;right:20px;align-items:right;gap:12px;text-align:left;width:220px;display:flex}#user-avatar{border-radius:50%;width:60px;height:60px;object-fit:cover;box-shadow:0 8px 4px #0000000f;border:4px solid #000}.icon-circle{background:#ff8c00;//background: linear-gradient(135deg,#ff8c00,#ff69b4);padding:14px;border-radius:20%;display:flex;align-items:center;justify-content:center;color:#000!important;box-shadow:0 4px 8px #00000026;font-size:10px}.quiz-wrapper{position:relative;overflow:hidden}.quiz-slide{position:absolute;top:0;left:100%;height:80%;width:100%;background:#343a40;display:flex;align-items:center;justify-content:space-evenly;padding:1rem;transition:left .4s ease;z-index:0;border-radius:12px}.quiz-slide1{top:0;left:100%;height:100%;display:flex;align-items:center;justify-content:space-evenly;padding:.1rem;z-index:10;border-radius:12px}.quiz-wrapper.active .quiz-item{transform:translate(-100%)}.quiz-wrapper.active .quiz-slide{left:0}.quiz-button{padding:.5rem 1.2rem;border:none;border-radius:10px;font-weight:700;font-size:.9rem;color:#fff;transition:all .3s ease;box-shadow:0 4px 10px #00000026}.quiz-button.study{background:linear-gradient(135deg,#43e97b 0,#38f9d7);color:#000}.quiz-button.exam{background:linear-gradient(135deg,#f953c6 0,#b91d73)}.quiz-button:hover{transform:translateY(-2px);opacity:.95}.icon-circle .notification-dot1{position:absolute;top:0;right:0;width:10px;height:10px;background:red;border-radius:50%;border:2px solid #fff}.icon-circle .notification-dot{position:absolute;top:12px;left:12px;width:12px;height:12px;background:#000;border-radius:50%;border:0 solid #fff;z-index:2}.item-info h6{margin:0;font-size:15px}.item-info p{margin:0;font-size:13px}.quiz-time{display:flex;align-items:center;font-weight:700;color:#665ded;position:relative;padding-left:16px}.progress-ring{position:relative;width:42px;height:42px;border-radius:50%;background:conic-gradient(#665ded var(--percent),#e0e0e0 0)!important;display:flex;align-items:center;justify-content:center;margin-left:10px}.progress-ring span{font-size:12px;font-weight:600;color:#343a40}.quiz-slide1{margin-top:8px;display:none}.quiz-wrapper.active .quiz-slide1{display:flex;gap:10px}.search-box-mobile{position:relative;width:100%;max-width:500px;margin:12px 0}.search-box-mobile input{width:100%;height:50px;padding:0 20px 0 50px;border-radius:10px;border:none;outline:0;font-size:16px;background-color:#fff}input:focus{outline:0!important;border:0 solid #512da8!important;box-shadow:0 0 5px #512da880}.search-box-mobile i{position:absolute;top:50%;left:20px;transform:translateY(-50%);color:#000;font-size:20px}.search-wrapper{display:flex;justify-content:center;padding-bottom:30px}.search-box-mobile,.search-box-mobile-pro{position:relative;width:100%;max-width:500px;margin:12px 0}#sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s ease-in-out}#sidebar-overlay[v-show]{display:block}#logout-btn:hover{background:red;color:#fff;border-color:#8b0000}.badge{display:inline-block;background-color:#e60023;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;margin-left:6px;vertical-align:middle}.notification-container{position:relative;display:inline-block}.notification-bell{position:relative;cursor:pointer;font-size:24px;color:#666;transition:all .3s ease}.notification-bell.has-notifications{color:#f44}.notification-bell.shake{animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.notification-count{position:absolute;top:-8px;right:-8px;background-color:#f44;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:700}.notification-dropdown{position:absolute;right:0;top:100%;width:400px;background:#f0f2f5;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-top:10px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.notification-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee}.dropdown-header h3{margin:0;font-size:16px}.mark-all-read{background:0 0;border:none;color:#4285f4;cursor:pointer;font-size:14px}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:12px 15px;border-bottom:1px solid #f5f5f5;transition:background .2s}.notification-item:hover{background:#f9f9f9}.notification-item.unread{background:#f0f7ff}.notification-item .title{font-weight:700;margin-bottom:4px}.notification-item .time{font-size:12px;color:#999}.empty-state{padding:20px;text-align:center;color:#999}.item-viewport{width:100%;max-width:100%;overflow:hidden;margin-bottom:20px}.item-container{display:flex;width:100%;transition:transform .4s ease-in-out}.item-container.active{transform:translate(-100%)}.panel{width:100%}.panel.front{background:#fff}.btn-close{margin-top:10px;padding:6px 14px;background:#665ded;color:#fff;border:none;border-radius:6px;cursor:pointer}.quiz-header[data-v-5a4ce6e8]{display:flex;justify-content:space-between;align-items:center;padding:.3rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff!important;background:linear-gradient(45deg,#fdbb2d,#f1614f)}.header-left[data-v-5a4ce6e8]{display:flex;align-items:center;gap:1rem}.btn-icon[data-v-5a4ce6e8]{background:none;border:none;font-size:1.2rem;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease}.btn-icon[data-v-5a4ce6e8]:hover{background:#f8f9fa;color:#007bff}.header-title h2[data-v-5a4ce6e8]{margin:0;font-size:1.5rem;font-weight:600;color:#212529}.subtitle[data-v-5a4ce6e8]{margin:0;font-size:.9rem;color:#1a2a6c}.header-right[data-v-5a4ce6e8]{display:flex;align-items:center;gap:.5rem;position:relative}.icon-wrapper[data-v-5a4ce6e8]{position:relative;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#6c757d}.icon-wrapper[data-v-5a4ce6e8]:hover{color:#1a2a6c}.notification-badge[data-v-5a4ce6e8]{position:absolute;top:5px;right:5px;background:#dc3545;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center}.timer-display[data-v-5a4ce6e8]{display:flex;flex-direction:column;align-items:right;gap:10px}.timer-circle[data-v-5a4ce6e8]{position:relative;width:50px;height:50px}.timer-svg[data-v-5a4ce6e8]{width:100%;height:100%;transform:rotate(-90deg)}.timer-background[data-v-5a4ce6e8]{fill:none;stroke:#1a2a6c;stroke-width:5;box-shadow:0 5px 15px #0000004d!important}.timer-progress[data-v-5a4ce6e8]{fill:none;stroke-width:10;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset .3s ease;color:#00f!important;box-shadow:0 5px 15px #0000004d!important}.timer-text[data-v-5a4ce6e8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:#1a2a6c}.mode-toggle-wrapper[data-v-5a4ce6e8]{display:flex;justify-content:center;margin:10px 0}.mode-toggle[data-v-5a4ce6e8]{position:relative;display:flex;align-items:center;background:#f0f2f5;border-radius:25px;padding:5px;box-shadow:inset 0 1px 3px #0000001a}.mode-switch[data-v-5a4ce6e8]{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:25px;transition:transform .3s ease;box-shadow:0 1px 3px #0000001a;z-index:0}.mode-toggle.assessment-active .mode-switch[data-v-5a4ce6e8]{transform:translate(100%)}.mode-option[data-v-5a4ce6e8]{flex:1;text-align:center;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:color .3s ease;z-index:2;color:#adb5bd}.mode-toggle:not(.assessment-active) .study-mode[data-v-5a4ce6e8]{color:#007bff}.mode-toggle.assessment-active .assessment-mode[data-v-5a4ce6e8]{color:orange;background-color:#1a2a6c;border-radius:25px;transition:transform .3s ease;box-shadow:0 1px 3px #0000001a}.study-mode[data-v-5a4ce6e8],.assessment-mode[data-v-5a4ce6e8]{color:#343a40}.study-mode.active[data-v-5a4ce6e8],.assessment-mode.active[data-v-5a4ce6e8]{color:#fff}@keyframes scroll-alt-5a4ce6e8{to{transform:translate(calc(130px - 100%))}}.marquee-container:hover .subtitle[data-v-5a4ce6e8]{animation-play-state:paused}.desktop-only[data-v-5a4ce6e8]{display:none!important}.mobile-only[data-v-5a4ce6e8]{display:block}@media (min-width: 769px){.desktop-only[data-v-5a4ce6e8]{display:inline-block!important}.mobile-only[data-v-5a4ce6e8]{display:none}}@media (max-width: 600px){.marquee-container[data-v-5a4ce6e8]{width:130px;overflow:hidden}.marquee-container .subtitle[data-v-5a4ce6e8]{white-space:nowrap;display:inline-block;animation:scroll-alt-5a4ce6e8 10s alternate infinite ease-in-out}}.quiz-icon-back1[data-v-5a4ce6e8]{background-color:#fff!important;box-shadow:0 2px 5px #00000003!important;padding:19px;border-radius:12px}.action-btn[data-v-5a4ce6e8]{background:none;border:none;color:#777;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s ease-in-out,transform .2s ease-in-out}.action-btn[data-v-5a4ce6e8]:hover{color:#1a2a6c;transform:translateY(-2px)}.action-btn .fas[data-v-5a4ce6e8]{font-size:1.2rem}.action-btn[data-v-5a4ce6e8]{padding:.5rem 1.3rem;margin:0rem .4rem;border-radius:50px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow1:0 4px 15px rgba(0,0,0,.51)}.quiz-icon[data-v-5a4ce6e8]{font-size:25px!important;text-shadow:2px 4px 8px rgba(0,0,0,.3);color:#1a2a6c!important}.quiz-container[data-v-d8aa3017]{gap:20px;margin-bottom:40px;align-items:stretch}.question-card[data-v-d8aa3017]{flex:1;background1:white;border-radius:12px;padding:14px;box-shadow1:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:300px;position:relative;height:60vh}.question-header[data-v-d8aa3017]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.question-title[data-v-d8aa3017]{display:flex;align-items:center;gap:10px;font-weight:600;color:#495057}.question-title i[data-v-d8aa3017]{color:#007bff;font-size:1.2rem}.question-meta[data-v-d8aa3017]{display:flex;gap:8px}.badge[data-v-d8aa3017]{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.rank-badge[data-v-d8aa3017]{background:linear-gradient(145deg,gold,orange);color:#000}.points-badge[data-v-d8aa3017]{background:linear-gradient(145deg,#28a745,#20c997);color:#fff}.question-body[data-v-d8aa3017]{flex:1;display:flex;flex-direction:column;gap:20px}.centered-content[data-v-d8aa3017]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;gap:20px}.question-text[data-v-d8aa3017]{font-size:1.7rem;line-height:1.2;color:#1a2a6c;font-weight:600;max-width:100%}@media (max-width: 992px){.question-text[data-v-d8aa3017]{font-size:1.4rem}}.question-media[data-v-d8aa3017]{display:flex;flex-direction:column;gap:15px;margin-top:auto}.question-image[data-v-d8aa3017]{max-width:300px;max-height:300px;border-radius:12px;object-fit:contain;border:4px solid #f0f2f5}.question-audio[data-v-d8aa3017]{width:100%;margin-top:10px}.wrong-answer-container[data-v-d8aa3017]{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:auto;padding-top:20px}.wrong-answer-message[data-v-d8aa3017]{display:inline-block;align-items:center;gap:10px;font-size:.8rem;color:#dc3545;font-weight:500}.wrong-icon[data-v-d8aa3017]{color:#dc3545;font-size:1.5rem}.view-explanation-btn[data-v-d8aa3017]{padding:9px 24px;font-size:.9rem;border-radius:12px;background-color:#007bff;color:#fff;border:3px solid #007bff;cursor:pointer;transition:background-color .2s;margin-bottom:50px}.view-explanation-btn[data-v-d8aa3017]:hover{background-color:#0056b3}.fullscreen-modal-overlayd[data-v-d8aa3017]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000}.fullscreen-modal1[data-v-d8aa3017]{width:90%;height:85%;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.fullscreen-modal-header[data-v-d8aa3017]{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#f8f9fa}.fullscreen-modal-header h2[data-v-d8aa3017]{margin:0;color:#212529}.close-fullscreen-btn[data-v-d8aa3017]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d}.close-fullscreen-btn[data-v-d8aa3017]:hover{color:#495057}.fullscreen-modal-content[data-v-d8aa3017]{flex:1;padding:30px;overflow-y:auto}.fullscreen-modal-content h3[data-v-d8aa3017]{color:#495057;margin-top:20px;margin-bottom:10px}.fullscreen-modal-content p[data-v-d8aa3017]{font-size:1.1rem;line-height:1.6;color:#212529}.fullscreen-modal-footer[data-v-d8aa3017]{padding:20px;display:flex;justify-content:flex-end;background-color:#f8f9fa}.ok-button[data-v-d8aa3017]{padding:10px 25px;font-size:1.1rem;border-radius:6px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.ok-button[data-v-d8aa3017]:hover{background-color:#0056b3}.media-wrapper[data-v-d8aa3017]{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.media-footnote[data-v-d8aa3017]{font-size:.8rem;color:#666;margin-top:4px}.media-wrapper img[data-v-d8aa3017]{cursor:pointer;max-width:100%;border-radius:5px}.modal-overlay[data-v-d8aa3017]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-d8aa3017]{position:relative;max-width:90%;max-height:90%}.full-image[data-v-d8aa3017]{max-width:100%;max-height:100%;border-radius:5px}.close-btn[data-v-d8aa3017]{position:absolute;top:-10px;right:-10px;background:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;line-height:1;width:30px;height:30px}.live-dot[data-v-d8aa3017]{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background-color:red;animation:pulse-d8aa3017 1.5s infinite;vertical-align:middle}@keyframes pulse-d8aa3017{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(1);opacity:1}}.fullscreen-modal-overlay[data-v-d8aa3017]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-d8aa3017 .3s ease-in-out;z-index:9999999;box-shadow:none}.fullscreen-modal[data-v-d8aa3017]{width:100%;max-width:62%;background-color:#fff!important;color:#000;border-radius:12px;box-shadow:0 0 #0000;display:flex;flex-direction:column;max-height:30%;height:60%;margin-left:-40px!important;margin-top:200px!important;animation:slideIn-d8aa3017 .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.fullscreen-modal-header[data-v-d8aa3017]{display:flex;justify-content:space-between;align-items:center;padding1:24px;position:relative;background-color:#fff;color:#000}.fullscreen-modal-header h4[data-v-d8aa3017]{margin:0;font-size:1.4rem;font-weight:600;color:#000}.close-fullscreen-btn[data-v-d8aa3017]{background:none;border:none;color:#888;font-size:.8rem;cursor:pointer;transition:color .3s ease}.close-fullscreen-btn[data-v-d8aa3017]:hover{color:#fff;transform:rotate(90deg)}.fullscreen-modal-content[data-v-d8aa3017]{padding:24px;overflow-y:auto;flex-grow:1}.fullscreen-modal-content h3[data-v-d8aa3017]{font-size:1.2rem;font-weight:500;margin-top:0;margin-bottom:16px;color:#000}.fullscreen-modal-content p[data-v-d8aa3017]{line-height:1.6;color:#000;margin-bottom:24px}.fullscreen-modal-content h3[data-v-d8aa3017]:first-of-type{color:#f44336}.fullscreen-modal-content h3[data-v-d8aa3017]:last-of-type{color:#4caf50}.fullscreen-modal-footer[data-v-d8aa3017]{padding:24px;display:flex;justify-content:flex-end}.ok-button[data-v-d8aa3017]{background-color:#000;color:orange;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-weight:600;width:100%}.ok-button[data-v-d8aa3017]:hover{background-color:#0056b3;transform:translateY(-2px)}@keyframes fadeIn-d8aa3017{0%{background-color:#0000}to{background-color:#000000e6}}@keyframes slideIn-d8aa3017{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fullscreen-box[data-v-d8aa3017]{position:relative;top:0;left:0;width:100%;z-index:9999999!important;border-radius:15px;background-color:#f0f2f5;padding:30px}.desktop-only[data-v-d8aa3017]{display:none!important}.mobile-only[data-v-d8aa3017]{display:block!important}@media (min-width: 769px){.desktop-only[data-v-d8aa3017]{display:block!important}.mobile-only[data-v-d8aa3017]{display:none}}.modal-overlay1[data-v-d8aa3017]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.modal-content[data-v-d8aa3017]{position:relative;background:#fff;border-radius:12px;padding:0;max-width:90%;max-height:90%;overflow:hidden}.image-description[data-v-d8aa3017]{background:#fff;color:#333;font-size:1px!important;font-weight:500;padding:10px 15px;border-bottom:1px solid #ddd;text-align:left}.image-description .question-text[data-v-d8aa3017]{display:inline-block}.close-btn[data-v-d8aa3017]{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:28px;cursor:pointer;color:#666;margin-left:15px}.pulse-animation[data-v-d8aa3017]{animation:pulse-d8aa3017 .6s ease-in-out}@keyframes pulse-d8aa3017{0%{transform:scale(1);box-shadow:0 0 #28a745b3}50%{transform:scale(1.1);box-shadow:0 0 10px 15px #28a74500}to{transform:scale(1);box-shadow:0 0 #28a74500}}@media (max-width: 992px){.quiz-container[data-v-d8aa3017]{flex-direction:column;margin-bottom:20px;margin-top:10px}.question-card[data-v-d8aa3017]{height:auto;min-height:50vh}.fullscreen-modal-overlay[data-v-d8aa3017]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-d8aa3017 .3s ease-in-out;z-index1:9999999;box-shadow:none}.fullscreen-modal1[data-v-d8aa3017]{width:100%!important;height:85%}.fullscreen-modal[data-v-d8aa3017]{min-width:97%!important;height:110%!important;min-height:89%!important;margin-left:10px!important;margin-top:80px!important}.fullscreen-modal-content[data-v-d8aa3017]{padding:20px}}@media (max-width: 576px){.question-card[data-v-d8aa3017]{padding:16px}.question-header[data-v-d8aa3017]{flex-direction:row;gap:10px;align-items:flex-start}.fullscreen-modal-overlay[data-v-d8aa3017]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-d8aa3017 .3s ease-in-out;z-index:9999999;box-shadow:none}.fullscreen-modal-content[data-v-d8aa3017]{padding:15px}.fullscreen-modal-content p[data-v-d8aa3017]{font-size:1rem}}@media (max-width: 411px){.quiz-container[data-v-d8aa3017]{flex-direction:column;margin-bottom:20px;margin-top:10px}.question-card[data-v-d8aa3017]{height:auto;min-height:50vh}.fullscreen-modal[data-v-d8aa3017]{min-width:96%!important;min-height:88%!important;height:100%;margin-left:10px!important;margin-top:100px!important}.fullscreen-modal-content[data-v-d8aa3017]{padding:20px}}.quiz-icon-back[data-v-d8aa3017]{background-color:#fff!important;box-shadow:0 2px 5px #0000001a!important;padding:19px;border-radius:12px}.quiz-icon[data-v-d8aa3017]{font-size:20px!important;text-shadow:2px 4px 8px rgba(0,0,0,.3);color:#1a2a6c!important}.action-btn[data-v-d8aa3017]{background:none;border:none;color:#777;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s ease-in-out,transform .2s ease-in-out}.action-btn[data-v-d8aa3017]:hover{color:#1a2a6c;transform:translateY(-2px)}.action-btn .fas[data-v-d8aa3017]{font-size:1.2rem}.action-btn[data-v-d8aa3017]{padding:.8rem 2rem;border-radius:50px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.button-container[data-v-d8aa3017]{display:flex;justify-content:center;align-items:left;gap:10px;flex-direction:row}.slide-up-enter-active[data-v-d8aa3017],.slide-up-leave-active[data-v-d8aa3017]{transition:opacity .4s ease,transform .4s ease}.slide-up-enter-from[data-v-d8aa3017]{opacity:0;transform:translate(00%,20px)}.slide-up-enter-to[data-v-d8aa3017]{opacity:1;transform:translateY(-0px)}.slide-up-leave-from[data-v-d8aa3017]{opacity:1;transform:translate(00%)}.slide-up-leave-to[data-v-d8aa3017]{opacity:0;transform:translate(00%,20px)}.quiz-container[data-v-8a816046]{width:100%;max-width:1000px;margin:0 auto;padding:0 15px}.disabled-content[data-v-8a816046]{opacity:.7;pointer-events:none}.desktop-navigation[data-v-8a816046]{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%}.answers-grid[data-v-8a816046]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin:0 auto}.answer-item[data-v-8a816046]{background:#fff;border-radius:16px;padding:12px;box-shadow:none;cursor:pointer;border:4px solid #339af0;position:relative;overflow1:hidden;display:flex;align-items:center;min-height:150px;background-color1:#339af0;color1:white!important}.answer-item[data-v-8a816046]:hover:not(.disabled){border:4px solid #4dabf7}.answer-item.selected[data-v-8a816046]{border-width:3px;transform:scale(1.02)}.answer-item.correct[data-v-8a816046]{border-color:#51cf66;background:linear-gradient(135deg,#ebfbee,#fff);animation:pulseCorrect-8a816046 .6s ease}.answer-item.wrong[data-v-8a816046]{border-color:#ff6b6b;background:linear-gradient(135deg,#fff5f5,#fff);animation:shake-8a816046 .5s ease}.answer-item.disabled[data-v-8a816046]:not(.correct):not(.wrong){cursor:not-allowed;opacity:.7}.answer-content[data-v-8a816046]{display:flex;align-items:center;gap:20px;width:100%}.answer-letter[data-v-8a816046]{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#4dabf7,#339af0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0;transition:all .3s ease;margin-right:10px;box-shadow1:0 4px 10px rgba(77,171,247,.3)}.answer-item.correct .answer-letter[data-v-8a816046]{background:linear-gradient(135deg,#51cf66,#40c057);box-shadow:0 4px 10px #51cf664d}.answer-item.wrong .answer-letter[data-v-8a816046]{background:linear-gradient(135deg,#ff6b6b,#fa5252);box-shadow:0 4px 10px #ff6b6b4d}.answer-text[data-v-8a816046]{flex:1;font-size:18px;font-weight:500;color:#2c3e50;line-height:1.4}.answer-feedback[data-v-8a816046]{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.answer-feedback i[data-v-8a816046]{font-size:24px}.answer-item.correct .answer-feedback i[data-v-8a816046]{color:#51cf66}.answer-item.wrong .answer-feedback i[data-v-8a816046]{color:#ff6b6b}.nav-btn[data-v-8a816046]{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;font-size:24px;transition:all .3s ease;box-shadow:0 6px 15px #0000001a;background:linear-gradient(135deg,#4dabf7,#339af0);color:#fff}.nav-btn[data-v-8a816046]:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.nav-btn[data-v-8a816046]:disabled{opacity:.5;cursor:not-allowed;background:#adb5bd}.prev-btn[data-v-8a816046]{background:linear-gradient(135deg,#495057,#343a40)}.next-btn[data-v-8a816046]{background:linear-gradient(135deg,#4dabf7,#339af0)}.mobile-navigation[data-v-8a816046]{display1:flex;justify-content1:space-between;align-items1:center;margin-top:30px;padding:10px 20px;background:#fff;border-radius:16px;box-shadow:0 -6px 10px #0000001a;position:fixed;bottom:20px;left:20px;right:20px;z-index:1000}.mobile-navigation .nav-btn[data-v-8a816046]{width:40px;height:40px}.question-counter[data-v-8a816046]{font-weight:600;color:#495057;font-size:16px}@keyframes pulseCorrect-8a816046{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shake-8a816046{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}to{transform:translate(0)}}@media (max-width: 992px){.answers-grid[data-v-8a816046]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin:0 auto}.answer-item[data-v-8a816046]{padding:0;min-height:100px}.answer-content[data-v-8a816046]{gap:15px}.answer-letter[data-v-8a816046]{width:35px;height:35px;font-size:19px;position:absolute;margin-left:-25px!important;z-index:99999!important}.answer-text[data-v-8a816046]{padding-left:20px;font-size:12px}.answer-feedback[data-v-8a816046]{display:none}.nav-btn[data-v-8a816046]{width:60px;height:60px;font-size:20px}}@media (max-width: 768px){.quiz-container[data-v-8a816046]{padding:0 10px}.desktop-navigation[data-v-8a816046]{flex-direction:column;gap:20px}.answer-item[data-v-8a816046]{padding:5px;min-height:130px;position:relative;z-index:0!important}.answer-content[data-v-8a816046]{gap:1px}.answer-letter[data-v-8a816046]{width:35px;height:35px;font-size:14px;border-radius:12px}.answer-text[data-v-8a816046]{font-size:13px}.mobile-navigation[data-v-8a816046]{bottom:10px;left:10px;right:10px;padding:15px;margin-top:0;display:inline-block!important}.mobile-navigation_2[data-v-8a816046]{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:10px 20px}.mobile-navigation .nav-btn[data-v-8a816046]{width:40px;height:40px;font-size:18px}.question-counter[data-v-8a816046]{font-size:14px}}@media (min-width: 768px){.desktop-navigation[data-v-8a816046]{display:flex;justify-content:center;position:relative;width:100%}.desktop-navigation .nav-btn.prev-btn[data-v-8a816046],.desktop-navigation .nav-btn.next-btn[data-v-8a816046]{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;z-index:10}.desktop-navigation .nav-btn.prev-btn[data-v-8a816046]{left:0}.desktop-navigation .nav-btn.next-btn[data-v-8a816046]{right:0}.desktop-navigation .answers-grid[data-v-8a816046]{margin:0 auto;max-width:800px}}.desktop-only[data-v-8a816046]{display:none}.mobile-only[data-v-8a816046]{display:inline-block;display:flex}@media (min-width: 768px){.desktop-only[data-v-8a816046]{display:inline-block!important}.ghis[data-v-8a816046]{min-width:100%}.mobile-only[data-v-8a816046]{display:none!important}}.answer-media[data-v-8a816046]{max-width:100%;max-height:85px;object-fit1:contain;border-radius:8px;display:block;margin:0 auto}.answer-audio[data-v-8a816046]{width:100%;margin-top:5px}.answer-image-container[data-v-8a816046]{position:relative;display:inline-block}.view-image-btn[data-v-8a816046]{position:absolute;bottom:5px;right:5px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;padding:10px!important}.view-image-btn[data-v-8a816046]:hover{//background: rgba(0,0,0,.9)}.image-modal-overlay[data-v-8a816046]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal-content[data-v-8a816046]{position:relative;max-width:90%;max-height:100%;background:#fff;border-radius:12px;padding:0;display:flex;flex-direction:column;align-items:center}.modal-image[data-v-8a816046]{max-width:100%;max-height:100%;object-fit1:full;border-radius:5px}.modal-actions[data-v-8a816046]{display:flex;gap:10px;align-items:center}.select-answer-btn[data-v-8a816046]{background:linear-gradient(135deg,#4dabf7,#339af0);color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:500}.select-answer-btn[data-v-8a816046]:hover{background:linear-gradient(135deg,#339af0,#228be6)}.close-modal-btn[data-v-8a816046]{position:absolute;top:-10px;right:-10px;background:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;line-height:1;width:30px;height:30px}.close-modal-btn[data-v-8a816046]:hover{background:#5a6268}.modal-content[data-v-8a816046]{position:relative;max-width:90%;max-height:90%}.full-image[data-v-8a816046]{max-width:100%!important;max-height:100%!important;border-radius:5px}.slide-up-enter-active[data-v-8a816046],.slide-up-leave-active[data-v-8a816046]{transition:opacity .4s ease,transform .4s ease}.slide-up-enter-from[data-v-8a816046]{opacity:0;transform:translate(00%,20px)}.slide-up-enter-to[data-v-8a816046]{opacity:1;transform:translateY(-0px)}.slide-up-leave-from[data-v-8a816046]{opacity:1;transform:translate(00%)}.slide-up-leave-to[data-v-8a816046]{opacity:0;transform:translate(00%,20px)}.quiz-icon-back[data-v-8a816046]{background-color:#fff!important;box-shadow:0 2px 5px #00000003!important;padding:19px;border-radius:12px}.quiz-icon[data-v-8a816046]{font-size:20px!important;text-shadow:2px 4px 8px rgba(0,0,0,.3);color:#1a2a6c!important}.action-btn[data-v-8a816046]{background:none;border:none;color:#777;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s ease-in-out,transform .2s ease-in-out}.action-btn[data-v-8a816046]:hover{color:#1a2a6c;transform:translateY(-2px)}.action-btn .fas[data-v-8a816046]{font-size:1.2rem}.action-btn[data-v-8a816046]{padding:.8rem 2rem;border-radius:50px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.button-container[data-v-8a816046]{display:flex;justify-content1:center;align-items1:center;gap:10px;flex-direction:row}.modal-backdrop[data-v-6e3f24d8]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;display:flex;justify-content:center;align-items:center;z-index:0}.modal-content[data-v-6e3f24d8]{background:#fff;border-radius:10px;padding:2rem;width:90%;max-width:40%;box-shadow:0 5px 15px #0000004d;height:100%;min-height:90%}.modal-header[data-v-6e3f24d8]{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1rem}.modal-title[data-v-6e3f24d8]{margin:0;font-size:1.5rem}.modal-body[data-v-6e3f24d8]{padding:1rem 0}.modal-footer[data-v-6e3f24d8]{display:flex;justify-content:flex-end;padding-top:1rem;margin-top:1rem}.btn-close[data-v-6e3f24d8]{background:transparent;border:none;font-size:1.5rem;line-height:1;opacity:1}.btn-close[data-v-6e3f24d8]:hover{opacity:1}.btn[data-v-6e3f24d8]{padding:.5rem 1rem;border-radius:5px;cursor:pointer}.btn-secondary[data-v-6e3f24d8]{background-color:#6c757d;color:#fff;border:1px solid #6c757d}.btn-danger[data-v-6e3f24d8]{background-color:#dc3545;color:#fff;border:1px solid #dc3545}.btn-primary[data-v-6e3f24d8]{background-color:#007bff;color:#fff;border:1px solid #007bff}.form-control[data-v-6e3f24d8]{width:100%;padding:.375rem .75rem;border:1px solid #ced4da;border-radius:.25rem}.form-label[data-v-6e3f24d8]{display:block;margin-bottom:.5rem}.form-check-input[data-v-6e3f24d8]{margin-right:.5rem}.summary-modal[data-v-6e3f24d8]{max-width:500px}.score-circle[data-v-6e3f24d8]{width:120px;height:120px;border-radius:50%;background:linear-gradient(145deg,#007bff,#0056b3);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-shadow:0 4px 8px #0000001a}.score-text[data-v-6e3f24d8]{font-size:2rem;font-weight:700}.score-percentage[data-v-6e3f24d8]{font-size:.9rem;opacity:.9}.stats-grid[data-v-6e3f24d8]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item[data-v-6e3f24d8]{text-align:center;padding:1rem;background-color:#f8f9fa;border-radius:8px}.stat-number[data-v-6e3f24d8]{font-size:1.5rem;font-weight:700;color:#007bff}.stat-label[data-v-6e3f24d8]{font-size:.8rem;color:#6c757d}.start-screen[data-v-6e3f24d8],.pause-screen[data-v-6e3f24d8]{display:flex;justify-content:center;align-items:center;min-height:60vh;background1:white;border-radius:12px;box-shadow1:0 4px 12px rgba(0,0,0,.1)}.start-modal-content[data-v-6e3f24d8],.pause-modal-content[data-v-6e3f24d8]{text-align:center;max-width:400px}.quiz-details[data-v-6e3f24d8]{margin:1.5rem 0}.detail-item[data-v-6e3f24d8]{display:flex;align-items:center;margin:.75rem 0;font-size:1.1rem;justify-content:center}.detail-item i[data-v-6e3f24d8]{width:30px;color:#007bff;margin-right:10px}.start-btn[data-v-6e3f24d8]{padding:.75rem 2rem;font-size:1.2rem;border-radius:50px;background:linear-gradient(145deg,#007bff,#0056b3);border:none;box-shadow:0 4px 15px #007bff4d;transition:all .3s ease;color:#1a2a6c!important}.start-btn[data-v-6e3f24d8]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #007bff66}.pause-stats[data-v-6e3f24d8]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.pause-actions[data-v-6e3f24d8]{display:flex;justify-content:center;gap:1rem}.quiz-blurred[data-v-6e3f24d8]{filter:blur(5px);pointer-events:none;opacity:.7}.summary-modal[data-v-6e3f24d8]{max-width:500px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.score-circle[data-v-6e3f24d8]{width:140px;height:140px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.2)}.modal-content[data-v-6e3f24d8]{border-radius:15px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.modal-header[data-v-6e3f24d8]{color:#000}.icon-wrapper[data-v-6e3f24d8]{margin:0 8px;padding:10px;border-radius:50%;transition:all .3s ease}.icon-wrapper[data-v-6e3f24d8]:hover{background:#007bff1a;transform:scale(1.1)}.quiz-content-container[data-v-6e3f24d8]{display:flex;gap:20px;margin-top:20px;align-items:flex-start}.main-quiz-content[data-v-6e3f24d8]{flex:1;min-width:0}@media (max-width: 992px){.quiz-content-container[data-v-6e3f24d8]{margin-top:0}.modal-content[data-v-6e3f24d8]{max-width:100%}}@media (max-width: 768px){.side-cards-container[data-v-6e3f24d8]{flex-direction:column}.pause-stats[data-v-6e3f24d8]{grid-template-columns:1fr}.pause-actions[data-v-6e3f24d8]{flex-direction:column;align-items:center}}.desktop-only[data-v-6e3f24d8]{display:none}.mobile-only[data-v-6e3f24d8]{display:block}@media (min-width: 769px){.desktop-only[data-v-6e3f24d8]{display:block}.mobile-only[data-v-6e3f24d8]{display:none}}@media (max-width: 768px){.quiz-navigation[data-v-6e3f24d8]{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px;box-shadow:0 -2px 10px #0000001a;z-index:1000}}@media (max-width: 768px){.page-container1[data-v-6e3f24d8]{display:none}.col-custom-7[data-v-6e3f24d8]{flex:0 0 100%;max-width:100%}.customize_card_1a[data-v-6e3f24d8]{margin:0;border-radius:0;min-height:100vh}.center-panel[data-v-6e3f24d8]{padding:0}}@media (max-width: 768px){.start-screen[data-v-6e3f24d8],.pause-screen[data-v-6e3f24d8]{border-radius:10px}.modal-content[data-v-6e3f24d8]{margin:1rem;width:calc(100% - 2rem)}}@supports (-webkit-touch-callout: none){.customize_card_1a[data-v-6e3f24d8]{min-height:-webkit-fill-available}}.btn[data-v-6e3f24d8]{min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.quiz-content-container[data-v-6e3f24d8]{padding-bottom:80px}}@media (max-width: 768px){html[data-v-6e3f24d8]{-webkit-text-size-adjust:100%}.detail-item[data-v-6e3f24d8]{font-size:1rem}.start-btn[data-v-6e3f24d8]{font-size:1.1rem;padding:.6rem 1.5rem}}@media (max-width: 768px){.form-control[data-v-6e3f24d8]{font-size:16px}}.modal-backdrop[data-v-6e3f24d8]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1050}.modal-content[data-v-6e3f24d8]{max-height:90vh;overflow-y:auto}@media (max-width: 768px){.dashboard-layout[data-v-6e3f24d8]{min-height:100vh;min-height:-webkit-fill-available}}@media (max-width: 768px){.form-check-label[data-v-6e3f24d8],.form-check-input[data-v-6e3f24d8],.btn[data-v-6e3f24d8]{touch-action:manipulation}}@media (max-width: 768px){body[data-v-6e3f24d8],html[data-v-6e3f24d8]{overflow-x:hidden;width:100%}.dashboard-layout[data-v-6e3f24d8]{overflow-x:hidden}}.quiz-blurred[data-v-6e3f24d8]{filter:blur(5px);pointer-events:none;opacity:.7;display:none}.modal-backdrop[data-v-6e3f24d8]{position:fixed;top:0;right:0;bottom:0;left:0;background1:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1050}.game-modal[data-v-6e3f24d8]{width:360px;background1:#1e1f29;border-radius:16px;box-shadow:0 8px 24px #00000080;overflow:hidden;color:#f0f0f0;animation:fadeInScale-6e3f24d8 .4s ease-out}@keyframes fadeInScale-6e3f24d8{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-header[data-v-6e3f24d8]{background1:linear-gradient(135deg,#ff9a8b,#fecfef);padding:16px;display:flex;align-items:center;justify-content:center;position:relative}.trophy-icon[data-v-6e3f24d8]{font-size:28px;margin-right:8px;color:gold;text-shadow:0 0 8px gold;animation:pop-6e3f24d8 .6s ease-out}@keyframes pop-6e3f24d8{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.score-circle[data-v-6e3f24d8]{width:140px;height:140px;border-radius:50%;background:orange;display:flex;align-items:center;justify-content:center;position:relative}.score-text[data-v-6e3f24d8]{font-size:28px;font-weight:700;color:#000}.score-percentage[data-v-6e3f24d8]{font-size:18px;color:#000;position:absolute;bottom:12px}.stats-grid[data-v-6e3f24d8]{display:flex;justify-content:space-around}.stat-item[data-v-6e3f24d8]{text-align:center}.stat-number[data-v-6e3f24d8]{font-size:22px;font-weight:600}.stat-label[data-v-6e3f24d8]{font-size:12px;color:#bbb}.share-btn[data-v-6e3f24d8]{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:12px 24px;border:none;border-radius:24px;font-size:16px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 12px #2575fc80;animation:glow-6e3f24d8 2s infinite alternate;transition:transform .2s}.share-btn i[data-v-6e3f24d8]{margin-right:8px}.share-btn[data-v-6e3f24d8]:hover{transform:scale(1.05)}@keyframes glow-6e3f24d8{0%{box-shadow:0 4px 12px #1a5ae780}to{box-shadow:0 8px 20px #1a5ae7cc}}.modal-footer .btn-outline-light[data-v-6e3f24d8]{color:#f0f0f0;border-color:#f0f0f0;transition:background .2s}.modal-footer .btn-outline-light[data-v-6e3f24d8]:hover{background:#f0f0f01a}.confetti-container[data-v-6e3f24d8]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url(path/to/transparent-confetti.png);background-size:contain;animation:confettiFall-6e3f24d8 3s infinite}@keyframes confettiFall-6e3f24d8{0%{background-position:0 -200px}to{background-position:0 600px}}.mode-toggle-container[data-v-6e3f24d8]{display:flex;align-items:center;justify-content:center;gap:10px}.mode-toggle-label[data-v-6e3f24d8]{font-weight:700;margin-right:10px}.mode-toggle[data-v-6e3f24d8]{position:relative;display:inline-block;width:120px;height:34px}.mode-toggle-checkbox[data-v-6e3f24d8]{opacity:0;width:0;height:0}.mode-toggle-slider[data-v-6e3f24d8]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4caf50;transition:.4s;border-radius:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.mode-toggle-checkbox:checked+.mode-toggle-slider[data-v-6e3f24d8]{background-color:#f44336}.mode-text[data-v-6e3f24d8]{color:#fff;font-weight:700;font-size:12px;transition:opacity .3s}.mode-toggle-checkbox:checked+.mode-toggle-slider .study-mode[data-v-6e3f24d8]{opacity:.5}.mode-toggle-checkbox:not(:checked)+.mode-toggle-slider .assessment-mode[data-v-6e3f24d8]{opacity:.5}.mode-toggle-slider[data-v-6e3f24d8]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;z-index:2}.mode-toggle-checkbox:checked+.mode-toggle-slider[data-v-6e3f24d8]:before{transform:translate(86px)}.assessment-features[data-v-6e3f24d8]{margin-top:15px;padding-top:15px;border-top:1px dashed #ccc}.assessment-features .detail-item[data-v-6e3f24d8]{color:#f44336;justify-content:flex-start}.start-actions[data-v-6e3f24d8]{display:flex;justify-content:center;gap:15px}.start-screen1[data-v-6e3f24d8]{positionq:fixed;top:0;left:0;width:100%;height:100%;display1:flex;justify-content:center;align-items:center;background1:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);font-family:Poppins,sans-serif;color:#fff}.start-modal-content[data-v-6e3f24d8]{background1:rgba(255,255,255,.95);backdrop-filter1:blur(10px);border-radius:20px;padding:40px 0;box-shadow1:0 10px 30px rgba(0,0,0,.2);text-align:center;width:90%;max-width:600px;color:#333;animation:modal-fade-in-6e3f24d8 .5s ease-out}@keyframes modal-fade-in-6e3f24d8{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.header h3[data-v-6e3f24d8]{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#1a2a6c}.action-bar[data-v-6e3f24d8]{display:flex;justify-content:flex-end;gap:15px;margin-bottom:25px}.action-btn[data-v-6e3f24d8]{background:none;border:none;color:#777;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s ease-in-out,transform .2s ease-in-out}.action-btn[data-v-6e3f24d8]:hover{color:#1a2a6c;transform:translateY(-2px)}.action-btn .fas[data-v-6e3f24d8]{font-size:1.2rem}.mode-selector-container[data-v-6e3f24d8]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.mode-label[data-v-6e3f24d8]{font-weight:600;margin-right:15px;color:#555}.mode-toggle[data-v-6e3f24d8]{position:relative;width:150px;height:40px;border-radius:20px;background-color:#e0e0e0;cursor:pointer}.mode-toggle-checkbox[data-v-6e3f24d8]{display:none}.mode-toggle-slider[data-v-6e3f24d8]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background-color:#f0f0f0;box-shadow:inset 0 2px 4px #0000001a;transition:background-color .3s ease-in-out}.mode-text[data-v-6e3f24d8]{position:absolute;top:50%;transform:translateY(-50%);font-weight:600;font-size:.9rem;transition:all .3s ease-in-out}.study-mode-text[data-v-6e3f24d8]{left:20px;color:#1a2a6c}.assessment-mode-text[data-v-6e3f24d8]{right:20px;color:#fff;opacity:0}.mode-toggle-checkbox:checked+.mode-toggle-slider[data-v-6e3f24d8]{background-color:#1a2a6c}.mode-toggle-checkbox:checked+.mode-toggle-slider .study-mode-text[data-v-6e3f24d8]{opacity:0}.mode-toggle-checkbox:checked+.mode-toggle-slider .assessment-mode-text[data-v-6e3f24d8]{opacity:1}.quiz-stats[data-v-6e3f24d8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.stat-card[data-v-6e3f24d8]{background:#f8f9fa;border-radius:15px;padding:0;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;align-items:center;transition1:transform .2s ease-in-out,box-shadow .2s ease-in-out}.stat-card1[data-v-6e3f24d8]{zoom:80%;padding:10px;display:flex;flex-direction:column;align-items:center;transition1:transform .2s ease-in-out,box-shadow .2s ease-in-out}.stat-icon[data-v-6e3f24d8]{font-size:2rem;color:#1a2a6c;margin-bottom:10px}.stat-value[data-v-6e3f24d8]{font-size:1.8rem;font-weight:700;color:#333}.stat-label[data-v-6e3f24d8]{font-size:.9rem;color:#777;text-transform:uppercase;letter-spacing:.5px}.mode-info-box[data-v-6e3f24d8]{min-width:100%;display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;border-radius:15px;padding:0 25px;text-align:left;margin-bottom1:25px;transition:background-color .3s ease-in-out}.assessment-box[data-v-6e3f24d8]{background-color:#f1e4e4;border:1px solid #d4a6a6}.study-box[data-v-6e3f24d8]{background-color:#e4eaf1;border:1px solid #a6b2d4}.info-title[data-v-6e3f24d8]{font-weight:600;font-size:1.2rem;margin-bottom:10px}.info-text[data-v-6e3f24d8]{font-size:.95rem;color:#555}.info-list[data-v-6e3f24d8]{font-size:.9rem;padding-left:20px;color:#555}.start-btn[data-v-6e3f24d8]{background:#fdbb2d;background:linear-gradient(45deg,#fdbb2d,#f1614f);border:none;color:#fff;font-size:1.5rem;font-weight:700;padding:12px 40px;border-radius:50px;box-shadow:0 5px 15px #f1614f66;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;text-transform:uppercase;letter-spacing:1px}.start-btn[data-v-6e3f24d8]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #f1614f99}.start-btn .fas[data-v-6e3f24d8]{margin-right:10px}.points-badge[data-v-6e3f24d8]{background:linear-gradient(145deg,gold,orange);color:#000;padding:8px 16px;border-radius:20px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.loading-overlay[data-v-6e3f24d8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner[data-v-6e3f24d8]{text-align:center}.loading-spinner i[data-v-6e3f24d8]{font-size:3rem;color:#007bff;margin-bottom:1rem}.error-state[data-v-6e3f24d8]{text-align:center;padding:2rem}.error-state i[data-v-6e3f24d8]{font-size:3rem;color:#dc3545;margin-bottom:1rem}.retry-btn[data-v-6e3f24d8],.refresh-btn[data-v-6e3f24d8]{margin:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.retry-btn[data-v-6e3f24d8]{background:#007bff;color:#fff}.refresh-btn[data-v-6e3f24d8]{background:#28a745;color:#fff}.button-container[data-v-6e3f24d8]{display:flex;justify-content:center;align-items:center;gap:10px}#quiz-watermark-overlay[data-v-6e3f24d8]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;overflow:hidden}.main-quiz-content[data-v-6e3f24d8]{position:relative}.quiz-content-container[data-v-6e3f24d8]{position:relative;overflow:hidden;min-height:500px}.main-quiz-content[data-v-6e3f24d8]{transition:transform .3s ease,opacity .3s ease}.question-enter-active[data-v-6e3f24d8]{animation:slideInRight-6e3f24d8 .3s ease}.question-leave-active[data-v-6e3f24d8]{animation:slideOutLeft-6e3f24d8 .3s ease}@keyframes slideInRight-6e3f24d8{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft-6e3f24d8{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.quiz-icon[data-v-6e3f24d8]{font-size:20px!important;text-shadow:2px 4px 8px rgba(0,0,0,.3);color:#1a2a6c!important}.quiz-icon-back[data-v-6e3f24d8]{background-color:#fff!important;box-shadow:0 2px 5px #00000003!important;padding:19px;border-radius:12px}.summary-modal[data-v-6e3f24d8]{max-width:500px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header[data-v-6e3f24d8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:30px}.trophy-container[data-v-6e3f24d8]{font-size:60px;margin-bottom:15px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.modal-header h3[data-v-6e3f24d8]{margin:10px 0 5px;font-size:28px}.modal-header p[data-v-6e3f24d8]{opacity:.9;margin:0}.modal-body[data-v-6e3f24d8]{padding:30px}.score-display[data-v-6e3f24d8]{display:flex;justify-content:center;margin-bottom:30px}.score-circle[data-v-6e3f24d8]{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-shadow:0 10px 20px #0000001a}.score-value[data-v-6e3f24d8]{font-size:36px;font-weight:700;line-height:1}.score-percentage[data-v-6e3f24d8]{font-size:16px;opacity:.9}.stats-grid[data-v-6e3f24d8]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.stat-item[data-v-6e3f24d8]{background:#f8f9fa;border-radius:12px;padding:15px;text-align:center}.stat-item i[data-v-6e3f24d8]{font-size:24px;margin-bottom:8px;display:block}.stat-item:nth-child(1) i[data-v-6e3f24d8]{color:#28a745}.stat-item:nth-child(2) i[data-v-6e3f24d8]{color:#dc3545}.stat-item:nth-child(3) i[data-v-6e3f24d8]{color:#6c757d}.stat-value[data-v-6e3f24d8]{display:block;font-size:24px;font-weight:700;margin-bottom:5px}.stat-label[data-v-6e3f24d8]{font-size:14px;color:#6c757d}.assessment-results[data-v-6e3f24d8]{background:#e8f4fd;border-radius:12px;padding:20px;margin-bottom:30px;text-align:center}.points-earned[data-v-6e3f24d8]{font-size:20px;font-weight:600;color:#007bff;margin-bottom:10px}.points-earned i[data-v-6e3f24d8]{margin-right:8px}.attempt-info[data-v-6e3f24d8]{font-size:14px;color:#6c757d}.action-buttons[data-v-6e3f24d8]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn[data-v-6e3f24d8]{padding:12px 20px;border-radius:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-primary[data-v-6e3f24d8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-outline[data-v-6e3f24d8]{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary[data-v-6e3f24d8]{background:#6c757d;color:#fff;border:none;grid-column:span 2}.btn[data-v-6e3f24d8]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.modal-backdrop[data-v-6e3f24d8]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.summary-modal[data-v-6e3f24d8]{background:#fff;padding:2rem 2.5rem;border-radius:20px;box-shadow:0 10px 30px #00000026;width:90%;max-width:480px;text-align:center;position:relative;overflow:hidden;animation:slide-in-6e3f24d8 .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slide-in-6e3f24d8{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.summary-header .trophy-icon[data-v-6e3f24d8]{font-size:2.5rem;color:var(--warning-color);margin-bottom:.5rem}.summary-header h2[data-v-6e3f24d8]{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.summary-header .congrats-message[data-v-6e3f24d8]{color:var(--text-light);font-size:1rem}.score-container[data-v-6e3f24d8]{position:relative;margin:1.5rem 0;display:flex;justify-content:center;align-items:center}.score-circle[data-v-6e3f24d8]{width:180px;height:180px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.score-progress circle[data-v-6e3f24d8]{fill:none;stroke-width:8}.progress-bar[data-v-6e3f24d8]{stroke:var(--success-color);stroke-linecap:round;transition:stroke-dashoffset 1.5s ease-out;stroke-dasharray:283}.score-value[data-v-6e3f24d8]{position:relative;z-index:1}.score-percentage[data-v-6e3f24d8]{font-size:3rem;font-weight:800;color:var(--text-dark);display:block;line-height:1}.award-flower[data-v-6e3f24d8]{font-size:4rem;position:absolute;z-index:10;animation:pop-in-flower-6e3f24d8 1.5s .5s cubic-bezier(.68,-.55,.27,1.55) forwards;transform:scale(0)}@keyframes pop-in-flower-6e3f24d8{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(15deg)}to{transform:scale(1) rotate(-5deg)}}.summary-page[data-v-6e3f24d8]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100%;width:100%;background-image:linear-gradient(160deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);padding:2rem 1rem;box-sizing:border-box;position1:fixed}.summary-content[data-v-6e3f24d8]{width:100%;max-width:600px;text-align:center;animation:fade-in-up-6e3f24d8 .8s ease-out forwards}@keyframes fade-in-up-6e3f24d8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-header h1[data-v-6e3f24d8]{font-size:2.8rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.summary-header p[data-v-6e3f24d8]{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem}.score-display[data-v-6e3f24d8]{margin-bottom:2rem}.score-circle[data-v-6e3f24d8]{width:200px;height:200px;position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 25px #0000000d;border-radius:50%;background:var(--bg-soft)}.progress-bg[data-v-6e3f24d8]{stroke:#e6e6e6}.progress-bar[data-v-6e3f24d8]{stroke:url(#scoreGradient);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.score-value[data-v-6e3f24d8]{z-index:1}.score-percentage[data-v-6e3f24d8]{font-size:3.5rem;font-weight:800;color:var(--text-dark)}.score-label[data-v-6e3f24d8]{font-size:1rem;color:var(--text-light);font-weight:500}.detailed-stats[data-v-6e3f24d8]{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.stat-card[data-v-6e3f24d8]{background-color:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem 1.5rem;border-radius:12px;flex:1;border:1px solid #fff}.stat-icon[data-v-6e3f24d8]{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.stat-icon.correct[data-v-6e3f24d8]{color:var(--success-color)}.stat-value[data-v-6e3f24d8]{display:block;font-size:2rem;font-weight:700;color:var(--text-dark)}.stat-label[data-v-6e3f24d8]{font-size:.9rem;color:var(--text-light)}.info-title[data-v-6e3f24d8]{font-size:1rem;font-weight:600;margin-bottom:.25rem}.info-text[data-v-6e3f24d8]{font-size:.9rem;margin-bottom:0}.assessment-box[data-v-6e3f24d8]{background-color:#fff3cd;border-left:5px solid #ffc107;color:#664d03}.study-box[data-v-6e3f24d8]{background-color:#e2e3e5;border-left:5px solid #6c757d;color:#343a40}.button-container[data-v-6e3f24d8]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.action-btn[data-v-6e3f24d8]{padding:.8rem 2rem;border-radius:50px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.restart-btn[data-v-6e3f24d8]{background-image:linear-gradient(to right,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.restart-btn[data-v-6e3f24d8]:hover{transform:translateY(-3px);box-shadow:0 7px 20px #0003}.secondary-btn[data-v-6e3f24d8]{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.secondary-btn[data-v-6e3f24d8]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px)}.flower-garden[data-v-6e3f24d8]{width:100%;align-self:flex-end;pointer-events:none}.flowers[data-v-6e3f24d8]{width:100%;height:auto;max-height:120px}.flower[data-v-6e3f24d8]{animation:grow-and-sway-6e3f24d8 3s ease-in-out forwards;transform-origin:bottom center;opacity:0}.flower[data-v-6e3f24d8]:nth-child(2){animation-delay:.2s}.flower[data-v-6e3f24d8]:nth-child(3){animation-delay:.5s}.flower[data-v-6e3f24d8]:nth-child(4){animation-delay:.3s}@keyframes grow-and-sway-6e3f24d8{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}<style scoped> .score-display[data-v-6e3f24d8]{display:flex;justify-content:center;align-items:center;padding:20px}.score-circle[data-v-6e3f24d8]{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center}.score-progress[data-v-6e3f24d8]{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.score-progress circle[data-v-6e3f24d8]{fill:none;stroke-width:10}.progress-bg[data-v-6e3f24d8]{stroke:#eee}.progress-bar[data-v-6e3f24d8]{stroke:#4caf50;stroke-linecap:round;transition:stroke-dashoffset .8s ease-out}.score-value[data-v-6e3f24d8]{text-align:center}.stat-value[data-v-6e3f24d8]{font-size:2.5rem;font-weight:700;display:block}.score-label[data-v-6e3f24d8]{font-size:1rem;color:#666}@keyframes bounce-6e3f24d8{0%{transform:translateY(0)}to{transform:translateY(-10px)}}body[data-v-55fb7c8b]{background-color:#f0f2f5!important}.pin-login-card[data-v-55fb7c8b]{background:#f0f2f5;border-radius:none;box-shadow1:0 4px 20px rgba(0,0,0,.08);width:100%;min-width:450px;padding:40px 30px;text-align:center}.logo-container[data-v-55fb7c8b]{margin-bottom:30px}.logo-container h1[data-v-55fb7c8b]{font-size:1.8rem;color:#000;margin-bottom:8px}.logo-container p[data-v-55fb7c8b]{color:#666;font-size:.9rem;margin:0}.pin-login-form[data-v-55fb7c8b]{display:flex;flex-direction:column;gap:25px}.pin-input[data-v-55fb7c8b]{width:100%;padding:14px;border:1px solid #ddd;border-radius:6px;font-size:1.2rem;letter-spacing:2px;text-align:center;font-family:monospace;background-color:#fafafa;transition:all .3s}.pin-input[data-v-55fb7c8b]:focus{border-color:#ff6b00;outline:none;box-shadow:0 0 0 3px #ff6b0033}.login-button[data-v-55fb7c8b]{background-color:#ff6b00;color:#fff;border:none;padding:12px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.login-button[data-v-55fb7c8b]:hover{background-color:#e05d00}.login-button[data-v-55fb7c8b]:disabled{background-color:#ccc;cursor:not-allowed}html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}[data-sonner-toaster][data-lifted=true]{transform:translateY(-8px)}@media (hover: none) and (pointer: coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 87%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 93%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 84%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 43%, 17%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 9%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}