.header{z-index:999;background:#fff;align-items:center;width:100%;height:91px;padding:10px;animation:.5s slideInTop;display:flex;position:fixed;top:0;left:0}.header.active{box-shadow:0 0 20px 10px #7775751a}.header .header-content{align-items:center;padding:0;display:flex}.header .header-content .logo-wrapper{overflow:hidden}.header .header-content .logo-wrapper img{width:auto;max-width:100%}.header .header-content nav{flex:1;justify-content:flex-end;display:flex}.header .header-content nav .nav-item{cursor:pointer}.header .header-content nav .nav-item a{font-weight:500;transition:all .2s ease-in-out}.header .header-content nav .nav-item a:hover,.header .header-content nav .nav-item a.active{color:var(--primary);transition:all .2s ease-in-out}.header .header-content .action-btns{display:flex}.header .header-content .action-btns .btn-primary{margin-right:15px}@media screen and (min-width:1200px){.header .header-content .logo-wrapper{width:125px}.header .header-content .nav .nav-item{padding:10px 20px}.header .header-content .nav .nav-item a{font-size:16px}.header .header-content .action-btns{margin-left:40px}}.mobile-header{display:none}@media screen and (max-width:992px){.header{display:none}.mobile-header{z-index:999;background:#fff;align-items:center;width:100%;height:60px;display:flex;position:fixed;top:0;left:0}.mobile-header.active{box-shadow:0 0 20px 10px #7775751a}.mobile-header .padding{justify-content:space-between;align-items:center;display:flex}.mobile-header .padding .logo-wrapper{width:100px;overflow:hidden}.mobile-header .padding .logo-wrapper img{width:auto;max-width:100%}.mobile-header .padding .mobile-center-btn{background:var(--primary);color:#fff;border-radius:5px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.mobile-header .padding .mobile-center-btn:hover{background:var(--primary-400)}.mobile-header .padding .menu{font-size:30px;font-weight:700}}@media screen and (max-width:1200px){.header .logo-wrapper{width:100px;margin-left:0}.header .action-btns{margin-left:15px}.header .action-btns .btn{padding:8px 15px;font-size:14px}.header .nav .nav-item{padding:8px 12px}.header .nav .nav-item a{font-size:14px}}
.hero-section{background-size:cover;min-height:800px}.hero-section .padding{margin-top:91px;display:flex}.hero-section .padding .hero-intro{flex:1;width:100%;padding-top:90px;animation:.5s slideInLeft}.hero-section .padding .hero-intro h1{font-size:3.75rem;font-weight:700}.hero-section .padding .hero-intro h1 span{color:var(--primary)}@media (max-width:1300px){.hero-section .padding .hero-intro h1{font-size:3rem}}@media (max-width:992px){.hero-section .padding .hero-intro h1{font-size:2.5rem}}@media (max-width:600px){.hero-section .padding .hero-intro h1{font-size:2rem}}.hero-section .padding .hero-intro h3{margin-top:20px;font-size:1.3rem;font-weight:500;line-height:1.5}.hero-section .padding .hero-intro h3 span{color:var(--primary);font-weight:600}@media (max-width:992px){.hero-section .padding .hero-intro h3{font-size:1.125rem}}@media (max-width:600px){.hero-section .padding .hero-intro h3{margin-top:15px;font-size:1rem}}.hero-section .padding .hero-intro .sub-title{margin-top:25px;font-size:20px}.hero-section .padding .hero-intro .action-btns{margin-top:90px;display:flex}.hero-section .padding .hero-intro .action-btns .btn{padding:15px 30px}.hero-section .padding .hero-intro .action-btns .btn:first-of-type{margin-right:20px}.hero-section .padding .hero-intro .hero-tags{align-items:center;gap:15px;margin-top:100px;display:flex}.hero-section .padding .hero-intro .hero-tags .tag-item{align-items:center;gap:8px;font-size:18px;display:flex}@media (max-width:768px){.hero-section .padding .hero-intro .hero-tags{display:none}}.hero-section .padding .hero-right{flex-direction:column;justify-content:center;align-items:center;width:50%;padding-top:5rem;padding-left:30px;animation:.5s slideInRight;display:flex;overflow:hidden}@media screen and (max-width:1525px){.hero-section{min-height:800px}.hero-section .padding .hero-intro{width:100%;padding-top:60px}}@media screen and (max-width:1300px){.hero-section{min-height:800px}.hero-section .padding .hero-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0;display:flex}.hero-section .padding .hero-intro .sub-title{font-size:16px}.hero-section .padding .hero-intro .hero-tags{text-align:center;width:100%;font-size:16px}.hero-section .padding .hero-intro .hero-tags .tag-item{justify-content:center;width:100%;margin-top:10px}.hero-section .padding .hero-right{display:none}}@media screen and (max-width:992px){.hero-section{min-height:600px}.hero-section .padding{flex-direction:column;align-items:center;margin-top:60px}.hero-section .padding .hero-intro{text-align:center;width:100%;padding-top:4rem}.hero-section .padding .hero-intro .sub-title{font-size:16px}}@media screen and (max-width:600px){.hero-section .padding .action-btns{flex-direction:column;margin-top:30px}.hero-section .padding .action-btns .btn{width:100%;margin-bottom:15px}.hero-section .padding .action-btns .btn:last-of-type{margin-bottom:0}}
.hero-section-2{background-size:cover;min-height:800px}.hero-section-2 .padding{margin-top:91px;display:flex}.hero-section-2 .padding .hero-intro{flex:1;width:100%;padding-top:90px;animation:.5s slideInLeft}.hero-section-2 .padding .hero-intro h1{font-size:3.75rem;font-weight:700}.hero-section-2 .padding .hero-intro h1 span{color:var(--primary)}@media (max-width:1300px){.hero-section-2 .padding .hero-intro h1{font-size:3rem}}@media (max-width:992px){.hero-section-2 .padding .hero-intro h1{font-size:2.5rem}}@media (max-width:600px){.hero-section-2 .padding .hero-intro h1{font-size:2rem}}.hero-section-2 .padding .hero-intro h3{margin-top:20px;font-size:1.3rem;font-weight:500;line-height:1.5}.hero-section-2 .padding .hero-intro h3 span{color:var(--primary);font-weight:600}@media (max-width:992px){.hero-section-2 .padding .hero-intro h3{font-size:1.125rem}}@media (max-width:600px){.hero-section-2 .padding .hero-intro h3{margin-top:15px;font-size:1rem}}.hero-section-2 .padding .hero-intro .sub-title{margin-top:25px;font-size:20px}.hero-section-2 .padding .hero-intro .action-btns{margin-top:90px;display:flex}.hero-section-2 .padding .hero-intro .action-btns .btn{padding:15px 30px}.hero-section-2 .padding .hero-intro .action-btns .btn:first-of-type{margin-right:20px}.hero-section-2 .padding .hero-intro .hero-tags{align-items:center;gap:15px;margin-top:100px;display:flex}.hero-section-2 .padding .hero-intro .hero-tags .tag-item{align-items:center;gap:8px;font-size:18px;display:flex}@media (max-width:768px){.hero-section-2 .padding .hero-intro .hero-tags{display:none}}.hero-section-2 .padding .hero-right{flex-direction:column;justify-content:center;align-items:center;width:50%;padding-top:5rem;padding-left:30px;animation:.5s slideInRight;display:flex;overflow:hidden}@media screen and (max-width:1525px){.hero-section-2{min-height:800px}.hero-section-2 .padding .hero-intro{width:100%;padding-top:60px}}@media screen and (max-width:1300px){.hero-section-2{min-height:800px}.hero-section-2 .padding .hero-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0;display:flex}.hero-section-2 .padding .hero-intro .sub-title{font-size:16px}.hero-section-2 .padding .hero-intro .hero-tags{text-align:center;width:100%;font-size:16px}.hero-section-2 .padding .hero-intro .hero-tags .tag-item{justify-content:center;width:100%;margin-top:10px}.hero-section-2 .padding .hero-right{display:none}}@media screen and (max-width:992px){.hero-section-2{min-height:600px}.hero-section-2 .padding{flex-direction:column;align-items:center;margin-top:60px}.hero-section-2 .padding .hero-intro{text-align:center;width:100%;padding-top:5rem}.hero-section-2 .padding .hero-intro .sub-title{font-size:16px}}@media screen and (max-width:600px){.hero-section-2 .padding .action-btns{flex-direction:column;margin-top:30px}.hero-section-2 .padding .action-btns .btn{width:100%;margin-bottom:15px}.hero-section-2 .padding .action-btns .btn:last-of-type{margin-bottom:0}}
.hero-section-3{background-size:cover;min-height:800px}.hero-section-3 .padding{margin-top:91px;display:flex}.hero-section-3 .padding .hero-intro{flex:1;width:100%;padding-top:90px;animation:.5s slideInLeft}.hero-section-3 .padding .hero-intro h1{font-size:3.75rem;font-weight:700}.hero-section-3 .padding .hero-intro h1 span{color:var(--primary)}@media (max-width:1300px){.hero-section-3 .padding .hero-intro h1{font-size:3rem}}@media (max-width:992px){.hero-section-3 .padding .hero-intro h1{font-size:2.5rem}}@media (max-width:600px){.hero-section-3 .padding .hero-intro h1{font-size:2rem}}.hero-section-3 .padding .hero-intro h3{margin-top:20px;font-size:1.3rem;font-weight:500;line-height:1.5}.hero-section-3 .padding .hero-intro h3 span{color:var(--primary);font-weight:600}@media (max-width:992px){.hero-section-3 .padding .hero-intro h3{font-size:1.125rem}}@media (max-width:600px){.hero-section-3 .padding .hero-intro h3{margin-top:15px;font-size:1rem}}.hero-section-3 .padding .hero-intro .sub-title{margin-top:25px;font-size:20px}.hero-section-3 .padding .hero-intro .action-btns{margin-top:90px;display:flex}.hero-section-3 .padding .hero-intro .action-btns .btn{padding:15px 30px}.hero-section-3 .padding .hero-intro .action-btns .btn:first-of-type{margin-right:20px}.hero-section-3 .padding .hero-intro .hero-tags{align-items:center;gap:15px;margin-top:100px;display:flex}.hero-section-3 .padding .hero-intro .hero-tags .tag-item{align-items:center;gap:8px;font-size:18px;display:flex}@media (max-width:768px){.hero-section-3 .padding .hero-intro .hero-tags{display:none}}.hero-section-3 .padding .hero-right{flex-direction:column;justify-content:center;align-items:center;width:50%;padding-top:5rem;padding-left:30px;animation:.5s slideInRight;display:flex;overflow:hidden}@media screen and (max-width:1525px){.hero-section-3{min-height:800px}.hero-section-3 .padding .hero-intro{width:100%;padding-top:60px}}@media screen and (max-width:1300px){.hero-section-3{min-height:800px}.hero-section-3 .padding .hero-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0;display:flex}.hero-section-3 .padding .hero-intro .sub-title{font-size:16px}.hero-section-3 .padding .hero-intro .hero-tags{text-align:center;width:100%;font-size:16px}.hero-section-3 .padding .hero-intro .hero-tags .tag-item{justify-content:center;width:100%;margin-top:10px}.hero-section-3 .padding .hero-right{display:none}}@media screen and (max-width:992px){.hero-section-3{min-height:600px}.hero-section-3 .padding{flex-direction:column;align-items:center;margin-top:60px}.hero-section-3 .padding .hero-intro{text-align:center;width:100%;padding-top:5rem}.hero-section-3 .padding .hero-intro .sub-title{font-size:16px}}@media screen and (max-width:600px){.hero-section-3 .padding .action-btns{flex-direction:column;margin-top:30px}.hero-section-3 .padding .action-btns .btn{width:100%;margin-bottom:15px}.hero-section-3 .padding .action-btns .btn:last-of-type{margin-bottom:0}}
.mobile-side-menu{z-index:20;background:#7fa5e780;width:100%;height:100vh;position:fixed;top:60px;left:0;overflow:scroll}.mobile-side-menu .side-menu{background-color:var(--primary);background:#fff;width:380px;min-height:100%;animation:.5s slideInRight;position:fixed;right:0}.mobile-side-menu .side-menu .close{justify-content:flex-end;margin:15px;display:flex}.mobile-side-menu .side-menu .nav-list .nav-item{width:100%;padding:10px 15px;font-weight:500}.mobile-side-menu .side-menu .nav-list .nav-item:not(:last-of-type){border-bottom:1px solid #f1eaea}@media screen and (max-width:400px){.mobile-side-menu .side-menu{width:90%!important}}
.footer{z-index:999;background-color:#1f2024;min-height:10rem;padding-top:5rem}.footer .contact-info{margin-bottom:30px}.footer .contact-info .logo-wrapper{margin-bottom:45px;overflow:hidden}.footer .contact-info .logo-wrapper img{max-width:120px}.footer .contact-info .contact-item{cursor:pointer;align-items:center;gap:10px;margin-bottom:20px;display:flex}.footer .contact-info .contact-item .circle{background:#fff;border-radius:50%;padding:10px}.footer .contact-info .contact-item .contact{color:#fff;opacity:.8;font-weight:500}.footer .menu-section .footer-menus{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;width:100%;display:grid}.footer .menu-section .footer-menus .menu-col{margin-bottom:20px}.footer .menu-section .footer-menus .menu-col .title{color:var(--primary);margin-bottom:24px;font-size:17px;font-weight:600}.footer .menu-section .footer-menus .menu-col ul{margin:0;padding:0;list-style-type:none}.footer .menu-section .footer-menus .menu-col ul li{color:#fff;opacity:.8;cursor:pointer;margin-bottom:14px;transition:color .3s ease-in-out}.footer .menu-section .footer-menus .menu-col ul li:hover{color:var(--primary)}@media screen and (max-width:768px){.footer .menu-section .footer-menus{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:480px){.footer .menu-section .footer-menus{grid-template-columns:1fr}}.footer .footer-bottom{border-top:1px solid #47424294;justify-content:space-between;padding:20px 0;display:flex}.footer .footer-bottom .bottom-links{color:#fff;opacity:.8;gap:20px;display:flex}.footer .footer-bottom .bottom-links a:hover{color:var(--primary);transition:all .3s ease-in-out}.footer .footer-bottom .social-links{gap:10px;display:flex}.footer .footer-bottom .social-links .icon{color:#fff;opacity:.8;cursor:pointer}.footer .footer-bottom .social-links .icon:hover{color:var(--primary);transition:all .3s ease-in-out}@media screen and (max-width:768px){.footer .footer-bottom{flex-direction:column;align-items:center}.footer .footer-bottom .bottom-links{flex-wrap:wrap;margin-bottom:20px}}
.exam-detail-page{max-width:1200px;margin:0 auto;padding:2rem}.exam-detail-page__header{color:#fff;text-align:center;background:linear-gradient(135deg,#45be99 0%,#7ee6c0 100%);border-radius:12px;margin-bottom:2rem;padding:3rem 2rem}.exam-detail-page__header h1{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.exam-detail-page__header-subtitle{opacity:.9;font-size:1.1rem}.exam-detail-page__header-overlay{background:#00000080;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.exam-detail-page__header-overlay h1{text-shadow:1px 1px 2px #000000b3;font-size:2rem;font-weight:700}.exam-detail-page__content{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.exam-detail-page__content{grid-template-columns:1fr}}.exam-detail-page__main,.exam-detail-page__sidebar{flex-direction:column;gap:1.5rem;display:flex}.exam-detail-page__card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.exam-detail-page__card-title{color:#2d3748;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.exam-detail-page__card-title:before{content:"";background:var(--primary);border-radius:2px;width:4px;height:20px}.exam-detail-page__image .image-container{background:#f7fafc;border-radius:8px;justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative;overflow:hidden}.exam-detail-page__image .image-container img{object-fit:cover;width:100%;height:100%}.exam-detail-page__image .image-container .no-image{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:3rem;display:flex}.exam-detail-page__image .image-container .no-image-icon{font-size:4rem}.exam-detail-page__image .image-container .no-image-text{font-size:.875rem;font-weight:500}.exam-detail-page__image .image-actions{gap:.5rem;margin-top:1rem;display:flex}.exam-detail-page__image .image-actions button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.exam-detail-page__image .image-actions button:hover{border-color:var(--primary);background:#f7fafc}.exam-detail-page__image .image-actions button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.exam-detail-page__image .image-actions button.primary:hover{opacity:.9}.exam-detail-page__basic-info .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.exam-detail-page__basic-info .info-item-label{color:#718096;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.exam-detail-page__basic-info .info-item-value{color:#2d3748;font-size:1rem;font-weight:600}.exam-detail-page__basic-info .description{color:#4a5568;border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem;line-height:1.6}.exam-detail-page__creator .creator-profile{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.exam-detail-page__creator .creator-profile-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:600;display:flex;overflow:hidden}.exam-detail-page__creator .creator-profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.exam-detail-page__creator .creator-profile-info{flex:1}.exam-detail-page__creator .creator-profile-info h3{color:#2d3748;margin:0;font-size:1.1rem}.exam-detail-page__creator .creator-profile-info p{color:#718096;margin:.25rem 0 0;font-size:.875rem}.exam-detail-page__creator .creator-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.exam-detail-page__creator .creator-stats-item-value{color:var(--primary);font-size:1.25rem;font-weight:700}.exam-detail-page__creator .creator-stats-item-label{color:#718096;text-transform:uppercase;margin-top:.25rem;font-size:.75rem}.exam-detail-page__settings .settings-list{flex-direction:column;gap:.75rem;display:flex}.exam-detail-page__settings .setting-item{background:#f7fafc;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.exam-detail-page__settings .setting-item-label{color:#4a5568;font-weight:500}.exam-detail-page__settings .setting-item-value{color:#2d3748;font-weight:600}.exam-detail-page__settings .setting-item-value.enabled{color:#38a169}.exam-detail-page__settings .setting-item-value.disabled{color:#e53e3e}.exam-detail-page__pricing{text-align:center}.exam-detail-page__pricing .price{color:var(--primary);margin-bottom:.5rem;font-size:3rem;font-weight:700}.exam-detail-page__pricing .price-currency{vertical-align:top;font-size:1.5rem}.exam-detail-page__pricing .price-free{color:#38a169}.exam-detail-page__pricing .price-description{color:#718096;margin-bottom:1.5rem}.exam-detail-page__pricing .purchase-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#45be99 0%,#7ee6c0 100%);border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:transform .2s}.exam-detail-page__pricing .purchase-btn:hover{transform:translateY(-2px)}.exam-detail-page__pricing .purchase-btn:disabled{cursor:not-allowed;background:#a0aec0;transform:none}.exam-detail-page__features .features-list{flex-direction:column;gap:.5rem;display:flex}.exam-detail-page__features .feature-item{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.exam-detail-page__features .feature-item:before{content:"✓";color:#38a169;font-size:1.1rem;font-weight:700}.exam-detail-page__features .feature-item.unavailable{color:#a0aec0}.exam-detail-page__features .feature-item.unavailable:before{content:"✗";color:#e53e3e}.exam-detail-page__requirements .requirements-list{margin:0;padding:0;list-style:none}.exam-detail-page__requirements .requirements-list li{color:#4a5568;border-bottom:1px solid #e2e8f0;padding:.5rem 0}.exam-detail-page__requirements .requirements-list li:last-child{border-bottom:none}.exam-detail-page__requirements .requirements-list li:before{content:"•";color:var(--primary);margin-right:.5rem}.exam-detail-page-skeleton{max-width:1200px;margin:0 auto;padding:2rem}.exam-detail-page-skeleton .skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.exam-detail-page-skeleton__header{border-radius:12px;height:120px;margin-bottom:2rem}.exam-detail-page-skeleton__content{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.exam-detail-page-skeleton__content{grid-template-columns:1fr}}.exam-detail-page-skeleton__main,.exam-detail-page-skeleton__sidebar{flex-direction:column;gap:1.5rem;display:flex}.exam-detail-page-skeleton__card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.exam-detail-page-skeleton__card .skeleton-title{width:60%;height:24px;margin-bottom:1rem}.exam-detail-page-skeleton__card .skeleton-line{height:16px;margin-bottom:.5rem}.exam-detail-page-skeleton__card .skeleton-line:nth-child(2){width:100%}.exam-detail-page-skeleton__card .skeleton-line:nth-child(3){width:85%}.exam-detail-page-skeleton__card .skeleton-line:nth-child(4){width:70%}.exam-detail-page-skeleton__card .skeleton-line:last-child{margin-bottom:0}.exam-detail-page-skeleton__basic-info-skeleton .skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.exam-detail-page-skeleton__basic-info-skeleton .skeleton-info-item .skeleton-label{width:60%;height:14px;margin-bottom:.5rem}.exam-detail-page-skeleton__basic-info-skeleton .skeleton-info-item .skeleton-value{width:80%;height:18px}.exam-detail-page-skeleton__basic-info-skeleton .skeleton-description{border-top:1px solid #e2e8f0;height:80px;margin-top:1rem;padding-top:1rem}.exam-detail-page-skeleton__creator-skeleton .skeleton-profile{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.exam-detail-page-skeleton__creator-skeleton .skeleton-profile .skeleton-avatar{border-radius:50%;width:60px;height:60px}.exam-detail-page-skeleton__creator-skeleton .skeleton-profile .skeleton-info{flex:1}.exam-detail-page-skeleton__creator-skeleton .skeleton-profile .skeleton-info .skeleton-name{width:70%;height:20px;margin-bottom:.5rem}.exam-detail-page-skeleton__creator-skeleton .skeleton-profile .skeleton-info .skeleton-role{width:50%;height:14px}.exam-detail-page-skeleton__creator-skeleton .skeleton-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.exam-detail-page-skeleton__creator-skeleton .skeleton-stats .skeleton-stat{text-align:center}.exam-detail-page-skeleton__creator-skeleton .skeleton-stats .skeleton-stat .skeleton-value{width:40px;height:20px;margin:0 auto .5rem}.exam-detail-page-skeleton__creator-skeleton .skeleton-stats .skeleton-stat .skeleton-label{width:60px;height:12px;margin:0 auto}.exam-detail-page-skeleton__settings-skeleton .skeleton-settings{flex-direction:column;gap:.75rem;display:flex}.exam-detail-page-skeleton__settings-skeleton .skeleton-settings .skeleton-setting{border-radius:6px;height:48px}.exam-detail-page-skeleton__pricing-skeleton{text-align:center}.exam-detail-page-skeleton__pricing-skeleton .skeleton-price{width:120px;height:48px;margin:0 auto 1rem}.exam-detail-page-skeleton__pricing-skeleton .skeleton-description{width:80%;height:16px;margin:0 auto 1.5rem}.exam-detail-page-skeleton__pricing-skeleton .skeleton-button{border-radius:8px;width:100%;height:56px}.exam-detail-page-skeleton__features-skeleton .skeleton-features{flex-direction:column;gap:.75rem;display:flex}.exam-detail-page-skeleton__features-skeleton .skeleton-features .skeleton-feature{width:90%;height:20px}.exam-detail-page-skeleton__features-skeleton .skeleton-features .skeleton-feature:nth-child(2n){width:75%}.exam-detail-page-skeleton__requirements-skeleton .skeleton-requirements{flex-direction:column;gap:.75rem;display:flex}.exam-detail-page-skeleton__requirements-skeleton .skeleton-requirements .skeleton-requirement{width:85%;height:18px}.exam-detail-page-skeleton__requirements-skeleton .skeleton-requirements .skeleton-requirement:nth-child(2){width:95%}.exam-detail-page-skeleton__requirements-skeleton .skeleton-requirements .skeleton-requirement:nth-child(3){width:70%}
.exam-modal{background:var(--neutral-4)}.exam-modal .modal-header{border-bottom:1px solid var(--neutral-3);height:75px;padding:0}.exam-modal .modal-header .logo-wrapper{border-right:1px solid var(--neutral-3);width:15%;height:100%;display:flex;overflow:hidden}.exam-modal .modal-header .logo-wrapper img{width:120px;margin:auto}.exam-modal .modal-header .title-wrapper{padding:10px 20px}.exam-modal .modal-body{padding:0 40px 40px}@media screen and (max-width:1300px){.exam-modal .modal-body{padding:0 15px 30px}}@media screen and (max-width:1000px){.exam-modal .modal-body{padding:0 10px 20px}}.exam-modal .modal-body .modal-section{display:flex}.exam-modal .left-section{-ms-overflow-style:none;scrollbar-width:none;width:35%;max-height:1100px;overflow-y:scroll}.exam-modal .left-section::-webkit-scrollbar{display:none}.exam-modal .right-section{flex:1}.exam-modal .right-section,.exam-modal .left-section{padding:15px}.exam-modal .padding-1{padding:60px 100px}.exam-modal .padding-2{padding:40px 80px}.exam-modal .surface{background:#fff;border-radius:10px;box-shadow:0 5px 20px 10px #7775751a}.exam-modal .info-icon{color:var(--dark-4);cursor:pointer;position:absolute;top:5px;right:5px}.exam-modal .action-btn{background:var(--primary);cursor:pointer;color:#fff;justify-content:center;align-items:center;gap:10px;height:max-content;padding:20px 30px;font-weight:500;display:flex}.exam-modal .action-btn.disabled{pointer-events:none;opacity:.5;background:var(--gray-2)!important;color:var(--dark-4)!important}.exam-modal .action-btn.primary-light{background:var(--primary-50);color:var(--primary)}.exam-modal .timer-wrapper{gap:20px}.exam-modal .timer-wrapper .item{text-align:center}.exam-modal .timer-wrapper .item .time{font-size:18px;font-weight:500}.exam-modal .timer-wrapper .item .tag{color:var(--dark-4);margin-top:10px}.exam-modal .attention-card .timer-wrapper{margin-top:4rem}@media screen and (max-width:1400px){.padding-1,.padding-2{padding:20px!important}}@media screen and (max-width:1000px){.exam-modal .modal-section{flex-direction:column}.exam-modal .modal-section .left-section{width:100%;max-height:none;overflow-y:auto}.exam-modal .modal-section .left-section,.exam-modal .modal-section .right-section{padding:0}.exam-modal .topics{padding:20px}.exam-modal .topics .topic-stat{font-size:14px}.exam-modal .topics .topic-stat .grade-box{width:35px;height:35px;font-size:15px}.exam-modal .topics .topic-stat .track-bar{height:12px}}@media screen and (max-width:992px){.exam-modal .modal-header .logo-wrapper{display:none}.exam-modal .modal-body{padding:15px}.exam-modal .timer-wrapper .item .tag{font-size:15px}.exam-modal .surface .message{font-size:16px}}.exam-shimmer{margin-top:1rem}.exam-shimmer .shimmer-header{background:#f0f0f0;height:75px;position:relative;overflow:hidden}.exam-shimmer .shimmer-header:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}.exam-shimmer .shimmer-content{gap:15px;padding:15px;display:flex}.exam-shimmer .shimmer-content .shimmer-left{flex-shrink:0;width:35%}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card{background:#fff;border-radius:10px;margin-bottom:15px;padding:20px}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line{background:#f0f0f0;border-radius:4px;min-width:80px;max-width:100%;height:16px;margin-bottom:10px;position:relative;overflow:hidden}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line.wide{width:200px}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line.medium{width:140px}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line.short{width:80px}.exam-shimmer .shimmer-content .shimmer-right{flex:1;min-width:0}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface{text-align:center;background:#fff;border-radius:10px;padding:60px 100px}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-circle{background:#f0f0f0;border-radius:50%;flex-shrink:0;width:80px;height:80px;margin:0 auto 20px;position:relative;overflow:hidden}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-circle:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer{justify-content:center;gap:20px;display:flex}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer .timer-item{text-align:center;background:#f0f0f0;border-radius:4px;width:40px;min-width:40px;max-width:40px;height:24px;margin:0 auto 10px;position:relative;overflow:hidden}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer .timer-item:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer .shimmer-label{background:#f0f0f0;border-radius:4px;width:50px;min-width:50px;max-width:50px;height:14px;margin:0 auto;position:relative;overflow:hidden}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer .shimmer-label:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media screen and (max-width:1200px){.exam-shimmer .shimmer-content{flex-direction:column}.exam-shimmer .shimmer-content .shimmer-left{width:100%;margin-bottom:20px}.exam-shimmer .shimmer-content .shimmer-right{width:100%}.exam-shimmer .shimmer-surface{padding:20px}.exam-shimmer .shimmer-surface .shimmer-circle{width:60px;height:60px}.exam-shimmer .shimmer-surface .shimmer-timer{flex-direction:column}.exam-shimmer .shimmer-surface .shimmer-timer .timer-item{width:30px;height:20px}.exam-shimmer .shimmer-surface .shimmer-timer .shimmer-label{width:40px;height:12px}}
.exam-action .progress-header .boxes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.exam-action .progress-header .boxes .box{background:var(--primary);border-radius:2px;width:25px;height:25px;transition:all .3s ease-in-out}.exam-action .progress-header .boxes .box.pending{background:var(--primary-50)}.exam-action .progress-header .boxes .box.active{border:1px solid var(--primary);background:var(--primary-50)}.exam-action .answer-section{margin-top:20px}.exam-action .answer-section h4{margin-bottom:25px}.exam-action .answer-section .answer-item{border:1px solid var(--neutral-3);cursor:pointer;background-color:#f9fafb;align-items:center;width:100%;margin-bottom:15px;padding:15px 20px;display:flex}.exam-action .answer-section .answer-item.selected{border:1px solid var(--primary);background-color:var(--primary-50);border-radius:4px}.exam-action .answer-section .answer-item.selected .answer-check{border:1px solid var(--primary);padding:7px}.exam-action .answer-section .answer-item.selected .answer-check .inner-circle{background-color:var(--primary);border-radius:50%;width:100%;height:100%}.exam-action .answer-section .answer-item .answer-check{border:1px solid var(--neutral-3);border-radius:50%;width:30px;min-width:30px;height:30px;margin-right:15px}.exam-action .answer-section .answer-item .text{color:var(--dark-3)}.exam-action .btn-section{justify-content:space-between;align-items:center;width:100%;margin-top:3rem;display:flex}.exam-action .btn-section .btn-custom{cursor:pointer;flex:1;justify-content:center;align-items:center;padding:20px;font-weight:500;display:flex}.exam-action .btn-section .btn-custom.disabled{pointer-events:none;opacity:.5;background:var(--gray-2)!important;color:var(--dark-4)!important}.exam-action .btn-section .btn-light{background-color:var(--primary-50);color:var(--primary)}.exam-action .btn-section .primary-btn{background-color:var(--primary);color:#fff;flex:1;padding:20px 45px}.exam-action .btn-section .primary-btn.last{background-color:#23c1a5}.exam-action .btn-section .skip-btn{color:var(--primary)}.exam-action .btn-section .pagination-show{color:var(--dark-4);white-space:nowrap;flex:1;justify-content:center;padding:20px;font-size:13px;display:flex}.exam-action .btn-section .pagination-show span{color:var(--primary);font-weight:600}@media screen and (max-width:992px){.exam-action .progress-header .boxes{margin-top:20px}}@media screen and (max-width:768px){.exam-action .btn-section{flex-direction:column;justify-content:center}.exam-action .btn-section .btn-custom{width:100%}}
.exam-solution .progress-header .boxes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.exam-solution .progress-header .boxes .box{width:30px;height:30px;color:var(--dark-3);cursor:pointer;background:#d8d7d7;border-radius:50%;justify-content:center;align-items:center;font-weight:500;transition:all .3s ease-in-out;display:flex}.exam-solution .progress-header .boxes .box.passed{background:var(--primary-50);border:1px solid var(--primary);color:var(--primary)}.exam-solution .progress-header .boxes .box.failed{background:var(--red-50);border:1px solid var(--red);color:var(--red)}.exam-solution .progress-header .boxes .box.active{border:1px solid var(--primary);background:var(--primary-50)}.exam-solution .answer-section h4{margin-bottom:25px}.exam-solution .answer-section .answer-item{border:1px solid var(--primary);background-color:var(--primary-50);cursor:pointer;border-radius:4px;width:100%;margin-bottom:28px;padding:15px 20px}.exam-solution .answer-section .answer-item .answer-check{background:var(--primary);color:#fff;border-radius:50%;width:30px;min-width:30px;height:30px;margin-right:15px}.exam-solution .answer-section .answer-item.wrong{border:1px solid var(--red);background-color:var(--red-50)}.exam-solution .answer-section .answer-item.wrong .answer-check{background:var(--red)}.exam-solution .answer-section .answer-item .text{color:var(--dark-3)}.exam-solution .answer-section .answer-item .answer-content .user{color:var(--dark-3);gap:10px;font-size:14px}.exam-solution .answer-section .answer-item .answer-content .user .profile{border-radius:50%;width:28px;height:28px;overflow:hidden}.exam-solution .btn-section{justify-content:space-between;align-items:center;width:100%;margin-top:3rem;display:flex}.exam-solution .btn-section .btn-custom{cursor:pointer;flex:1;justify-content:center;align-items:center;padding:20px;font-weight:500;display:flex}.exam-solution .btn-section .btn-custom.disabled{pointer-events:none;opacity:.5;background:var(--gray-2)!important;color:var(--dark-4)!important}.exam-solution .btn-section .btn-light{background-color:var(--primary-50);color:var(--primary)}.exam-solution .btn-section .primary-btn{background-color:var(--primary);color:#fff;flex:1;padding:20px 45px}.exam-solution .btn-section .primary-btn.last{background-color:#23c1a5}.exam-solution .btn-section .skip-btn{color:var(--primary)}.exam-solution .btn-section .pagination-show{color:var(--dark-4);white-space:nowrap;flex:1;justify-content:center;padding:20px;font-size:13px;display:flex}.exam-solution .btn-section .pagination-show span{color:var(--primary);font-weight:600}@media screen and (max-width:992px){.exam-solution .progress-header .boxes{margin-top:20px}}@media screen and (max-width:768px){.exam-solution .btn-section{flex-direction:column;justify-content:center}.exam-solution .btn-section .btn-custom{width:100%}}
.result-card{display:flex}.result-card .user-profile{border-right:1px solid var(--neutral-3);flex-direction:column;justify-content:center;align-items:center;width:50%;padding:15px;display:flex;position:relative}.result-card .user-profile .img-wrapper{border-radius:50%;width:115px;height:115px;margin-bottom:10px;overflow:hidden}.result-card .score-stat .stat-info{border-bottom:1px solid var(--neutral-3);max-width:100%;display:flex}.result-card .score-stat .stat-info .stat-item{flex:1;height:80px;position:relative}.result-card .score-stat .stat-info .stat-item:not(:last-of-type){border-right:1px solid var(--neutral-3)}.result-card .score-stat .stat-info .stat-item .value{font-size:18px}.result-card .score-stat .progress-wrapper{min-height:210px;position:relative}.result-card .score-stat .progress-wrapper .score{font-size:18px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:1200px){.result-card{flex-direction:column}.result-card .user-profile{border-bottom:1px solid var(--neutral-3);width:100%}}
.exam-history{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.exam-history__header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.exam-history__header h3{color:#333;margin:0;font-size:1.25rem;font-weight:600}.exam-history__header .total-attempts{color:#1976d2;background:#e3f2fd;border-radius:16px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.exam-history__list{flex-direction:column;gap:1rem;display:flex}.exam-history__item{background:#fafafa;border-left:4px solid #ddd;border-radius:6px;grid-template-columns:auto 1fr auto auto auto auto;gap:1rem;padding:1rem;transition:all .2s;display:grid}.exam-history__item:hover{background:#f5f5f5;transform:translateY(-1px)}.exam-history__item--passed{border-left-color:#4caf50}.exam-history__item--passed .score{color:#4caf50}.exam-history__item--failed{border-left-color:#f44336}.exam-history__item--failed .score{color:#f44336}.exam-history__item--pending{border-left-color:#ff9800}.exam-history__item--pending .score{color:#ff9800}.exam-history__attempt{color:#666;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:600;display:flex}.exam-history__details{flex-direction:column;gap:.25rem;display:flex}.exam-history__details .date{color:#666;font-size:.875rem;font-weight:500}.exam-history__details .duration{color:#999;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.exam-history__details .duration:before{content:"⏱️"}.exam-history__score{flex-direction:column;align-items:center;gap:.25rem;display:flex}.exam-history__score .score{font-size:1.125rem;font-weight:700}.exam-history__score .percentage{color:#999;font-size:.75rem}.exam-history__actions{align-items:center;gap:.5rem;display:flex}.exam-history__actions .copy-link{cursor:pointer;color:#6c757d;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;transition:all .2s;display:flex}.exam-history__actions .copy-link:hover{color:#495057;background:#e9ecef;transform:scale(1.05)}.exam-history__actions .copy-link:active{transform:scale(.95)}.exam-history__actions .copy-link.copied{color:#155724;background:#d4edda;border-color:#c3e6cb}.exam-history__actions .copy-link:before{content:"🔗"}.exam-history__actions .copy-link.copied:before{content:"✓"}.exam-history__actions .copy-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:1001;background:#333;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;transition:all .2s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.exam-history__actions .copy-tooltip:after{content:"";border:4px solid #0000;border-top-color:#333;position:absolute;top:100%;left:50%;transform:translate(-50%)}.exam-history__actions .copy-tooltip.show{opacity:1;visibility:visible}.exam-history__status{align-items:center;display:flex}.exam-history__status .badge{text-transform:uppercase;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.exam-history__status .badge--passed{color:#4caf50;background:#e8f5e8}.exam-history__status .badge--failed{color:#f44336;background:#ffebee}.exam-history__status .badge--pending{color:#ff9800;background:#fff3e0}.exam-history__performance{align-items:center;display:flex;position:relative}.exam-history__performance .performance-icon{cursor:pointer;color:#666;z-index:999;background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;transition:all .2s;display:flex}.exam-history__performance .performance-icon:hover{color:#333;background:#e0e0e0;transform:scale(1.1)}.exam-history__performance .performance-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:250px;padding:1rem;transition:all .2s;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-.5rem);box-shadow:0 4px 12px #00000026}.exam-history__performance .performance-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.exam-history__performance .performance-menu:before{content:"";background:#fff;border:none;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;width:12px;height:12px;position:absolute;top:-6px;right:1rem;transform:rotate(45deg)}.exam-history__performance .performance-menu .menu-header{color:#333;border-bottom:1px solid #f0f0f0;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.875rem;font-weight:600}.exam-history__performance .performance-menu .topic-item{border-bottom:1px solid #f8f8f8;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.exam-history__performance .performance-menu .topic-item:last-child{border-bottom:none}.exam-history__performance .performance-menu .topic-item .topic-name{color:#666;flex:1;font-size:.75rem}.exam-history__performance .performance-menu .topic-item .topic-score{border-radius:8px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.exam-history__performance .performance-menu .topic-item .topic-score--excellent{color:#2e7d32;background:#e8f5e9}.exam-history__performance .performance-menu .topic-item .topic-score--good{color:#1565c0;background:#e3f2fd}.exam-history__performance .performance-menu .topic-item .topic-score--average{color:#f57f17;background:#fff8e1}.exam-history__performance .performance-menu .topic-item .topic-score--poor{color:#c62828;background:#ffebee}.exam-history__performance:hover .performance-menu{opacity:1;visibility:visible;transform:translateY(0)}.exam-history__empty{text-align:center;color:#999;padding:2rem}.exam-history__empty .icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.exam-history__empty p{margin:0;font-size:1rem}@media (max-width:768px){.exam-history{padding:1rem}.exam-history__item{text-align:center;grid-template-columns:1fr;gap:.75rem}.exam-history__attempt{align-self:center}.exam-history__performance{justify-self:center}.exam-history__performance .performance-menu{left:50%;right:auto;transform:translate(-50%)translateY(-.5rem)}.exam-history__performance .performance-menu.show{transform:translate(-50%)translateY(0)}.exam-history__performance .performance-menu:before{left:50%;right:auto;transform:translate(-50%)rotate(45deg)}.exam-history__performance:hover .performance-menu{transform:translate(-50%)translateY(0)}}
.grading-system{background:#f8f9fa;border-radius:8px;margin:1rem 0;padding:1.5rem}@media (max-width:768px){.grading-system{display:none}}.grading-system__header{margin-bottom:1.5rem}.grading-system__header h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.grading-system__header .min-pass-score{color:#e74c3c;font-size:.9rem;font-weight:500}.grading-system__levels{flex-direction:column;gap:.75rem;display:flex}.grading-system__level{background:#fff;border-left:4px solid;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;box-shadow:0 1px 3px #0000001a}.grading-system__level--excellent{background:linear-gradient(90deg,#d5f4e6 0%,#fff 100%);border-left-color:#27ae60}.grading-system__level--good{background:linear-gradient(90deg,#e8f8f0 0%,#fff 100%);border-left-color:#2ecc71}.grading-system__level--satisfactory{background:linear-gradient(90deg,#fef3e0 0%,#fff 100%);border-left-color:#f39c12}.grading-system__level--needs-improvement{background:linear-gradient(90deg,#fdeee6 0%,#fff 100%);border-left-color:#e67e22}.grading-system__level--fail{background:linear-gradient(90deg,#fdeaea 0%,#fff 100%);border-left-color:#e74c3c}.grading-system__level .level-info{flex-direction:column;display:flex}.grading-system__level .level-info .level-name{color:#2c3e50;font-size:.95rem;font-weight:600}.grading-system__level .level-info .level-description{color:#7f8c8d;margin-top:.25rem;font-size:.8rem}.grading-system__level .level-range{align-items:center;gap:.5rem;display:flex}.grading-system__level .level-range .score-range{color:#2c3e50;font-size:1rem;font-weight:700}.grading-system__level .level-range .percentage{color:#7f8c8d;font-size:.85rem}.grading-system__pass-indicator{text-align:center;background:#e8f6f3;border:1px solid #1abc9c;border-radius:6px;margin-top:1rem;padding:.75rem}.grading-system__pass-indicator .pass-text{color:#16a085;font-size:.9rem;font-weight:600}@media (max-width:768px){.grading-system{padding:1rem}.grading-system__level{flex-direction:column;align-items:flex-start;gap:.5rem}.grading-system__level .level-range{align-self:flex-end}}
.complete-card .score-status{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin-top:1rem;margin-bottom:30px;padding:30px 20px;display:flex}.complete-card .score-status .score-value{margin:0;font-size:48px;font-weight:700}.complete-card .score-status .status-text{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:600}.complete-card .score-status.pass{background:linear-gradient(135deg,var(--primary-50)0%,var(--primary-25,#f8faff)100%);border:2px solid var(--primary-100)}.complete-card .score-status.pass .score-value{color:var(--primary)}.complete-card .score-status.pass .status-text{color:#fff;background:var(--primary)}.complete-card .score-status.fail{background:linear-gradient(135deg,var(--red-50,#fef2f2)0%,var(--red-25,#fef7f7)100%);border:2px solid var(--red-100,#fecaca)}.complete-card .score-status.fail .score-value{color:var(--red)}.complete-card .score-status.fail .status-text{color:#fff;background:var(--red)}.complete-card .performance-message{text-align:center;border-radius:12px;padding:20px;font-size:16px;font-weight:500;line-height:1.6;box-shadow:0 2px 8px #0000000d}.complete-card .performance-message.excellent{background:var(--primary-50);color:var(--primary-700,var(--primary));border:1px solid var(--primary-200)}.complete-card .performance-message.good{background:var(--green-50,#f0fdf4);color:var(--green-700,#15803d);border:1px solid var(--green-200,#bbf7d0)}.complete-card .performance-message.needs-improvement{background:var(--orange-50,#fff7ed);color:var(--orange-700,#c2410c);border:1px solid var(--orange-200,#fed7aa)}.complete-card .performance-message.poor{background:var(--red-50,#fef2f2);color:var(--red-700,#b91c1c);border:1px solid var(--red-200,#fca5a5)}.complete-card .btn-row{gap:20px}.complete-card .btn-row .count-down{margin-top:10px;font-size:18px;font-weight:500}
.topic-performance{flex-direction:column;gap:1rem;padding:1rem;display:flex}.topic-performance__item{background:#f8f9fa;border-left:4px solid #e9ecef;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.topic-performance__item--grade-a{border-left-color:var(--primary)}.topic-performance__item--grade-b{border-left-color:#17a2b8}.topic-performance__item--grade-c{border-left-color:#ffc107}.topic-performance__item--grade-d{border-left-color:var(--secondary)}.topic-performance__item--grade-e{border-left-color:#dc3545}.topic-performance__item--grade-f{border-left-color:#6c757d}.topic-performance__item--grade-i{border-left-color:#fafafa}@media screen and (max-width:1200px){.topic-performance__item{flex-wrap:wrap;gap:.5rem}}.topic-performance__topic-name{color:#333;flex:1;min-width:120px;font-weight:600}.topic-performance__progress{flex:2;align-items:center;gap:.5rem;min-width:60px;display:flex}.topic-performance__progress-bar{background:#e9ecef;border-radius:4px;flex:1;height:8px;overflow:hidden}.topic-performance__progress-bar-fill{height:100%;transition:width .3s}.topic-performance__progress-bar-fill--grade-a{background:var(--primary)}.topic-performance__progress-bar-fill--grade-b{background:#17a2b8}.topic-performance__progress-bar-fill--grade-c{background:#ffc107}.topic-performance__progress-bar-fill--grade-d{background:var(--secondary)}.topic-performance__progress-bar-fill--grade-e{background:#dc3545}.topic-performance__progress-bar-fill--grade-f{background:#6c757d}.topic-performance__progress-bar-fill--grade-i{background:#fafafa}.topic-performance__progress-percentage{color:#666;min-width:40px;font-size:.875rem;font-weight:500}.topic-performance__grade{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:28px;height:32px;font-size:.875rem;font-weight:700;display:flex}.topic-performance__grade--a{background:var(--primary)}.topic-performance__grade--b{background:#17a2b8}.topic-performance__grade--c{color:#333;background:#ffc107}.topic-performance__grade--d{background:var(--secondary)}.topic-performance__grade--e{background:#dc3545}.topic-performance__grade--f{background:#6c757d}.topic-performance__grade--i{background:#fafafa}.topic-performance__score{color:#666;text-align:right;min-width:60px;font-size:.875rem}
.course-item-2{cursor:pointer;background:#fff;border-radius:12px;height:100%;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.course-item-2:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #00000026}.course-item-2 .course-image{width:100%;height:180px;position:relative;overflow:hidden}.course-item-2 .course-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.course-item-2:hover .course-image img{transform:scale(1.05)}.course-item-2 .category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:2;background:#000000b3;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.course-item-2 .course-content{flex-direction:column;gap:10px;height:calc(100% - 180px);padding:15px;display:flex}.course-item-2 .course-content .course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.course-item-2 .course-content .instructor-info{align-items:center;gap:8px;display:flex}.course-item-2 .course-content .instructor-info .instructor-avatar{border-radius:50%;width:26px;height:26px;overflow:hidden}.course-item-2 .course-content .instructor-info .instructor-avatar img{object-fit:cover;width:100%;height:100%}.course-item-2 .course-content .instructor-info .instructor-name{color:#555;font-size:12px;font-weight:500}.course-item-2 .course-content .course-meta{color:#666;align-items:center;gap:10px;font-size:11px;display:flex}.course-item-2 .course-content .course-meta .time-ago,.course-item-2 .course-content .course-meta .duration{align-items:center;gap:4px;display:flex}.course-item-2 .course-content .course-description{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:16px;font-size:14px;line-height:1.5;transition:all .3s;display:-webkit-box;overflow:hidden}.course-item-2 .course-content .course-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 0;display:flex}.course-item-2 .course-content .course-footer .price{color:var(--primary);font-size:1rem;font-weight:800}.course-item-2 .course-content .course-footer .price.discounted .original-price{color:var(--dark-4);margin-right:8px;font-size:.8em;font-weight:400;text-decoration:line-through}.course-item-2 .course-content .course-footer .difficulty{color:#374151;text-transform:capitalize;background:#f3f4f6;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.course-item-2 .course-content .progress-section{border-top:1px solid #f0f0f0;margin-top:auto;padding:10px 0}.course-item-2 .course-content .progress-section .progress-label{color:#666;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.course-item-2 .course-content .progress-section .progress-label .progress-text{color:#333}.course-item-2 .course-content .progress-section .progress-label .progress-percentage{color:var(--primary);font-weight:600}.course-item-2 .course-content .progress-section .progress-bar-container{background:#f3f4f6;border-radius:3px;width:100%;height:6px;overflow:hidden}.course-item-2 .course-content .progress-section .progress-bar-container .progress-bar{background:linear-gradient(90deg,var(--primary),var(--primary-100,var(--primary-400)));border-radius:3px;height:100%;transition:width .6s;position:relative}.course-item-2 .course-content .progress-section .progress-bar-container .progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;right:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}
.exam-enrollment-confirmation .modal-content{border:none;border-radius:12px;margin:0 auto;box-shadow:0 20px 40px #00000026}.exam-enrollment-confirmation .modal-header{border-bottom:1px solid #e9ecef;padding:1.5rem}.exam-enrollment-confirmation .modal-header .modal-title{color:#2d3748;font-size:1.5rem;font-weight:600}.exam-enrollment-confirmation .modal-body{padding:1.5rem}.exam-enrollment-confirmation .course-summary{background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.exam-enrollment-confirmation .course-summary .course-title{color:#2d3748;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.exam-enrollment-confirmation .course-summary .course-instructor{color:#6c757d;margin-bottom:1rem;font-size:.9rem}.exam-enrollment-confirmation .pricing-details{border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.exam-enrollment-confirmation .pricing-details .price-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.exam-enrollment-confirmation .pricing-details .price-row:last-child{margin-bottom:0}.exam-enrollment-confirmation .pricing-details .price-row .price-label{color:#6c757d;font-size:.9rem}.exam-enrollment-confirmation .pricing-details .price-row .price-value{color:#2d3748;font-weight:600}.exam-enrollment-confirmation .pricing-details .original-price .price-value{color:#6c757d;font-weight:400;text-decoration:line-through}.exam-enrollment-confirmation .pricing-details .discount .price-value{color:var(--primary)}.exam-enrollment-confirmation .pricing-details .total-price{border-top:1px solid #e9ecef;margin-top:.75rem;padding-top:.75rem}.exam-enrollment-confirmation .pricing-details .total-price .price-label{color:#2d3748;font-size:1rem;font-weight:600}.exam-enrollment-confirmation .pricing-details .total-price .price-value{color:#2d3748;font-size:1.25rem;font-weight:700}.exam-enrollment-confirmation .enrollment-notice{background-color:var(--primary-50);border-left:4px solid var(--primary);border-radius:4px;margin-bottom:1.5rem;padding:1rem}.exam-enrollment-confirmation .enrollment-notice p{color:var(--primary);margin:0;font-size:.9rem}.exam-enrollment-confirmation .payer-details{border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.exam-enrollment-confirmation .payer-details .section-title{color:#2d3748;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.exam-enrollment-confirmation .payer-details .form-group{margin-bottom:1rem}.exam-enrollment-confirmation .payer-details .form-group:last-child{margin-bottom:0}.exam-enrollment-confirmation .payer-details .form-group label{color:#2d3748;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.exam-enrollment-confirmation .payer-details .form-group input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:.9rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.exam-enrollment-confirmation .payer-details .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.exam-enrollment-confirmation .payer-details .form-group input::placeholder{color:#9ca3af}.exam-enrollment-confirmation .modal-footer{border-top:1px solid #e9ecef;justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.exam-enrollment-confirmation .modal-footer .btn-cancel{color:#fff;background-color:#6c757d;border-color:#6c757d;border-radius:6px;padding:.625rem 1.5rem;font-weight:500}.exam-enrollment-confirmation .modal-footer .btn-cancel:hover{background-color:#5a6268;border-color:#545b62}.exam-enrollment-confirmation .modal-footer .btn-confirm{background-color:var(--primary);border-color:var(--primary);color:#fff;border-radius:6px;padding:.625rem 2rem;font-weight:600}.exam-enrollment-confirmation .modal-footer .btn-confirm:hover{background-color:var(--primary-400);border-color:var(--primary-400)}.exam-enrollment-confirmation .modal-footer .btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width:576px){.exam-enrollment-confirmation .modal-content{max-width:calc(100% - 2rem);margin:1rem}.exam-enrollment-confirmation .modal-footer{flex-direction:column}.exam-enrollment-confirmation .modal-footer .btn-cancel,.exam-enrollment-confirmation .modal-footer .btn-confirm{width:100%}}
.stats-card{grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr);gap:12px;padding:2px;display:grid}@media screen and (max-width:1200px){.stats-card{grid-template-columns:repeat(4,1fr);gap:10px}}@media screen and (max-width:768px){.stats-card{grid-template-columns:repeat(2,1fr);gap:8px;padding:1px}}@media screen and (max-width:576px){.stats-card{grid-template-columns:1fr;gap:6px;padding:0}}.stats-card .stat-item{background:#fff;border:1px solid #0000000f;border-radius:8px;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000a}.stats-card .stat-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}@media screen and (max-width:576px){.stats-card .stat-item{border-radius:6px;gap:6px;padding:8px}}.stats-card .stat-item .icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}@media screen and (max-width:992px){.stats-card .stat-item .icon-box{border-radius:6px;width:32px;height:32px}}@media screen and (max-width:576px){.stats-card .stat-item .icon-box{border-radius:6px;width:28px;height:28px}}.stats-card .stat-item .icon-box.color-1{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.stats-card .stat-item .icon-box.color-1 .icon-circle{background:linear-gradient(135deg,#1976d2,#1565c0)}.stats-card .stat-item .icon-box.color-2{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.stats-card .stat-item .icon-box.color-2 .icon-circle{background:linear-gradient(135deg,#7b1fa2,#6a1b9a)}.stats-card .stat-item .icon-box.color-3{background:linear-gradient(135deg,#ece0f9,#d1c4e9)}.stats-card .stat-item .icon-box.color-3 .icon-circle{background:linear-gradient(135deg,#7b2cd6,#673ab7)}.stats-card .stat-item .icon-box.color-4{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.stats-card .stat-item .icon-box.color-4 .icon-circle{background:linear-gradient(135deg,#388e3c,#2e7d32)}.stats-card .stat-item .icon-box.color-5{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.stats-card .stat-item .icon-box.color-5 .icon-circle{background:linear-gradient(135deg,#f57c00,#ef6c00)}.stats-card .stat-item .icon-box.color-6{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.stats-card .stat-item .icon-box.color-6 .icon-circle{background:linear-gradient(135deg,#d32f2f,#c62828)}.stats-card .stat-item .icon-box.color-7{background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}.stats-card .stat-item .icon-box.color-7 .icon-circle{background:linear-gradient(135deg,#0097a7,#00838f)}.stats-card .stat-item .icon-box.color-8{background:linear-gradient(135deg,#fce4ec,#f8bbd9)}.stats-card .stat-item .icon-box.color-8 .icon-circle{background:linear-gradient(135deg,#c2185b,#ad1457)}.stats-card .stat-item .icon-box .icon-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;box-shadow:0 1px 4px #00000026}@media screen and (max-width:992px){.stats-card .stat-item .icon-box .icon-circle{width:14px;height:14px}}@media screen and (max-width:576px){.stats-card .stat-item .icon-box .icon-circle{width:12px;height:12px}}.stats-card .stat-item .stat-info{flex:1;min-width:0}.stats-card .stat-item .stat-info .count{color:#1a1a1a;margin-bottom:2px;font-size:18px;font-weight:700;line-height:1.2}@media screen and (max-width:992px){.stats-card .stat-item .stat-info .count{font-size:16px}}@media screen and (max-width:576px){.stats-card .stat-item .stat-info .count{font-size:14px}}.stats-card .stat-item .stat-info .label{color:#6b7280;font-size:10px;font-weight:500;line-height:1.3}@media screen and (max-width:576px){.stats-card .stat-item .stat-info .label{font-size:9px}}
.dashboard .notifications-list{border-radius:8px;max-height:400px;overflow-y:auto}.dashboard .notifications-list .notification-item{border-bottom:1px solid var(--neutral-3);cursor:pointer;align-items:flex-start;padding:16px;transition:background-color .2s;display:flex}.dashboard .notifications-list .notification-item:hover{background-color:var(--neutral-2)}.dashboard .notifications-list .notification-item:last-child{border-bottom:none}.dashboard .notifications-list .notification-item.unread{background-color:var(--primary-5)}.dashboard .notifications-list .notification-item.unread .notification-content .notification-title{color:var(--primary);font-weight:600}.dashboard .notifications-list .notification-item.unread .notification-content .notification-message{color:var(--dark-3)}.dashboard .notifications-list .notification-item.unread .notification-icon{background-color:var(--primary)}.dashboard .notifications-list .notification-item.unread .notification-icon .icon{color:#fff}.dashboard .notifications-list .notification-item.unread .notification-time{color:var(--primary);font-weight:500}.dashboard .notifications-list .notification-item .notification-icon{background-color:var(--neutral-4);border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;margin-right:12px;display:flex}.dashboard .notifications-list .notification-item .notification-icon .icon{color:var(--dark-3);font-size:16px}.dashboard .notifications-list .notification-item .notification-content{flex-grow:1}.dashboard .notifications-list .notification-item .notification-content .notification-title{color:var(--dark-3);margin-bottom:4px;font-size:14px;font-weight:500}.dashboard .notifications-list .notification-item .notification-content .notification-message{color:var(--dark-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.dashboard .notifications-list .notification-item .notification-time{color:var(--dark-4);white-space:nowrap;margin-left:8px;font-size:12px}
.course-dashboard{background:#f8fafc;min-height:100vh}.course-dashboard h2{margin-bottom:4px;font-size:24px;font-weight:700}.course-dashboard .dashboard-header{text-align:center;margin-bottom:40px}.course-dashboard .dashboard-header h1{color:#1a1a1a;margin-bottom:8px;font-size:32px;font-weight:800}.course-dashboard .dashboard-header p{color:#666;font-size:16px}.course-dashboard .course-section{margin-bottom:40px}.course-dashboard .course-section .empty-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.course-dashboard .course-section .section-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.course-dashboard .course-section .section-header .section-subtitle{color:#666;font-size:14px}.course-dashboard .course-section .section-header .text-primary{color:#45be99;cursor:pointer;align-items:center;gap:8px;margin-left:auto;font-size:14px;font-weight:600;transition:color .3s;display:flex}.course-dashboard .course-section .section-header .text-primary:hover{color:#30856b}.course-dashboard .course-section .slider-container .slider-item{padding:10px 8px}.course-dashboard .course-section .slider-container .react-multi-carousel-item{transition:all .3s}.course-dashboard .course-section .slider-container .react-multiple-carousel__arrow{color:#374151;background:#fff;border:1px solid #e5e7eb;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a}.course-dashboard .course-section .slider-container .react-multiple-carousel__arrow:hover{background:#f9fafb;border-color:#d1d5db}.course-dashboard .course-section .slider-container .react-multiple-carousel__arrow:before{font-size:18px;font-weight:600}.course-dashboard .course-section .slider-container .react-multiple-carousel__arrow--left{left:0}.course-dashboard .course-section .slider-container .react-multiple-carousel__arrow--right{right:0}.course-dashboard .course-section .slider-container .react-multiple-carousel__arrow{border-radius:50%;justify-content:center;align-items:center;display:flex}.course-dashboard .course-section .slider-container .react-multiple-carousel__arrow:before{display:none}
.onboarding{height:100vh;display:flex}.onboarding .left-section{background:#edeff3;flex-direction:column;align-items:center;width:50%;height:100%;padding:2rem 5rem 0;display:flex}.onboarding .left-section .logo-wrapper{margin-bottom:80px}.onboarding .left-section .logo-wrapper img{object-fit:cover;max-width:120px}.onboarding .left-section .title{flex:1;margin-top:30px;font-size:18px;font-weight:500}.onboarding .left-section .girl-img{width:100%;overflow:hidden}.onboarding .left-section .girl-img img{max-width:100%;height:auto}.onboarding .right-section{flex-direction:column;flex:1;height:100%;padding:2rem 5rem 0;display:flex;overflow:hidden}.onboarding .right-section .steps{align-items:center;gap:10px;display:flex}.onboarding .right-section .steps .item{background:var(--neutral-3);border-radius:10px;flex:1;height:10px;transition:all .3s ease-in-out}.onboarding .right-section .steps .item.active{background:var(--primary-100)}.onboarding .right-section .step-content{flex-direction:column;flex:1;justify-content:center;margin-top:40px;display:flex;overflow-y:scroll}.onboarding .right-section .step-content .motion-class{border:none;outline:none}.onboarding .right-section .step-content .date-wrapper{position:relative}.onboarding .right-section .step-content .date-wrapper .react-datepicker-wrapper{width:100%}.onboarding .right-section .step-content .date-wrapper .react-datepicker-wrapper .date-picker{border:1px solid var(--neutral-3);width:100%;height:60px;color:var(--dark-3);cursor:pointer;outline:none;padding:10px 20px;font-size:18px;font-weight:500}.onboarding .right-section .step-content .date-wrapper .react-datepicker-wrapper .date-picker:active,.onboarding .right-section .step-content .date-wrapper .react-datepicker-wrapper .date-picker:focus{border:1px solid var(--primary-200)}.onboarding .right-section .step-content .date-wrapper .years{position:absolute;top:calc(50% - 10px);right:20px}.onboarding .right-section .step-content .interests{height:100%;padding-bottom:20px;overflow-y:scroll}.onboarding .right-section .step-content .interests::-webkit-scrollbar-thumb{background:var(--primary-100)}.onboarding .right-section .step-content .interests .fields{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.onboarding .right-section .step-content .interests .fields .category{color:var(--dark-3);border:1px solid var(--neutral-3);cursor:pointer;border-radius:5px;gap:5px;padding:5px 6px;font-size:14px;transition:all .2s ease-in-out}.onboarding .right-section .step-content .interests .fields .category .icon{display:none}.onboarding .right-section .step-content .interests .fields .category.selected{border:1px solid var(--primary-100);color:var(--primary);font-weight:500;transition:all .2s ease-in-out}.onboarding .right-section .step-content .interests .fields .category.selected .icon{color:var(--primary);display:block}.onboarding .right-section .step-content .profile-picture-container{text-align:center;max-width:500px;margin:0 auto}.onboarding .right-section .step-content .profile-picture-container .crop-container{background:#333;width:100%;height:400px;position:relative}.onboarding .right-section .step-content .profile-picture-container .cropped-image{border-radius:50%;max-width:100%}.onboarding .right-section .step-content .profile-picture-container .controls{margin-top:10px}.onboarding .right-section .step-content .profile-picture-container input[type=range]{width:80%;margin:10px auto;display:block}.onboarding .right-section .step-content .profile-picture-container .file-picker{width:150px;height:45px;margin:0 auto 20px;position:relative}.onboarding .right-section .step-content .profile-picture-container .file-picker input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.onboarding .right-section .step-content .profile-picture-container .file-picker .overlay{color:var(--primary);background-color:var(--primary-50);cursor:pointer;border:1px solid var(--primary);gap:8px;width:100%;height:100%;font-weight:500}.onboarding .right-section .step-content .profile-picture-container .photo-btn{color:var(--secondary);background-color:var(--secondary-50);cursor:pointer;border:none;border:1px solid var(--secondary);outline:none;gap:10px;width:max-content;height:100%;padding:8px 15px;font-weight:500}.onboarding .right-section .btn-section{border-top:1px solid var(--neutral-3);justify-content:space-between;padding:25px 0}.onboarding .right-section .btn-section .action{cursor:pointer;border-radius:10px;height:55px;padding:10px 25px;font-weight:500}.onboarding .right-section .btn-section .action.disabled{pointer-events:none;background:var(--neutral-1)!important}.onboarding .right-section .btn-section .action.back{color:#fff;background:#969292c2}.onboarding .right-section .btn-section .action.next{background:var(--primary);color:#fff}.onboarding .right-section .custom-select .css-13cymwt-control,.onboarding .right-section .custom-select .css-t3ipsp-control{border:1px solid var(--neutral-3);height:45px}.onboarding .right-section .custom-select .css-t3ipsp-control{border:1px solid var(--primary-200);box-shadow:none}.onboarding .right-section .custom-select .css-hlgwow .css-1dimb5e-singleValue{color:var(--foreground)}.onboarding .right-section .custom-select .css-1wy0on6 .css-1u9des2-indicatorSeparator{display:none}.onboarding .right-section .custom-select .css-1nmdiq5-menu{z-index:99;border:none;box-shadow:0 5px 10px 8px #0000000d}.onboarding .right-section .custom-select .css-1nmdiq5-menu .css-tr4s17-option{background-color:var(--primary)}.onboarding .right-section .custom-select .css-1nmdiq5-menu .css-d7l1ni-option{background-color:var(--primary-50)}.onboarding .right-section .custom-select .css-1nmdiq5-menu .css-10wo9uf-option{color:var(--dark-3)}@media screen and (max-width:1200px){.onboarding .right-section{padding:2rem 2rem 0}}@media screen and (max-width:992px){.onboarding .left-section{display:none}.onboarding .right-section{padding:1rem 1rem 0}.onboarding .right-section .step-content{margin-top:30px}}
.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.4rem}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.4rem}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.3rem;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + .85rem);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}
.payment-history{max-width:1200px;margin:0 auto}.payment-history__header{border-bottom:2px solid var(--neutral-3);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.payment-history__header h2{margin:0;font-size:26px;font-weight:600}.payment-history__header .filters{align-items:center;gap:15px;display:flex}.payment-history__header .filters select,.payment-history__header .filters input{border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px}.payment-history__summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.payment-history__summary .summary-card{color:#fff;text-align:center;background:linear-gradient(135deg,#2e8c5a 0%,#1fa38c 100%);border-radius:12px;padding:20px}.payment-history__summary .summary-card.total-paid{background:linear-gradient(135deg,#0c6657 0%,#1e7e4d 100%)}.payment-history__summary .summary-card.pending{background:linear-gradient(135deg,#b8860b 0%,#e6b800 100%)}.payment-history__summary .summary-card .amount{margin-bottom:5px;font-size:24px;font-weight:700}.payment-history__summary .summary-card .label{opacity:.9;text-transform:uppercase;letter-spacing:1px;font-size:12px}.payment-history__list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.payment-history__list .payment-item{border-bottom:1px solid #f0f0f0;grid-template-columns:60px 1fr 120px 100px 80px 120px;align-items:center;padding:20px;transition:background-color .2s;display:grid}.payment-history__list .payment-item:hover{background-color:#f8f9fa}.payment-history__list .payment-item:last-child{border-bottom:none}.payment-history__list .payment-item .status-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.payment-history__list .payment-item .status-icon.paid{background-color:#28a745}.payment-history__list .payment-item .status-icon.pending{color:#333;background-color:#ffc107}.payment-history__list .payment-item .status-icon.failed{background-color:#dc3545}.payment-history__list .payment-item .payment-details .description{color:#333;margin-bottom:4px;font-weight:600}.payment-history__list .payment-item .payment-details .reference{color:#666;font-family:Courier New,monospace;font-size:12px}.payment-history__list .payment-item .payment-details .date{color:#888;margin-top:2px;font-size:13px}.payment-history__list .payment-item .amount{color:#333;text-align:right;font-size:18px;font-weight:700}.payment-history__list .payment-item .method{color:#555;align-items:center;gap:8px;font-size:13px;display:flex}.payment-history__list .payment-item .method .method-icon{background-color:#e9ecef;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.payment-history__list .payment-item .status .status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:600}.payment-history__list .payment-item .status .status-badge.paid{color:#155724;background-color:#d4edda}.payment-history__list .payment-item .status .status-badge.pending{color:#856404;background-color:#fff3cd}.payment-history__list .payment-item .status .status-badge.failed{color:#721c24;background-color:#f8d7da}.payment-history__list .payment-item .actions{gap:8px;display:flex}.payment-history__list .payment-item .actions button{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.payment-history__list .payment-item .actions button.disabled{cursor:not-allowed;color:#999!important;background-color:#e0e0e0!important}.payment-history__list .payment-item .actions button.disabled:hover{background-color:#e0e0e0!important}.payment-history__list .payment-item .actions button.view-btn{background-color:var(--primary);color:#fff}.payment-history__list .payment-item .actions button.view-btn:hover{background-color:var(--primary-400)}.payment-history__list .payment-item .actions button.download-btn{color:#fff;background-color:#6c757d}.payment-history__list .payment-item .actions button.download-btn:hover{background-color:#545b62}.payment-history__empty{text-align:center;color:#666;padding:60px 20px}.payment-history__empty .empty-icon{opacity:.5;margin-bottom:20px;font-size:48px}.payment-history__empty h3{color:#333;margin-bottom:10px}.payment-history__empty p{opacity:.8;font-size:14px}@media (max-width:768px){.payment-history__list .payment-item{text-align:left;grid-template-columns:1fr;gap:15px}.payment-history__list .payment-item .payment-details{order:1}.payment-history__list .payment-item .amount{text-align:left;order:2;font-size:20px}.payment-history__list .payment-item .status-icon{order:3;width:30px;height:30px;font-size:14px}.payment-history__list .payment-item .method,.payment-history__list .payment-item .status,.payment-history__list .payment-item .actions{order:4;justify-self:start}.payment-history__summary{grid-template-columns:1fr}.payment-history__header{flex-direction:column;align-items:stretch;gap:15px}.payment-history__header .filters{justify-content:center}}
.notifications-page{max-width:800px;margin:0 auto;padding:20px}.notifications-page__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.notifications-page__header h1{margin:0;font-size:26px}.notifications-page__header-actions{gap:12px;display:flex}.notifications-page__header .mark-all-read{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.notifications-page__header .mark-all-read:hover{background:var(--primary-400)}.notifications-page__filters{gap:12px;margin-bottom:20px;display:flex}.notifications-page__filters .filter-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.notifications-page__filters .filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.notifications-page__filters .filter-btn:hover:not(.active){background:#f8f9fa}.notifications-page__list{flex-direction:column;gap:12px;display:flex}.notifications-page__item{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s}.notifications-page__item:hover{box-shadow:0 2px 8px #0000001a}.notifications-page__item--unread{border-left:4px solid var(--primary);background:#f8f9ff}.notifications-page__item--unread .notification__title{font-weight:600}.notifications-page__item--read{opacity:.8}.notifications-page .notification__header{gap:12px;margin-bottom:8px;display:flex}.notifications-page .notification__icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.notifications-page .notification__icon--assignment{color:var(--primary);background:#e3f2fd}.notifications-page .notification__icon--grade{color:#388e3c;background:#e8f5e8}.notifications-page .notification__icon--announcement{color:#f57c00;background:#fff3e0}.notifications-page .notification__icon--reminder{color:#c2185b;background:#fce4ec}.notifications-page .notification__icon--system{color:#7b1fa2;background:#f3e5f5}.notifications-page .notification__content{flex:1}.notifications-page .notification__title{color:#1a1a1a;margin:0 0 4px;font-size:16px;line-height:1.4}.notifications-page .notification__message{color:#666;margin-bottom:8px;font-size:14px;line-height:1.5}.notifications-page .notification__meta{color:#999;justify-content:space-between;align-items:center;font-size:12px;display:flex}.notifications-page .notification__time{align-items:center;gap:4px;display:flex}.notifications-page .notification__type{text-transform:uppercase;background:#f8f9fa;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.notifications-page .notification__actions{gap:8px;margin-top:12px;display:flex}.notifications-page .notification__actions .btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:12px}.notifications-page .notification__actions .btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.notifications-page .notification__actions .btn--primary:hover{border-color:var(--primary-400);background:var(--primary-400)!important}.notifications-page .notification__actions .btn:hover{background:#f8f9fa}.notifications-page__empty{text-align:center;color:#666;padding:60px 20px}.notifications-page__empty .empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.notifications-page__empty h3{margin:0 0 8px;font-size:18px}.notifications-page__empty p{margin:0;font-size:14px}.notifications-page__load-more{text-align:center;margin-top:24px}.notifications-page__load-more .load-more-btn{color:#666;cursor:pointer;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:12px 24px}.notifications-page__load-more .load-more-btn:hover{background:#e9ecef}@media (max-width:768px){.notifications-page{padding:16px}.notifications-page__header{flex-direction:column;align-items:flex-start;gap:12px}.notifications-page__header h1{font-size:24px}.notifications-page__filters{flex-wrap:wrap}.notifications-page .notification__header{flex-direction:column;align-items:flex-start;gap:8px}.notifications-page .notification__meta{flex-direction:column;align-items:flex-start;gap:4px}.notifications-page .notification__actions{flex-wrap:wrap}}
.student-profile{max-width:900px;box-shadow:none;background:0 0;border-radius:0;margin:0 auto;padding:0}.student-profile__header{color:#fff;background:linear-gradient(135deg,#45be99 0%,#f08353 100%);border-radius:16px 16px 0 0;margin-bottom:15px;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.student-profile__header:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:6s ease-in-out infinite float;position:absolute;top:-50%;right:-50%}@media (max-width:768px){.student-profile__header{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 1rem}}.student-profile__content{z-index:2;background:#fff;border-radius:0 0 16px 16px;margin-top:-1rem;padding:1.5rem;position:relative;box-shadow:0 8px 24px #00000014}@media (max-width:768px){.student-profile__content{padding:1.5rem 1rem}}.student-profile__avatar{object-fit:cover;border:3px solid #ffffff4d;border-radius:16px;width:80px;height:80px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #00000026}.student-profile__avatar:hover{transform:scale(1.05)rotate(2deg);box-shadow:0 10px 30px #0003}.student-profile__info{flex:1;margin-left:1.5rem}@media (max-width:768px){.student-profile__info{margin-top:1rem;margin-left:0}}.student-profile__info h1{color:#fff;text-shadow:0 2px 10px #0003;margin:0 0 .25rem;font-size:1.8rem;font-weight:700}@media (max-width:768px){.student-profile__info h1{font-size:1.6rem}}.student-profile__info-subtitle{color:#ffffffe6;margin-bottom:1rem;font-size:.9rem;font-weight:400}.student-profile__info-meta{color:#fffc;gap:1rem;font-size:.75rem;display:flex}@media (max-width:768px){.student-profile__info-meta{justify-content:center;gap:.75rem}}.student-profile__info-meta span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:.35rem .75rem}.student-profile__section{margin-bottom:2rem}.student-profile__section:last-child{margin-bottom:0}.student-profile__section h2{margin-bottom:1.25rem;padding-left:1rem;font-size:1.25rem;font-weight:600;position:relative}.student-profile__section h2:before{content:"";background:linear-gradient(135deg,#45be99,#f08353);border-radius:2px;width:4px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.student-profile__interests{flex-wrap:wrap;gap:8px;display:flex}.student-profile__interests-tag{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#45be99,#f08353);border:none;border-radius:20px;padding:6px 16px;font-size:.75rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1)}.student-profile__interests-tag:hover{background:linear-gradient(135deg,#f08353,#45be99);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 16px #45be994d}.student-profile__details{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.student-profile__details-item{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #45be991a;border-radius:12px;padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.student-profile__details-item:before{content:"";background:linear-gradient(90deg,#45be99,#f08353);height:3px;position:absolute;top:0;left:0;right:0}.student-profile__details-item:hover{border-color:#45be9933;transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.student-profile__details-item label{color:#45be99;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.student-profile__details-item span{font-size:.9rem;font-weight:500;line-height:1.3}.student-profile__bio{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #45be991a;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.student-profile__bio:before{content:"";background:linear-gradient(90deg,#45be99,#f08353);height:3px;position:absolute;top:0;left:0;right:0}.student-profile__bio p{color:#4a5568;margin:0;font-size:.9rem;font-weight:400;line-height:1.6}.student-profile__contact{gap:1rem;margin-top:2rem;display:flex}@media (max-width:768px){.student-profile__contact{flex-direction:column}}.student-profile__contact-btn{text-align:center;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:10px;flex:1;padding:.875rem 1.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.student-profile__contact-btn--primary{color:#fff;background:linear-gradient(135deg,#45be99 0%,#f08353 100%);box-shadow:0 4px 16px #45be9940}.student-profile__contact-btn--primary:hover{background:linear-gradient(135deg,#3da087 0%,#e6744a 100%);transform:translateY(-2px);box-shadow:0 8px 24px #45be994d}.student-profile__contact-btn--secondary{color:#45be99;background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);border:1px solid #45be9933;box-shadow:0 2px 12px #0000000a}.student-profile__contact-btn--secondary:hover{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border-color:#45be994d;transform:translateY(-2px);box-shadow:0 6px 20px #00000014}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}
.certificates-container{background-color:#f8f9fa;min-height:100vh;padding:24px}.certificates-container .cert-header{margin-bottom:32px}.certificates-container .cert-header h1{margin-bottom:8px;font-size:26px}.certificates-container .cert-header .subtitle{color:#718096;font-size:16px}.certificates-container .certificates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.certificates-container .certificates-grid .certificate-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.certificates-container .certificates-grid .certificate-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.certificates-container .certificates-grid .certificate-card .certificate-icon{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.certificates-container .certificates-grid .certificate-card .certificate-icon svg{color:#fff;width:24px;height:24px}.certificates-container .certificates-grid .certificate-card .certificate-title{color:#2d3748;margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.4}.certificates-container .certificates-grid .certificate-card .certificate-course{color:#4a5568;margin-bottom:12px;font-size:14px}.certificates-container .certificates-grid .certificate-card .certificate-date{color:#718096;margin-bottom:16px;font-size:12px}.certificates-container .certificates-grid .certificate-card .certificate-actions{gap:12px;display:flex}.certificates-container .certificates-grid .certificate-card .certificate-actions .btn{cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.certificates-container .certificates-grid .certificate-card .certificate-actions .btn.btn-primary{background-color:var(--primary);color:#fff;border:none}.certificates-container .certificates-grid .certificate-card .certificate-actions .btn.btn-primary:hover{background-color:var(--primary-200)}.certificates-container .certificates-grid .certificate-card .certificate-actions .btn.btn-primary.disabled{cursor:not-allowed;pointer-events:none;background-color:#cbd5e0}.certificates-container .certificates-grid .certificate-card .certificate-actions .btn.btn-share{color:#4a5568;background-color:#0000;border:1px solid #e2e8f0}.certificates-container .certificates-grid .certificate-card .certificate-actions .btn.btn-share:hover{background-color:#f7fafc}.certificates-container .empty-state{text-align:center;padding:64px 24px}.certificates-container .empty-state .empty-icon{opacity:.3;width:64px;height:64px;margin:0 auto 24px}.certificates-container .empty-state h3{color:#4a5568;margin-bottom:8px;font-size:20px}.certificates-container .empty-state p{color:#718096;font-size:16px}@media (max-width:768px){.certificates-container{padding:16px}.certificates-container .certificates-grid{grid-template-columns:1fr;gap:16px}.certificates-container .certificate-card{padding:20px}}
.testimonial-modal .modal-content{border-radius:15px}.testimonial-modal .modal-dialog{align-items:center;min-height:100vh;display:flex}.testimonial-modal .modal-body{padding:20px}.testimonial-modal .modal-body .close{color:#fff;cursor:pointer;position:absolute;top:-30px;right:-10px}.testimonial-modal .item-message{background-color:#fff;border-radius:20px}.testimonial-modal .item-message h6{margin-top:10px;font-weight:700}.testimonial-modal .user{margin-bottom:20px;display:flex}.testimonial-modal .user .profile{border-radius:50%;width:50px;height:50px;margin-right:15px;overflow:hidden}.testimonial-modal .user .info{flex:1}.testimonial-modal .user .info .name{font-weight:700}.testimonial-modal .user .info .title{opacity:.8}
.course-enrollment-confirmation .modal-content{border:none;border-radius:12px;margin:0 auto;box-shadow:0 20px 40px #00000026}.course-enrollment-confirmation .modal-header{border-bottom:1px solid #e9ecef;padding:1.5rem}.course-enrollment-confirmation .modal-header .modal-title{color:#2d3748;font-size:1.5rem;font-weight:600}.course-enrollment-confirmation .modal-body{padding:1.5rem}.course-enrollment-confirmation .course-summary{background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.course-enrollment-confirmation .course-summary .course-title{color:#2d3748;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.course-enrollment-confirmation .course-summary .course-instructor{color:#6c757d;margin-bottom:1rem;font-size:.9rem}.course-enrollment-confirmation .pricing-details{border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.course-enrollment-confirmation .pricing-details .price-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.course-enrollment-confirmation .pricing-details .price-row:last-child{margin-bottom:0}.course-enrollment-confirmation .pricing-details .price-row .price-label{color:#6c757d;font-size:.9rem}.course-enrollment-confirmation .pricing-details .price-row .price-value{color:#2d3748;font-weight:600}.course-enrollment-confirmation .pricing-details .original-price .price-value{color:#6c757d;font-weight:400;text-decoration:line-through}.course-enrollment-confirmation .pricing-details .discount .price-value{color:var(--primary)}.course-enrollment-confirmation .pricing-details .total-price{border-top:1px solid #e9ecef;margin-top:.75rem;padding-top:.75rem}.course-enrollment-confirmation .pricing-details .total-price .price-label{color:#2d3748;font-size:1rem;font-weight:600}.course-enrollment-confirmation .pricing-details .total-price .price-value{color:#2d3748;font-size:1.25rem;font-weight:700}.course-enrollment-confirmation .enrollment-notice{background-color:var(--primary-50);border-left:4px solid var(--primary);border-radius:4px;margin-bottom:1.5rem;padding:1rem}.course-enrollment-confirmation .enrollment-notice p{color:var(--primary);margin:0;font-size:.9rem}.course-enrollment-confirmation .payer-details{border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.course-enrollment-confirmation .payer-details .section-title{color:#2d3748;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.course-enrollment-confirmation .payer-details .form-group{margin-bottom:1rem}.course-enrollment-confirmation .payer-details .form-group:last-child{margin-bottom:0}.course-enrollment-confirmation .payer-details .form-group label{color:#2d3748;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.course-enrollment-confirmation .payer-details .form-group input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:.9rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.course-enrollment-confirmation .payer-details .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.course-enrollment-confirmation .payer-details .form-group input::placeholder{color:#9ca3af}.course-enrollment-confirmation .modal-footer{border-top:1px solid #e9ecef;justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.course-enrollment-confirmation .modal-footer .btn-cancel{color:#fff;background-color:#6c757d;border-color:#6c757d;border-radius:6px;padding:.625rem 1.5rem;font-weight:500}.course-enrollment-confirmation .modal-footer .btn-cancel:hover{background-color:#5a6268;border-color:#545b62}.course-enrollment-confirmation .modal-footer .btn-confirm{background-color:var(--primary);border-color:var(--primary);color:#fff;border-radius:6px;padding:.625rem 2rem;font-weight:600}.course-enrollment-confirmation .modal-footer .btn-confirm:hover{background-color:var(--primary-400);border-color:var(--primary-400)}.course-enrollment-confirmation .modal-footer .btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width:576px){.course-enrollment-confirmation .modal-content{max-width:calc(100% - 2rem);margin:1rem}.course-enrollment-confirmation .modal-footer{flex-direction:column}.course-enrollment-confirmation .modal-footer .btn-cancel,.course-enrollment-confirmation .modal-footer .btn-confirm{width:100%}}