.footer{background:var(--primary-color);color:var(--text-white)}.footer-main{margin:0 auto;max-width:var(--container-max-width);padding:var(--spacing-3xl) var(--spacing-xl)}.footer-about{margin-bottom:var(--spacing-3xl)}.footer-about-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.footer-about-text{color:var(--gray-200);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--spacing-md)}.footer-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1.5fr 3fr 2.5fr}.footer-column{display:flex;flex-direction:column}.footer-logo{margin-bottom:var(--spacing-lg);max-width:160px}.footer-column-title,.footer-subtitle{font-size:var(--text-sm);font-weight:var(--font-bold);margin:var(--spacing-lg) 0 var(--spacing-md) 0;text-transform:uppercase}.footer-social{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.social-icon{color:var(--text-white);font-size:var(--text-2xl);transition:var(--transition-base)}.social-icon:hover{color:var(--accent-orange);transform:scale(1.1)}.footer-apps{display:flex;gap:var(--spacing-sm)}.footer-apps img{height:32px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--text-white);font-size:var(--text-sm);text-decoration:none;transition:var(--transition-base)}.footer-links a:hover{color:var(--accent-orange)}.contact-info p{color:var(--text-white);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--spacing-sm)}.contact-info a{color:var(--text-white);text-decoration:none;transition:var(--transition-base)}.contact-info a:hover{color:var(--accent-orange)}.register-btn{background:var(--accent-red);border:none;border-radius:var(--radius-full);color:var(--text-white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-bold);margin-top:var(--spacing-md);padding:.75rem 2rem;transition:var(--transition-base)}.register-btn:hover{background:var(--accent-red-dark);transform:scale(1.05)}.footer-follow{background:#ffffff0d;border-radius:var(--radius-lg);overflow:visible;padding:var(--spacing-lg)}.follow-us-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.footer-follow-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.pulse-dot{animation:pulse 2s infinite;background:var(--accent-red);border-radius:var(--radius-full);height:12px;width:12px}.follow-icons-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.follow-icon-card{align-items:center;aspect-ratio:1;border-radius:var(--radius-2xl);display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:var(--transition-base)}.follow-icon-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.follow-icon-card:hover:before{opacity:1}.follow-icon-card.facebook{background:linear-gradient(135deg,#1877f2,#0c5bb5)}.follow-icon-card.youtube{background:var(--gradient-red)}.follow-icon-card.telegram{background:linear-gradient(135deg,#08c,#069)}.follow-icon-card.instagram{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.follow-icon-svg{color:var(--text-white);font-size:2.5rem;transition:var(--transition-base);z-index:1}.follow-icon-card:hover .follow-icon-svg{transform:scale(1.2) rotate(5deg)}.follow-icon-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.youtube-channels-wrapper::-webkit-scrollbar-thumb{background:#fff3}.youtube-channel-card{background:linear-gradient(135deg,#ff00001a,#0000004d);border:1px solid #ffffff1a}.youtube-channel-card.featured{border:2px solid var(--accent-red);box-shadow:var(--shadow-red)}.youtube-channel-card:hover{border-color:#fff3;box-shadow:var(--shadow-xl)}.youtube-icon-wrapper{background:var(--gradient-red);box-shadow:var(--shadow-red)}.subscriber-badge,.videos-badge{background:#ffffff26}.subscribe-btn-creative{background:var(--gradient-red);box-shadow:var(--shadow-red)}.subscribe-btn-creative:hover{box-shadow:var(--shadow-2xl)}.loading-spinner{border:4px solid #ffffff1a;border-top:4px solid var(--accent-red)}.no-channels svg{color:var(--accent-red)}.total-visitors-card{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:2px solid #fbbf244d;border-radius:var(--radius-2xl);margin-bottom:60px;padding:var(--spacing-lg);text-align:center}.visitors-title{color:var(--accent-yellow);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:1px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.visitors-count-wrapper{display:inline-block;position:relative}.visitors-count{animation:countGlow 2s infinite;color:var(--accent-yellow);font-family:Courier New,monospace;font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:3px;text-shadow:0 2px 10px #eab3084d;transition:var(--transition-base)}.visitors-count.loading{opacity:.6}.visitors-sparkle{animation:sparkle 3s infinite;font-size:var(--text-2xl);position:absolute;right:-20px;top:-10px}.live-indicator{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-md)}.live-dot{animation:livePulse 2s infinite;background:var(--accent-green);border-radius:var(--radius-full);height:8px;width:8px}.live-text{color:var(--bg-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:1px;text-transform:uppercase}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}@keyframes countGlow{0%,to{text-shadow:0 2px 10px #eab3084d}50%{text-shadow:0 2px 20px #eab30899}}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width:1200px){.footer-grid{gap:var(--spacing-lg);grid-template-columns:1.5fr 1.5fr 2.5fr 2fr}}@media (max-width:992px){.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.footer-follow{grid-column:span 2}.follow-icons-grid{grid-template-columns:repeat(4,1fr)}.youtube-channel-card{max-width:260px;min-width:260px}}@media (max-width:768px){.footer-main{padding:var(--spacing-xl) var(--spacing-md)}.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-follow{grid-column:1}.follow-icons-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.follow-icon-svg{font-size:var(--text-4xl)}.youtube-channels-wrapper{flex-direction:column;gap:var(--spacing-md);overflow-x:visible;overflow-y:visible;padding:0;scroll-snap-type:none}.youtube-channels-wrapper::-webkit-scrollbar{display:none}.youtube-channel-card{max-width:100%;min-width:100%;padding:var(--spacing-md);scroll-snap-align:none}.youtube-icon-wrapper{height:48px;min-width:48px;width:48px}.visitors-count{font-size:var(--text-4xl)}}@media (max-width:480px){.footer-about-title{font-size:var(--text-2xl)}.footer-about-text{font-size:var(--text-xs)}.follow-icon-svg{font-size:var(--text-3xl)}.youtube-icon-wrapper{height:45px;min-width:45px;width:45px}.visitors-count{font-size:var(--text-3xl)}}@media (max-width:375px){.youtube-icon-wrapper{height:42px;min-width:42px;width:42px}.pulse-dot{height:10px;width:10px}}@media (hover:none) and (pointer:coarse){.youtube-channel-card:active{transform:scale(.98)}.subscribe-btn-creative:active{transform:scale(.95)}.youtube-channel-card:hover{transform:none}}.youtube-channels-wrapper::-webkit-scrollbar{height:4px}.youtube-channel-card{max-width:280px;min-width:280px}.youtube-icon-wrapper{font-size:var(--text-2xl);height:50px;min-width:50px;width:50px}.channel-name{font-size:var(--text-sm);font-weight:var(--font-semibold)}.category-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:.15rem .5rem}.subscriber-badge,.videos-badge{font-size:var(--text-xs);gap:.25rem;padding:.15rem .5rem}.subscriber-badge svg,.videos-badge svg{font-size:var(--text-xs)}.channel-description{margin:var(--spacing-xs) 0}.subscribe-btn-creative{font-weight:var(--font-semibold);padding:.7rem var(--spacing-md)}.play-icon{font-size:var(--text-xs)}.no-channels svg{font-size:var(--text-5xl)}.youtube-channels-wrapper{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--spacing-sm);scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.youtube-channels-wrapper::-webkit-scrollbar{height:6px}.youtube-channels-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-md)}.youtube-channels-wrapper::-webkit-scrollbar-thumb{background:#f006;border-radius:var(--radius-md)}.youtube-channels-wrapper::-webkit-scrollbar-thumb:hover{background:#f009}.youtube-channel-card{background:linear-gradient(135deg,#ff000026,#b312171a);border:1px solid #f003;border-radius:var(--radius-xl);display:flex;flex-direction:column;flex-shrink:0;max-width:300px;min-width:300px;padding:var(--spacing-md);scroll-snap-align:start;transition:var(--transition-base)}.youtube-channel-card.featured{border:2px solid red;box-shadow:0 4px 16px #f006}.youtube-channel-card:hover{background:linear-gradient(135deg,#f003,#b3121726);border-color:#ff000080;box-shadow:0 8px 24px #ff00004d;transform:translateY(-3px)}.youtube-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.youtube-icon-wrapper{align-items:center;background:linear-gradient(135deg,red,#c00)!important;border-radius:var(--radius-lg);box-shadow:0 4px 12px #ff000080;color:var(--text-white);display:flex;font-size:1.75rem;height:56px;justify-content:center;min-width:56px;overflow:hidden;width:56px}.channel-thumbnail{border-radius:var(--radius-md);height:100%;object-fit:cover;width:100%}.channel-details{flex:1 1;min-width:0}.channel-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-white);display:-webkit-box;font-size:var(--text-base);font-weight:var(--font-bold);line-height:1.3;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis}.youtube-stats{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--spacing-xs)}.category-badge{background:linear-gradient(135deg,red,#c00)!important;border-radius:var(--radius-sm);box-shadow:0 2px 6px #ff00004d;color:var(--text-white);font-size:.65rem;font-weight:var(--font-bold);letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.subscriber-badge,.videos-badge{align-items:center;background:#f003;border:1px solid #ff00004d;border-radius:var(--radius-xl);color:var(--text-white);display:flex;font-size:.7rem;font-weight:var(--font-semibold);gap:.3rem;padding:.25rem .6rem}.subscriber-badge svg,.videos-badge svg{color:#ff6b6b;font-size:.7rem}.channel-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-300);display:-webkit-box;flex-grow:1;font-size:var(--text-xs);line-height:1.4;margin:var(--spacing-sm) 0;overflow:hidden}.subscribe-btn-creative{align-items:center;background:linear-gradient(135deg,red,#c00)!important;border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #f006;color:var(--text-white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-xs);justify-content:center;margin-top:auto;overflow:hidden;padding:.8rem var(--spacing-md);position:relative;text-decoration:none;transition:var(--transition-base);width:100%}.subscribe-btn-creative:before{background:#fff3;border-radius:var(--radius-full);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.subscribe-btn-creative:hover:before{height:300px;width:300px}.subscribe-btn-creative:hover{background:linear-gradient(135deg,#ff1a1a,#d90000)!important;box-shadow:0 6px 20px #f009;transform:scale(1.02)}.bell-icon,.subscribe-btn-creative span{position:relative;z-index:1}.bell-icon{animation:ring 2s ease-in-out infinite;font-size:var(--text-base)}.play-icon{font-size:var(--text-sm);margin-left:auto;position:relative;z-index:1}@media (max-width:992px){.youtube-channel-card{max-width:280px;min-width:280px}.youtube-icon-wrapper{height:52px;min-width:52px;width:52px}}@media (max-width:768px){.youtube-channels-wrapper{flex-direction:column;gap:var(--spacing-md);overflow-x:visible;overflow-y:visible;padding-bottom:0;scroll-snap-type:none}.youtube-channels-wrapper::-webkit-scrollbar{display:none}.youtube-channel-card{max-width:100%;min-width:100%;scroll-snap-align:none;width:100%}.youtube-icon-wrapper{font-size:1.5rem;height:50px;min-width:50px;width:50px}.channel-name{font-size:.9375rem}.subscribe-btn-creative{padding:.75rem var(--spacing-md)}}@media (max-width:480px){.youtube-channel-card{padding:var(--spacing-sm)}.youtube-icon-wrapper{font-size:1.35rem;height:46px;min-width:46px;width:46px}.channel-name{font-size:.875rem}.category-badge{font-size:.625rem;padding:.2rem .5rem}.subscriber-badge,.videos-badge{font-size:.65rem;padding:.2rem .5rem}.channel-description{font-size:.75rem;margin:.4rem 0}.subscribe-btn-creative{font-size:.8125rem;padding:.7rem var(--spacing-sm)}.bell-icon{font-size:.9375rem}.play-icon{font-size:.75rem}}@media (max-width:375px){.youtube-header{gap:.5rem}.youtube-icon-wrapper{font-size:1.25rem;height:44px;min-width:44px;width:44px}.channel-name{font-size:.8125rem}.youtube-stats{gap:.3rem}.subscribe-btn-creative{gap:.4rem;padding:.65rem .75rem}}@media (hover:none) and (pointer:coarse){.youtube-channel-card:active{transform:scale(.98)}.subscribe-btn-creative:active{transform:scale(.96)}.youtube-channel-card:hover{box-shadow:0 4px 16px #ff00004d;transform:none}.subscribe-btn-creative:hover{box-shadow:0 4px 12px #f006;transform:none}}.channels-loading,.no-channels{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-width:100%;padding:var(--spacing-xl)}.loading-spinner{border:4px solid #f003;border-top-color:red;height:40px;width:40px}.channels-loading p{color:var(--gray-300);font-size:var(--text-sm)}.no-channels{opacity:.6}.no-channels svg{color:red;font-size:3rem}.no-channels p{color:var(--gray-400);font-size:var(--text-sm)}.Product_pdpContainer__V4vH0{margin:0 auto;max-width:var(--container-max-width);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.Product_pdpLoading__S\+5oz,.Product_pdpNotFound__9ZbSJ{color:var(--text-tertiary);font-size:var(--text-lg);padding:var(--spacing-3xl) 0;text-align:center}.Product_pdpBreadcrumbs__3KMzC{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-md) 0}.Product_pdpBreadcrumbLink__W1qX0{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}.Product_pdpBreadcrumbLink__W1qX0:hover{color:var(--primary-dark);text-decoration:underline}.Product_pdpBreadcrumbSeparator__sBuz2{color:var(--gray-400);font-size:var(--text-xs)}.Product_pdpBreadcrumbCurrent__gFDxP{color:var(--text-secondary)}.Product_pdpTopSection__GvMD5{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-3xl)}.Product_pdpImageSection__2fkBt,.Product_pdpThumbnails__Rfbxc{display:flex;gap:var(--spacing-md)}.Product_pdpThumbnails__Rfbxc{flex-direction:column;flex-shrink:0;width:80px}.Product_pdpActiveThumbnail__3RgOZ,.Product_pdpThumbnail__0S3LJ{background-color:var(--gray-100);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;height:80px;object-fit:cover;transition:var(--transition-all);width:80px}.Product_pdpThumbnail__0S3LJ:hover{border-color:var(--primary-color)}.Product_pdpActiveThumbnail__3RgOZ{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.Product_pdpMainImage__wYvXx{background-repeat:no-repeat;background-size:200%;border-radius:var(--radius-lg);flex:1 1;overflow:hidden;position:relative}.Product_pdpMainImage__wYvXx:before{content:"";display:block;padding-bottom:100%}.Product_pdpMainImage__wYvXx img{cursor:default;display:block;height:100%;left:0;object-fit:contain;object-position:top center;position:absolute;top:0;transition:transform .5s ease;width:100%}.Product_pdpMainImage__wYvXx:hover img{transform:scale(1.05)}.Product_pdpCourseInfo__IhHXf{display:flex;flex-direction:column;gap:var(--spacing-lg)}.Product_pdpTitle__6dcRm{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.3;margin:0}.Product_pdpBadges__b9RC3{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.Product_pdpBadgePrimary__M2KfQ,.Product_pdpBadgeSecondary__dDm2h{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:.25rem var(--spacing-md);text-transform:uppercase}.Product_pdpBadgePrimary__M2KfQ{background:var(--primary-color);color:var(--white)}.Product_pdpBadgeSecondary__dDm2h{background:var(--accent-red);color:var(--white)}.Product_pdpRatingSection__SL2HS{align-items:center;display:flex;gap:var(--spacing-md)}.Product_pdpStars__G-SoB{display:flex;gap:.25rem}.Product_pdpStarFilled__776-9{color:var(--accent-orange-light);font-size:var(--text-base)}.Product_pdpStarEmpty__h48Ek{color:var(--gray-300);font-size:var(--text-base)}.Product_pdpViews__SPO2N{color:var(--text-tertiary);font-size:var(--text-sm)}.Product_pdpPriceSection__aoSO3{display:flex;flex-direction:column;gap:var(--spacing-sm)}.Product_pdpPriceRow__3olbr{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.Product_pdpCurrentPrice__1WRy1{color:var(--accent-red);font-size:2.5rem;font-weight:var(--font-extrabold)}.Product_pdpOriginalPrice__aWpgX{color:var(--gray-400);font-size:var(--text-2xl);text-decoration:line-through}.Product_pdpDiscountBadge__hRdgV{background:var(--gradient-green);border-radius:var(--radius-sm);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-bold);padding:.25rem var(--spacing-md)}.Product_pdpSavings__ltw46{color:var(--accent-green);font-size:var(--text-sm);font-weight:var(--font-semibold)}.Product_pdpDivider__I4yHz{background:var(--border-color);height:1px;margin:var(--spacing-sm) 0}.Product_pdpQuantityWrapper__xyOMI{display:flex;flex-direction:column;gap:var(--spacing-md)}.Product_pdpQuantity__D7xKm{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;overflow:hidden;width:-webkit-fit-content;width:fit-content}.Product_pdpQuantityBtn__ZCYwQ{background:var(--white);border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-md) var(--spacing-md);transition:var(--transition-base)}.Product_pdpQuantityBtn__ZCYwQ:hover{background:var(--gray-100)}.Product_pdpQuantityInput__TGBIE{border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-md) var(--spacing-sm);text-align:center;width:60px}.Product_pdpActionButtons__3ZyJ3{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr}.Product_pdpAddToCartBtn__ENT1l,.Product_pdpAddToWishlistBtn__HvwU2,.Product_pdpBuyNowBtn__YI7I9{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:var(--transition-all)}.Product_pdpBuyNowBtn__YI7I9{background:var(--gradient-orange);box-shadow:var(--shadow-md);color:var(--white)}.Product_pdpBuyNowBtn__YI7I9:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-orange-dark),var(--accent-orange));box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.Product_pdpBuyNowBtn__YI7I9:disabled{cursor:not-allowed;opacity:.5}.Product_pdpAddToCartBtn__ENT1l{background:var(--primary-color);color:var(--white)}.Product_pdpAddToCartBtn__ENT1l:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.Product_pdpAddToCartBtn__ENT1l:disabled{cursor:not-allowed;opacity:.5}.Product_pdpAddToWishlistBtn__HvwU2{background:var(--white);border:2px solid var(--accent-red);color:var(--accent-red)}.Product_pdpAddToWishlistBtn__HvwU2:hover{background:var(--accent-red);box-shadow:0 4px 16px #ef44444d;color:var(--white);transform:translateY(-2px)}@media (max-width:1024px){.Product_pdpActionButtons__3ZyJ3{grid-template-columns:1fr 1fr}.Product_pdpBuyNowBtn__YI7I9{grid-column:1/-1}}@media (max-width:768px){.Product_pdpActionButtons__3ZyJ3{grid-template-columns:1fr}.Product_pdpBuyNowBtn__YI7I9{grid-column:1}}.Product_pdpFormGroup__yzXSp{display:flex;flex-direction:column;gap:var(--spacing-sm)}.Product_pdpLabel__Qxs66{font-weight:var(--font-semibold)}.Product_pdpLabel__Qxs66,.Product_pdpSelect__UABcC{color:var(--text-secondary);font-size:var(--text-sm)}.Product_pdpSelect__UABcC{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-md);transition:var(--transition-all);width:100%}.Product_pdpSelect__UABcC:focus,.Product_pdpSelect__UABcC:hover{border-color:var(--primary-color)}.Product_pdpSelect__UABcC:focus{box-shadow:0 0 0 3px var(--primary-pale);outline:none}.Product_pdpInfoGrid__7PGip{grid-gap:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;padding:var(--spacing-md)}.Product_pdpInfoItem__BPPxM{display:flex;flex-direction:column;gap:.25rem}.Product_pdpInfoLabel__K8yFr{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase}.Product_pdpInfoValue__WpjQI{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-semibold)}.Product_pdpBottomSection__D7Wih{display:flex;flex-direction:column;gap:var(--spacing-xl)}.Product_pdpDemoSection__yshRo{background:var(--primary-pale);border:3px solid var(--primary-color);border-radius:var(--radius-xl);margin-top:var(--spacing-xl);padding:var(--spacing-xl)}.Product_pdpSectionTitle__H3EPv{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm) 0}.Product_pdpDemoDescription__FEeke{color:var(--primary-dark);font-size:.95rem;line-height:1.6;margin:0 0 var(--spacing-xl) 0}.Product_pdpDemoGrid__mBFwb{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.Product_pdpDemoCard__hCGjR{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:var(--transition-all)}.Product_pdpDemoCard__hCGjR:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.Product_pdpDemoThumbnail__\+JDHP{background:var(--gradient-primary);height:180px;overflow:hidden;position:relative}.Product_pdpDemoThumbnail__\+JDHP img{height:100%;object-fit:cover;width:100%}.Product_pdpDemoPlaceholder__G394n{color:#ffffff80;font-size:var(--text-5xl)}.Product_pdpDemoPlaceholder__G394n,.Product_pdpDemoPlayOverlay__zrDuI{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.Product_pdpDemoPlayOverlay__zrDuI{background:#0000004d;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease}.Product_pdpDemoCard__hCGjR:hover .Product_pdpDemoPlayOverlay__zrDuI{opacity:1}.Product_pdpDemoPlayIcon__XFdrn{color:var(--white);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:var(--text-5xl)}.Product_pdpDemoContent__v\+drC{padding:var(--spacing-lg)}.Product_pdpDemoTitle__3dVCy{color:var(--primary-dark);font-size:var(--text-base);font-weight:var(--font-bold);line-height:1.4;margin:0 0 var(--spacing-sm) 0}.Product_pdpDemoText__1ZYzP,.Product_pdpDemoTitle__3dVCy{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Product_pdpDemoText__1ZYzP{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--spacing-md) 0}.Product_pdpDemoMeta__ZPQys{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md)}.Product_pdpDemoMetaItem__cmG9L{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8rem;font-weight:var(--font-semibold);gap:.35rem}.Product_pdpDemoMetaItem__cmG9L svg{font-size:.85rem}.Product_pdpSection__QyWnw{display:flex;flex-direction:column;gap:var(--spacing-md)}.Product_pdpSectionContent__7XLbZ{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0;white-space:pre-wrap}.Product_pdpDeviceChips__cEmIq{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.Product_pdpDeviceChip__RkwMt{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-md)}.Product_pdpVideoModal__2JCJY{align-items:center;animation:Product_fadeIn__E9fWz .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:var(--z-modal)}@keyframes Product_fadeIn__E9fWz{0%{opacity:0}to{opacity:1}}.Product_pdpVideoModalContent__CFhmP{animation:Product_slideUp__EU4mv .3s ease;background:var(--white);border-radius:var(--radius-xl);max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}@keyframes Product_slideUp__EU4mv{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.Product_pdpVideoModalClose__XdmJC{align-items:center;background:#00000080;border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-xl);height:40px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:var(--transition-all);width:40px;z-index:10}.Product_pdpVideoModalClose__XdmJC:hover{background:#000c;transform:scale(1.1)}.Product_pdpVideoModalTitle__-\+mbU{color:var(--primary-dark);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-sm)}.Product_pdpVideoModalDescription__toVTk{color:var(--text-muted);font-size:.95rem;margin:0;padding:0 var(--spacing-xl) var(--spacing-md)}.Product_pdpVideoWrapper__DJHOZ{background:var(--black);padding-bottom:56.25%;position:relative;width:100%}.Product_pdpVideoWrapper__DJHOZ iframe{height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:1024px){.Product_pdpTopSection__GvMD5{gap:var(--spacing-xl)}.Product_pdpActionButtons__3ZyJ3{grid-template-columns:1fr}}@media (max-width:768px){.Product_pdpContainer__V4vH0{padding:var(--spacing-md)}.Product_pdpTopSection__GvMD5{gap:var(--spacing-xl);grid-template-columns:1fr}.Product_pdpImageSection__2fkBt{flex-direction:column-reverse}.Product_pdpThumbnails__Rfbxc{flex-direction:row;overflow-x:auto;padding-bottom:var(--spacing-sm);width:100%}.Product_pdpActiveThumbnail__3RgOZ,.Product_pdpThumbnail__0S3LJ{height:60px;min-width:60px;width:60px}.Product_pdpTitle__6dcRm{font-size:var(--text-2xl)}.Product_pdpCurrentPrice__1WRy1{font-size:var(--text-4xl)}.Product_pdpActionButtons__3ZyJ3,.Product_pdpInfoGrid__7PGip{grid-template-columns:1fr}.Product_pdpDemoSection__yshRo{padding:var(--spacing-xl)}.Product_pdpDemoGrid__mBFwb{gap:var(--spacing-lg);grid-template-columns:1fr}.Product_pdpDemoThumbnail__\+JDHP{height:160px}.Product_pdpVideoModal__2JCJY{padding:0}.Product_pdpVideoModalContent__CFhmP{border-radius:0;max-height:100vh;max-width:100%}.Product_pdpVideoModalTitle__-\+mbU{font-size:var(--text-xl);padding:var(--spacing-md) 3.5rem var(--spacing-sm) var(--spacing-md)}.Product_pdpVideoModalDescription__toVTk{font-size:var(--text-sm);padding:0 var(--spacing-md) var(--spacing-md)}.Product_pdpVideoModalClose__XdmJC{height:36px;right:var(--spacing-md);top:var(--spacing-md);width:36px}}.address-container{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:2rem 1rem}.address-container hr{border:none;border-bottom:1px solid #ebebeb;margin:2rem 0}.breadcrumb{margin-bottom:2rem}.breadcrumb a{color:#333;font-size:.875rem;text-decoration:none}.breadcrumb a:hover{color:#fcb941}.inputs{display:flex;flex-direction:column;margin-bottom:1rem}.inputs label{font-size:.9rem;font-weight:600;margin-bottom:.3rem}.inputs input{border:1px solid #ccc;border-radius:8px;font-size:.9rem;outline:none;padding:.8rem 1rem;transition:all .2s ease}.inputs input:focus{border-color:#fcb941;box-shadow:0 0 0 2px #fcb94133}.inputs p{color:red;font-size:.8rem;margin-top:.3rem}.login{margin-top:1rem}.login button{align-items:center;background-color:#fcb941;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.8rem 1.5rem;transition:background .3s ease}.login button:hover{background-color:#e0a932}.login button.disabled{cursor:not-allowed;opacity:.5}.checkOutProcess{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.checkOutProcess .cartDetail h5{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.checkOutProcess .cartDetail p{font-size:.9rem}.checkOutProcess .cartDetail p span{font-weight:700}.checkOutProcess .shipping{margin:1rem 0}.checkOutProcess .shipping .title{font-weight:600;margin-bottom:.5rem}.checkOutProcess .shipping .shippingItem{display:flex;font-size:.9rem;justify-content:space-between}.checkOutProcess .shipping .shippingItem span{font-weight:700}.checkOutProcess .end{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.checkOutProcess .end p{font-size:1rem;font-weight:700}.checkOutProcess .end p span{color:#fcb941;margin-left:.5rem}.checkOutProcess .end button{background-color:#fcb941;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 1.5rem;transition:background .3s ease}.checkOutProcess .end button:hover{background-color:#e0a932}.continueBtn{align-items:center;color:#fcb941;display:inline-flex;font-weight:700;gap:.5rem;margin-top:1rem;text-decoration:none}.continueBtn:hover{color:#e0a932}@media(max-width:1024px){.checkOutProcess .end{align-items:flex-start;flex-direction:column;gap:1rem}}@media(max-width:768px){.inputs input{font-size:.85rem}.login button{width:100%}}@media(max-width:480px){.breadcrumb a{font-size:.75rem}.checkOutProcess{padding:1rem}}.blog-details-page{background:var(--bg-secondary);font-family:var(--font-primary);min-height:100vh;padding:0}.blog-details-container{align-items:flex-start;display:flex;gap:2.75rem;margin:0 auto;max-width:1280px;padding:3rem 1.5rem}@media (max-width:950px){.blog-details-container{flex-direction:column;gap:2rem;padding:2rem 1rem}.blog-details-sidebar{min-width:0;min-width:auto;width:100%}}.blog-details-main{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);flex:2 1 700px;min-width:0;padding:2.25rem 2rem}@media (max-width:700px){.blog-details-main{padding:1.5rem 1.1rem}}.blog-details-category{background:var(--bg-green-light);border-radius:var(--radius-md);color:var(--primary-color);display:inline-block;font-size:.96rem;font-weight:var(--font-bold);letter-spacing:.05em;margin-bottom:1.3rem;padding:.35em .95em;text-transform:uppercase}.blog-details-title{color:var(--text-dark);font-size:2.35rem;font-weight:900;letter-spacing:-.7px;line-height:1.22;margin-bottom:1.1rem}@media (max-width:700px){.blog-details-title{font-size:1.65rem}}.blog-details-meta{margin-bottom:1.5rem}.meta-author{color:var(--text-secondary);font-size:1rem;font-weight:var(--font-medium);gap:.85em}.meta-author,.meta-avatar{align-items:center;display:flex}.meta-avatar{background:var(--accent-green);border:2px solid var(--primary-color);border-radius:50%;color:var(--text-white);font-size:1.19em;height:33px;justify-content:center;overflow:hidden;width:33px}.meta-avatar img{height:100%;object-fit:cover;width:100%}.meta-avatar-fallback{align-items:center;background:var(--gray-200);color:var(--primary-color);display:flex;font-size:1.1em;height:100%;justify-content:center;width:100%}.meta-name{color:var(--primary-color);font-weight:var(--font-bold)}.meta-date,.meta-minutes{color:var(--text-muted);font-size:.97em}.meta-dot{color:var(--gray-400)}.blog-details-image{background:var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden;width:100%}.blog-details-image img{border-radius:inherit;display:block;height:auto;width:100%}.blog-details-content{color:var(--text-dark);font-size:1.12rem;line-height:1.9;margin-bottom:2.2rem}.blog-details-content h1,.blog-details-content h2,.blog-details-content h3,.blog-details-content h4,.blog-details-content h5{color:var(--primary-color);font-weight:var(--font-bold);margin-bottom:1em;margin-top:2.1em}.blog-details-content li,.blog-details-content ol,.blog-details-content p,.blog-details-content ul{color:var(--text-secondary);font-size:1.08rem}.blog-details-content ol,.blog-details-content ul{margin-bottom:1.3em;padding-left:2em}.blog-details-content img{border-radius:var(--radius-md);margin:25px 0;max-width:100%}.blog-tag-list{margin-bottom:2.3rem}.blog-tag{background:var(--primary-pale);border:1px solid var(--primary-pale);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;display:inline-block;font-size:.92em;font-weight:var(--font-semibold);margin:0 .6em .6em 0;padding:.42em 1.1em;transition:var(--transition-fast)}.blog-tag:hover{background:var(--accent-green);border-color:var(--accent-green);color:var(--white)}.blog-author-box{align-items:flex-start;background:var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:1.3em;margin-bottom:2.3rem;padding:1.5rem}.author-avatar{align-items:center;background:var(--gray-200);border-radius:50%;display:flex;flex-shrink:0;height:65px;justify-content:center;overflow:hidden;width:65px}.author-avatar img{display:block;height:100%;object-fit:cover;width:100%}.author-name{color:var(--primary-color);font-size:1.12em;font-weight:var(--font-bold)}.author-role{color:var(--text-secondary);font-size:.99em;margin-bottom:.28em}.author-bio{color:var(--text-tertiary);font-size:.95em;margin-bottom:.5em}.author-social-link{display:inline-block;font-size:.95em;margin-right:.55em;padding:.4em 1em}.blog-details-sidebar{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1 1 320px;max-width:375px;min-width:280px;padding:2rem 1.3rem;position:-webkit-sticky;position:sticky;top:2rem}@media (max-width:950px){.blog-details-sidebar{margin-bottom:2rem;margin-top:1.5rem;max-width:100%;padding:1.5rem 1rem;position:static}}.blog-sidebar-block{margin-bottom:2.25rem}.blog-sidebar-block:last-child{margin-bottom:0}.blog-sidebar-block h3{color:var(--primary-color);font-size:1.13em;font-weight:var(--font-bold);margin-bottom:1em}.blog-related-list{list-style:none;margin:0;padding:0}.blog-related-list li{margin-bottom:1.2em}.blog-related-list li:last-child{margin-bottom:0}.blog-related-list a{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:1em;padding:.6em .7em;text-decoration:none;transition:var(--transition-base)}.blog-related-list a:hover{background:var(--bg-green-light);box-shadow:var(--shadow-green);transform:translateY(-2px)}.related-thumb{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:53px;justify-content:center;overflow:hidden;width:53px}.related-thumb img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.related-info{flex:1 1}.related-title{color:var(--text-dark);display:block;font-size:.97em;font-weight:var(--font-semibold);margin-bottom:2px}.related-meta{color:var(--text-tertiary);font-size:.88em}.blog-related-empty{color:var(--text-muted);font-size:.95em;padding:1rem;text-align:center}.promo h3{margin-bottom:.85em}.promo-courses-list{list-style:none;margin:0;padding:0}.promo-courses-list li{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-weight:var(--font-medium);gap:.9em;margin-bottom:.8em;padding:.8em .9em;transition:var(--transition-fast)}.promo-courses-list li:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.promo-courses-list li:last-child{margin-bottom:0}.promo-logo{align-items:center;border-radius:var(--radius-lg);color:var(--white);display:flex;flex-shrink:0;font-size:.75em;font-weight:var(--font-bold);height:45px;justify-content:center;text-align:center;width:45px}.promo-logo.ca{background:var(--brand-green)}.promo-logo.cs{background:var(--accent-yellow);color:var(--text-dark)}.promo-logo.cma{background:var(--accent-purple)}.promo-courses-list span{color:var(--text-secondary);font-size:.95em}.blog-details-error,.blog-details-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;justify-content:center;min-height:60vh}.blog-details-error{color:var(--accent-red);font-weight:var(--font-semibold)}.blog-spinner{animation:blogSpin .9s linear infinite;border:4px solid var(--primary-pale);height:48px;width:48px}.author-social{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.75em}.author-social-link{align-items:center;background:var(--primary-color);border-radius:var(--radius-full);color:var(--white);display:inline-flex;flex-shrink:0;font-size:.88em;justify-content:center;margin-right:0;padding:.35em .9em;text-decoration:none;transition:var(--transition-base);white-space:nowrap}.author-social-link:hover{background:var(--accent-green)}@media (max-width:768px){.blog-author-box{flex-direction:row;gap:1em;padding:1.1rem}.author-avatar{height:52px;width:52px}.author-social{flex-direction:row;flex-wrap:wrap;gap:.45em}.author-social-link{font-size:.82em;padding:.3em .8em}}@media (max-width:480px){.blog-author-box{align-items:flex-start;flex-direction:column;gap:.75em}.author-avatar{height:48px;width:48px}.author-social{flex-direction:row;flex-wrap:wrap;gap:.4em;margin-top:.5em}.author-social-link{font-size:.8em;padding:.28em .75em}}.contact-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:40px 20px}.map-container{height:400px;margin-bottom:40px;width:100%}.full-width-map{border:0;border-radius:10px;height:100%;width:100%}.contact-container{width:100%}.contact-card{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.left-section{display:flex;flex:1 1 300px;flex-direction:column;gap:20px}.info-card{background:#f8f8f8;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.badge{background-color:#6c63ff;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:10px;padding:5px 12px}.title{font-size:20px}.subtitle,.title{font-weight:700;margin-bottom:5px}.subtitle{font-size:16px}.text{color:#555;font-size:14px;line-height:1.5}.right-section{display:flex;flex:1 1 400px;flex-direction:column;gap:20px}.section-title{color:#6c63ff;font-size:16px;font-weight:700}.contact-title{font-size:24px;font-weight:700}.contact-form{display:flex;flex-direction:column;gap:15px}.input-group{display:flex;flex-wrap:wrap;gap:15px}.input-field{border:1px solid #ccc;border-radius:8px;flex:1 1;font-size:14px;padding:10px 15px}.input-field.full-width{width:100%}.textarea{min-height:120px;resize:none}.submit-btn{background-color:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:background-color .3s ease}.submit-btn:hover{background-color:#574fd6}@media (max-width:992px){.contact-card{flex-direction:column;gap:30px}.left-section,.right-section{flex:1 1 100%}}@media (max-width:480px){.contact-page{padding:20px 10px}.contact-title{font-size:20px}.input-field{font-size:13px}.submit-btn{font-size:14px;padding:10px}}.about-container{align-items:center;display:flex;flex-direction:column;padding:40px 20px}.about-content{align-items:flex-start;flex-wrap:wrap;gap:40px;max-width:1000px;width:100%}.about-content,.image-section{display:flex;justify-content:center}.about-image{border-radius:10px;height:auto;max-width:400px;width:100%}.text-section{flex:1 1 300px}.highlight{color:#6c63ff;font-weight:700}.about-title{font-size:28px;font-weight:700;margin:10px 0}.about-description{color:#555;font-style:italic}.sub-title{font-size:20px;font-weight:700;margin:10px 0}.about-text{color:#333;line-height:1.6}.feature-cards{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;max-width:1000px;width:100%}.feature-card{background:#f8f8f8;border-radius:10px;box-shadow:0 2px 10px #0000001a;flex:1 1 150px;padding:10px;text-align:center}.feature-title{font-size:18px;font-weight:700;margin-bottom:10px}.feature-text{color:#555}@media (max-width:768px){.about-content{align-items:center;flex-direction:column}.image-section,.text-section{flex:1 1 100%}.feature-cards{flex-direction:column;gap:20px}}@media (max-width:480px){.about-title{font-size:24px}.sub-title{font-size:18px}.feature-title{font-size:16px}}.blog-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-5xl) 0}.blog-container{margin:0 auto;max-width:1400px;max-width:var(--container-max-width,1400px);padding:0 var(--spacing-xl)}.blog-header{background:linear-gradient(135deg,#02593e08,#fff0);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-3xl);padding:var(--spacing-4xl) var(--spacing-md) var(--spacing-3xl);position:relative;text-align:center}.blog-header-content{margin:0 auto;max-width:700px}.blog-header-badge{align-items:center;background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-full);color:var(--primary-color);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);letter-spacing:1px;margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-lg);text-transform:uppercase}.blog-header-badge-icon{font-size:var(--text-base)}.blog-header-title{color:var(--text-dark);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-black);letter-spacing:-2px;line-height:1.1;margin:0}.blog-header-title-highlight{color:var(--primary-color);display:inline-block;position:relative}.blog-header-title-highlight:after{background:var(--primary-color);border-radius:var(--radius-sm);bottom:0;content:"";height:8px;left:0;opacity:.15;position:absolute;width:100%}.blog-header-subtitle{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:1.6;margin:var(--spacing-lg) auto 0;max-width:600px}.blog-header-underline{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-xl) auto 0;max-width:200px}.blog-header-dot{background:var(--primary-color);border-radius:50%;height:8px;width:8px}.blog-header-line{background:var(--primary-color);border-radius:var(--radius-full);flex:1 1;height:2px;opacity:.3}.blog-header-badge-fire,.blog-header-circle,.blog-header-decoration,.blog-header-decoration-left,.blog-header-decoration-right{display:none}.blog-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-5xl)}.blog-spinner{animation:blogSpin .8s linear infinite;border:4px solid var(--bg-light);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}@keyframes blogSpin{to{transform:rotate(1turn)}}.blog-loading p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.blog-empty{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-5xl);text-align:center}.blog-empty h3{color:var(--text-dark);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm)}.blog-empty p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.blog-carousel-wrapper{padding:var(--spacing-xl) 0;position:relative}.blog-carousel-container{-ms-overflow-style:none;display:flex;gap:var(--spacing-2xl);margin:0 calc(var(--spacing-sm)*-1);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-lg) var(--spacing-sm);scroll-behavior:smooth;scrollbar-width:none}.blog-carousel-container::-webkit-scrollbar{display:none}.blog-card{background:var(--white);border:3px solid var(--primary-color);border-radius:var(--radius-2xl);box-shadow:0 4px 6px #0000000d,0 10px 20px #02593e14;cursor:pointer;display:flex;flex:0 0 400px;flex-direction:column;overflow:hidden;transition:var(--transition-all)}.blog-card:hover{border-color:var(--primary-dark);box-shadow:0 8px 12px #00000014,0 20px 40px #02593e26;transform:translateY(-12px)}.blog-image-wrapper{background:var(--bg-light);height:220px;overflow:hidden;position:relative;width:100%}.blog-image{height:100%;object-fit:cover;transition:var(--transition-all);width:100%}.blog-card:hover .blog-image{transform:scale(1.08)}.blog-category-badge{background:var(--primary-color);border-radius:var(--radius-full);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);left:var(--spacing-md);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);position:absolute;text-transform:uppercase;top:var(--spacing-md)}.blog-content{flex:1 1;flex-direction:column;padding:var(--spacing-xl)}.blog-content,.blog-meta{display:flex;gap:var(--spacing-md)}.blog-meta{flex-wrap:wrap}.blog-meta-item{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:.4rem}.blog-meta-item svg{color:var(--primary-color);font-size:.9rem}.blog-title{-webkit-line-clamp:2;color:var(--text-dark);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.4}.blog-description,.blog-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.blog-description{-webkit-line-clamp:3;color:var(--text-secondary);flex:1 1;font-size:var(--text-base);line-height:1.6}.blog-stats{border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-sm)}.blog-stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:.4rem}.blog-stat-item svg{color:var(--primary-color)}.blog-author{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-sm)}.blog-author svg{color:var(--primary-color)}.blog-read-more{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;margin-top:auto;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-all);width:100%}.blog-read-more:hover{background:var(--primary-dark);box-shadow:0 4px 12px #02593e4d;transform:translateY(-2px)}.blog-read-more svg{font-size:.9rem;transition:var(--transition-all)}.blog-read-more:hover svg{transform:translateX(4px)}.blog-nav-btn{align-items:center;background:var(--white);border:2px solid var(--primary-color);border-radius:50%;box-shadow:var(--shadow-md);color:var(--primary-color);cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-all);width:50px;z-index:10}.blog-nav-btn:hover{background:var(--primary-color);box-shadow:var(--shadow-lg);color:var(--white);transform:translateY(-50%) scale(1.1)}.blog-nav-btn svg{font-size:var(--text-xl)}.blog-nav-prev{left:-25px}.blog-nav-next{right:-25px}.blog-pagination{align-items:center;border-top:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-2xl);padding:var(--spacing-3xl) 0 0}.blog-pagination-btn{align-items:center;background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-full);color:var(--primary-color);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-all)}.blog-pagination-btn:hover:not(:disabled){background:var(--primary-color);box-shadow:0 4px 12px #02593e33;color:var(--white);transform:translateY(-2px)}.blog-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.blog-pagination-numbers{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.blog-pagination-number{align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);height:44px;justify-content:center;transition:var(--transition-all);width:44px}.blog-pagination-number:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.blog-pagination-number.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.blog-pagination-dots{align-items:center;color:var(--text-muted);display:flex;font-weight:var(--font-bold);padding:0 var(--spacing-sm)}@media (max-width:1024px){.blog-card{flex:0 0 360px}.blog-nav-btn{height:46px;width:46px}.blog-nav-prev{left:-15px}.blog-nav-next{right:-15px}}@media (max-width:768px){.blog-page{padding:var(--spacing-xl) 0}.blog-container{padding:0 var(--spacing-md)}.blog-header{margin-bottom:var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-md) var(--spacing-2xl)}.blog-header-badge{font-size:.7rem;letter-spacing:.5px;padding:.4rem var(--spacing-md)}.blog-header-badge-icon{font-size:var(--text-sm)}.blog-header-title{font-size:clamp(2rem,6vw,2.5rem);letter-spacing:-1px}.blog-header-title-highlight:after{height:6px}.blog-header-subtitle{font-size:var(--text-base);margin-top:var(--spacing-md)}.blog-header-underline{margin-top:var(--spacing-lg);max-width:150px}.blog-header-dot{height:6px;width:6px}.blog-carousel-wrapper{padding:var(--spacing-md) 0}.blog-carousel-container{gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xs)}.blog-card{flex:0 0 320px}.blog-card:hover{transform:translateY(-8px)}.blog-image-wrapper{height:200px}.blog-content{gap:var(--spacing-sm);padding:var(--spacing-lg)}.blog-title{font-size:var(--text-lg)}.blog-description,.blog-read-more{font-size:var(--text-sm)}.blog-read-more{padding:var(--spacing-sm) var(--spacing-lg)}.blog-nav-btn{height:42px;width:42px}.blog-nav-btn svg{font-size:var(--text-lg)}.blog-nav-prev{left:0}.blog-nav-next{right:0}.blog-pagination{gap:var(--spacing-md);padding:var(--spacing-2xl) 0 0}.blog-pagination-btn{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg)}.blog-pagination-number{font-size:var(--text-sm);height:40px;width:40px}.blog-empty,.blog-loading{padding:var(--spacing-3xl)}.blog-empty h3{font-size:var(--text-xl)}}@media (max-width:480px){.blog-container{padding:0 var(--spacing-sm)}.blog-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-2xl) var(--spacing-sm) var(--spacing-xl)}.blog-header-badge{font-size:.65rem;gap:.3rem;padding:.3rem var(--spacing-sm)}.blog-header-badge-icon{font-size:.8rem}.blog-header-title{font-size:clamp(1.75rem,7vw,2rem);letter-spacing:-.5px}.blog-header-title-highlight:after{bottom:1px;height:5px}.blog-header-subtitle{font-size:var(--text-sm);margin-top:var(--spacing-sm)}.blog-header-underline{gap:var(--spacing-sm);margin-top:var(--spacing-md);max-width:120px}.blog-header-dot{height:5px;width:5px}.blog-header-line{height:1.5px}.blog-carousel-wrapper{padding:var(--spacing-sm) 0}.blog-carousel-container{gap:var(--spacing-md);margin:0;padding:var(--spacing-md) 0}.blog-card{border-width:2px;flex-basis:calc(100vw - 60px);flex-grow:0;flex-shrink:0;max-width:340px}.blog-card:hover{transform:translateY(-4px)}.blog-card:active{transform:translateY(-2px)}.blog-image-wrapper{height:180px}.blog-category-badge{font-size:.65rem;left:var(--spacing-sm);padding:.25rem var(--spacing-sm);top:var(--spacing-sm)}.blog-content{gap:var(--spacing-xs);padding:var(--spacing-md)}.blog-meta{gap:var(--spacing-sm)}.blog-meta-item{font-size:.7rem;gap:.3rem}.blog-meta-item svg{font-size:.75rem}.blog-title{font-size:var(--text-base)}.blog-description{-webkit-line-clamp:2;font-size:.8rem;line-height:1.5}.blog-stats{gap:var(--spacing-md);padding-top:var(--spacing-xs)}.blog-author,.blog-stat-item{font-size:.7rem;gap:.3rem}.blog-author svg{font-size:.75rem}.blog-read-more{font-size:.8rem;gap:.3rem;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.blog-read-more svg{font-size:.75rem}.blog-nav-btn{border-width:1.5px;height:36px;width:36px}.blog-nav-btn svg{font-size:var(--text-base)}.blog-nav-btn:hover{transform:translateY(-50%) scale(1.05)}.blog-nav-prev{left:-5px}.blog-nav-next{right:-5px}.blog-pagination{flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-xl) 0 0}.blog-pagination-btn{font-size:.8rem;gap:.4rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);width:100%}.blog-pagination-btn svg{font-size:var(--text-sm)}.blog-pagination-numbers{gap:.3rem;order:-1}.blog-pagination-number{font-size:.8rem;height:36px;width:36px}.blog-pagination-dots{font-size:.8rem;padding:0 .25rem}.blog-empty,.blog-loading{padding:var(--spacing-2xl) var(--spacing-md)}.blog-spinner{border-width:3px;height:40px;width:40px}.blog-loading p{font-size:var(--text-base)}.blog-empty h3{font-size:var(--text-lg)}.blog-empty p{font-size:var(--text-sm)}}@media (max-width:360px){.blog-header-title{font-size:1.5rem}.blog-card{flex-basis:calc(100vw - 40px);flex-grow:0;flex-shrink:0}.blog-image-wrapper{height:160px}.blog-content{padding:var(--spacing-sm)}.blog-title{font-size:.9rem}.blog-description{font-size:.75rem}.blog-nav-btn{height:32px;width:32px}.blog-nav-btn svg{font-size:.9rem}.blog-pagination-number{font-size:.75rem;height:32px;width:32px}}@media (hover:none) and (pointer:coarse){.blog-card:hover{transform:none}.blog-card:active{opacity:.9;transform:scale(.98)}.blog-nav-btn:hover{transform:translateY(-50%)}.blog-nav-btn:active{transform:translateY(-50%) scale(.95)}.blog-pagination-btn:hover:not(:disabled){transform:none}.blog-pagination-btn:active:not(:disabled){transform:scale(.95)}.blog-pagination-number:hover{transform:none}.blog-pagination-number:active{transform:scale(.9)}}.faculty-page{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--white) 100%);min-height:100vh;padding-top:var(--spacing-2xl)}.faculty-container{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:280px 1fr;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-xl) var(--spacing-3xl)}.faculty-sidebar{background:var(--white);border:3px solid var(--primary-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:20px}.filter-header{border-bottom:2px solid var(--border-color);justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.filter-header,.filter-title{align-items:center;display:flex}.filter-title{color:var(--primary-color);gap:var(--spacing-sm)}.filter-title h3,.filter-title svg{font-size:var(--text-lg)}.filter-title h3{color:var(--brand-navy);font-weight:var(--font-bold);margin:0}.clear-filters-btn{background:var(--primary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.clear-filters-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.filter-search{margin-bottom:var(--spacing-xl)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:var(--text-muted);font-size:var(--text-base);left:var(--spacing-md);position:absolute}.search-input-wrapper input{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-dark);font-family:var(--font-primary);font-size:var(--text-sm);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.5rem;transition:var(--transition-all);width:100%}.search-input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.search-input-wrapper input::placeholder{color:var(--text-light)}.filter-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section-title{color:var(--brand-navy);font-size:var(--text-base);font-weight:var(--font-bold);margin:0 0 var(--spacing-md) 0}.filter-checkbox{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-md);padding:var(--spacing-sm);transition:var(--transition-base)}.filter-checkbox:hover{background:var(--bg-secondary)}.filter-checkbox input{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.filter-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-option{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-md);padding:var(--spacing-sm);transition:var(--transition-base)}.filter-option:hover{background:var(--bg-secondary);color:var(--primary-color)}.filter-option input[type=radio]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.faculty-main{min-height:400px}.results-header{align-items:center;border-bottom:3px solid var(--primary-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-md)}.results-header h2{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0}.results-count{background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-md)}.faculty-grid{grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.featured-badge{font-size:var(--text-xs);padding:var(--spacing-sm) var(--spacing-md);right:12px;top:12px}.faculty-image-wrapper{height:220px}.faculty-image-placeholder{font-size:5rem}.faculty-info{gap:var(--spacing-md);padding:var(--spacing-xl)}.faculty-name{font-size:var(--text-xl)}.faculty-designation{font-size:var(--text-base)}.faculty-qualification{font-size:var(--text-sm)}.faculty-stats{gap:var(--spacing-2xl);padding:var(--spacing-md) 0}.stat-item{font-size:var(--text-sm);gap:var(--spacing-sm)}.stat-item svg,.students-count{font-size:var(--text-lg)}.students-count{border-radius:var(--radius-xl);padding:var(--spacing-md)}.students-count svg{font-size:var(--text-xl)}.experience-badge{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg)}.faculty-specializations{gap:var(--spacing-sm)}.specialization-tag{border-radius:var(--radius-xl);font-size:var(--text-xs);padding:var(--spacing-sm) var(--spacing-md)}.expanded-content{padding-top:var(--spacing-md)}.faculty-bio-section h4{font-size:var(--text-base);margin:0 0 var(--spacing-sm) 0}.faculty-bio-full{font-size:var(--text-sm);line-height:1.7}.expanded-content .contact-info{border-radius:var(--radius-lg);font-size:var(--text-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.expanded-content .contact-info p{margin:var(--spacing-xs) 0}.expanded-content .contact-info strong{color:var(--brand-navy);font-weight:var(--font-semibold)}.view-more-btn{border-radius:var(--radius-lg);gap:var(--spacing-sm);padding:var(--spacing-md)}.view-more-btn,.view-more-btn svg{font-size:var(--text-sm)}.view-more-btn:hover svg{transform:translateY(2px)}.no-results{background:var(--white);border:3px dashed var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.no-results-icon{color:var(--gray-300);font-size:6rem;margin-bottom:var(--spacing-xl);opacity:.5}.no-results h3{color:var(--text-secondary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-md) 0}.no-results p{color:var(--text-muted);font-size:var(--text-base);margin:0 0 var(--spacing-2xl) 0}.faculty-loading{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:center;min-height:100vh}.faculty-loading p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.loader{border-top:5px solid var(--border-color);border:5px solid var(--border-color);border-radius:var(--radius-full);height:60px;width:60px}@media (max-width:992px){.faculty-container{grid-template-columns:1fr}.faculty-sidebar{margin-bottom:var(--spacing-2xl);position:static}.faculty-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.faculty-container{gap:var(--spacing-xl);padding:0 var(--spacing-md) var(--spacing-2xl)}.results-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.results-header h2{font-size:var(--text-2xl)}.faculty-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.faculty-image-wrapper{height:200px}.faculty-stats{gap:var(--spacing-md)}}@media (max-width:480px){.faculty-container{padding:0 var(--spacing-sm) var(--spacing-xl)}.faculty-sidebar{padding:var(--spacing-md)}.faculty-card{border-width:2px}.faculty-info{padding:var(--spacing-md)}.faculty-name{font-size:var(--text-lg)}.faculty-stats{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0}.students-count{font-size:var(--text-base);padding:var(--spacing-md)}.filter-header{flex-wrap:wrap}.clear-filters-btn{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-md)}}.faculty-card{background:var(--white);border:3px solid var(--primary-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:var(--transition-all)}.faculty-card:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.featured-badge{background:var(--gradient-orange);border-radius:var(--radius-full);box-shadow:0 4px 12px #f59e0b66;color:var(--white);font-size:.65rem;font-weight:var(--font-bold);letter-spacing:.5px;padding:.3rem .6rem;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:2}.faculty-image-wrapper{height:180px}.faculty-image{height:100%;object-fit:cover}.faculty-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.faculty-name{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-extrabold);line-height:1.3;margin:0}.faculty-designation{color:var(--primary-color);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.faculty-qualification{color:var(--text-muted);font-size:.8rem;font-weight:var(--font-medium);margin:0}.faculty-stats{border-bottom:2px solid var(--border-color);border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:var(--font-semibold);gap:.4rem}.stat-item svg{color:var(--accent-orange);font-size:var(--text-base)}.students-count{align-items:center;background:linear-gradient(135deg,var(--primary-pale),var(--bg-green-light));border:2px solid var(--primary-color);border-radius:var(--radius-lg);color:var(--primary-dark);display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;padding:.6rem}.students-count svg{color:var(--primary-color);font-size:var(--text-lg)}.faculty-experience{display:flex;justify-content:center}.experience-badge{background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-primary);color:var(--white);font-size:.8rem;font-weight:var(--font-bold);letter-spacing:.3px;padding:.4rem var(--spacing-md)}.faculty-specializations{display:flex;flex-wrap:wrap;gap:.4rem}.specialization-tag{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.7rem;font-weight:var(--font-semibold);padding:.3rem .6rem;transition:var(--transition-base)}.specialization-tag:hover{background:var(--primary-pale);border-color:var(--primary-color);color:var(--primary-dark)}.expanded-content{animation:slideDown .3s ease;border-top:2px solid var(--border-color);padding-top:var(--spacing-sm)}.faculty-bio-section h4{color:var(--brand-navy);font-size:var(--text-sm);font-weight:var(--font-bold);margin:0 0 var(--spacing-xs) 0}.faculty-bio-full{color:var(--text-secondary);font-size:.8rem;line-height:1.6;margin:0}.expanded-content .contact-info{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.expanded-content .contact-info p{margin:.2rem 0}.view-more-btn{align-items:center;background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.8rem;font-weight:var(--font-bold);gap:.4rem;justify-content:center;margin-top:auto;padding:var(--spacing-sm);transition:var(--transition-all);width:100%}.view-more-btn:hover{background:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white);transform:translateY(-2px)}.view-more-btn svg{font-size:.75rem;transition:var(--transition-base)}.faculty-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.faculty-image-wrapper{height:160px}.faculty-info{padding:var(--spacing-sm)}.faculty-stats{gap:var(--spacing-md)}}@media (max-width:480px){.faculty-info{gap:var(--spacing-xs);padding:var(--spacing-sm)}.faculty-name{font-size:var(--text-base)}.faculty-stats{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.students-count{font-size:var(--text-sm);padding:var(--spacing-sm)}}.faculty-image-wrapper{align-items:center;display:flex;height:auto;justify-content:center;min-height:200px;overflow:hidden;position:relative;width:100%}.faculty-image{height:auto;max-width:100%;object-fit:contain;object-position:center;width:100%}.faculty-image-placeholder{align-items:center;color:#ffffff40;display:flex;font-size:4rem;justify-content:center;min-height:200px;width:100%}.ProductCard_card__nJmDh{align-items:center;background:#fff;border:1px solid #ebebeb;border-radius:0;border-radius:20px;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d;display:flex;flex-direction:column;height:400px;max-width:350px;overflow:hidden;padding:.5rem;position:relative;text-align:center;width:100%}.ProductCard_card__nJmDh img{margin-bottom:.25rem;max-height:200px;object-fit:contain;width:100%}.ProductCard_title__1o8AC{color:#333;font-size:.9rem;font-weight:400;line-height:1.2em;margin-bottom:.25rem;max-height:2.4em;overflow:hidden;text-align:center;text-overflow:ellipsis}.ProductCard_cardContent__ZutRw{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:0 .25rem;width:100%}.ProductCard_cardContent__ZutRw .ProductCard_category__1IJsV{color:#888;font-size:.7rem;font-weight:300;margin-bottom:.2rem}.ProductCard_cardContent__ZutRw .ProductCard_price__R0\+s0{color:#fcb941;font-size:.85rem;margin-bottom:.25rem}.ProductCard_buttons__pOsja{display:flex;gap:.2rem;justify-content:center;margin-top:10px;width:100%}.ProductCard_buttons__pOsja button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.5rem;gap:2px;justify-content:center;margin-left:2px;margin-right:2px;padding:2px 4px;transition:all .3s ease;width:80%}.ProductCard_buttons__pOsja button svg{color:#555;transition:color .3s ease}.ProductCard_buttons__pOsja button:hover{background:#f60}.ProductCard_buttons__pOsja button:hover svg{color:#fff}.ProductCard_buttons__pOsja .ProductCard_addToCartBtn__WcT9o{background-color:#6366f1;color:#fff;font-size:14px}.ProductCard_buttons__pOsja .ProductCard_addToCartBtn__WcT9o:hover{background-color:#fba70f}.ProductCard_buttons__pOsja .ProductCard_addToWishlistBtn__w1ntB{background-color:#fcb941;color:#fff;font-size:14px}.ProductCard_buttons__pOsja .ProductCard_addToWishlistBtn__w1ntB:hover{background-color:#fba70f}.ProductCard_addToWishList__tceGd{align-items:center;background-color:orange;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:all .3s ease-in-out;visibility:hidden;width:28px}.ProductCard_addToWishList__tceGd svg{color:#333;font-size:16px}.ProductCard_addToWishList__tceGd:hover{background-color:#fdcb73}.ProductCard_card__nJmDh:hover .ProductCard_addToWishList__tceGd{opacity:1;visibility:visible}@media screen and (max-width:768px){.ProductCard_card__nJmDh{height:300px}.ProductCard_title__1o8AC{font-size:.65rem}.ProductCard_card__nJmDh img{max-height:130px}.ProductCard_buttons__pOsja button{font-size:.7rem;padding:3px 6px}}@media screen and (max-width:480px){.ProductCard_card__nJmDh{height:260px}.ProductCard_title__1o8AC{font-size:.6rem}.ProductCard_card__nJmDh img{max-height:120px}.ProductCard_buttons__pOsja button{font-size:.65rem;padding:3px 5px}}.ProductCard_pageContainer__qsYTK{align-items:flex-start;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.ProductCard_container__Eo0Cj{background:#edf5ff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:.5rem;margin:2rem auto;max-width:600px;padding:20px;width:90%}.ProductCard_row__O1gRk{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.ProductCard_row__O1gRk p{flex:0 0 auto;margin:0}.ProductCard_row__O1gRk select{border:1px solid #ccc;border-radius:4px;cursor:pointer;flex:1 1;margin-left:10px;max-width:250px;padding:2px 6px}.ProductCard_viewToggle__n8ECr{align-self:center;background:none;border:none;color:#1d4ed8;cursor:pointer;margin-bottom:.5rem;padding:0;width:100%}@media(max-width:768px){.ProductCard_container__Eo0Cj{width:95%}}.ProductCard_card1__bwcdJ{background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.ProductCard_card1__bwcdJ .ProductCard_row__O1gRk{align-items:center;display:flex;gap:1rem;justify-content:space-between}.ProductCard_card1__bwcdJ .ProductCard_row__O1gRk p{color:#333;flex:1 1;font-weight:500;margin:0}.ProductCard_card1__bwcdJ .ProductCard_row__O1gRk select{background-color:#fff;border:1px solid #ccc;border-radius:.25rem;cursor:pointer;flex:1 1;max-width:150px;padding:.3rem .5rem}.ProductCard_card1__bwcdJ .ProductCard_row__O1gRk select:focus{border-color:orange;outline:none}.ProductCard_card1__bwcdJ .ProductCard_viewToggle__n8ECr{align-self:center;background-color:#6366f1;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:background .3s}.ProductCard_card1__bwcdJ .ProductCard_viewToggle__n8ECr:hover{background-color:#6366f1}*{box-sizing:border-box;margin:0;padding:0}.admin-login-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-xl);position:relative}.admin-login-background{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.admin-shape{animation:adminFloat 6s ease-in-out infinite;opacity:.1;position:absolute}.admin-shape-1{animation-delay:0s;height:300px;left:-100px;top:-100px;width:300px}.admin-shape-1,.admin-shape-2{background:var(--white);border-radius:var(--radius-full)}.admin-shape-2{animation-delay:2s;bottom:-50px;height:200px;right:-50px;width:200px}.admin-shape-3{animation-delay:4s;background:var(--white);border-radius:var(--radius-full);height:150px;left:50%;top:50%;transform:translate(-50%,-50%);width:150px}@keyframes adminFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.admin-login-card{animation:adminSlideUp .6s ease-out;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:420px;padding:var(--spacing-3xl);width:100%;z-index:10}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{margin-bottom:var(--spacing-2xl);text-align:center}.admin-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-full);box-shadow:0 8px 20px #02593e4d;color:var(--white);display:flex;flex-shrink:0;font-size:var(--text-3xl);height:70px;justify-content:center;margin:0 auto var(--spacing-lg);width:70px}.admin-login-title{color:var(--text-dark);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-sm)}.admin-login-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.admin-login-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.admin-form-label{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-semibold)}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-form-input{background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);outline:none;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-all);width:100%}.admin-form-input-password{padding-right:calc(var(--spacing-lg) + 40px)}.admin-form-input:focus{background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale)}.admin-form-input::placeholder{color:var(--text-muted)}.admin-toggle-password{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-xl);height:100%;justify-content:center;min-width:24px;padding:0;position:absolute;right:var(--spacing-md);transition:var(--transition-all);z-index:2}.admin-toggle-password:hover{color:var(--primary-dark)}.admin-toggle-password:active{transform:scale(.95)}.admin-form-options{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--spacing-lg);justify-content:space-between}.admin-remember-me{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-remember-me input{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:16px;width:16px}.admin-forgot-password{color:var(--primary-color);font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-all);white-space:nowrap}.admin-forgot-password:hover{color:var(--primary-dark);text-decoration:underline}.admin-login-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-lg);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);outline:none;padding:var(--spacing-lg);transition:var(--transition-all)}.admin-login-btn:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-2px)}.admin-login-btn:active:not(:disabled){transform:translateY(0)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7}.admin-login-btn.admin-loading{pointer-events:none}.admin-spinner{animation:adminSpin 1s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-full);border-top:2px solid var(--white);flex-shrink:0;height:16px;width:16px}@keyframes adminSpin{to{transform:rotate(1turn)}}.admin-login-footer{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--spacing-xl);text-align:center}.admin-alert{align-items:center;animation:adminSlideIn .4s ease-out;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;font-weight:var(--font-semibold);gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);position:fixed;right:var(--spacing-xl);top:var(--spacing-xl);z-index:1000}@keyframes adminSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.admin-alert-success{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));color:var(--white)}.admin-alert-error{background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));color:var(--white)}.admin-alert-icon{flex-shrink:0;font-size:var(--text-xl)}.admin-alert-message{font-size:var(--text-sm)}@media (max-width:768px){.admin-login-container{padding:var(--spacing-lg)}.admin-login-card{padding:var(--spacing-2xl)}}@media (max-width:480px){.admin-login-container{padding:var(--spacing-md)}.admin-login-card{padding:var(--spacing-xl)}.admin-icon{height:60px;width:60px}.admin-icon,.admin-login-title{font-size:var(--text-2xl)}.admin-form-input{font-size:16px;padding:var(--spacing-md) var(--spacing-lg)}.admin-alert{flex-wrap:wrap;left:var(--spacing-md);right:var(--spacing-md);top:var(--spacing-md)}.admin-form-options{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}.faqpage-container{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-3xl) var(--spacing-lg)}.faqpage-wrapper{margin:0 auto;max-width:900px}.faqpage-header{margin-bottom:var(--spacing-3xl);text-align:center}.faqpage-title{color:var(--text-dark);font-size:3rem;font-weight:var(--font-bold);line-height:1.2;margin:0 0 var(--spacing-md) 0}.faqpage-subtitle{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:700px}.faqpage-accordion-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.faqpage-accordion{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-all)}.faqpage-accordion:hover{box-shadow:var(--shadow-md)}.faqpage-accordion-active,.faqpage-accordion:hover{border-color:var(--primary-color)}.faqpage-accordion-header{align-items:center;background:var(--white);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);text-align:left;transition:var(--transition-base);width:100%}.faqpage-accordion-active .faqpage-accordion-header,.faqpage-accordion-header:hover{background:var(--bg-light)}.faqpage-question{color:var(--text-dark);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.5;padding-right:var(--spacing-lg);transition:var(--transition-base)}.faqpage-accordion-active .faqpage-question{color:var(--primary-color)}.faqpage-icon{color:var(--text-tertiary);flex-shrink:0;font-size:var(--text-2xl);transition:var(--transition-all)}.faqpage-accordion-active .faqpage-icon{color:var(--primary-color)}.faqpage-icon-rotated{transform:rotate(180deg)}.faqpage-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faqpage-accordion-content-expanded{max-height:500px;transition:max-height .3s ease-in}.faqpage-answer{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-base);line-height:1.8;padding:var(--spacing-xl);padding-top:0}.faqpage-contact-section{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.faqpage-contact-title{color:var(--text-dark);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm) 0}.faqpage-contact-text{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--spacing-xl) 0}.faqpage-contact-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.faqpage-btn{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:var(--transition-all)}.faqpage-btn-primary{background:var(--primary-color);border:2px solid var(--primary-color);color:var(--white)}.faqpage-btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.faqpage-btn-outline{background:var(--white);border:2px solid var(--primary-color);color:var(--primary-color)}.faqpage-btn-outline:hover{background:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white);transform:translateY(-2px)}@media (max-width:768px){.faqpage-container{padding:var(--spacing-2xl) var(--spacing-md)}.faqpage-title{font-size:2rem}.faqpage-subtitle{font-size:var(--text-base)}.faqpage-accordion-header{padding:var(--spacing-md) var(--spacing-lg)}.faqpage-question{font-size:var(--text-base)}.faqpage-icon{font-size:var(--text-xl)}.faqpage-answer{font-size:var(--text-sm);padding:var(--spacing-lg);padding-top:0}.faqpage-contact-section{padding:var(--spacing-xl) var(--spacing-lg)}.faqpage-contact-title{font-size:var(--text-xl)}.faqpage-contact-text{font-size:var(--text-sm)}.faqpage-contact-buttons{flex-direction:column}.faqpage-btn{justify-content:center;width:100%}}@media (max-width:480px){.faqpage-container{padding:var(--spacing-xl) var(--spacing-sm)}.faqpage-title{font-size:1.75rem}.faqpage-accordion-header{padding:var(--spacing-sm) var(--spacing-md)}.faqpage-question{font-size:var(--text-sm);padding-right:var(--spacing-md)}.faqpage-icon{font-size:var(--text-lg)}.faqpage-answer{padding:var(--spacing-md);padding-top:0}.faqpage-contact-section{padding:var(--spacing-lg)}.faqpage-btn{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg)}}.faqpage-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px;padding:var(--spacing-3xl) 0}.faqpage-loader{animation:faqSpin 1s linear infinite;border-top:5px solid var(--border-color);border:5px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:60px;width:60px}@keyframes faqSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.faqpage-loading p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.faqpage-error{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);margin:var(--spacing-2xl) 0;padding:var(--spacing-3xl);text-align:center}.faqpage-error p{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--spacing-lg) 0}.faqpage-retry-btn{background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-all)}.faqpage-retry-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.faqpage-empty{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);margin:var(--spacing-2xl) 0;padding:var(--spacing-3xl);text-align:center}.faqpage-empty p{color:var(--text-muted);font-size:var(--text-lg);margin:0}.faqpage-count-badge{border:2px solid var(--primary-color);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg)}.faqpage-category-tag,.faqpage-count-badge{background:var(--primary-pale);border-radius:var(--radius-full);color:var(--primary-color);display:inline-block}.faqpage-category-tag{font-size:.75rem;font-weight:var(--font-semibold);letter-spacing:.5px;margin-top:var(--spacing-md);padding:.3rem .8rem;text-transform:uppercase}.sisu-trigger{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;margin-left:var(--spacing-lg);padding:var(--spacing-xs);transition:var(--transition-all);z-index:9999}.sisu-trigger:hover{background:var(--primary-pale)}.sisu-trigger:hover .sisu-icon{color:var(--primary-color);transform:scale(1.1)}.sisu-trigger:hover .sisu-button{color:var(--primary-color)}.sisu-icon{height:28px;width:28px}.sisu-button,.sisu-icon{color:var(--text-dark);transition:var(--transition-all)}.sisu-button{background:#0000;border:none;cursor:pointer;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);outline:none;padding:0}.sisu-button:focus{outline:none}.sisu-modal-overlay{align-items:center;animation:sisuFadeIn .3s ease;background:#0009;inset:0;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:99999}@keyframes sisuFadeIn{0%{opacity:0}to{opacity:1}}.sisu-modal-content{-webkit-overflow-scrolling:touch;animation:sisuSlideUp .3s ease;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-height:90dvh;max-width:480px;overflow-y:auto;position:relative;width:100%}@keyframes sisuSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.sisu-modal-close{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-3xl);height:36px;justify-content:center;line-height:1;padding:0;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:var(--transition-all);width:36px;z-index:1}.sisu-modal-close:hover{background:var(--primary-color);color:var(--white);transform:rotate(90deg)}.sisu-modal-body{padding:var(--spacing-3xl) var(--spacing-2xl)}.sisu-drag-handle{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:2px;display:none;height:4px;margin:0 auto var(--spacing-lg);width:40px}.sisu-header{margin-bottom:var(--spacing-2xl);text-align:center}.sisu-header-icon{align-items:center;background:var(--primary-pale);border-radius:var(--radius-full);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-lg);width:64px}.sisu-header-icon svg{color:var(--primary-color);height:32px;width:32px}.sisu-title{color:var(--primary-color);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-sm) 0}.sisu-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.sisu-form{gap:var(--spacing-lg)}.sisu-form,.sisu-form-group{display:flex;flex-direction:column}.sisu-form-group{gap:var(--spacing-sm)}.sisu-label{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-semibold)}.sisu-input{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-dark);font-family:var(--font-primary);font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-all);width:100%}.sisu-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-pale);outline:none}.sisu-input::placeholder{color:var(--text-tertiary)}.sisu-btn{align-items:center;border:none;border-radius:var(--radius-lg);box-sizing:border-box;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-all);width:100%}.sisu-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.sisu-btn-primary{background:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white)}.sisu-btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.sisu-btn-primary:active:not(:disabled){transform:translateY(0)}.sisu-spinner{animation:sisuSpin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--white);flex-shrink:0;height:18px;width:18px}@keyframes sisuSpin{to{transform:rotate(1turn)}}.sisu-divider{align-items:center;display:flex;gap:var(--spacing-md);margin:var(--spacing-md) 0}.sisu-divider-line{background:var(--border-color);flex:1 1;height:1px}.sisu-divider-text{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold)}.sisu-btn-whatsapp{background:var(--white);border:2px solid #25d366;color:#25d366;font-weight:var(--font-bold)}.sisu-btn-whatsapp:hover{background:#25d366;box-shadow:0 4px 12px #25d3664d;color:var(--white);transform:translateY(-2px)}.sisu-whatsapp-icon{height:22px;width:22px}.sisu-footer-text{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--spacing-xl) 0 0 0;text-align:center}.sisu-link{color:var(--primary-color);font-weight:var(--font-bold);text-decoration:none;transition:var(--transition-base)}.sisu-link:hover{text-decoration:underline}.sisu-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.sisu-label-row .sisu-label{margin-bottom:0}.sisu-forgot-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.8rem;font-weight:600;padding:0;text-decoration:underline;transition:opacity .2s}.sisu-forgot-link:hover{opacity:.75}.sisu-password-wrapper{align-items:center;display:flex;position:relative}.sisu-password-input{padding-right:2.75rem!important;width:100%}.sisu-eye-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:0;position:absolute;right:.75rem;transition:color .2s}.sisu-eye-btn:hover{color:var(--primary-color)}.sisu-eye-btn svg{height:18px;width:18px}.sisu-input-error{border-color:#ef4444!important}.sisu-input-success{border-color:#10b981!important}.sisu-input-hint{font-size:.78rem;margin:.3rem 0 0}.sisu-hint-error{color:#ef4444}.sisu-hint-success{color:#10b981;font-weight:600}.sisu-otp-group{display:flex;gap:10px;justify-content:center;margin:.5rem 0 1.5rem}.sisu-otp-box{background:#f8fafc;background:var(--bg-light,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--text-dark,#1e293b);font-size:1.5rem;font-weight:700;height:56px;outline:none;text-align:center;transition:all .2s ease;width:48px}.sisu-otp-box:focus{box-shadow:0 0 0 4px #02593e1a;transform:translateY(-2px)}.sisu-otp-box-filled,.sisu-otp-box:focus{background:#fff;border-color:var(--primary-color)}.sisu-otp-box-filled{color:var(--primary-color)}.sisu-otp-box:disabled{cursor:not-allowed;opacity:.6}.sisu-email-highlight{color:var(--primary-color);font-size:.9rem;font-weight:700;margin:.2rem 0 .75rem;word-break:break-all}.sisu-resend{margin:-.5rem 0 1rem;text-align:center}.sisu-resend-text,.sisu-resend-timer{color:#64748b;font-size:.85rem;margin:0}.sisu-resend-btn,.sisu-resend-count{color:var(--primary-color);font-weight:700}.sisu-resend-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.sisu-resend-btn:hover{opacity:.75}.sisu-btn-secondary{background:#0000;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.75rem;transition:all .2s ease;width:100%}.sisu-btn-secondary:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.sisu-header-icon-forgot{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.sisu-header-icon-otp{background:linear-gradient(135deg,#3b82f6,#6366f1)!important}.sisu-header-icon-reset{background:linear-gradient(135deg,#10b981,#059669)!important}.sisu-success{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:.5rem 0;text-align:center}.sisu-success-icon{align-items:center;animation:sisu-pop .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 24px #10b98159;display:flex;height:76px;justify-content:center;width:76px}@keyframes sisu-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.sisu-success-icon svg{stroke:#fff;stroke-width:2.5;height:38px;width:38px}.sisu-success-title{color:#1e293b;font-size:1.3rem;font-weight:800;margin:0}.sisu-success-msg{color:#64748b;font-size:.9rem;line-height:1.6;margin:0;max-width:270px}@media (max-width:768px){.sisu-modal-overlay{align-items:flex-end;padding:var(--spacing-md)}.sisu-modal-content{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:92dvh;max-width:100%;width:100%}.sisu-drag-handle{display:block}.sisu-modal-body{padding:var(--spacing-2xl) var(--spacing-lg)}.sisu-title{font-size:var(--text-2xl)}.sisu-header-icon{height:56px;width:56px}.sisu-header-icon svg{height:28px;width:28px}}@media (max-width:480px){.sisu-trigger{margin-left:var(--spacing-md)}.sisu-modal-overlay{align-items:flex-end;padding:0}.sisu-modal-content{border-radius:20px 20px 0 0;max-height:95dvh}.sisu-modal-body{padding:var(--spacing-xl) var(--spacing-md)}.sisu-title{font-size:var(--text-xl)}.sisu-btn,.sisu-subtitle{font-size:var(--text-sm)}.sisu-btn{padding:var(--spacing-sm) var(--spacing-lg)}.sisu-input{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md)}.sisu-otp-box{border-radius:10px;font-size:1.2rem;height:48px;width:40px}.sisu-otp-group{gap:7px}}.sisu-error-banner{align-items:flex-start;animation:sisu-shake .3s ease;background:#fff5f5;border:1.5px solid #fc8181;border-radius:8px;color:#c53030;display:flex;font-size:.875rem;font-weight:500;gap:8px;line-height:1.4;margin-bottom:16px;padding:12px 14px}.sisu-error-icon{flex-shrink:0;font-size:1rem;margin-top:1px}@keyframes sisu-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.bottom-nav-bar{align-items:center;background:var(--white);border-top:2px solid var(--border-color);bottom:0;box-shadow:0 -4px 12px #00000026;display:flex;justify-content:space-around;left:0;padding:var(--spacing-xs) 0;position:fixed;width:100%;z-index:1000}.bottom-nav-item{background:#0000;border:none;cursor:pointer;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-height:56px;padding:var(--spacing-sm) var(--spacing-xs);position:relative}.bottom-nav-icon,.bottom-nav-item{align-items:center;display:flex;justify-content:center;transition:var(--transition-all)}.bottom-nav-icon{color:var(--text-muted);font-size:var(--text-2xl)}.bottom-nav-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);transition:var(--transition-all);white-space:nowrap}.bottom-nav-item.active .bottom-nav-icon{color:var(--primary-color);transform:scale(1.1)}.bottom-nav-item.active .bottom-nav-label{color:var(--primary-color);font-weight:var(--font-bold)}.bottom-nav-item.active:before{background:var(--primary-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40%}.bottom-nav-item:hover .bottom-nav-icon{color:var(--primary-light);transform:scale(1.05)}.bottom-nav-item:hover .bottom-nav-label{color:var(--primary-light)}.bottom-nav-item:active,.bottom-nav-item:after{background:var(--primary-pale)}.bottom-nav-item:after{border-radius:var(--radius-full);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.bottom-nav-item:active:after{height:100%;width:100%}@media (max-width:480px){.bottom-nav-item{min-height:52px;padding:var(--spacing-xs)}.bottom-nav-icon{font-size:var(--text-xl)}.bottom-nav-label{font-size:.65rem}}@media (max-width:360px){.bottom-nav-item{gap:2px;min-height:48px}.bottom-nav-icon{font-size:var(--text-lg)}.bottom-nav-label{font-size:.6rem}}body{padding-bottom:70px}@media (min-width:769px){body{padding-bottom:0}}.bottom-nav-icon-wrapper{position:relative}.bottom-nav-badge,.bottom-nav-icon-wrapper{align-items:center;display:flex;justify-content:center}.bottom-nav-badge{background:var(--accent-red);border:2px solid var(--white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--white);font-size:.65rem;font-weight:var(--font-bold);height:18px;min-width:18px;padding:0 4px;position:absolute;right:-8px;top:-4px}.bottom-nav-item.active .bottom-nav-badge{background:var(--primary-color)}.bottom-nav-item:last-child:not(.active) .bottom-nav-icon{color:#02593e;color:var(--primary-color,#02593e)}.bottom-nav-item:last-child:not(.active) .bottom-nav-label{color:#02593e;color:var(--primary-color,#02593e);font-weight:700}.bottom-nav-bar{z-index:99998}.checkout-page{background:var(--bg-secondary);box-sizing:border-box;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:var(--spacing-3xl) 0;width:100%}.checkout-container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-xl);width:100%}.checkout-progress{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--white);display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.progress-step{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase;transition:var(--transition-all);white-space:nowrap}.progress-step.active{font-size:var(--text-base);font-weight:var(--font-black);text-shadow:0 2px 4px #0003}.progress-step.inactive{opacity:.6}.progress-arrow{font-size:var(--text-2xl);font-weight:var(--font-bold);opacity:.8}.whatsapp-note{background:#ef44441a;border-left:4px solid var(--accent-red);border-radius:var(--radius-md);color:var(--accent-red);font-size:var(--text-sm);font-style:italic;font-weight:var(--font-medium);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);text-align:center}.checkout-content{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 420px}.billing-section,.checkout-card,.order-section{box-sizing:border-box;width:100%}.checkout-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.section-title{border-bottom:3px solid var(--primary-color);color:var(--primary-color);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-2xl) 0;padding-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-xl)}.form-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.required{color:var(--accent-red);font-weight:var(--font-bold)}.form-input,.form-select,.form-textarea{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);outline:none;padding:var(--spacing-md);transition:var(--transition-all);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-pale);transform:translateY(-1px)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--primary-light)}.form-textarea{line-height:1.6;min-height:100px;resize:vertical}.form-note{background:#ef44440d;border-radius:var(--radius-sm);color:var(--accent-red);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.6;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.order-section{position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.order-header{border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.order-header-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.5px;text-transform:uppercase}.empty-cart{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.empty-cart p{color:var(--text-tertiary);font-size:var(--text-base)}.cart-items{margin-bottom:var(--spacing-xl);max-height:400px;overflow-y:auto;padding-right:var(--spacing-xs)}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-md)}.cart-items::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-md)}.cart-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);transition:var(--transition-all)}.cart-item:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}.cart-item-image{border:2px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0;height:70px;object-fit:cover;width:70px}.cart-item-details{flex:1 1;min-width:0}.cart-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.4;margin:0 0 var(--spacing-xs) 0;overflow:hidden}.cart-item-qty{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);margin:0}.cart-item-price{color:var(--primary-color);flex-shrink:0;font-size:var(--text-base);font-weight:var(--font-bold);white-space:nowrap}.divider{border:none;border-top:2px solid var(--border-color);margin:var(--spacing-lg) 0}.order-row{align-items:center;display:flex;font-size:var(--text-base);justify-content:space-between;margin-bottom:var(--spacing-md)}.order-row h3{color:var(--text-primary);font-size:var(--text-xl);margin:0}.order-amount,.order-row h3{font-weight:var(--font-bold)}.order-amount{font-size:var(--text-lg)}.order-amount.highlight{color:var(--accent-orange);font-size:var(--text-xl)}.order-total{background:var(--bg-light);border:2px dashed var(--primary-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.gst-note{color:var(--text-tertiary);font-size:var(--text-xs);font-style:italic;margin:var(--spacing-sm) 0 0 0}.payment-method{background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.payment-title{color:var(--primary-color);font-size:var(--text-base);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm) 0}.payment-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.privacy-text{background:var(--bg-secondary);border-left:3px solid var(--accent-orange);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.8;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.privacy-link{color:var(--accent-orange);cursor:pointer;font-weight:var(--font-semibold);text-decoration:underline;transition:var(--transition-all)}.privacy-link:hover{color:var(--accent-orange-dark)}.terms-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.checkbox-label{align-items:flex-start;margin-bottom:var(--spacing-md)}.checkbox-input{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.terms-list{color:var(--text-secondary);font-size:var(--text-sm);line-height:2;list-style:none;margin:var(--spacing-md) 0 0 var(--spacing-xl);padding:0}.terms-list li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.terms-list li:before{content:"✓";left:0;position:absolute}.terms-list li:before,.terms-list strong{color:var(--primary-color);font-weight:var(--font-bold)}.place-order-btn{align-items:center;background:var(--gradient-red);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;letter-spacing:1px;min-height:56px;padding:var(--spacing-lg) var(--spacing-xl);text-transform:uppercase;transition:var(--transition-all);width:100%}.place-order-btn:hover:not(:disabled){background:var(--accent-red-dark);box-shadow:0 8px 24px #ef444466;transform:translateY(-3px)}.place-order-btn:active:not(:disabled){transform:translateY(-1px)}.place-order-btn:disabled{background:var(--gray-300);box-shadow:none;color:var(--gray-500);cursor:not-allowed;transform:none}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:var(--radius-full);border-top:3px solid var(--white);height:22px;width:22px}@media (max-width:1200px){.checkout-content{gap:var(--spacing-lg);grid-template-columns:1fr 380px}.checkout-card{padding:var(--spacing-xl)}}@media (max-width:1024px){.checkout-content{gap:var(--spacing-xl);grid-template-columns:1fr}.order-section{order:-1;position:static}.checkout-card{padding:var(--spacing-lg)}}@media (max-width:768px){.checkout-page{padding:var(--spacing-xl) 0}.checkout-container{padding:0 var(--spacing-md)}.checkout-progress{gap:var(--spacing-md);padding:var(--spacing-lg)}.progress-step{font-size:.7rem}.progress-step.active{font-size:.75rem}.progress-arrow{font-size:var(--text-lg)}.whatsapp-note{font-size:.8rem;padding:var(--spacing-sm)}.section-title{font-size:var(--text-xl)}.form-row{gap:0;grid-template-columns:1fr}.checkout-card{border-radius:var(--radius-lg);padding:var(--spacing-md)}.cart-items{max-height:300px}.cart-item-image{height:60px;width:60px}}@media (max-width:600px){.checkout-page{padding:var(--spacing-lg) 0}.checkout-container{padding:0 var(--spacing-sm)}.checkout-progress{border-radius:var(--radius-lg);gap:var(--spacing-sm);padding:var(--spacing-md)}.progress-step{font-size:.6rem}.progress-step.active{font-size:.65rem}.progress-arrow{font-size:var(--text-base)}.whatsapp-note{font-size:.75rem;padding:var(--spacing-xs)}.checkout-card{padding:var(--spacing-md)}.section-title{font-size:var(--text-lg);margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-input,.form-select,.form-textarea{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md)}.form-label{font-size:.8rem}.form-note{font-size:.7rem}.cart-item{padding:var(--spacing-sm)}.cart-item-image{height:50px;width:50px}.cart-item-title{font-size:.75rem}.cart-item-qty{font-size:.65rem}.cart-item-price,.order-row{font-size:var(--text-sm)}.order-amount,.order-row h3{font-size:var(--text-base)}.order-amount.highlight{font-size:var(--text-lg)}.order-total,.payment-method{padding:var(--spacing-md)}.payment-title{font-size:var(--text-sm)}.payment-desc{font-size:.75rem}.privacy-text{font-size:.7rem;padding:var(--spacing-sm)}.terms-section{padding:var(--spacing-md)}.checkbox-label{font-size:.75rem}.checkbox-input{height:18px;width:18px}.terms-list{font-size:.7rem;line-height:1.8;margin-left:var(--spacing-md)}.place-order-btn{font-size:var(--text-base);min-height:50px;padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.checkout-page{padding:var(--spacing-md) 0}.checkout-container{padding:0 var(--spacing-xs)}.checkout-progress{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.progress-arrow{font-size:var(--text-sm);transform:rotate(90deg)}.whatsapp-note{font-size:.7rem}.checkout-card{border-radius:var(--radius-md);padding:var(--spacing-sm)}.section-title{font-size:var(--text-base);padding-bottom:var(--spacing-sm)}.cart-items{max-height:250px}.cart-item{flex-wrap:wrap;gap:var(--spacing-sm)}.cart-item-details{order:2;width:100%}.cart-item-price{margin-left:auto;order:1}.order-total,.payment-method,.terms-section{padding:var(--spacing-sm)}.place-order-btn{font-size:var(--text-sm);min-height:48px;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:360px){.checkout-container{padding:0 4px}.checkout-card{padding:var(--spacing-xs)}.progress-step{font-size:.55rem}.section-title{font-size:var(--text-sm)}.form-input,.form-select,.form-textarea{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.cart-item-image{height:45px;width:45px}.place-order-btn{font-size:.75rem;min-height:44px}}@media (hover:none) and (pointer:coarse){.place-order-btn:hover{transform:none}.place-order-btn:active:not(:disabled){transform:scale(.98)}.cart-item:hover{transform:none}.privacy-link:hover{color:var(--accent-orange)}}@media print{.checkout-progress,.place-order-btn,.whatsapp-note{display:none}.checkout-content{grid-template-columns:1fr}.checkout-card{border:1px solid var(--border-color);box-shadow:none}}.test-instructions a{transition:color .3s}.test-instructions a:hover{color:#fcb941!important;text-decoration:underline}.test-instructions .MuiChip-root{height:auto}.test-instructions .MuiButton-root{border-radius:8px;transition:all .3s}.test-instructions .MuiButton-root:active{transform:scale(.98)}.view-answer-sheet a{transition:color .3s}.view-answer-sheet a:hover{color:#fcb941!important;text-decoration:underline}.view-answer-sheet .MuiButton-root:active{transform:translateY(0)!important}.students-page{animation:fadeIn .5s ease-in;width:100%}.page-header{margin-bottom:2rem}.page-title{font-size:2.125rem;margin:0 0 .5rem}.page-subtitle{font-size:1rem}.btn-primary{font-size:.9375rem;gap:.5rem;padding:.75rem 1.5rem}.btn-secondary{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.students-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem;margin-bottom:.25rem}.stat-label{font-size:.875rem}.students-content{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem}.content-header{gap:1rem}.search-icon{font-size:1rem;left:1rem}.search-box input{font-size:.9375rem;padding:.75rem 1rem .75rem 2.75rem}.filter-controls{gap:.75rem}.filter-group{gap:.5rem;padding:.5rem 1rem}.filter-icon,.filter-select{font-size:.875rem}.students-table{border-collapse:collapse;min-width:1000px;width:100%}.students-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.students-table th{color:#64748b;font-size:.8125rem;font-weight:700;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.students-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}.students-table tbody tr:hover{background:#3b82f608}.students-table td{padding:1rem}.student-info{gap:.75rem}.student-avatar{font-size:.875rem;height:40px;width:40px}.student-details{gap:.25rem}.student-name{font-size:.9375rem}.student-id{color:#94a3b8;font-size:.8125rem}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-email{color:#0f172a;font-size:.875rem}.contact-phone{color:#64748b;font-size:.8125rem}.course-cell{color:#0f172a;font-size:.9375rem;font-weight:500}.date-cell{font-size:.875rem}.progress-container{align-items:center;display:flex;gap:.75rem}.progress-bar-small{background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;min-width:80px;overflow:hidden}.progress-fill-small{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;min-width:40px}.progress-text,.status-badge-sm{font-size:.8125rem;font-weight:600}.status-badge-sm{align-items:center;border-radius:12px;display:inline-flex;gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.status-badge-sm.active{background:#10b9811a;color:#10b981}.status-badge-sm.pending{background:#f59e0b1a;color:#f59e0b}.status-badge-sm.inactive{background:#ef44441a;color:#ef4444}.status-badge-sm svg{font-size:.875rem}.action-buttons{gap:.5rem}.action-btn{font-size:.875rem}.action-btn.edit{background:#10b9811a;color:#10b981}.action-btn.edit:hover{background:#10b98133}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef444433}.pagination-info{font-size:.875rem}.pagination-controls{gap:.5rem}.pagination-btn{font-size:.875rem;height:36px;min-width:36px}@media (max-width:1200px){.students-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.page-header{flex-direction:column;gap:1rem}.btn-primary{justify-content:center;width:100%}.content-header{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.filter-controls{justify-content:space-between}}@media (max-width:600px){.students-stats{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.page-title{font-size:1.5rem}.students-content{padding:1rem}.pagination{flex-direction:column;gap:1rem}.pagination-info{text-align:center}}.loading-state{min-height:400px;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.loading-state p{font-size:1rem;margin-top:1.5rem}.empty-state{min-height:400px;padding:4rem 2rem;text-align:center}.empty-icon{margin-bottom:1.5rem}.empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.empty-state p{color:#64748b;font-size:1rem}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.username-cell{color:#475569;font-weight:600}.type-badge,.usertype-cell{text-transform:capitalize}.type-badge{background:#f1f5f9;color:#475569;font-size:.8125rem;padding:.375rem .75rem}.admin-dashboard{animation:fadeIn .5s ease-in;max-width:100%;width:100%}.dashboard-header{margin-bottom:2rem}.dashboard-title{color:#0f172a;font-size:2.125rem;font-weight:700;margin:0 0 .5rem}.dashboard-subtitle{color:#64748b;font-size:1rem;margin:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.stats-card{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;transition:all .3s ease}.stats-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.icon-wrapper{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;margin-bottom:1rem;width:56px}.stats-value{color:#0f172a;font-size:2.125rem;font-weight:700;margin:0 0 .5rem}.stats-title{color:#64748b;font-size:.875rem;margin:0 0 .75rem}.trend-indicator{align-items:center;color:#10b981;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.trend-indicator svg{font-size:1rem}.trend-text{color:#64748b;margin-left:.25rem}.dashboard-bottom{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1.4fr 1fr;margin-bottom:2rem}.dashboard-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem}.card-header{justify-content:space-between;margin-bottom:1.5rem}.card-header h3{color:#0f172a;font-size:1.25rem;font-weight:700}.icon-button{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:.5rem;transition:background .2s}.icon-button:hover{background:#0000000d}.courses-list{display:flex;flex-direction:column;gap:1.5rem}.course-item{border-radius:8px;padding:.75rem;transition:all .3s ease}.course-item:hover{background:#3b82f60d;transform:translateX(4px)}.course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.course-header h4{color:#0f172a;font-size:1rem;font-weight:600;margin:0}.growth-badge{background:#10b9811a;border-radius:12px;color:#10b981;font-size:.8125rem;font-weight:600;padding:.25rem .625rem}.course-stats{display:flex;justify-content:space-between;margin-bottom:.5rem}.student-count{color:#64748b;font-size:.875rem}.revenue{color:#0f172a;font-size:.875rem;font-weight:600}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width 1.5s ease-out}.completion-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:280px}.circular-progress{margin-bottom:1.5rem}.circular-progress svg{height:auto;max-width:200px}.progress-circle{transition:stroke-dasharray 1s ease-in-out}.completion-text{color:#64748b;font-size:1rem;margin:0;padding:0 1rem;text-align:center}.enrollments-card{grid-column:1/-1}.view-all-btn{background:none;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background .2s}.view-all-btn:hover{background:#3b82f61a}.enrollments-table{border-collapse:collapse;min-width:650px;width:100%}.enrollments-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.enrollments-table th{color:#64748b;font-size:.8125rem;font-weight:700;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.enrollments-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}.enrollments-table tbody tr:hover{background:#3b82f608;cursor:pointer}.enrollments-table td{padding:1rem}.student-cell{gap:.75rem}.avatar,.student-cell{align-items:center;display:flex}.avatar{background:#3b82f6;border-radius:50%;color:#fff;font-size:.875rem;font-weight:600;height:36px;justify-content:center;transition:transform .3s;width:36px}.enrollments-table tbody tr:hover .avatar{box-shadow:0 4px 12px #3b82f64d;transform:scale(1.1)}.student-cell span{color:#0f172a;font-size:.875rem;font-weight:600}.course-cell,.date-cell{color:#64748b;font-size:.875rem}.status-badge{font-size:.8125rem;gap:.375rem;padding:.375rem .75rem}.status-badge.active{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge svg{font-size:1rem}@media (max-width:1200px){.dashboard-bottom{grid-template-columns:1fr}.circular-progress svg{max-width:180px}}@media (max-width:900px){.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.dashboard-title{font-size:1.75rem}.circular-progress svg{max-width:160px}.circular-progress text{font-size:42px}}@media (max-width:600px){.stats-grid{gap:1rem;grid-template-columns:1fr}.stats-card{padding:1rem}.dashboard-title{font-size:1.5rem}.dashboard-subtitle{font-size:.875rem}.dashboard-card{padding:1rem}.circular-progress svg{max-width:140px}.circular-progress text{font-size:36px}.enrollments-table{font-size:.8125rem}.enrollments-table td,.enrollments-table th{padding:.75rem .5rem}}@media (max-width:400px){.stats-value{font-size:1.75rem}.icon-wrapper{height:48px;width:48px}.card-header h3{font-size:1rem}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.admin-dashboard{background:#fff}.icon-button,.view-all-btn{display:none}.dashboard-card,.stats-card{border:1px solid #e2e8f0;box-shadow:none}}.MuiDrawer-paper::-webkit-scrollbar{width:6px}.MuiDrawer-paper::-webkit-scrollbar-track{background:#e2e8f00d}.MuiDrawer-paper::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.MuiDrawer-paper::-webkit-scrollbar-thumb:hover{background:#94a3b880}.MuiListItemButton-root{animation:slideIn .3s ease-out}.MuiAppBar-root .MuiIconButton-root{transition:transform .2s ease}.MuiAppBar-root .MuiIconButton-root:hover{transform:scale(1.1)}.MuiBadge-badge{animation:pulse 2s infinite}.orders-page{animation:fadeIn .5s ease-in;width:100%}.orders-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.orders-content{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.25rem}.search-box{min-width:250px}.orders-table{border-collapse:collapse;width:100%}.orders-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.orders-table th{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.75rem .5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.orders-table tbody .table-row{border-bottom:1px solid #e2e8f0;transition:background .2s}.orders-table tbody .table-row:hover{background:#3b82f608}.orders-table td{font-size:.8125rem;padding:.75rem .5rem}.order-id{color:#3b82f6;font-size:.8125rem;font-weight:700}.date-cell{font-size:.8rem;min-width:110px}.date-icon{font-size:.75rem}.student-info{gap:.5rem;min-width:170px}.student-avatar,.student-info{align-items:center;display:flex}.student-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.student-details{display:flex;flex-direction:column;gap:.2rem;min-width:0}.student-name{color:#0f172a;font-size:.8rem;font-weight:600}.student-email,.student-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-email{color:#64748b;font-size:.7rem}.course-info{display:flex;flex-direction:column;gap:.2rem;min-width:130px}.course-name{color:#0f172a;font-size:.8rem;font-weight:500}.course-category,.course-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-category{color:#64748b;font-size:.7rem}.order-amount{color:#3b82f6;font-size:.9rem;font-weight:700;min-width:75px}.payment-method{background:#f8fafc;border-radius:6px;color:#64748b;display:inline-block;font-size:.75rem;min-width:100px;padding:.3rem .5rem;white-space:nowrap}.status-badge{font-size:.75rem;min-width:85px}.status-badge svg{font-size:.7rem}.pagination-info{font-size:.8rem;min-width:200px}.pagination-btn{padding:0 .3rem}.modal-content{max-width:650px}.order-details{gap:1.25rem}@media (max-width:1400px){.orders-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.page-title{font-size:1.5rem}.page-header{flex-direction:column}.btn-primary{justify-content:center;width:100%}.content-header{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.filter-controls{justify-content:space-between}}@media (max-width:768px){.orders-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.orders-content{padding:.75rem}.orders-table th{font-size:.7rem;padding:.5rem .35rem}.orders-table td{padding:.6rem .35rem}.student-info{min-width:140px}.detail-grid{gap:.6rem;grid-template-columns:1fr}.pagination{align-items:flex-start;flex-direction:column}.pagination-info{min-width:100%}}@media (max-width:480px){.page-title{font-size:1.25rem}.page-subtitle{font-size:.75rem}.btn-primary{font-size:.7rem;padding:.5rem 1rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.orders-table th{font-size:.65rem;padding:.4rem .25rem}.orders-table td{font-size:.75rem;padding:.5rem .25rem}.student-avatar{font-size:.7rem;height:28px;width:28px}.pagination-controls{justify-content:flex-start;width:100%}}.admin-payments-page{animation:adminPaymentsFadeIn .5s ease-in;box-sizing:border-box;max-width:100%;padding:var(--spacing-xl);width:100%}@keyframes adminPaymentsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-payments-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.admin-payments-header-left{flex:1 1;min-width:0}.admin-payments-title{color:var(--text-dark);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm) 0}.admin-payments-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.admin-payments-btn-primary{align-items:center;background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-all);white-space:nowrap}.admin-payments-btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.admin-payments-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-payments-date-range{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.admin-payments-date-group{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.admin-payments-date-group label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.admin-payments-date-group input[type=date]{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);padding:.625rem var(--spacing-sm);transition:var(--transition-all)}.admin-payments-date-group input[type=date]:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-payments-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.admin-payments-stat-card{align-items:center;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition-all)}.admin-payments-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-payments-stat-icon{align-items:center;border-radius:var(--radius-xl);display:flex;flex-shrink:0;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.admin-payments-stat-content{flex:1 1;min-width:0}.admin-payments-stat-value{color:var(--text-dark);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}.admin-payments-stat-label{color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}.admin-payments-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.admin-payments-content-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.admin-payments-search-box{flex:1 1;max-width:400px;min-width:250px;position:relative}.admin-payments-search-icon{color:var(--text-light);font-size:var(--text-sm);left:var(--spacing-sm);position:absolute;top:50%;transform:translateY(-50%)}.admin-payments-search-box input{border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--text-sm);padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md) 2.5rem;transition:var(--transition-all);width:100%}.admin-payments-search-box input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-payments-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.admin-payments-filter-group{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:.625rem var(--spacing-md)}.admin-payments-filter-icon{color:var(--text-secondary);font-size:var(--text-sm)}.admin-payments-filter-select{background:#0000;border:none;color:var(--text-dark);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);outline:none;padding:0}.admin-payments-table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);overflow-x:auto;width:100%}.admin-payments-table{border-collapse:collapse;min-width:1000px;width:100%}.admin-payments-table thead tr{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.admin-payments-table th{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em;padding:var(--spacing-md);text-align:left;text-transform:uppercase;white-space:nowrap}.admin-payments-table-row{border-bottom:1px solid var(--border-color);transition:var(--transition-base)}.admin-payments-table-row:hover{background:#3b82f605}.admin-payments-table td{font-size:var(--text-sm);padding:var(--spacing-md)}.admin-payments-payment-id-cell{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:140px}.admin-payments-payment-id{color:var(--accent-blue);font-size:var(--text-sm);font-weight:var(--font-bold)}.admin-payments-transaction-id{color:var(--text-light);font-size:var(--text-xs)}.admin-payments-date-cell{align-items:center;display:flex;gap:var(--spacing-sm);min-width:120px}.admin-payments-date-icon{color:var(--text-light);flex-shrink:0;font-size:var(--text-sm)}.admin-payments-date{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-medium)}.admin-payments-time{color:var(--text-secondary);font-size:var(--text-xs)}.admin-payments-user-info{align-items:center;display:flex;gap:var(--spacing-md);min-width:200px}.admin-payments-user-avatar{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--white);display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.admin-payments-user-details{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.admin-payments-user-name{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-semibold)}.admin-payments-user-email,.admin-payments-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-payments-user-email{color:var(--text-secondary);font-size:var(--text-xs)}.admin-payments-order-number{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-medium);max-width:250px;min-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-payments-amount{color:var(--accent-green);font-size:var(--text-base);font-weight:var(--font-bold);min-width:100px;text-align:right}.admin-payments-method-cell{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);min-width:120px;padding:var(--spacing-sm) var(--spacing-md);width:-webkit-fit-content;width:fit-content}.admin-payments-method-icon{flex-shrink:0;font-size:var(--text-lg)}.admin-payments-method-name{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.admin-payments-status-badge{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:.375rem;justify-content:center;min-width:90px;padding:.375rem var(--spacing-md);white-space:nowrap}.admin-payments-status-success{background:#10b9811a;color:var(--accent-green)}.admin-payments-status-pending{background:#f59e0b1a;color:var(--accent-orange)}.admin-payments-status-failed{background:#ef44441a;color:var(--accent-red)}.admin-payments-status-badge svg{font-size:var(--text-xs)}.admin-payments-action-buttons{display:flex;gap:var(--spacing-sm)}.admin-payments-action-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-sm);height:32px;justify-content:center;transition:var(--transition-all);width:32px}.admin-payments-view{background:#3b82f61a;color:var(--accent-blue)}.admin-payments-view:hover{background:#3b82f633}.admin-payments-invoice{background:#8b5cf61a;color:var(--accent-purple)}.admin-payments-invoice:hover:not(:disabled){background:#8b5cf633}.admin-payments-action-btn:disabled{cursor:not-allowed;opacity:.5}.admin-payments-empty{padding:var(--spacing-3xl) var(--spacing-md);text-align:center}.admin-payments-empty-icon{color:var(--gray-300);font-size:var(--text-5xl);margin-bottom:var(--spacing-md)}.admin-payments-empty h3{color:var(--text-dark);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm) 0}.admin-payments-empty p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.admin-payments-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding-top:var(--spacing-md)}.admin-payments-pagination-info{color:var(--text-secondary);font-size:var(--text-sm)}.admin-payments-pagination-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-payments-pagination-btn{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);height:32px;justify-content:center;min-width:32px;padding:0 var(--spacing-sm);transition:var(--transition-all)}.admin-payments-pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-dark)}.admin-payments-pagination-btn.admin-payments-active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--white)}.admin-payments-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.admin-payments-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-3xl) var(--spacing-md)}.admin-payments-spinner{animation:adminPaymentsSpin 1s linear infinite;border:3px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--accent-blue);height:40px;margin-bottom:var(--spacing-md);width:40px}@keyframes adminPaymentsSpin{to{transform:rotate(1turn)}}.admin-payments-loading p{color:var(--text-secondary);font-size:var(--text-sm)}.admin-payments-modal-overlay{align-items:center;animation:adminPaymentsModalFadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:var(--z-modal)}@keyframes adminPaymentsModalFadeIn{0%{opacity:0}to{opacity:1}}.admin-payments-modal-content{animation:adminPaymentsModalSlideUp .3s ease;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:650px;overflow-y:auto;width:100%}@keyframes adminPaymentsModalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.admin-payments-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.admin-payments-modal-header h2{color:var(--text-dark);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.admin-payments-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-lg);height:32px;justify-content:center;transition:var(--transition-all);width:32px}.admin-payments-modal-close:hover{background:var(--border-color);color:var(--text-dark)}.admin-payments-modal-body{padding:var(--spacing-xl)}.admin-payments-detail-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.admin-payments-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-payments-detail-section h3{color:var(--text-dark);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}.admin-payments-detail-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.admin-payments-detail-item{display:flex;flex-direction:column;gap:.375rem}.admin-payments-detail-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.admin-payments-detail-value{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-semibold);word-break:break-word}.admin-payments-modal-content::-webkit-scrollbar,.admin-payments-table-container::-webkit-scrollbar{height:8px;width:8px}.admin-payments-modal-content::-webkit-scrollbar-track,.admin-payments-table-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-md)}.admin-payments-modal-content::-webkit-scrollbar-thumb,.admin-payments-table-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-md)}.admin-payments-modal-content::-webkit-scrollbar-thumb:hover,.admin-payments-table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width:1200px){.admin-payments-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-payments-page{padding:var(--spacing-md)}.admin-payments-header{align-items:stretch;flex-direction:column}.admin-payments-btn-primary{justify-content:center;width:100%}.admin-payments-title{font-size:var(--text-2xl)}.admin-payments-date-range{flex-direction:column}.admin-payments-stats{grid-template-columns:1fr}.admin-payments-content-header{align-items:stretch;flex-direction:column}.admin-payments-search-box{max-width:100%;min-width:100%}.admin-payments-filter-controls{align-items:stretch;flex-direction:column}.admin-payments-filter-group{justify-content:space-between}.admin-payments-detail-grid{grid-template-columns:1fr}.admin-payments-pagination{align-items:stretch;flex-direction:column}.admin-payments-pagination-controls{justify-content:center}}@media (max-width:480px){.admin-payments-stat-value,.admin-payments-title{font-size:var(--text-xl)}.admin-payments-content,.admin-payments-modal-body,.admin-payments-modal-header,.admin-payments-stat-card{padding:var(--spacing-md)}}.ccp-page{animation:ccpFadeIn .5s ease-in;margin:0 auto;max-width:1000px;padding:2rem 1rem;width:100%}@keyframes ccpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ccp-header{margin-bottom:2rem}.ccp-back-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.65rem 1.25rem;transition:all .3s ease}.ccp-back-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#2563eb}.ccp-header-content h1{color:#0f172a;font-size:2rem;font-weight:700;margin:0 0 .35rem}.ccp-header-content p{color:#64748b;font-size:1rem;margin:0}.ccp-alert{align-items:center;animation:ccpSlideDown .3s ease;border-radius:8px;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}@keyframes ccpSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ccp-alert-icon{flex-shrink:0;font-size:1.25rem}.ccp-alert p{margin:0}.ccp-alert-error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.ccp-alert-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.ccp-form{display:flex;flex-direction:column;gap:1.5rem}.ccp-form-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:2rem;transition:all .3s ease}.ccp-form-section:hover{box-shadow:0 4px 12px #00000014}.ccp-section-title{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem}.ccp-section-description{color:#64748b;font-size:.9rem;line-height:1.5;margin:-.5rem 0 1.5rem}.ccp-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.ccp-form-row:last-child{margin-bottom:0}.ccp-form-group{display:flex;flex-direction:column;gap:.5rem}.ccp-form-group.ccp-full-width{grid-column:1/-1}.ccp-form-group label{color:#0f172a;font-size:.9rem;font-weight:600}.ccp-form-group input,.ccp-form-group select,.ccp-form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.8rem 1rem;transition:all .3s ease}.ccp-form-group input:focus,.ccp-form-group select:focus,.ccp-form-group textarea:focus{background:#f0f7ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ccp-form-group textarea{min-height:120px;resize:vertical}.ccp-form-group small{color:#64748b;display:block;font-size:.8rem;margin-top:.5rem}.ccp-form-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.875rem 2.5rem .875rem 1rem;transition:all .3s ease;width:100%}.ccp-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ccp-form-select optgroup{background:#f8fafc;color:#1e293b;font-weight:700}.ccp-form-select option{font-weight:500;padding:.5rem}.ccp-image-upload-container{display:flex;flex-direction:column;gap:1.5rem}.ccp-upload-area{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.ccp-upload-area:hover{background:#edf2f7;border-color:#667eea}.ccp-upload-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.ccp-upload-icon{color:#667eea;font-size:3rem}.ccp-upload-text{color:#2d3748;font-size:1rem;font-weight:600;margin:0}.ccp-upload-hint{color:#718096;font-size:.85rem}.ccp-uploaded-images{display:flex;flex-direction:column;gap:1rem}.ccp-uploaded-images h4{color:#2d3748;font-size:.95rem;font-weight:600;margin:0}.ccp-image-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ccp-image-preview{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;position:relative}.ccp-image-preview img{height:100%;object-fit:cover;width:100%}.ccp-remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease;width:28px}.ccp-remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.ccp-demo-lecture-container{background:#f0f9ff;border:2px solid #bfdbfe;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.ccp-demo-lecture-header{align-items:center;border-bottom:2px solid #bfdbfe;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.ccp-demo-lecture-header h3{align-items:center;color:#1e40af;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0}.ccp-btn-remove-lecture{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.ccp-btn-remove-lecture:hover{background:#dc2626;transform:translateY(-2px)}.ccp-btn-add-lecture{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 1.75rem;transition:all .3s ease;width:100%}.ccp-btn-add-lecture:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.ccp-mode-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.ccp-mode-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.ccp-mode-header h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.ccp-btn-remove-mode{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.ccp-btn-remove-mode:hover{background:#dc2626;transform:translateY(-2px)}.ccp-attempts-section{border-top:1px solid #cbd5e1;margin-top:1.5rem;padding-top:1rem}.ccp-attempts-section h4{color:#475569;font-size:.95rem;font-weight:600;margin:0 0 1rem}.ccp-attempt-row{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.ccp-attempt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.ccp-attempt-header span{color:#64748b;font-size:.9rem;font-weight:600}.ccp-btn-remove-attempt-small{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .3s ease}.ccp-btn-remove-attempt-small:hover{background:#dc2626}.ccp-btn-add-attempt{align-items:center;background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.ccp-btn-add-attempt:hover{background:#059669;transform:translateY(-2px)}.ccp-btn-add-mode{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 1.75rem;transition:all .3s ease;width:100%}.ccp-btn-add-mode:hover{box-shadow:0 8px 24px #8b5cf64d;transform:translateY(-2px)}.ccp-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.ccp-btn-primary,.ccp-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.8rem 1.75rem;transition:all .3s ease}.ccp-btn-primary{background:#3b82f6;color:#fff}.ccp-btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.ccp-btn-primary:disabled{cursor:not-allowed;opacity:.6}.ccp-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b}.ccp-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}@media (max-width:1024px){.ccp-page{padding:1.5rem 1rem}.ccp-form-section{padding:1.5rem}}@media (max-width:768px){.ccp-page{max-width:100%;padding:1rem}.ccp-header-content h1{font-size:1.5rem}.ccp-form-section{padding:1.25rem}.ccp-section-title{font-size:1.1rem;margin-bottom:1.25rem;padding-bottom:.75rem}.ccp-form-row{gap:1.25rem;grid-template-columns:1fr}.ccp-form-actions{flex-direction:column-reverse;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.ccp-btn-primary,.ccp-btn-secondary{justify-content:center;padding:.75rem 1.5rem;width:100%}.ccp-image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:480px){.ccp-page{padding:.75rem}.ccp-header-content h1{font-size:1.25rem}.ccp-header-content p{font-size:.85rem}.ccp-form-section{padding:1rem}.ccp-section-title{font-size:1rem;margin-bottom:1rem}.ccp-form-row{gap:1rem;margin-bottom:1rem}.ccp-form-group input,.ccp-form-group textarea{font-size:16px;padding:.75rem .9rem}.ccp-back-btn{font-size:.85rem;justify-content:center;margin-bottom:.75rem;padding:.6rem 1rem;width:100%}.ccp-btn-primary,.ccp-btn-secondary{font-size:.875rem;gap:.35rem;padding:.7rem 1.25rem}.ccp-upload-area{padding:2rem 1rem}.ccp-upload-icon{font-size:2rem}.ccp-image-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media print{.ccp-page{padding:0}.ccp-back-btn,.ccp-form-actions{display:none}.ccp-form-section{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}}.ccp-upload-area-small{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:block;padding:1.5rem;transition:var(--transition-base)}.ccp-upload-area-small:hover{background:var(--primary-pale);border-color:var(--primary-color)}.ccp-upload-content-small{align-items:center;display:flex;flex-direction:column;gap:.5rem}.ccp-upload-icon-small{color:var(--primary-color);font-size:2rem}.ccp-upload-text-small{color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-semibold)}.ccp-upload-hint-small{color:var(--text-tertiary);font-size:.75rem}.ccp-thumbnail-preview{border:2px solid var(--border-color);border-radius:var(--radius-md);max-width:400px;overflow:hidden;position:relative;width:100%}.ccp-thumbnail-preview img{display:block;height:auto;max-height:200px;object-fit:cover;width:100%}.ccp-remove-thumbnail-btn{align-items:center;background:#ef4444e6;border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:var(--transition-all);width:32px}.ccp-remove-thumbnail-btn:hover{background:#dc2626;transform:scale(1.1)}.ccp-loading-instructors{color:var(--text-tertiary);font-size:.875rem;padding:1rem;text-align:center}.ccp-loading-instructors,.ccp-selected-instructors{background:var(--bg-secondary);border-radius:var(--radius-md)}.ccp-selected-instructors{border:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.ccp-instructor-chip{align-items:center;background:var(--primary-color);border-radius:var(--radius-md);color:var(--white);display:inline-flex;font-size:.875rem;font-weight:var(--font-semibold);gap:.5rem;padding:.5rem .75rem;transition:var(--transition-all)}.ccp-instructor-chip:hover{background:var(--primary-dark);box-shadow:0 2px 6px #02593e4d;transform:translateY(-1px)}.ccp-chip-remove{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;font-size:.75rem;height:18px;justify-content:center;padding:0;transition:var(--transition-all);width:18px}.ccp-chip-remove:hover{background:#ffffff4d;transform:scale(1.1)}.ccp-instructor-dropdown{position:relative}.ccp-no-instructors{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.875rem;margin:0;padding:1rem;text-align:center}.ccp-instructor-dropdown .ccp-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2302593e' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:3rem}.ccp-instructor-dropdown .ccp-form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale)}@media (max-width:768px){.ccp-selected-instructors{flex-direction:column}.ccp-instructor-chip{justify-content:space-between;width:100%}}*,:after,:before{box-sizing:border-box}.social-sidebar{bottom:40%;display:flex;flex-direction:column;gap:8px;left:0;position:fixed;z-index:10000}.social-sidebar .social-link{align-items:center;display:flex;height:50px;justify-content:flex-start;outline:none;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-link:focus{outline:2px solid #ffffff4d}.icon-box{align-items:center;border-radius:14px;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;min-width:50px;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.social-link:hover .icon-box{box-shadow:0 6px 16px #0000004d;transform:translateX(8px)}.social-link:active .icon-box{transform:translateX(8px) scale(.95)}.icon{align-items:center;color:#fff;display:flex;justify-content:center}.icon,.icon svg,.icon.icon-svg{height:24px;width:24px}.icon.icon-svg{filter:brightness(0) invert(1);object-fit:contain}.label-box{align-items:center;border-radius:0 8px 8px 0;display:flex;flex-shrink:0;height:50px;justify-content:flex-start;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.social-link:hover .label-box{opacity:1;width:130px}.label-text{color:#fff;font-size:.85rem;font-weight:700;line-height:1;padding:0 16px;white-space:nowrap}@media (max-width:480px){.social-sidebar{bottom:35%;gap:0}.social-sidebar .social-link{height:34px;margin-bottom:3px}.icon-box{border-radius:9px;min-width:34px;width:34px}.icon-box,.label-box{height:34px}.social-link:hover .label-box{width:110px}.icon,.icon svg,.icon.icon-svg{height:14px;width:14px}.label-text{font-size:.75rem;padding:0 12px}}@media (max-width:380px){.social-sidebar{bottom:30%;gap:0}.social-sidebar .social-link{height:30px;margin-bottom:3px}.icon-box{border-radius:8px;min-width:30px;width:30px}.icon-box,.label-box{height:30px}.social-link:hover .label-box{width:100px}.icon,.icon svg,.icon.icon-svg{height:13px;width:13px}.label-text{font-size:.7rem;padding:0 10px}}@media (prefers-reduced-motion:reduce){.icon-box,.label-box,.social-link{transition:none}}@media print{.social-sidebar{display:none}}.fpp-page{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--white) 100%);min-height:100vh}.fpp-container{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:240px 1fr;margin:0 auto;max-width:var(--container-max-width);padding:.75rem 1rem 2rem}.fpp-sidebar{background:var(--white);border:2px solid var(--primary-color);border-radius:6px;box-shadow:0 1px 3px #0000000a;height:-webkit-fit-content;height:fit-content;padding:1rem;position:-webkit-sticky;position:sticky;top:20px}.fpp-filter-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.875rem;padding-bottom:.625rem}.fpp-filter-title{align-items:center;color:var(--primary-color);display:flex;gap:.375rem}.fpp-filter-title h3{font-size:.9375rem;font-weight:var(--font-bold);line-height:1.3;margin:0}.fpp-filter-title svg{font-size:.875rem}.fpp-clear-btn{background:var(--primary-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-size:.6875rem;font-weight:var(--font-semibold);padding:.25rem .625rem;transition:var(--transition-all)}.fpp-clear-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.fpp-search{margin-bottom:.875rem}.fpp-search-wrapper{align-items:center;display:flex;position:relative}.fpp-search-wrapper svg{color:var(--text-tertiary);font-size:.8125rem;left:.625rem;position:absolute}.fpp-search-wrapper input{border:1px solid var(--border-color);border-radius:5px;font-family:var(--font-primary);font-size:.8125rem;padding:.5rem .5rem .5rem 2rem;transition:var(--transition-all);width:100%}.fpp-search-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-pale);outline:none}.fpp-filter-section{border-bottom:1px solid var(--border-color);margin-bottom:.875rem;padding-bottom:.875rem}.fpp-filter-section:last-child{border-bottom:none}.fpp-filter-section-title{color:var(--primary-color);font-size:.8125rem;font-weight:var(--font-bold);line-height:1.3;margin:0 0 .625rem}.fpp-filter-options{display:flex;flex-direction:column;gap:.5rem}.fpp-filter-option{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;line-height:1.3;transition:var(--transition-fast)}.fpp-filter-option:hover{color:var(--primary-color)}.fpp-filter-option input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:14px;width:14px}.fpp-main{min-height:400px}.fpp-results-header{align-items:center;border-bottom:2px solid var(--primary-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.625rem}.fpp-results-header h2{color:var(--primary-color);font-size:1.375rem;font-weight:var(--font-extrabold);line-height:1.3;margin:0}.fpp-results-count{color:var(--text-tertiary);font-size:.8125rem;font-weight:var(--font-semibold)}.fpp-results-subtitle{color:var(--text-tertiary);font-size:.75rem;line-height:1.3;margin:.125rem 0 0}.fpp-books-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.fpp-book-card{background:var(--white);border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden;position:relative;transition:var(--transition-all)}.fpp-book-card:hover{border-color:var(--accent-green);box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.fpp-badges{display:flex;flex-direction:column;gap:.25rem;left:8px;position:absolute;top:8px;z-index:2}.fpp-badge{border-radius:999px;box-shadow:0 1px 3px #0003;font-size:.625rem;font-weight:var(--font-bold);line-height:1;padding:.25rem .5rem;text-transform:uppercase}.fpp-badge-featured{background:var(--gradient-orange);color:var(--white)}.fpp-badge-bestseller{background:var(--gradient-green);color:var(--white)}.fpp-badge-new{background:var(--gradient-red);color:var(--white)}.fpp-free-ribbon{align-items:center;background:var(--gradient-green);box-shadow:0 2px 4px #0003;color:var(--white);display:flex;font-size:.625rem;font-weight:var(--font-extrabold);gap:.25rem;line-height:1;padding:.375rem 2rem;position:absolute;right:-30px;text-transform:uppercase;top:15px;transform:rotate(45deg);z-index:3}.fpp-book-cover{align-items:center;background:var(--gradient-primary);display:flex;height:220px;justify-content:center;overflow:hidden;position:relative}.fpp-book-cover img{height:100%;object-fit:cover;width:100%}.fpp-cover-placeholder{color:#ffffff4d;font-size:4rem}.fpp-language{background:#fffffff2;border-radius:4px;bottom:8px;color:var(--primary-color);font-size:.625rem;font-weight:var(--font-bold);line-height:1;padding:.25rem .5rem;position:absolute;right:8px}.fpp-book-info{display:flex;flex-direction:column;gap:.625rem;padding:.875rem}.fpp-tags{display:flex;flex-wrap:wrap;gap:.375rem}.fpp-tag{border-radius:4px;font-size:.625rem;font-weight:var(--font-bold);line-height:1;padding:.25rem .5rem;text-transform:uppercase}.fpp-tag-primary{background:var(--primary-color);color:var(--white)}.fpp-tag-secondary{background:var(--accent-green);color:var(--white)}.fpp-book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--primary-color);display:-webkit-box;font-size:.9375rem;font-weight:var(--font-bold);line-height:1.3;margin:0;min-height:2.6em;overflow:hidden}.fpp-subject{align-items:center;color:var(--secondary-color);display:flex;font-size:.75rem;font-weight:var(--font-semibold);gap:.375rem;line-height:1.3;margin:0}.fpp-subject-icon{flex-shrink:0;font-size:.75rem}.fpp-authors{align-items:center;color:var(--text-secondary);display:flex;font-size:.6875rem;gap:.375rem;line-height:1.3;margin:0}.fpp-author-icon{flex-shrink:0;font-size:.75rem}.fpp-topic-tags{display:flex;flex-wrap:wrap;gap:.25rem}.fpp-topic-tag{border-radius:3px;padding:.1875rem .5rem}.fpp-downloads-info,.fpp-topic-tag{background:var(--primary-pale);color:var(--primary-color);font-size:.625rem;font-weight:var(--font-semibold);line-height:1.2}.fpp-downloads-info{align-items:center;border-radius:4px;display:flex;gap:.375rem;padding:.375rem .625rem}.fpp-download-icon{flex-shrink:0;font-size:.75rem}.fpp-actions{border-top:1px solid var(--border-color);display:block;padding-top:.625rem}.fpp-btn-download{align-items:center;background:var(--gradient-green);border:none;border-radius:5px;color:var(--white);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.8125rem;font-weight:var(--font-bold);gap:.375rem;justify-content:center;line-height:1;padding:.625rem .875rem;transition:var(--transition-all);width:100%}.fpp-btn-download svg{font-size:.875rem}.fpp-btn-download:hover:not(:disabled){background:var(--accent-green-dark);box-shadow:0 2px 8px #10b9814d;transform:translateY(-2px)}.fpp-btn-download:disabled{cursor:not-allowed;opacity:.6;transform:none}.fpp-download-spinner{animation:fppSpinDownload .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);height:14px;width:14px}@keyframes fppSpinDownload{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fpp-stats-box{background:var(--gradient-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a;gap:.625rem;margin-top:1rem;padding:.875rem}.fpp-stats-box,.fpp-stats-icon{align-items:center;display:flex}.fpp-stats-icon{background:#fff3;border-radius:50%;color:var(--white);flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.fpp-stats-content{flex:1 1;min-width:0}.fpp-stats-value{color:var(--white);font-size:1.5rem;font-weight:var(--font-extrabold);line-height:1}.fpp-stats-label{color:#ffffffe6;font-size:.625rem;line-height:1.2;margin-top:.125rem}.fpp-no-results{padding:3rem 1.5rem;text-align:center}.fpp-no-results-icon{color:var(--gray-300);font-size:4rem;margin-bottom:.75rem}.fpp-no-results h3{color:var(--text-secondary);font-size:1.25rem;line-height:1.3;margin:0 0 .375rem}.fpp-no-results p{color:var(--text-tertiary);font-size:.875rem;line-height:1.4;margin:0 0 1.5rem}.fpp-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9375rem;gap:.75rem;justify-content:center;min-height:100vh}.fpp-loader{animation:fppSpin 1s linear infinite;border-top:4px solid var(--primary-pale);border:4px solid var(--primary-pale);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes fppSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fpp-pagination{border-top:1px solid var(--border-color);gap:.75rem;justify-content:center;margin-top:2rem;padding-top:1rem}.fpp-page-btn,.fpp-pagination{align-items:center;display:flex}.fpp-page-btn{background:var(--white);border:2px solid var(--primary-color);border-radius:5px;color:var(--primary-color);cursor:pointer;font-size:.75rem;font-weight:var(--font-semibold);gap:.375rem;padding:.5rem .875rem;transition:var(--transition-all)}.fpp-page-btn svg{font-size:.875rem}.fpp-page-btn:hover:not(:disabled){background:var(--primary-color);color:var(--white);transform:translateY(-1px)}.fpp-page-btn:disabled{cursor:not-allowed;opacity:.5}.fpp-page-numbers{display:flex;gap:.375rem}.fpp-page-number{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);cursor:pointer;display:flex;font-size:.75rem;font-weight:var(--font-semibold);height:34px;justify-content:center;transition:var(--transition-all);width:34px}.fpp-page-number:hover{background:var(--primary-pale);border-color:var(--primary-color)}.fpp-page-number.fpp-active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.fpp-btn-primary,.fpp-btn-secondary{display:none}@media (max-width:992px){.fpp-container{gap:1rem;grid-template-columns:1fr}.fpp-sidebar{position:static}.fpp-books-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.fpp-container{padding:.625rem .75rem 1.5rem}.fpp-results-header{align-items:flex-start;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.fpp-results-header h2{font-size:1.125rem}.fpp-results-count{font-size:.75rem}.fpp-books-grid{gap:.875rem;grid-template-columns:1fr}.fpp-book-cover{height:200px}.fpp-pagination{flex-direction:column;gap:.625rem}.fpp-page-numbers{order:-1}.fpp-stats-box{flex-direction:column;padding:.75rem;text-align:center}.fpp-stats-icon{font-size:1rem;height:36px;width:36px}.fpp-stats-value{font-size:1.25rem}.fpp-btn-download{font-size:.75rem;padding:.5rem .75rem}}@media (max-width:480px){.fpp-container{padding:.5rem .625rem 1rem}.fpp-sidebar{padding:.875rem}.fpp-book-cover{height:180px}.fpp-book-info{padding:.75rem}.fpp-book-title{font-size:.875rem}.fpp-page-number{font-size:.6875rem;height:32px;width:32px}}.books-page{background:var(--bg-secondary);min-height:100vh;padding:.75rem}.books-page-header{align-items:center;background:var(--bg-primary);border-radius:6px;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem}.books-header-left .books-page-title{color:var(--text-primary);font-size:1.375rem;font-weight:var(--font-bold);line-height:1.3;margin:0 0 .125rem}.books-header-left .books-page-subtitle{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;margin:0}.books-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:5px;color:var(--text-white);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:var(--font-semibold);gap:.375rem;padding:.5rem 1rem;transition:var(--transition-all);white-space:nowrap}.books-btn-primary:hover{background:var(--primary-dark);box-shadow:0 2px 6px #02593e33;transform:translateY(-1px)}.books-btn-primary svg{font-size:.875rem}.books-stats{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:.75rem}.books-stat-card{align-items:center;background:var(--bg-primary);border-radius:6px;box-shadow:0 1px 3px #0000000a;display:flex;gap:.625rem;padding:.875rem;transition:var(--transition-all)}.books-stat-card:hover{box-shadow:0 2px 6px #0000000f;transform:translateY(-2px)}.books-stat-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.books-stat-content .books-stat-value{color:var(--text-primary);font-size:1.375rem;font-weight:var(--font-bold);line-height:1;margin-bottom:.125rem}.books-stat-content .books-stat-label{color:var(--text-secondary);font-size:.6875rem;font-weight:500;letter-spacing:.3px;line-height:1.2;text-transform:uppercase}.books-content{background:var(--bg-primary);border-radius:6px;box-shadow:0 1px 3px #0000000a;padding:1rem}.books-content-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.books-search-box{flex:1 1;min-width:220px;position:relative}.books-search-icon{color:var(--text-muted);font-size:.8125rem;left:.625rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.books-search-box input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;font-size:.8125rem;padding:.5rem .625rem .5rem 2rem;transition:var(--transition-all);width:100%}.books-search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #02593e14;outline:none}.books-search-box input::placeholder{color:#adb5bd}.books-filter-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem}.books-filter-group{align-items:center;display:flex;position:relative}.books-filter-icon{color:var(--text-secondary);flex-shrink:0;font-size:.75rem;left:.625rem;pointer-events:none;position:absolute}.books-filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:#495057;cursor:pointer;font-size:.8125rem;font-weight:500;min-width:120px;padding:.5rem .625rem .5rem 2rem;transition:var(--transition-all)}.books-filter-select:hover{border-color:#ced4da}.books-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #02593e14;outline:none}.books-btn-secondary{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:var(--font-medium);gap:.375rem;padding:.5rem .875rem;transition:var(--transition-all);white-space:nowrap}.books-btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.books-btn-secondary svg{font-size:.875rem}.books-table-container{border:1px solid var(--border-color);border-radius:5px;margin-bottom:1rem;overflow-x:auto}.books-table{border-collapse:collapse;min-width:1100px;width:100%}.books-table thead th{background:#f8f9fa;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.65rem;font-weight:var(--font-bold);letter-spacing:.3px;padding:.5rem .625rem;text-align:left;text-transform:uppercase;white-space:nowrap}.books-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background-color .15s ease}.books-table tbody tr:hover{background:var(--bg-secondary)}.books-table tbody tr:last-child{border-bottom:none}.books-table tbody td{font-size:.8125rem;padding:.625rem;vertical-align:middle}.books-book-info{align-items:center;display:flex;gap:.625rem}.books-book-image-wrapper{flex-shrink:0;height:66px;position:relative;width:50px}.books-book-image{border:1px solid var(--border-color);border-radius:4px;height:100%;object-fit:cover;width:100%}.books-featured-badge{background:var(--gradient-orange);border-radius:3px;box-shadow:0 1px 3px #0003;color:var(--text-white);font-size:.5rem;font-weight:var(--font-bold);line-height:1;padding:.15rem .35rem;position:absolute;right:-4px;top:-4px}.books-book-details{flex:1 1;min-width:0}.books-book-details .books-book-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.875rem;font-weight:var(--font-semibold);line-height:1.3;margin-bottom:.25rem;overflow:hidden}.books-book-details .books-book-subject{color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin-bottom:.375rem}.books-book-tags{display:flex;flex-wrap:wrap;gap:.25rem}.books-tag{background:#f8f9fa;border-radius:3px;color:var(--text-secondary);font-size:.625rem;font-weight:var(--font-semibold);line-height:1.2;padding:.125rem .375rem}.books-course-info{display:flex;flex-direction:column;gap:.25rem}.books-course-type{color:var(--primary-color);font-size:.8125rem;font-weight:var(--font-semibold);line-height:1.2}.books-course-level{color:var(--text-secondary);font-size:.6875rem;line-height:1.2}.books-authors-list{display:flex;flex-direction:column;gap:.25rem}.books-author-name{color:var(--text-primary);font-size:.75rem;line-height:1.3}.books-author-more{color:var(--text-muted);font-size:.6875rem;font-style:italic;line-height:1.2}.books-type-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.6875rem;font-weight:var(--font-bold);gap:.25rem;line-height:1;padding:.25rem .625rem;text-transform:uppercase;white-space:nowrap}.books-type-badge svg{font-size:.75rem}.books-type-free{background:var(--gradient-green);color:var(--text-white)}.books-type-paid{background:var(--gradient-orange);color:var(--text-white)}.books-price-free{align-items:center;display:flex}.books-free-text{color:var(--accent-green);font-size:.9375rem;font-weight:var(--font-bold)}.books-price-info{display:flex;flex-direction:column;gap:.25rem}.books-price-main{color:var(--primary-color);font-size:.9375rem;font-weight:var(--font-bold);line-height:1}.books-price-original{color:var(--text-muted);font-size:.75rem;line-height:1;text-decoration:line-through}.books-discount-badge{background:var(--accent-green);border-radius:3px;color:var(--text-white);font-size:.625rem;font-weight:var(--font-bold);line-height:1;padding:.125rem .375rem;width:-webkit-fit-content;width:fit-content}.books-stock-info{color:var(--text-secondary);font-size:.75rem;font-weight:var(--font-semibold);line-height:1.3}.books-low-stock{color:var(--accent-red)}.books-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.6875rem;font-weight:var(--font-semibold);gap:.25rem;line-height:1;padding:.25rem .625rem;white-space:nowrap}.books-status-badge svg{font-size:.75rem}.books-status-active{background:#10b9811a;border:1px solid #10b98133;color:var(--accent-green-dark)}.books-status-inactive{background:#ef44441a;border:1px solid #ef444433;color:var(--accent-red-dark)}.books-action-buttons{align-items:center;display:flex;gap:.375rem}.books-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:30px;justify-content:center;transition:var(--transition-all);width:30px}.books-action-btn.books-view{background:#3b82f61a;color:var(--accent-blue)}.books-action-btn.books-edit{background:#f59e0b1a;color:var(--accent-orange)}.books-action-btn.books-delete{background:#ef44441a;color:var(--accent-red)}.books-action-btn:hover{transform:scale(1.05)}.books-action-btn.books-view:hover{background:var(--accent-blue);color:#fff}.books-action-btn.books-edit:hover{background:var(--accent-orange);color:#fff}.books-action-btn.books-delete:hover{background:var(--accent-red);color:#fff}.books-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.625rem;justify-content:space-between;padding-top:.875rem}.books-pagination-info{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.books-pagination-controls{display:flex;flex-wrap:wrap;gap:.375rem}.books-pagination-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;height:34px;justify-content:center;transition:var(--transition-all);width:34px}.books-pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.books-pagination-btn.books-active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-white)}.books-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.books-empty-state,.books-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.books-loading-spinner{animation:spin .8s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top:3px solid var(--primary-color);height:36px;margin-bottom:.625rem;width:36px}.books-loading-state p{color:var(--text-secondary);font-size:.8125rem;margin:0}.books-empty-icon{color:#dee2e6;font-size:2.5rem;margin-bottom:.625rem}.books-empty-state h3{color:#495057;font-size:1.125rem;font-weight:600;margin:0 0 .375rem}.books-empty-state p{color:var(--text-secondary);font-size:.8125rem;margin:0}.books-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.books-modal-content{animation:slideUp .2s ease;background:var(--bg-primary);border-radius:6px;box-shadow:0 10px 30px #0003;max-width:480px;overflow:hidden;width:100%}.books-delete-modal .books-modal-header{align-items:center;background:#ef444408;border-bottom:1px solid #ef44441a;display:flex;gap:.625rem;padding:1rem 1.25rem}.books-warning-icon{align-items:center;background:#ef44441a;border-radius:50%;color:var(--accent-red);display:flex;flex-shrink:0;font-size:1.375rem;height:48px;justify-content:center;width:48px}.books-delete-modal .books-modal-header h2{color:var(--accent-red-dark);font-size:1.125rem;font-weight:var(--font-bold);margin:0}.books-modal-body{padding:1.25rem}.books-delete-message{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin:0 0 .625rem}.books-delete-message strong{color:var(--accent-red)}.books-delete-warning{background:#f59e0b0d;border-left:3px solid #f59e0b;border-radius:4px;color:var(--text-secondary);font-size:.8125rem;line-height:1.5;margin:0;padding:.625rem .875rem}.books-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:.625rem;justify-content:flex-end;padding:1rem 1.25rem}.books-btn-cancel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:var(--font-semibold);padding:.5rem 1.125rem;transition:var(--transition-all)}.books-btn-cancel:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:#495057}.books-btn-delete{align-items:center;background:var(--accent-red);border:none;border-radius:5px;color:var(--text-white);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:var(--font-semibold);gap:.375rem;padding:.5rem 1.125rem;transition:var(--transition-all)}.books-btn-delete:hover:not(:disabled){background:var(--accent-red-dark);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.books-btn-cancel:disabled,.books-btn-delete:disabled{cursor:not-allowed;opacity:.6}.books-button-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-white);height:13px;width:13px}@media (max-width:768px){.books-page{padding:.625rem}.books-page-header{align-items:flex-start;flex-direction:column;gap:.625rem;padding:.875rem 1rem}.books-page-title{font-size:1.25rem!important}.books-page-subtitle{font-size:.75rem!important}.books-btn-primary{justify-content:center;padding:.625rem 1rem;width:100%}.books-stats{gap:.5rem;grid-template-columns:1fr 1fr}.books-stat-card{padding:.75rem}.books-stat-icon{font-size:.9375rem;height:36px;width:36px}.books-stat-value{font-size:1.25rem!important}.books-content{padding:.875rem}.books-content-header{flex-direction:column;gap:.5rem}.books-search-box{min-width:100%;width:100%}.books-filter-controls{flex-wrap:wrap;width:100%}.books-filter-group{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;min-width:120px}.books-filter-select{width:100%}.books-btn-secondary{justify-content:center;width:100%}.books-table-container{margin-top:.625rem}.books-modal-content{margin:.5rem;max-width:100%}.books-modal-actions{flex-direction:column-reverse;gap:.5rem}.books-btn-cancel,.books-btn-delete{justify-content:center;width:100%}}@media (max-width:480px){.books-stats{grid-template-columns:1fr}.books-filter-group{flex:1 1 100%}}.create-book-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)}.create-book-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.create-book-back-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all);width:-webkit-fit-content;width:fit-content}.create-book-back-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.create-book-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-4xl);font-weight:var(--font-bold);gap:var(--spacing-md);margin:0}.create-book-form{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.create-book-grid{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.create-book-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-book-section-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-md)}.create-book-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-book-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.create-book-required{color:var(--accent-red)}.create-book-input,.create-book-select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);padding:var(--spacing-md) var(--spacing-md);transition:var(--transition-all)}.create-book-input:focus,.create-book-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.create-book-select{cursor:pointer}.create-book-form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.create-book-helper-text{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.create-book-array-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.create-book-array-row .create-book-input{flex:1 1}.create-book-remove-btn{align-items:center;background:#ef44441a;border:none;border-radius:var(--radius-lg);color:var(--accent-red);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:var(--transition-all);width:40px}.create-book-remove-btn:hover{background:#ef444433;transform:scale(1.05)}.create-book-add-btn{align-items:center;background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-weight:var(--font-semibold);gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.create-book-add-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.create-book-upload-container{margin-top:var(--spacing-sm)}.create-book-upload-box{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);transition:var(--transition-all)}.create-book-upload-box:hover{background:var(--primary-pale);border-color:var(--primary-color)}.create-book-upload-icon{color:var(--gray-400);font-size:var(--text-4xl);margin-bottom:var(--spacing-md)}.create-book-upload-box span{color:var(--text-secondary);font-weight:var(--font-semibold)}.create-book-preview-single{border:2px solid var(--border-color);border-radius:var(--radius-xl);max-width:300px;overflow:hidden;position:relative;width:100%}.create-book-preview-single img{height:200px;object-fit:cover;width:100%}.create-book-remove-img-btn{align-items:center;background:#ef4444e6;border:none;border-radius:var(--radius-full);color:var(--text-white);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:var(--transition-all);width:32px}.create-book-remove-img-btn:hover{background:var(--accent-red-dark);transform:scale(1.1)}.create-book-images-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:var(--spacing-sm)}.create-book-preview-item{aspect-ratio:1;border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative}.create-book-preview-item img{height:100%;object-fit:cover;width:100%}.create-book-upload-box-small{align-items:center;aspect-ratio:1;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-md);transition:var(--transition-all)}.create-book-upload-box-small:hover{background:var(--primary-pale);border-color:var(--primary-color)}.create-book-upload-box-small svg{color:var(--gray-400);font-size:var(--text-2xl);margin-bottom:var(--spacing-sm)}.create-book-upload-box-small span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center}.create-book-actions{border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-xl)}.create-book-btn-cancel{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-weight:var(--font-semibold);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-all)}.create-book-btn-cancel:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color)}.create-book-btn-submit{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);color:var(--text-white);cursor:pointer;display:flex;font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-all)}.create-book-btn-submit:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.create-book-btn-cancel:disabled,.create-book-btn-submit:disabled{cursor:not-allowed;opacity:.6}.create-book-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-full);border-top:2px solid var(--text-white);height:16px;width:16px}@media (max-width:1024px){.create-book-grid{gap:var(--spacing-xl);grid-template-columns:1fr}}@media (max-width:768px){.create-book-page{padding:var(--spacing-md)}.create-book-form{padding:var(--spacing-lg)}.create-book-form-row{grid-template-columns:1fr}.create-book-images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.create-book-pdf-upload-box{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);transition:var(--transition-all)}.create-book-pdf-upload-box:hover{background:#ef44440d;border-color:var(--accent-red)}.create-book-pdf-help{color:var(--text-muted);display:block;font-size:var(--text-xs);margin-top:var(--spacing-sm)}.create-book-pdf-preview{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.create-book-pdf-icon{align-items:center;background:#ef44441a;border-radius:var(--radius-lg);color:var(--accent-red);display:flex;flex-shrink:0;font-size:var(--text-3xl);height:50px;justify-content:center;width:50px}.create-book-pdf-info{flex:1 1}.create-book-pdf-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs);word-break:break-word}.create-book-pdf-size{color:var(--text-muted);font-size:var(--text-xs)}.create-book-pdf-remove{align-items:center;background:#ef44441a;border:none;border-radius:var(--radius-lg);color:var(--accent-red);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:var(--transition-all);width:40px}.create-book-pdf-remove:hover:not(:disabled){background:#ef444433;transform:scale(1.05)}.create-book-pdf-remove:disabled{cursor:not-allowed;opacity:.5}.ecp-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl) 0}.ecp-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-xl)}.ecp-page-header{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.ecp-back-btn,.ecp-page-header{align-items:center;display:flex}.ecp-back-btn{background:var(--gray-100);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-all)}.ecp-back-btn:hover{background:var(--gray-200);transform:translateX(-4px)}.ecp-header-content{flex:1 1}.ecp-page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-3xl);font-weight:var(--font-bold);gap:var(--spacing-md);margin:0}.ecp-page-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0 0}.ecp-content{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.ecp-section{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.ecp-section-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-md)}.ecp-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.ecp-form-group{margin-bottom:var(--spacing-lg)}.ecp-form-group label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.ecp-form-input,.ecp-form-textarea{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);outline:none;padding:var(--spacing-md);transition:var(--transition-all);width:100%}.ecp-form-input:focus,.ecp-form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale)}.ecp-form-textarea{min-height:100px;resize:vertical}.ecp-form-row{grid-gap:var(--spacing-lg);align-items:end;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.ecp-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm)}.ecp-checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.ecp-btn-add{align-items:center;background:var(--accent-green);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.ecp-btn-add:hover{background:var(--accent-green-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ecp-btn-add-small{align-items:center;background:var(--accent-green);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-all)}.ecp-btn-add-small:hover{background:var(--accent-green-dark);transform:translateY(-1px)}.ecp-btn-remove{align-items:center;background:var(--accent-red);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:var(--spacing-md);transition:var(--transition-all);width:44px}.ecp-btn-remove:hover{background:var(--accent-red-dark);transform:scale(1.05)}.ecp-btn-remove-icon{align-items:center;background:var(--accent-red);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-all);width:36px}.ecp-btn-remove-icon:hover{background:var(--accent-red-dark);transform:scale(1.05)}.ecp-array-field{margin-bottom:var(--spacing-xl)}.ecp-array-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.ecp-array-header label{color:var(--text-white);font-size:var(--text-sm);font-weight:var(--font-semibold)}.ecp-array-item{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.ecp-array-item .ecp-form-input{flex:1 1}.ecp-image-upload-actions{align-items:center;display:flex;gap:var(--spacing-md)}.ecp-btn-upload{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.ecp-btn-upload:hover{background:var(--primary-dark);transform:translateY(-2px)}.ecp-upload-status{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-sm)}.ecp-spinner-small{animation:ecpSpin .6s linear infinite;border:2px solid var(--gray-200);border-radius:var(--radius-full);border-top-color:var(--primary-color);height:16px;width:16px}.ecp-images-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--spacing-md)}.ecp-image-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-all)}.ecp-image-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.ecp-image-preview{background:var(--bg-secondary);overflow:hidden;padding-top:75%;position:relative;width:100%}.ecp-image-preview img{display:block;object-fit:cover;object-position:center}.ecp-image-overlay,.ecp-image-preview img{height:100%;left:0;position:absolute;top:0;width:100%}.ecp-image-overlay{align-items:center;background:#000000b3;display:flex;justify-content:center;opacity:0;transition:opacity .3s ease}.ecp-image-card:hover .ecp-image-overlay{opacity:1}.ecp-image-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.ecp-btn-move-image{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);height:36px;justify-content:center;transition:var(--transition-all);width:36px}.ecp-btn-move-image:hover{background:var(--primary-dark);transform:scale(1.1)}.ecp-btn-remove-image{align-items:center;background:var(--accent-red);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-lg);height:40px;justify-content:center;transition:var(--transition-all);width:40px}.ecp-btn-remove-image:hover{background:var(--accent-red-dark);transform:scale(1.1)}.ecp-image-info{align-items:center;background:var(--bg-secondary);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.ecp-image-index{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium)}.ecp-primary-badge{background:var(--accent-green);border-radius:var(--radius-sm);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);padding:.25rem var(--spacing-sm);text-transform:uppercase}.ecp-image-hint{color:var(--text-muted);font-size:var(--text-xs);font-style:italic}.ecp-empty-images,.ecp-image-hint{margin-top:var(--spacing-md);text-align:center}.ecp-empty-images{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-3xl)}.ecp-empty-icon{color:var(--gray-300);font-size:3rem;margin-bottom:var(--spacing-md)}.ecp-empty-images p{color:var(--text-tertiary);margin:var(--spacing-xs) 0}.ecp-empty-hint{color:var(--text-muted)!important;font-size:var(--text-xs)!important}.ecp-demo-lecture-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition-all)}.ecp-demo-lecture-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.ecp-mode-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition-all)}.ecp-mode-item:hover{border-color:var(--primary-color)}.ecp-mode-section{margin-bottom:var(--spacing-xl)}.ecp-mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.ecp-mode-title{align-items:center;background:var(--primary-pale);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);margin:0;padding:var(--spacing-md) var(--spacing-lg)}.ecp-attempt-item{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition-all)}.ecp-attempt-item:hover{border-color:var(--border-dark);box-shadow:var(--shadow-sm)}.ecp-attempt-item.ecp-marked-delete{background:var(--bg-red-light);border-color:var(--accent-red);opacity:.7}.ecp-attempt-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.ecp-attempt-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ecp-attempt-details strong{color:var(--text-dark);font-size:var(--text-sm)}.ecp-attempt-date{color:var(--text-muted);font-size:var(--text-xs)}.ecp-delete-checkbox{align-items:center;color:var(--accent-red);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm)}.ecp-delete-checkbox input[type=checkbox]{accent-color:var(--accent-red);cursor:pointer;height:18px;width:18px}.ecp-new-attempt{background:var(--bg-green-light);border:2px dashed var(--accent-green)}.ecp-new-attempt-header{align-items:center;border-bottom:1px solid var(--accent-green);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.ecp-new-badge{background:var(--accent-green);border-radius:var(--radius-sm);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px;padding:.35rem var(--spacing-md);text-transform:uppercase}.ecp-btn-remove-small{align-items:center;background:var(--accent-red);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-all);width:32px}.ecp-btn-remove-small:hover{background:var(--accent-red-dark);transform:scale(1.05)}.ecp-btn-add-attempt{align-items:center;background:var(--accent-green);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.ecp-btn-add-attempt:hover{background:var(--accent-green-dark);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.ecp-summary-section{background:var(--primary-pale);border-color:var(--primary-color)}.ecp-summary-item{align-items:center;background:var(--white);border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.ecp-summary-item.ecp-success{background:var(--bg-green-light);border:2px solid var(--accent-green);color:var(--accent-green-dark)}.ecp-summary-item.ecp-warning{background:var(--bg-red-light);border:2px solid var(--accent-red);color:var(--accent-red-dark)}.ecp-empty-message{color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic;padding:var(--spacing-xl);text-align:center}.ecp-footer{background:var(--white);border-radius:var(--radius-xl);bottom:var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;z-index:100}.ecp-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-all)}.ecp-btn-cancel{background:var(--gray-200);color:var(--text-secondary)}.ecp-btn-cancel:hover{background:var(--gray-300)}.ecp-btn-submit{background:var(--primary-color);color:var(--white)}.ecp-btn-submit:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.ecp-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ecp-spinner{animation:ecpSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-full);border-top:2px solid var(--white);height:18px;width:18px}@keyframes ecpSpin{to{transform:rotate(1turn)}}.ecp-spinner-large{animation:ecpSpin .8s linear infinite;border:4px solid var(--gray-200);border-radius:var(--radius-full);border-top-color:var(--primary-color);height:50px;width:50px}.ecp-loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:center;min-height:60vh}.ecp-loading-container p{color:var(--text-tertiary);font-size:var(--text-lg)}.ecp-error-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:center;min-height:60vh;text-align:center}.ecp-error-container svg{color:var(--accent-red);font-size:4rem}.ecp-error-container h2{color:var(--text-primary);font-size:var(--text-3xl);margin:0}.ecp-btn-primary{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-all)}.ecp-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}select.ecp-form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;padding-right:2.5rem}@media (max-width:1024px){.ecp-page-header{align-items:flex-start;flex-direction:column}.ecp-back-btn{align-self:flex-start}}@media (max-width:768px){.ecp-container{padding:0 var(--spacing-md)}.ecp-page{padding:var(--spacing-md) 0}.ecp-page-header{padding:var(--spacing-lg)}.ecp-page-title{font-size:var(--text-2xl)}.ecp-section{padding:var(--spacing-lg)}.ecp-form-row{grid-template-columns:1fr}.ecp-array-header,.ecp-image-upload-actions,.ecp-mode-header,.ecp-section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.ecp-btn-add,.ecp-btn-add-attempt,.ecp-btn-add-small,.ecp-btn-upload{justify-content:center;width:100%}.ecp-attempt-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.ecp-footer{bottom:0;flex-direction:column}.ecp-btn{width:100%}.ecp-images-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.ecp-page-title{font-size:var(--text-xl)}.ecp-section{padding:var(--spacing-md)}.ecp-images-grid{grid-template-columns:1fr}}.cp2-courses-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-md)}.cp2-page-header{align-items:flex-start;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.cp2-header-left h1{color:var(--text-dark);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-xs) 0}.cp2-header-left p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.cp2-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-all)}.cp2-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cp2-stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--spacing-xl)}.cp2-stat-card{background:var(--white);border-left:3px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-all)}.cp2-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cp2-stat-card.cp2-stat-published{border-left-color:var(--accent-green)}.cp2-stat-card.cp2-stat-draft{border-left-color:var(--accent-orange)}.cp2-stat-value{color:var(--primary-color);font-size:var(--text-2xl);font-weight:var(--font-extrabold);line-height:1;margin:0}.cp2-stat-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:.25rem;margin:0}.cp2-stat-label svg{font-size:var(--text-sm)}.cp2-stat-published .cp2-stat-value{color:var(--accent-green)}.cp2-stat-draft .cp2-stat-value{color:var(--accent-orange)}.cp2-filters-bar{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.cp2-filters-grid{grid-gap:var(--spacing-md);align-items:center;display:grid;gap:var(--spacing-md);grid-template-columns:2fr repeat(5,1fr) auto auto}.cp2-filter-search-box{position:relative;width:100%}.cp2-filter-search-box input{border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md) + 32px);transition:var(--transition-all);width:100%}.cp2-filter-search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.cp2-search-icon{color:var(--text-muted);font-size:var(--text-lg);left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.cp2-filter-select-wrapper{position:relative}.cp2-filter-select{-webkit-appearance:none;appearance:none;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-dark);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-sm) calc(var(--spacing-md) + 24px) var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);width:100%}.cp2-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.cp2-select-icon{color:var(--text-muted);font-size:var(--text-sm);pointer-events:none;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.cp2-btn-clear,.cp2-btn-export{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all);white-space:nowrap}.cp2-btn-clear{background:var(--white);color:var(--text-dark)}.cp2-btn-clear:hover{background:var(--accent-red);border-color:var(--accent-red);color:var(--white)}.cp2-btn-export{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.cp2-btn-export:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cp2-courses-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.cp2-loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-4xl)}.cp2-spinner{animation:cp2Spin .8s linear infinite;border:4px solid var(--bg-light);border-radius:var(--radius-full);border-top-color:var(--primary-color);height:50px;width:50px}@keyframes cp2Spin{to{transform:rotate(1turn)}}.cp2-empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-4xl)}.cp2-empty-icon{color:var(--text-muted);font-size:4rem}.cp2-empty-state h3{color:var(--text-dark);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.cp2-empty-state p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.cp2-table-header{grid-gap:var(--spacing-md);background:var(--bg-light);border-bottom:2px solid var(--border-color);color:var(--text-dark);display:grid;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-md);grid-template-columns:100px 2fr 1fr 1fr 120px 180px;padding:var(--spacing-lg) var(--spacing-xl)}.cp2-courses-list{display:flex;flex-direction:column}.cp2-course-row{grid-gap:var(--spacing-md);align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:var(--spacing-md);grid-template-columns:100px 2fr 1fr 1fr 120px 180px;padding:var(--spacing-lg) var(--spacing-xl);transition:var(--transition-all)}.cp2-course-row:hover{background:var(--bg-light)}.cp2-course-row:last-child{border-bottom:none}.cp2-td-image{align-items:center;display:flex}.cp2-course-thumbnail{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:80px;object-fit:cover;width:80px}.cp2-course-thumbnail-placeholder{align-items:center;background:var(--bg-light);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;font-size:var(--text-2xl);height:80px;justify-content:center;width:80px}.cp2-td-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cp2-course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-dark);display:-webkit-box;font-size:var(--text-base);font-weight:var(--font-bold);margin:0;overflow:hidden}.cp2-course-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--spacing-md)}.cp2-course-meta span{align-items:center;display:flex;gap:.25rem}.cp2-td-category{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cp2-category-badge{background:var(--primary-pale);color:var(--primary-color);font-weight:var(--font-bold)}.cp2-category-badge,.cp2-subcategory-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);padding:.25rem var(--spacing-sm)}.cp2-subcategory-badge{background:var(--bg-light);color:var(--text-secondary);font-weight:var(--font-semibold)}.cp2-price-wrapper,.cp2-td-pricing{display:flex;flex-direction:column;gap:.25rem}.cp2-price-final{color:var(--primary-color);font-size:var(--text-lg);font-weight:var(--font-bold)}.cp2-price-original{color:var(--text-muted);font-size:var(--text-sm);text-decoration:line-through}.cp2-discount-badge{background:var(--accent-red);border-radius:var(--radius-sm);color:var(--white);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);padding:.125rem var(--spacing-sm)}.cp2-status-badge,.cp2-td-status{align-items:center;display:flex}.cp2-status-badge{border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-bold);gap:.25rem;padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-all)}.cp2-status-published{background:var(--accent-green-pale);color:var(--accent-green)}.cp2-status-published:hover{background:var(--accent-green);color:var(--white)}.cp2-status-draft{background:var(--accent-orange-pale);color:var(--accent-orange)}.cp2-status-draft:hover{background:var(--accent-orange);color:var(--white)}.cp2-td-actions{align-items:center;display:flex}.cp2-actions-group{display:flex;gap:var(--spacing-xs)}.cp2-action-btn{align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-all);width:36px}.cp2-action-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cp2-btn-view:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.cp2-btn-clone:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--white)}.cp2-btn-edit:hover{background:var(--accent-orange);border-color:var(--accent-orange);color:var(--white)}.cp2-btn-delete:hover{background:var(--accent-red);border-color:var(--accent-red);color:var(--white)}.cp2-pagination{border-top:1px solid var(--border-color);gap:var(--spacing-lg);padding:var(--spacing-xl)}.cp2-pagination,.cp2-pagination-btn{align-items:center;display:flex;justify-content:center}.cp2-pagination-btn{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;height:40px;transition:var(--transition-all);width:40px}.cp2-pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.cp2-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.cp2-pagination-info{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-semibold)}.cp2-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cp2-modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;overflow:hidden;width:90%}.cp2-modal-header{align-items:center;background:var(--accent-red-pale);border-bottom:2px solid var(--accent-red);display:flex;gap:var(--spacing-md);padding:var(--spacing-xl)}.cp2-modal-icon{color:var(--accent-red);font-size:var(--text-3xl)}.cp2-modal-header h3{color:var(--text-dark);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.cp2-modal-body{padding:var(--spacing-xl)}.cp2-modal-body p{color:var(--text-dark);font-size:var(--text-base);margin:0 0 var(--spacing-lg) 0}.cp2-course-details{background:var(--bg-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.cp2-course-details strong{color:var(--text-dark);font-size:var(--text-base)}.cp2-course-details span{color:var(--text-secondary);font-size:var(--text-sm)}.cp2-warning-text{color:var(--accent-red);font-size:var(--text-sm);font-weight:var(--font-semibold)}.cp2-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-xl)}.cp2-modal-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:var(--text-base);font-weight:var(--font-bold);padding:var(--spacing-md);transition:var(--transition-all)}.cp2-btn-cancel{background:var(--bg-light);color:var(--text-dark)}.cp2-btn-cancel:hover:not(:disabled){background:var(--border-color)}.cp2-btn-confirm-delete{background:var(--accent-red);color:var(--white)}.cp2-btn-confirm-delete:hover:not(:disabled){background:var(--accent-red-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cp2-modal-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1400px){.cp2-filters-grid{gap:var(--spacing-sm);grid-template-columns:1fr}}@media (max-width:1200px){.cp2-course-row,.cp2-table-header{grid-template-columns:80px 1.5fr 1fr 1fr 100px 150px}}@media (max-width:992px){.cp2-stats-grid{grid-template-columns:repeat(2,1fr)}.cp2-table-header{display:none}.cp2-course-row{gap:var(--spacing-lg);grid-template-columns:1fr;padding:var(--spacing-lg)}.cp2-td-image{justify-content:center}.cp2-course-thumbnail,.cp2-course-thumbnail-placeholder{height:200px;width:100%}.cp2-td-actions,.cp2-td-category,.cp2-td-details,.cp2-td-pricing,.cp2-td-status{justify-content:center;text-align:center}.cp2-actions-group,.cp2-course-meta{justify-content:center}}@media (max-width:768px){.cp2-courses-page{padding:var(--spacing-lg)}.cp2-page-header{flex-direction:column;gap:var(--spacing-lg)}.cp2-header-left h1{font-size:var(--text-2xl)}.cp2-btn-primary{justify-content:center;width:100%}.cp2-stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.cp2-course-row{padding:var(--spacing-md)}.cp2-action-btn{font-size:var(--text-sm);height:32px;width:32px}}.cp2-btn-lectures{border-color:#8b5cf6;color:#8b5cf6}.cp2-btn-lectures:hover{background:#8b5cf6;color:#fff}.catcourse-page{background:var(--bg-secondary);box-sizing:border-box;max-width:100vw;min-height:100vh;overflow-x:hidden;padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-xl);width:100%}.catcourse-container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-md);width:100%}.catcourse-main-grid{grid-gap:var(--spacing-xl);box-sizing:border-box;display:grid;gap:var(--spacing-xl);grid-template-columns:280px 1fr;position:relative;width:100%}.catcourse-mobile-filter-toggle{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-white);cursor:pointer;display:none;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition-all);width:100%}.catcourse-mobile-filter-toggle:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.catcourse-mobile-filter-toggle svg{stroke-width:2;height:20px;width:20px}.catcourse-sidebar{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.catcourse-sidebar-sticky{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.catcourse-sidebar::-webkit-scrollbar{width:6px}.catcourse-sidebar::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-md)}.catcourse-sidebar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-md)}.catcourse-mobile-close{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-full);cursor:pointer;display:none;height:36px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:var(--transition-all);width:36px;z-index:10}.catcourse-mobile-close svg{stroke:var(--gray-700);stroke-width:2;height:18px;width:18px}.catcourse-mobile-close:hover{background:var(--gray-200)}.catcourse-filter-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.catcourse-filter-title-group{align-items:center;display:flex;gap:var(--spacing-sm)}.catcourse-filter-icon{stroke:var(--primary-color);stroke-width:2;height:24px;width:24px}.catcourse-filter-header h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.catcourse-clear-all{background:none;border:none;border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-all)}.catcourse-clear-all:hover{background:var(--accent-red);color:var(--text-white)}.catcourse-filter-accordion{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.catcourse-accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md) 0;transition:var(--transition-all);-webkit-user-select:none;user-select:none}.catcourse-accordion-header:hover{color:var(--primary-color)}.catcourse-accordion-header>span{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.catcourse-header-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.catcourse-delete-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs);transition:var(--transition-all)}.catcourse-delete-btn svg{stroke:var(--gray-500);stroke-width:2;height:16px;width:16px}.catcourse-delete-btn:hover{background:var(--gray-100)}.catcourse-delete-btn:hover svg{stroke:var(--accent-red)}.catcourse-expand-icon{stroke:var(--gray-600);stroke-width:2;height:20px;transition:transform .3s ease;width:20px}.catcourse-expand-icon.expanded{transform:rotate(180deg)}.catcourse-accordion-content{animation:slideDown .3s ease;padding:var(--spacing-sm) 0 var(--spacing-md) 0}.catcourse-search-box{margin-bottom:var(--spacing-sm);position:relative}.catcourse-search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);width:100%}.catcourse-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #02593e1a;outline:none}.catcourse-scrollable-content{max-height:250px;overflow-y:auto}.catcourse-scrollable-content::-webkit-scrollbar{width:4px}.catcourse-scrollable-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm)}.catcourse-checkbox-wrapper{align-items:center;cursor:pointer;display:flex;padding:var(--spacing-sm) 0;transition:var(--transition-all);-webkit-user-select:none;user-select:none}.catcourse-checkbox-wrapper:hover{padding-left:var(--spacing-xs)}.catcourse-checkbox-wrapper input[type=checkbox]{display:none}.catcourse-checkbox-custom{border:2px solid var(--gray-300);border-radius:var(--radius-sm);flex-shrink:0;height:18px;margin-right:var(--spacing-sm);position:relative;transition:var(--transition-all);width:18px}.catcourse-checkbox-wrapper input[type=checkbox]:checked+.catcourse-checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.catcourse-checkbox-wrapper input[type=checkbox]:checked+.catcourse-checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.catcourse-checkbox-label{color:var(--text-secondary);font-size:var(--text-sm);transition:var(--transition-all)}.catcourse-checkbox-wrapper:hover .catcourse-checkbox-label{color:var(--primary-color)}.catcourse-rating-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:var(--transition-all)}.catcourse-rating-item:hover{background:var(--gray-50)}.catcourse-rating-item.active{background:#02593e1a;border:1px solid var(--primary-color)}.catcourse-stars{display:flex;gap:2px}.catcourse-star{color:var(--gray-300);font-size:var(--text-base)}.catcourse-star.filled{color:var(--accent-orange)}.catcourse-rating-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.catcourse-main-content{min-height:500px;width:100%}.catcourse-control-bar{align-items:center;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.catcourse-sort-control{align-items:center;display:flex;gap:var(--spacing-sm)}.catcourse-sort-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.catcourse-sort-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #02593e1a;outline:none}.catcourse-results-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.catcourse-active-filters-bar{align-items:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.catcourse-filter-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.catcourse-filter-chip{align-items:center;animation:chipSlideIn .3s ease;background:var(--gray-100);border-radius:var(--radius-full);color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}@keyframes chipSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.catcourse-filter-chip button{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:inherit;cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);height:20px;justify-content:center;padding:0;transition:var(--transition-all);width:20px}.catcourse-filter-chip button:hover{background:#0000001a}.catcourse-product-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--spacing-lg);width:100%}.catcourse-no-results{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.catcourse-no-results h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-lg)}.catcourse-reset-btn{background:var(--primary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-all)}.catcourse-reset-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.catcourse-mobile-overlay{animation:fadeIn .3s ease;background:#00000080;display:none;inset:0;position:fixed;z-index:999}@media (max-width:1200px){.catcourse-main-grid{gap:var(--spacing-lg);grid-template-columns:260px 1fr}.catcourse-product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:992px){.catcourse-main-grid{gap:var(--spacing-md);grid-template-columns:240px 1fr}.catcourse-sidebar{top:var(--spacing-md)}.catcourse-product-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.catcourse-page{padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-md)}.catcourse-container{padding:0 var(--spacing-sm)}.catcourse-main-grid{gap:0;grid-template-columns:1fr}.catcourse-mobile-filter-toggle{display:flex}.catcourse-sidebar{box-shadow:var(--shadow-2xl);height:100vh;left:-100%;max-height:100vh;max-width:320px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:85%;z-index:1000}.catcourse-sidebar.show{left:0}.catcourse-sidebar-sticky{border-radius:0;height:100%;padding-top:var(--spacing-3xl)}.catcourse-mobile-close{display:flex}.catcourse-mobile-overlay{display:block}.catcourse-control-bar{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.catcourse-sort-select{width:100%}.catcourse-results-title{font-size:var(--text-base);text-align:center}.catcourse-product-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.catcourse-active-filters-bar{padding:var(--spacing-sm) var(--spacing-md)}.catcourse-filter-chip{font-size:.7rem;padding:.25rem var(--spacing-sm)}}@media (max-width:600px){.catcourse-page{padding-top:var(--spacing-sm)}.catcourse-container{padding:0 var(--spacing-xs)}.catcourse-mobile-filter-toggle{font-size:var(--text-sm);padding:var(--spacing-sm)}.catcourse-control-bar{padding:var(--spacing-sm)}.catcourse-sort-select{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md)}.catcourse-product-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.catcourse-filter-label{font-size:.7rem}.catcourse-filter-chip{font-size:.65rem;padding:.2rem var(--spacing-xs)}.catcourse-filter-chip button{font-size:var(--text-base);height:18px;width:18px}}@media (max-width:480px){.catcourse-page{padding-bottom:var(--spacing-xl)}.catcourse-product-grid{grid-template-columns:1fr}.catcourse-filter-label{margin-bottom:var(--spacing-xs);width:100%}.catcourse-active-filters-bar{padding:var(--spacing-xs) var(--spacing-sm)}.catcourse-no-results{padding:var(--spacing-2xl) var(--spacing-md)}.catcourse-no-results h3{font-size:var(--text-lg)}}@media (max-width:360px){.catcourse-container{padding:0 4px}.catcourse-mobile-filter-toggle{font-size:.7rem;padding:var(--spacing-xs)}.catcourse-control-bar{padding:var(--spacing-xs)}.catcourse-results-title{font-size:var(--text-sm)}}@media (hover:none) and (pointer:coarse){.catcourse-checkbox-wrapper:hover{padding-left:0}.catcourse-mobile-filter-toggle:hover{transform:none}.catcourse-mobile-filter-toggle:active{transform:scale(.98)}.catcourse-reset-btn:hover{transform:none}.catcourse-reset-btn:active{transform:scale(.98)}}.product-card-2-wrapper{box-sizing:border-box;max-width:100%;padding:var(--spacing-md);width:100%}.product-card-2-container{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);box-sizing:border-box;overflow:hidden;position:relative;transition:var(--transition-all);width:100%}.product-card-2-container:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.product-card-2-body{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.product-card-2-badges{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;min-height:48px}.product-card-2-badges-left{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);max-width:65%}.product-card-2-badge{align-items:center;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase;transition:var(--transition-all);white-space:nowrap}.product-card-2-badge-primary{background:var(--gradient-primary);color:var(--white)}.product-card-2-badge-secondary{background:var(--gradient-red);color:var(--white)}.product-card-2-badge-combo{animation:product-card-2-pulse 2s ease-in-out infinite;background:var(--gradient-orange);color:var(--white)}@keyframes product-card-2-pulse{0%,to{box-shadow:var(--shadow-sm);transform:scale(1)}50%{box-shadow:0 4px 16px #f59e0b66;transform:scale(1.05)}}.product-card-2-badges-right{flex-shrink:0}.product-card-2-offer{align-items:center;animation:product-card-2-offer-spin 3s ease-in-out infinite;background:var(--gradient-red);border:3px solid var(--white);border-radius:var(--radius-full);box-shadow:0 4px 16px #dc262666;color:var(--white);display:flex;flex-direction:column;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}@keyframes product-card-2-offer-spin{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(-5deg)}}.product-card-2-offer:before{animation:product-card-2-shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute}@keyframes product-card-2-shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.product-card-2-offer-percent{font-size:var(--text-xl);font-weight:var(--font-black);line-height:1;position:relative;z-index:1}.product-card-2-offer-label{font-size:var(--text-xs);font-weight:var(--font-bold);line-height:1;margin-top:var(--spacing-xs);position:relative;z-index:1}.product-card-2-main{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.product-card-2-gallery{position:relative;width:100%}.product-card-2-image-wrapper{background:var(--bg-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding-bottom:100%;position:relative;width:100%}.product-card-2-image{height:100%;inset:0;object-fit:cover;position:absolute;transition:var(--transition-all);width:100%}.product-card-2-container:hover .product-card-2-image{transform:scale(1.05)}.product-card-2-dots{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border-radius:var(--radius-full);bottom:var(--spacing-md);display:flex;gap:var(--spacing-sm);left:50%;padding:var(--spacing-xs) var(--spacing-md);position:absolute;transform:translateX(-50%);z-index:2}.product-card-2-dot{background:#fff9;border:none;border-radius:var(--radius-full);cursor:pointer;height:8px;padding:0;transition:var(--transition-all);width:8px}.product-card-2-dot:hover{background:#ffffffe6;transform:scale(1.3)}.product-card-2-dot-active{background:var(--white);border-radius:var(--radius-sm);width:24px}.product-card-2-info{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:space-between}.product-card-2-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:var(--text-dark);display:-webkit-box;font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1.4;margin:0;overflow:hidden}.product-card-2-price{align-items:center;border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:space-between;padding-bottom:var(--spacing-sm)}.product-card-2-price-label{color:var(--text-secondary);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold)}.product-card-2-price-group{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.product-card-2-price-current{color:var(--accent-red);font-size:var(--text-2xl);font-weight:var(--font-black);white-space:nowrap}.product-card-2-price-original{color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:line-through;white-space:nowrap}.product-card-2-faculty{display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-xs);line-height:1.5}.product-card-2-faculty-label{color:var(--text-secondary);font-weight:var(--font-semibold)}.product-card-2-faculty-name{color:var(--text-dark);font-weight:var(--font-medium)}.product-card-2-meta{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.product-card-2-views{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.product-card-2-rating{display:flex;flex-shrink:0;gap:2px}.product-card-2-star{color:var(--gray-300);font-size:var(--text-base);transition:var(--transition-all)}.product-card-2-actions{border-top:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-md) 0}.product-card-2-action{align-items:center;background:var(--white);border:2px solid;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;min-width:44px;transition:var(--transition-all);width:44px}.product-card-2-action svg{stroke-width:2;height:20px;width:20px}.product-card-2-action-view{border-color:var(--accent-orange);color:var(--accent-orange)}.product-card-2-action-view:hover{background:var(--accent-orange);box-shadow:0 6px 16px #f59e0b66;color:var(--white);transform:translateY(-4px)}.product-card-2-action-wishlist{border-color:var(--accent-red);color:var(--accent-red)}.product-card-2-action-wishlist:hover{background:var(--accent-red);box-shadow:0 6px 16px #ef444466;color:var(--white);transform:translateY(-4px)}.product-card-2-action-whatsapp{border-color:#25d366;color:#25d366}.product-card-2-action-whatsapp:hover{background:#25d366;box-shadow:0 6px 16px #25d36666;color:var(--white);transform:translateY(-4px)}.product-card-2-action-demo{border-color:var(--accent-purple);color:var(--accent-purple)}.product-card-2-action-demo:hover{background:var(--accent-purple);box-shadow:0 6px 16px #8b5cf666;color:var(--white);transform:translateY(-4px)}.product-card-2-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-card-2-details-grid{grid-gap:var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding:var(--spacing-md)}.product-card-2-detail{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:var(--transition-all)}.product-card-2-detail:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.product-card-2-detail-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.product-card-2-detail-icon{stroke-width:2;color:var(--primary-color);flex-shrink:0;height:16px;width:16px}.product-card-2-detail-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.product-card-2-detail-value{display:block;padding-left:24px}.product-card-2-detail-value,.product-card-2-select{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-medium)}.product-card-2-select{-webkit-appearance:none;appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2302593E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;margin-left:24px;padding:var(--spacing-sm) 32px var(--spacing-sm) var(--spacing-sm);transition:var(--transition-all);width:100%}.product-card-2-select:focus,.product-card-2-select:hover{border-color:var(--primary-color)}.product-card-2-select:focus{box-shadow:0 0 0 3px var(--primary-pale);outline:none}.product-card-2-expand{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-lg);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:var(--spacing-md);transition:var(--transition-all);width:100%}.product-card-2-expand:hover{background:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.product-card-2-expand-icon{stroke-width:3;flex-shrink:0;height:18px;transition:transform .3s ease;width:18px}.product-card-2-expand-icon-rotated{transform:rotate(180deg)}.product-card-2-expanded{animation:product-card-2-expand-animation .3s ease-out;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}@keyframes product-card-2-expand-animation{0%{max-height:0;opacity:0}to{max-height:600px;opacity:1}}.product-card-2-expanded-item{margin-bottom:var(--spacing-md)}.product-card-2-expanded-item:last-child{margin-bottom:0}.product-card-2-expanded-item strong{color:var(--primary-color);display:block;font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}.product-card-2-expanded-item p{word-wrap:break-word;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.product-card-2-buttons{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.product-card-2-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.5px;min-height:48px;padding:var(--spacing-md);text-transform:uppercase;transition:var(--transition-all);white-space:nowrap}.product-card-2-btn-cart{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--white)}.product-card-2-btn-cart:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.product-card-2-btn-buy{background:var(--gradient-red);box-shadow:var(--shadow-md);color:var(--white)}.product-card-2-btn-buy:hover{background:var(--accent-red-dark);box-shadow:0 8px 20px #dc262666;transform:translateY(-4px)}.product-card-2-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:1200px){.product-card-2-wrapper{padding:var(--spacing-sm)}.product-card-2-body{padding:var(--spacing-md)}}@media (max-width:1024px){.product-card-2-title{font-size:var(--text-base)}.product-card-2-price-current{font-size:var(--text-xl)}.product-card-2-action{height:40px;min-width:40px;width:40px}}@media (max-width:768px){.product-card-2-wrapper{padding:var(--spacing-sm)}.product-card-2-container{border-width:2px}.product-card-2-body{gap:var(--spacing-md);padding:var(--spacing-md)}.product-card-2-badges{min-height:40px}.product-card-2-badges-left{max-width:60%}.product-card-2-badge{font-size:.65rem;padding:4px var(--spacing-sm)}.product-card-2-offer{height:55px;width:55px}.product-card-2-main{grid-template-columns:1fr}.product-card-2-actions,.product-card-2-main{gap:var(--spacing-md)}.product-card-2-action{height:44px;width:44px}.product-card-2-buttons,.product-card-2-details-grid{grid-template-columns:1fr}.product-card-2-buttons{gap:var(--spacing-sm)}}@media (max-width:600px){.product-card-2-wrapper{padding:var(--spacing-xs)}.product-card-2-body{padding:var(--spacing-sm)}.product-card-2-title{font-size:var(--text-sm)}.product-card-2-action{height:42px;width:42px}}@media (max-width:480px){.product-card-2-wrapper{padding:6px}.product-card-2-body{gap:var(--spacing-sm);padding:var(--spacing-sm)}.product-card-2-badges{gap:var(--spacing-xs);min-height:36px}.product-card-2-badges-left{gap:4px;max-width:55%}.product-card-2-badge{font-size:.6rem;padding:3px var(--spacing-xs)}.product-card-2-offer{height:50px;width:50px}.product-card-2-offer-percent{font-size:var(--text-lg)}.product-card-2-title{font-size:.8rem}.product-card-2-price-current{font-size:var(--text-lg)}.product-card-2-price-original{font-size:var(--text-sm)}.product-card-2-faculty,.product-card-2-views{font-size:.7rem}.product-card-2-star{font-size:var(--text-sm)}.product-card-2-actions{gap:var(--spacing-sm)}.product-card-2-action{height:40px;min-width:40px;width:40px}.product-card-2-action svg{height:18px;width:18px}.product-card-2-detail-label,.product-card-2-detail-value{font-size:.75rem}.product-card-2-select{font-size:.7rem;padding:6px 28px 6px 6px}.product-card-2-expand{font-size:.75rem;min-height:40px;padding:var(--spacing-sm)}.product-card-2-btn{font-size:.75rem;min-height:44px;padding:var(--spacing-sm)}}@media (max-width:375px){.product-card-2-wrapper{padding:4px}.product-card-2-body{padding:8px}.product-card-2-offer{height:45px;width:45px}.product-card-2-action{height:38px;width:38px}.product-card-2-btn{font-size:.7rem}}@media (max-width:360px){.product-card-2-wrapper{padding:2px}.product-card-2-body{padding:6px}.product-card-2-badge{font-size:.55rem;padding:2px 6px}.product-card-2-offer{height:42px;width:42px}.product-card-2-action{height:36px;width:36px}.product-card-2-action svg{height:16px;width:16px}.product-card-2-btn{font-size:.65rem;min-height:40px}}@media (hover:none) and (pointer:coarse){.product-card-2-container:hover{transform:none}.product-card-2-container:active{transform:scale(.98)}.product-card-2-action:hover{transform:none}.product-card-2-action:active{transform:scale(.9)}.product-card-2-btn:hover{transform:none}.product-card-2-btn:active:not(:disabled){transform:scale(.97)}.product-card-2-expand:hover{transform:none}.product-card-2-expand:active{transform:scale(.98)}}.product-card-2-badge-primary,.product-card-2-badge-secondary{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.product-card-2-details-grid{grid-template-columns:1fr}.product-card-2-select{box-sizing:border-box;font-size:var(--text-sm);margin-left:0;max-width:100%;min-width:0;padding:var(--spacing-sm) 28px var(--spacing-sm) var(--spacing-sm);width:100%}.product-card-2-detail-value{padding-left:0}.product-card-2-detail{min-width:0;overflow:hidden}}@media (max-width:480px){.product-card-2-select{font-size:.78rem;margin-left:0;padding:6px 26px 6px 8px}.product-card-2-detail-header{margin-bottom:4px}.product-card-2-detail-label{color:var(--text-secondary);display:block;font-size:.72rem;font-weight:700;margin-bottom:4px}.product-card-2-detail-value{font-size:.8rem;padding-left:0}}.category-courses{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-2xl) 0}.category-courses .page-container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-xl)}.category-courses .header-banner{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--white);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);text-align:center}.category-courses .breadcrumb-nav{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.category-courses .breadcrumb-home{color:#fffc;cursor:pointer;font-weight:var(--font-semibold);transition:var(--transition-base)}.category-courses .breadcrumb-home:hover{color:var(--white);text-decoration:underline}.category-courses .breadcrumb-separator{color:#fff9;font-size:var(--text-lg)}.category-courses .breadcrumb-current{color:var(--white);font-weight:var(--font-bold)}.category-courses .banner-title{color:var(--white);font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin:0;text-shadow:0 2px 4px #0000001a}.category-courses .applied-url-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.category-courses .url-filter-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:var(--radius-full);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--spacing-sm) var(--spacing-lg)}.category-courses .mobile-filter-toggle{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:none;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-all);width:100%}.category-courses .mobile-filter-toggle:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.category-courses .mobile-filter-toggle svg{stroke-width:2;height:22px;width:22px}.category-courses .main-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:280px 1fr}.category-courses .sidebar{position:relative}.category-courses .sidebar-sticky{position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.category-courses .mobile-close{align-items:center;background:var(--accent-red);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:none;height:36px;justify-content:center;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:var(--transition-all);width:36px;z-index:10}.category-courses .mobile-close:hover{background:var(--accent-red-dark);transform:rotate(90deg)}.category-courses .mobile-close svg{stroke-width:2.5;height:20px;width:20px}.category-courses .filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.category-courses .filter-title-group{align-items:center;display:flex;gap:var(--spacing-sm)}.category-courses .filter-icon{stroke-width:2;color:var(--primary-color);height:22px;width:22px}.category-courses .filter-title-group h2{color:var(--text-dark);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.category-courses .clear-all{background:#0000;border:2px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.category-courses .clear-all:hover{background:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white);transform:translateY(-2px)}.category-courses .filter-accordion{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md);overflow:hidden}.category-courses .accordion-header{align-items:center;background:var(--primary-color);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:space-between;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-all)}.category-courses .accordion-header:hover{background:var(--primary-dark)}.category-courses .header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.category-courses .delete-btn{align-items:center;background:#0000;border:none;color:var(--white);cursor:pointer;display:flex;padding:.25rem;transition:var(--transition-all)}.category-courses .delete-btn:hover{transform:scale(1.1)}.category-courses .delete-btn svg{stroke-width:2;height:18px;width:18px}.category-courses .expand-icon{stroke-width:2.5;height:20px;transition:transform .3s ease;width:20px}.category-courses .expand-icon.expanded{transform:rotate(180deg)}.category-courses .accordion-content{animation:slideDown .3s ease;background:var(--white);padding:var(--spacing-lg)}.category-courses .search-box{margin-bottom:var(--spacing-lg);position:relative}.category-courses .search-input{border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--spacing-sm) calc(var(--spacing-lg) + 32px) var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);width:100%}.category-courses .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.category-courses .search-icon{stroke-width:2;color:var(--text-muted);height:18px;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:18px}.category-courses .scrollable-content{max-height:300px;overflow-y:auto;scrollbar-color:var(--primary-color) var(--bg-light);scrollbar-width:thin}.category-courses .scrollable-content::-webkit-scrollbar{width:6px}.category-courses .scrollable-content::-webkit-scrollbar-track{background:var(--bg-light);border-radius:var(--radius-sm)}.category-courses .scrollable-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.category-courses .scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.category-courses .checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;transition:var(--transition-base)}.category-courses .checkbox-wrapper:hover{background:var(--bg-light);border-radius:var(--radius-sm);margin:0 calc(var(--spacing-sm)*-1);padding:var(--spacing-sm)}.category-courses .checkbox-wrapper input[type=checkbox]{display:none}.category-courses .checkbox-custom{border:2px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;height:18px;position:relative;transition:var(--transition-all);width:18px}.category-courses .checkbox-wrapper input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.category-courses .checkbox-wrapper input[type=checkbox]:checked+.checkbox-custom:after{border:solid var(--white);border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.category-courses .checkbox-label{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-medium)}.category-courses .badge{color:var(--text-white);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-normal);margin-left:.25rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-courses .rating-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);transition:var(--transition-all)}.category-courses .rating-item:hover{background:var(--bg-light)}.category-courses .rating-item.active{background:var(--primary-pale);border:2px solid var(--primary-color)}.category-courses .stars{display:flex;gap:.125rem}.category-courses .star{color:var(--gray-300);font-size:var(--text-lg)}.category-courses .star.filled{color:var(--accent-orange-light)}.category-courses .rating-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.category-courses .main-content{min-height:500px}.category-courses .control-bar{align-items:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.category-courses .sort-control{flex:1 1;max-width:300px}.category-courses .sort-select{-webkit-appearance:none;appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2302593E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all);width:100%}.category-courses .sort-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.category-courses .results-title{color:var(--text-dark);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.category-courses .active-filters-bar{align-items:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.category-courses .filter-label{color:var(--text-dark);font-size:var(--text-sm);font-weight:var(--font-bold)}.category-courses .filter-chip{align-items:center;background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-dark);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-all)}.category-courses .filter-chip.url-filter{background:var(--primary-pale);border-color:var(--primary-color);color:var(--primary-dark)}.category-courses .filter-chip button{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:18px;justify-content:center;padding:0;transition:var(--transition-all);width:18px}.category-courses .filter-chip button:hover{background:var(--accent-red);color:var(--white)}.category-courses .product-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.category-courses .no-results{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.category-courses .no-results h3{color:var(--text-dark);font-size:var(--text-2xl);margin:0 0 var(--spacing-xl) 0}.category-courses .reset-btn{background:var(--primary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-bold);padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-all)}.category-courses .reset-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:992px){.category-courses .main-grid{grid-template-columns:1fr}.category-courses .mobile-filter-toggle{display:flex}.category-courses .sidebar{display:none}.category-courses .sidebar.show{background:var(--white);box-shadow:var(--shadow-2xl);display:block;height:100vh;left:0;overflow-y:auto;padding:var(--spacing-xl);position:fixed;top:0;width:320px;z-index:999}.category-courses .mobile-close{display:flex}.category-courses .mobile-overlay{display:block}.category-courses .product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.category-courses .page-container{padding:0 var(--spacing-md)}.category-courses .header-banner{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl)}.category-courses .banner-title{font-size:var(--text-2xl)}.category-courses .control-bar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.category-courses .sort-control{max-width:none}.category-courses .results-title{text-align:center}.category-courses .product-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.category-courses{padding:var(--spacing-lg) 0}.category-courses .page-container{padding:0 var(--spacing-sm)}.category-courses .header-banner{padding:var(--spacing-md) var(--spacing-lg)}.category-courses .banner-title{font-size:var(--text-xl)}.category-courses .breadcrumb-nav{font-size:var(--text-xs)}.category-courses .sidebar.show{width:100%}.category-courses .product-grid{grid-template-columns:1fr}.category-courses .active-filters-bar{padding:var(--spacing-md)}}.category-courses .mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}@media (max-width:992px){.category-courses .mobile-overlay.active{display:block}}@media (max-width:1200px){.category-courses .main-grid{gap:var(--spacing-xl);grid-template-columns:260px 1fr}}@media (max-width:992px){.category-courses .main-grid{gap:0;grid-template-columns:1fr}.category-courses .mobile-filter-toggle{display:flex}.category-courses .sidebar{display:none}.category-courses .sidebar.show{-webkit-overflow-scrolling:touch;background:var(--white);box-shadow:var(--shadow-2xl);display:block;height:100vh;height:100dvh;left:0;overflow-y:auto;padding:var(--spacing-xl);position:fixed;top:0;width:320px;z-index:999}.category-courses .mobile-close{display:flex}.category-courses .product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.category-courses{padding:var(--spacing-lg) 0}.category-courses .page-container{padding:0 var(--spacing-md)}.category-courses .header-banner{border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl)}.category-courses .banner-title{font-size:var(--text-2xl)}.category-courses .control-bar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.category-courses .sort-control{max-width:none}.category-courses .results-title{font-size:var(--text-lg);text-align:center}.category-courses .active-filters-bar{gap:var(--spacing-xs);padding:var(--spacing-md)}.category-courses .product-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.category-courses .page-container{padding:0 var(--spacing-sm)}.category-courses .header-banner{padding:var(--spacing-md) var(--spacing-lg)}.category-courses .banner-title{font-size:var(--text-xl)}.category-courses .breadcrumb-nav{font-size:var(--text-xs);gap:var(--spacing-xs)}.category-courses .sidebar.show{width:100%;width:100vw}.category-courses .product-grid{gap:var(--spacing-md);grid-template-columns:1fr}.category-courses .active-filters-bar{padding:var(--spacing-sm)}.category-courses .mobile-filter-toggle{justify-content:center;margin-bottom:var(--spacing-lg)}.category-courses .no-results{padding:var(--spacing-2xl) var(--spacing-md)}.category-courses .no-results h3{font-size:var(--text-lg)}}.wa-widget-transparent{animation:wa-fade-in .6s ease-out;bottom:20px;height:120px;position:fixed;right:20px;width:120px;z-index:10000}@keyframes wa-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.wa-close-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#1a1a1a;cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:26px;z-index:15}.wa-close-btn:hover{background:#f3f4f6;box-shadow:0 4px 12px #0003;transform:rotate(90deg) scale(1.1)}.wa-curved-text-around{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.wa-wave-hand-floating{animation:wa-wave-float 1.5s ease-in-out infinite;filter:drop-shadow(2px 3px 5px rgba(0,0,0,.15));font-size:36px;left:5px;position:absolute;top:5px;transform-origin:70% 70%;z-index:3}@keyframes wa-wave-float{0%,to{transform:rotate(0deg) translateY(0)}10%{transform:rotate(14deg) translateY(-2px)}20%{transform:rotate(-8deg) translateY(0)}30%{transform:rotate(14deg) translateY(-2px)}40%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(10deg) translateY(-1px)}60%{transform:rotate(0deg) translateY(0)}}.wa-button-floating{background:#25d366;border:none;border-radius:50%;box-shadow:0 6px 20px #25d36666;cursor:pointer;height:70px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:70px;z-index:10}.wa-button-floating:hover{box-shadow:0 8px 28px #25d36680;transform:translate(-50%,-50%) scale(1.15)}.wa-button-floating:active{transform:translate(-50%,-50%) scale(1.08)}.wa-button-inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.wa-whatsapp-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));height:38px;width:38px}.wa-badge-floating{align-items:center;animation:wa-badge-bounce 2s ease-in-out infinite;background:#dc2626;border:2.5px solid #25d366;border-radius:50%;box-shadow:0 2px 8px #dc262666;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-2px;top:-2px;width:24px}@keyframes wa-badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.wa-pulse-ring{animation:wa-pulse-animation 2s cubic-bezier(.4,0,.6,1) infinite;border:2.5px solid #25d366;border-radius:50%;height:70px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px;z-index:1}@keyframes wa-pulse-animation{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@media (max-width:992px){.wa-widget-transparent{height:120px;width:120px}.wa-wave-hand-floating{font-size:32px;left:4px;top:4px}.wa-button-floating{height:60px;width:60px}.wa-whatsapp-icon{height:32px;width:32px}.wa-badge-floating{border-width:2px;font-size:12px;height:22px;width:22px}.wa-curved-text-around text{font-size:15px;letter-spacing:3px}.wa-pulse-ring{height:60px;width:60px}.wa-close-btn{font-size:14px;height:24px;width:24px}}@media (max-width:768px){.wa-widget-transparent{bottom:80px;height:100px;right:16px;width:100px}.wa-wave-hand-floating{font-size:26px;left:3px;top:3px}.wa-button-floating{height:52px;width:52px}.wa-whatsapp-icon{height:28px;width:28px}.wa-badge-floating{border-width:2px;font-size:11px;height:20px;width:20px}.wa-curved-text-around text{stroke-width:1.8;font-size:13px;letter-spacing:2px}.wa-pulse-ring{border-width:2px;height:52px;width:52px}.wa-close-btn{font-size:13px;height:22px;right:-6px;top:-6px;width:22px}}@media (max-width:480px){.wa-widget-transparent{bottom:75px;height:90px;right:12px;width:90px}.wa-wave-hand-floating{font-size:24px;left:2px;top:2px}.wa-button-floating{height:48px;width:48px}.wa-whatsapp-icon{height:26px;width:26px}.wa-badge-floating{border-width:2px;font-size:10px;height:18px;width:18px}.wa-curved-text-around text{stroke-width:1.6;font-size:11px;letter-spacing:1.5px}.wa-pulse-ring{border-width:2px;height:48px;width:48px}.wa-close-btn{font-size:12px;height:20px;right:-5px;top:-5px;width:20px}}.wa-button-floating:focus,.wa-close-btn:focus{outline:2px solid #25d366;outline-offset:2px}@media print{.wa-widget-transparent{display:none!important}}@media (prefers-reduced-motion:reduce){.wa-badge-floating,.wa-button-floating,.wa-close-btn,.wa-curved-text-around text,.wa-pulse-ring,.wa-wave-hand-floating,.wa-widget-transparent{animation:none!important;transition:none!important}}.wa-curved-text-around text{animation:wa-text-glow 2s ease-in-out infinite;font-family:Arial Black,Arial Bold,Helvetica,sans-serif;font-style:italic;text-transform:none}@keyframes wa-text-glow{0%,to{stroke:var(--primary-color)}50%{stroke:var(--primary-light)}}.cat-page{background:#f8f9fa;min-height:100vh;padding:.75rem}.cat-page-header{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem}.cat-header-left{flex:1 1;min-width:0}.cat-page-title{color:#1a1a1a;font-size:1.375rem;font-weight:700;line-height:1.3;margin:0 0 .125rem}.cat-page-subtitle{color:#6c757d;font-size:.8125rem;line-height:1.4;margin:0}.cat-btn-primary{background:#02593e;border-radius:5px;flex-shrink:0;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.cat-btn-primary:hover{background:#024d34;box-shadow:0 2px 6px #02593e33;transform:translateY(-1px)}.cat-btn-primary svg{font-size:.875rem}.cat-stats{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:.75rem}.cat-stat-card{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000a;display:flex;gap:.625rem;padding:.875rem;transition:all .2s ease}.cat-stat-card:hover{box-shadow:0 2px 6px #0000000f;transform:translateY(-2px)}.cat-stat-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.cat-stat-content{flex:1 1;min-width:0}.cat-stat-value{color:#1a1a1a;font-size:1.375rem;font-weight:700;line-height:1;margin-bottom:.125rem}.cat-stat-label{color:#6c757d;font-size:.6875rem;font-weight:500;letter-spacing:.3px;line-height:1.2;text-transform:uppercase}.cat-content{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000a;padding:1rem}.cat-content-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.cat-search-box{flex:1 1;min-width:220px;position:relative}.cat-search-icon{color:#6c757d;font-size:.8125rem;left:.625rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cat-search-input{background:#fff;border:1px solid #e9ecef;border-radius:5px;font-size:.8125rem;padding:.5rem .625rem .5rem 2rem;transition:all .2s ease;width:100%}.cat-search-input:focus{border-color:#02593e;box-shadow:0 0 0 2px #02593e14;outline:none}.cat-search-input::placeholder{color:#adb5bd}.cat-filter-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem}.cat-filter-group{align-items:center;display:flex;gap:.375rem}.cat-filter-icon{color:#6c757d;flex-shrink:0;font-size:.75rem}.cat-filter-select{background:#fff;border:1px solid #e9ecef;border-radius:5px;color:#495057;cursor:pointer;font-size:.8125rem;font-weight:500;min-width:130px;padding:.5rem .625rem;transition:all .2s ease}.cat-filter-select:hover{border-color:#ced4da}.cat-filter-select:focus{border-color:#02593e;box-shadow:0 0 0 2px #02593e14;outline:none}.cat-table-container{border:1px solid #e9ecef;border-radius:5px;margin-top:.75rem;overflow-x:auto}.cat-table{background:#fff;border-collapse:collapse;min-width:950px;width:100%}.cat-table thead{background:#f8f9fa}.cat-table th{border-bottom:1px solid #e9ecef;color:#6c757d;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:.5rem .625rem;text-align:left;text-transform:uppercase;white-space:nowrap}.cat-table th:first-child{width:80px}.cat-table th:nth-child(3){width:180px}.cat-table th:nth-child(4){width:110px}.cat-table th:nth-child(5){width:130px}.cat-table th:nth-child(6){width:120px}.cat-table th:nth-child(7){width:90px}.cat-table td{border-bottom:1px solid #f1f3f5;color:#495057;font-size:.8125rem;padding:.625rem;vertical-align:middle}.cat-table tbody tr:last-child td{border-bottom:none}.cat-table-row{transition:background-color .15s ease}.cat-table-row:hover{background:#f8f9fa}.cat-order-badge{align-items:center;background:#02593e1a;border-radius:4px;color:#02593e;display:inline-flex;font-size:.6875rem;font-weight:700;justify-content:center;line-height:1;min-width:38px;padding:.25rem .5rem}.cat-name{align-items:center;color:#1a1a1a;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;line-height:1.3}.cat-name-icon{color:#02593e;flex-shrink:0;font-size:.875rem}.cat-slug{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;display:inline-block;font-family:Courier New,Courier,monospace;font-size:.75rem;line-height:1.2;max-width:100%;overflow:hidden;padding:.25rem .5rem;text-overflow:ellipsis;white-space:nowrap}.cat-type-badge{background:#02593e;border-radius:999px;color:#fff;letter-spacing:.3px;text-transform:uppercase}.cat-level-badge,.cat-type-badge{align-items:center;display:inline-flex;font-size:.6875rem;font-weight:700;justify-content:center;line-height:1;padding:.25rem .625rem;white-space:nowrap}.cat-level-badge{background:#fff;border:1.5px solid #ff6b35;border-radius:999px;color:#ff6b35}.cat-date-text{color:#6c757d;display:inline-block;font-size:.75rem;line-height:1.3;white-space:nowrap}.cat-action-buttons{align-items:center;display:flex;gap:.375rem;justify-content:flex-start}.cat-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:30px;justify-content:center;transition:all .15s ease;width:30px}.cat-action-edit{background:#3b82f61a;color:#3b82f6}.cat-action-edit:hover{background:#3b82f6;color:#fff;transform:scale(1.05)}.cat-action-delete{background:#ef44441a;color:#ef4444}.cat-action-delete:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.cat-pagination{align-items:center;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:space-between;margin-top:1rem;padding-top:.875rem}.cat-pagination-info{color:#6c757d;font-size:.75rem;line-height:1.4}.cat-pagination-controls{display:flex;flex-wrap:wrap;gap:.375rem}.cat-pagination-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;height:34px;justify-content:center;transition:all .15s ease;width:34px}.cat-pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#02593e;color:#02593e}.cat-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.cat-pagination-active{background:#02593e!important;border-color:#02593e!important;color:#fff!important}.cat-empty-state,.cat-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.cat-loading-spinner{animation:cat-spin .8s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#02593e;height:36px;margin-bottom:.625rem;width:36px}@keyframes cat-spin{to{transform:rotate(1turn)}}.cat-loading-state p{color:#6c757d;font-size:.8125rem;margin:0}.cat-empty-icon{color:#dee2e6;font-size:2.5rem;margin-bottom:.625rem}.cat-empty-state h3{color:#495057;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .375rem}.cat-empty-state p{color:#6c757d;font-size:.8125rem;line-height:1.4;margin:0}.cat-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.cat-modal-content{background:#fff;border-radius:6px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.cat-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 1.25rem}.cat-modal-header h2{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0}.cat-modal-close{align-items:center;background:#f8f9fa;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:.875rem;height:30px;justify-content:center;transition:all .15s ease;width:30px}.cat-modal-close:hover{background:#e9ecef;color:#495057}.cat-modal-body{padding:1.25rem}.cat-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:.625rem;justify-content:flex-end;padding:1rem 1.25rem}.cat-btn-cancel{background:#fff;border:1px solid #e9ecef;border-radius:5px;color:#6c757d;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1.125rem;transition:all .15s ease}.cat-btn-cancel:hover{background:#f8f9fa;border-color:#ced4da;color:#495057}.cat-btn-delete{align-items:center;background:#ef4444;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1.125rem;transition:all .15s ease}.cat-btn-delete:hover{background:#dc2626;box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.cat-modal-delete-header{background:#ef444408;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:center}.cat-warning-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;display:flex;font-size:1.375rem;height:48px;justify-content:center;margin:0 auto;width:48px}.cat-delete-message{color:#495057;font-size:.9375rem;line-height:1.5;margin:0 0 .5rem}.cat-delete-message strong{color:#1a1a1a}.cat-delete-warning{background:#f59e0b0d;border-left:3px solid #f59e0b;border-radius:4px;color:#6c757d;font-size:.8125rem;line-height:1.5;margin:0;padding:.625rem .875rem;text-align:left}.cat-button-spinner{animation:cat-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:13px;width:13px}@media (max-width:768px){.cat-page{padding:.625rem}.cat-page-header{align-items:flex-start;flex-direction:column;gap:.625rem;padding:.875rem 1rem}.cat-page-title{font-size:1.25rem}.cat-page-subtitle{font-size:.75rem}.cat-btn-primary{justify-content:center;padding:.625rem 1rem;width:100%}.cat-stats{gap:.5rem;grid-template-columns:1fr}.cat-stat-card{padding:.75rem}.cat-stat-icon{font-size:.9375rem;height:36px;width:36px}.cat-stat-value{font-size:1.25rem}.cat-content{padding:.875rem}.cat-content-header{flex-direction:column;gap:.5rem}.cat-search-box{min-width:100%;width:100%}.cat-filter-controls{flex-direction:column;width:100%}.cat-filter-group{width:100%}.cat-filter-select{min-width:100%;width:100%}.cat-table-container{margin-top:.625rem}.cat-table td,.cat-table th{font-size:.75rem;padding:.5rem .375rem}.cat-action-buttons{gap:.25rem}.cat-action-btn{font-size:.6875rem;height:28px;width:28px}.cat-pagination{align-items:stretch;flex-direction:column;gap:.625rem}.cat-pagination-info{text-align:center}.cat-pagination-controls{justify-content:center}.cat-pagination-btn{font-size:.75rem;height:32px;width:32px}.cat-modal-content{margin:.5rem;max-width:100%}.cat-modal-header{padding:.875rem 1rem}.cat-modal-header h2{font-size:1rem}.cat-modal-body{padding:1rem}.cat-modal-actions{flex-direction:column-reverse;gap:.5rem;padding:.875rem 1rem}.cat-btn-cancel,.cat-btn-delete{justify-content:center;width:100%}}@media (max-width:480px){.cat-page-title,.cat-stat-value{font-size:1.125rem}.cat-stat-label,.cat-table th{font-size:.625rem}.cat-table th{padding:.375rem .25rem}.cat-table td{font-size:.6875rem;padding:.5rem .25rem}.cat-name{font-size:.8125rem}.cat-slug{font-size:.6875rem}}.cat-id-badge{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:.75rem;justify-content:center;min-width:38px;padding:.25rem .5rem}.cat-id-badge,.cat-status-active,.cat-status-inactive{align-items:center;display:inline-flex;font-weight:700;line-height:1}.cat-status-active,.cat-status-inactive{border-radius:999px;font-size:.6875rem;gap:.375rem;padding:.25rem .625rem;white-space:nowrap}.cat-status-active{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.cat-status-inactive{background:#9ca3af1a;border:1px solid #9ca3af33;color:#9ca3af}.cat-status-icon{font-size:.875rem}.cat-table th:first-child{width:60px}.cat-table th:nth-child(2){width:200px}.cat-table th:nth-child(3){width:130px}.cat-table th:nth-child(4){width:140px}.cat-table th:nth-child(5),.cat-table th:nth-child(6){width:100px}.cat-table th:nth-child(7){width:120px}.cat-table th:nth-child(8){width:90px}.cat-header-actions{align-items:center;display:flex;gap:.75rem}.cat-btn-secondary{align-items:center;background:#fff;border:2px solid #02593e;border-radius:8px;color:#02593e;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.cat-btn-secondary:hover{background:#02593e;box-shadow:0 4px 12px #02593e33;color:#fff;transform:translateY(-2px)}.cat-btn-secondary svg{font-size:1rem;transition:transform .3s ease}.cat-btn-secondary:hover svg{transform:rotate(90deg)}.cat-btn-primary{align-items:center;background:linear-gradient(135deg,#02593e,#03714d);border:none;border-radius:8px;box-shadow:0 2px 8px #02593e33;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.cat-btn-primary:hover{background:linear-gradient(135deg,#03714d,#02593e);box-shadow:0 6px 20px #02593e4d;transform:translateY(-2px)}@media (max-width:640px){.cat-btn-text{display:none}.cat-header-actions{gap:.5rem}.cat-btn-primary,.cat-btn-secondary{height:42px;justify-content:center;padding:.75rem;width:42px}.cat-btn-primary svg,.cat-btn-secondary svg{margin:0}}.cat-info-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;justify-content:space-between;margin:0 auto 1.5rem;max-width:1400px;padding:1rem 1.5rem}.cat-info-banner,.cat-info-content{align-items:center;display:flex;gap:1rem}.cat-info-icon{color:#0284c7;flex-shrink:0;font-size:1.5rem}.cat-info-text{align-items:center;color:#0c4a6e;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem}.cat-info-text strong{font-weight:600}.cat-info-separator{color:#7dd3fc;font-weight:700}.cat-info-link{background:#0284c7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.cat-info-link:hover{background:#0369a1;transform:translateX(4px)}@media (max-width:768px){.cat-info-banner{align-items:flex-start;flex-direction:column}.cat-info-content{width:100%}.cat-info-text{align-items:flex-start;flex-direction:column;gap:.25rem}.cat-info-separator{display:none}.cat-info-link{text-align:center;width:100%}.cat-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.cat-header-actions{justify-content:flex-end;width:100%}}.purchases-page{animation:fadeIn .5s ease-in;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:1.5rem;width:100%}.page-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem}.header-left{flex:1 1;min-width:0}.page-title{color:#0f172a;font-size:1.75rem;font-weight:700;margin:0 0 .35rem}.page-subtitle{color:#64748b;font-size:.875rem;margin:0}.btn-primary{background:#3b82f6;display:flex;flex-shrink:0;font-size:.8rem;gap:.35rem;padding:.65rem 1.25rem;white-space:nowrap}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.purchases-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:.75rem;min-width:0;padding:1.25rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.stat-icon{border-radius:12px;font-size:1.25rem;height:48px;width:48px}.stat-content{min-width:0}.stat-value{color:#0f172a;font-size:1.5rem;font-weight:700}.stat-label{color:#64748b;font-size:.75rem}.purchases-content{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;max-width:100%;overflow:hidden;padding:1.25rem}.content-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem}.search-box{flex:1 1;max-width:400px;min-width:200px;position:relative}.search-icon{color:#94a3b8;font-size:.875rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.8125rem;padding:.65rem .75rem .65rem 2.5rem;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-controls{flex-wrap:wrap;gap:.5rem}.filter-controls,.filter-group{align-items:center;display:flex}.filter-group{background:#f8fafc;border-radius:8px;gap:.4rem;padding:.4rem .75rem}.filter-icon{color:#64748b;font-size:.75rem}.filter-select{background:#0000;border:none;color:#0f172a;cursor:pointer;font-size:.75rem;font-weight:600;outline:none;padding:0}.loading-state{padding:3rem 1rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}.loading-state p{color:#64748b;font-size:.9rem}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.empty-icon{color:#cbd5e1;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#475569;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#94a3b8;font-size:.875rem;margin:0}.table-container{-webkit-overflow-scrolling:touch;margin-bottom:1.5rem;overflow-x:auto;width:100%}.purchases-table{border-collapse:collapse;table-layout:auto;width:100%}.purchases-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.purchases-table th{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.75rem .5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.purchases-table th:first-child{width:80px}.purchases-table th:nth-child(2){width:120px}.purchases-table th:nth-child(3){width:140px}.purchases-table th:nth-child(4){width:100px}.purchases-table th:nth-child(5){width:200px}.purchases-table th:nth-child(6){width:80px}.purchases-table th:nth-child(7),.purchases-table th:nth-child(8){width:90px}.purchases-table th:nth-child(10),.purchases-table th:nth-child(9){width:100px}.purchases-table th:nth-child(11){width:90px}.purchases-table tbody .table-row{border-bottom:1px solid #e2e8f0;transition:background .2s}.purchases-table tbody .table-row:hover{background:#3b82f608}.purchases-table td{font-size:.8125rem;padding:.75rem .5rem;vertical-align:middle}.purchase-id{color:#3b82f6;font-size:.8125rem;font-weight:700;white-space:nowrap}.order-number{font-family:monospace;word-break:break-all}.date-cell,.order-number{color:#64748b;font-size:.7rem}.date-cell{align-items:center;display:flex;gap:.35rem}.date-icon{color:#94a3b8;flex-shrink:0;font-size:.65rem}.user-info{align-items:center;display:flex;gap:.5rem}.user-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);flex-shrink:0;font-size:.75rem;height:32px;width:32px}.user-details{display:flex;flex-direction:column;gap:.2rem;min-width:0}.user-id{color:#0f172a;font-size:.75rem;font-weight:600;white-space:nowrap}.item-info{display:flex;flex-direction:column;gap:.3rem}.item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:.8rem;font-weight:500;line-height:1.3;overflow:hidden}.item-meta{display:flex;flex-wrap:wrap;gap:.25rem}.item-tag{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.65rem;padding:.2rem .4rem}.item-tag,.type-badge{font-weight:600;white-space:nowrap}.type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;gap:.3rem;padding:.3rem .5rem}.type-free{background:#10b9811a;color:#10b981}.type-paid{background:#8b5cf61a;color:#8b5cf6}.amount-cell{white-space:nowrap}.purchase-amount{color:#0f172a;font-size:.875rem;font-weight:700}.download-info{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.4rem;white-space:nowrap}.download-icon{color:#10b981;font-size:.75rem}.download-limit{color:#94a3b8;font-size:.7rem}.status-badge{align-items:center;border-radius:12px;font-size:.7rem;font-weight:600;gap:.3rem;padding:.3rem .5rem;white-space:nowrap}.status-completed{background:#10b9811a;color:#10b981}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-cancelled{background:#ef44441a;color:#ef4444}.status-badge svg{font-size:.65rem}.action-buttons{display:flex;gap:.35rem}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn.view{background:#3b82f61a;color:#3b82f6}.action-btn.view:hover{background:#3b82f633}.action-btn.download{background:#10b9811a;color:#10b981}.action-btn.download:hover{background:#10b98133}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.pagination-info{color:#64748b;font-size:.75rem}.pagination-controls{display:flex;flex-wrap:wrap;gap:.3rem}.pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 .5rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideUp .3s ease;background:#fff;border-radius:16px;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem}.modal-header h2{color:#0f172a;font-size:1.35rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#f8fafc;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#e2e8f0;color:#0f172a}.modal-body{padding:1.25rem}.purchase-details{display:flex;flex-direction:column;gap:1.25rem}.detail-section{border-bottom:1px solid #e2e8f0;padding-bottom:1.25rem}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-section h3{align-items:center;color:#0f172a;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.detail-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:.3rem}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#64748b;font-size:.75rem;font-weight:500}.detail-value{color:#0f172a;font-size:.875rem;font-weight:600}.detail-value.discount{color:#10b981}.detail-value.purchase-total{color:#3b82f6;font-size:1rem}.detail-value.ip-address{font-family:monospace;font-size:.75rem}.detail-link{align-items:center;color:#3b82f6;display:inline-flex;font-weight:600;gap:.3rem;text-decoration:none;transition:all .2s}.detail-link:hover{color:#2563eb;text-decoration:underline}@media (max-width:1400px){.purchases-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.purchases-page{padding:1rem}.page-title{font-size:1.5rem}.page-header{flex-direction:column}.btn-primary{justify-content:center;width:100%}.content-header{align-items:stretch;flex-direction:column}.search-box{max-width:100%}}@media (max-width:768px){.purchases-page{padding:.75rem}.purchases-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.purchases-content{padding:.75rem}.purchases-table th{font-size:.65rem;padding:.5rem .35rem}.purchases-table td{padding:.6rem .35rem}.detail-grid{gap:.6rem;grid-template-columns:1fr}.pagination{align-items:flex-start;flex-direction:column}.pagination-info{width:100%}}@media (max-width:480px){.page-title{font-size:1.25rem}.page-subtitle{font-size:.75rem}.btn-primary{font-size:.7rem;padding:.5rem 1rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}}.modal-content::-webkit-scrollbar,.table-container::-webkit-scrollbar{height:6px;width:6px}.modal-content::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-content::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-avatar{align-items:center;background:linear-gradient(135deg,#02593e,#10b981);border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:800;height:34px;justify-content:center;min-width:34px;width:34px}.user-name{color:#0f172a;font-size:.82rem;font-weight:700}.user-username{color:#94a3b8;font-size:.72rem;font-weight:600}.user-phone{align-items:center;color:#64748b;display:flex;font-size:.72rem;gap:4px;margin-top:2px}.user-phone svg{font-size:.65rem}.btn-primary{align-items:center;background:linear-gradient(135deg,#02593e,#10b981);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#01472d,#0d9970);box-shadow:0 6px 12px #00000026}.btn-primary:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn-primary:disabled{opacity:.5}.btn-primary svg{font-size:1.1rem}.instructor-page{background:#f8f9fa;min-height:100vh;padding:1rem}.instructor-page-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.25rem 1.5rem}.instructor-header-left{flex:1 1}.instructor-page-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.instructor-page-subtitle{color:#6c757d;font-size:.875rem;margin:0}.instructor-btn-primary{align-items:center;background:#02593e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1.125rem;transition:all .2s ease;white-space:nowrap}.instructor-btn-primary:hover{background:#024d34;box-shadow:0 2px 8px #02593e33;transform:translateY(-1px)}.instructor-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.instructor-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000d;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.instructor-stat-card:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.instructor-stat-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1.125rem;height:45px;justify-content:center;width:45px}.instructor-stat-content{flex:1 1;min-width:0}.instructor-stat-value{color:#1a1a1a;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.125rem}.instructor-stat-label{color:#6c757d;font-size:.75rem;font-weight:500}.instructor-content{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000d;padding:1.25rem}.instructor-content-header{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.25rem}.instructor-search-box{flex:1 1;min-width:250px;position:relative}.instructor-search-icon{color:#6c757d;font-size:.875rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.instructor-search-input{border:1px solid #e9ecef;border-radius:6px;font-size:.875rem;padding:.625rem .75rem .625rem 2.25rem;transition:all .2s ease;width:100%}.instructor-search-input:focus{border-color:#02593e;box-shadow:0 0 0 2px #02593e14;outline:none}.instructor-filter-controls{display:flex;flex-wrap:wrap;gap:.5rem}.instructor-filter-select{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:.875rem;min-width:150px;padding:.625rem .75rem;transition:all .2s ease}.instructor-filter-select:focus{border-color:#02593e;outline:none}.instructor-btn-clear{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.instructor-btn-clear:hover{background:#e9ecef}.instructor-btn-export{align-items:center;background:#02593e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.instructor-btn-export:hover{background:#024d34}.instructor-table-container{border:1px solid #e9ecef;border-radius:6px;overflow-x:auto}.instructor-table{background:#fff;border-collapse:collapse;width:100%}.instructor-table thead{background:#f8f9fa}.instructor-table th{border-bottom:1px solid #e9ecef;color:#6c757d;font-size:.6875rem;font-weight:700;letter-spacing:.3px;padding:.625rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.instructor-table td{border-bottom:1px solid #e9ecef;padding:.75rem;vertical-align:middle}.instructor-table-row{transition:all .15s ease}.instructor-table-row:hover{background:#f8f9fa}.instructor-image-wrapper{border-radius:50%;box-shadow:0 1px 4px #0000001a;flex-shrink:0;height:60px;overflow:hidden;width:60px}.instructor-image{height:100%;object-fit:cover;width:100%}.instructor-details{display:flex;flex-direction:column;gap:.25rem}.instructor-name{color:#1a1a1a;font-size:.9375rem;font-weight:600;margin-bottom:.125rem}.instructor-meta{color:#6c757d;font-size:.8125rem;line-height:1.3}.instructor-designation{color:#02593e;font-weight:500}.instructor-email,.instructor-qualification{color:#6c757d;display:block}.instructor-specialization{display:flex;flex-direction:column;gap:.375rem}.instructor-spec-badge{background:#02593e1a;border-radius:4px;color:#02593e;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.instructor-spec-more{color:#6c757d;font-size:.75rem;font-style:italic}.instructor-stats-cell{display:flex;flex-direction:column;gap:.375rem}.instructor-stat-item{align-items:center;color:#495057;display:flex;font-size:.8125rem;gap:.375rem}.instructor-stat-icon-small{color:#02593e;flex-shrink:0;font-size:.75rem}.instructor-status-badges{display:flex;flex-direction:column;gap:.375rem}.instructor-badge-featured{background:#ffc107;color:#000}.instructor-badge-active,.instructor-badge-featured{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-align:center;white-space:nowrap}.instructor-badge-active{background:#02593e1a;color:#02593e}.instructor-badge-inactive{background:#e9ecef;border-radius:4px;color:#6c757d;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-align:center;white-space:nowrap}.instructor-action-buttons{display:flex;flex-wrap:nowrap;gap:.375rem}.instructor-action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;flex-shrink:0;font-size:.8125rem;height:32px;justify-content:center;transition:all .15s ease;width:32px}.instructor-action-view{background:#6c757d1a;color:#6c757d}.instructor-action-view:hover{background:#6c757d;color:#fff}.instructor-action-copy{background:#007bff1a;color:#007bff}.instructor-action-copy:hover{background:#007bff;color:#fff}.instructor-action-edit{background:#02593e1a;color:#02593e}.instructor-action-edit:hover{background:#02593e;color:#fff}.instructor-action-delete{background:#dc35451a;color:#dc3545}.instructor-action-delete:hover{background:#dc3545;color:#fff}.instructor-loading-state{padding:3rem;text-align:center}.instructor-loading-spinner{animation:instructor-spin .8s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#02593e;height:40px;margin:0 auto .75rem;width:40px}@keyframes instructor-spin{to{transform:rotate(1turn)}}.instructor-empty-state{padding:3rem;text-align:center}.instructor-empty-icon{color:#e9ecef;font-size:3rem;margin-bottom:.75rem}.instructor-empty-state h3{color:#495057;font-size:1.25rem;margin:0 0 .375rem}.instructor-empty-state p{color:#6c757d;font-size:.875rem;margin:0}.instructor-pagination{align-items:center;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:1.25rem;padding-top:1rem}.instructor-pagination-info{color:#6c757d;font-size:.8125rem}.instructor-pagination-controls{display:flex;flex-wrap:wrap;gap:.375rem}.instructor-pagination-btn{background:#fff;border:1px solid #e9ecef;border-radius:5px;cursor:pointer;font-size:.875rem;font-weight:500;height:36px;transition:all .15s ease;width:36px}.instructor-pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#02593e}.instructor-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.instructor-pagination-active{background:#02593e!important;border-color:#02593e!important;color:#fff!important}.instructor-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.instructor-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}.instructor-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.25rem}.instructor-modal-header h2{color:#1a1a1a;font-size:1.25rem;margin:0}.instructor-modal-close{align-items:center;background:#f8f9fa;border:none;border-radius:5px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.instructor-modal-close:hover{background:#e9ecef}.instructor-modal-body{padding:1.25rem}.instructor-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:.625rem;justify-content:flex-end;padding:1.25rem}.instructor-btn-cancel{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .15s ease}.instructor-btn-cancel:hover{background:#f8f9fa}.instructor-btn-delete,.instructor-btn-update{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;transition:all .15s ease}.instructor-btn-update{background:#02593e;color:#fff}.instructor-btn-update:hover{background:#024d34}.instructor-btn-delete{background:#dc3545;color:#fff}.instructor-btn-delete:hover{background:#c82333}.instructor-modal-delete-header{background:#fff5f5;border-bottom-color:#fee}.instructor-warning-icon{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:45px;justify-content:center;margin:0 auto .75rem;width:45px}.instructor-delete-message{color:#495057;font-size:1rem;margin:0 0 .75rem;text-align:center}.instructor-delete-warning{color:#6c757d;font-size:.875rem;margin:0;text-align:center}.instructor-form-group{margin-bottom:1.125rem}.instructor-form-label{color:#495057;display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem}.instructor-form-input,.instructor-form-textarea{border:1px solid #e9ecef;border-radius:6px;font-size:.875rem;padding:.625rem;transition:all .2s ease;width:100%}.instructor-form-input:focus,.instructor-form-textarea:focus{border-color:#02593e;box-shadow:0 0 0 2px #02593e14;outline:none}.instructor-form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.instructor-button-spinner{animation:instructor-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media (max-width:1200px){.instructor-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.instructor-page{padding:.75rem}.instructor-page-header{align-items:flex-start;flex-direction:column;gap:.75rem}.instructor-btn-primary{justify-content:center;width:100%}.instructor-stats{grid-template-columns:1fr}.instructor-content{padding:1rem}.instructor-content-header{flex-direction:column}.instructor-search-box{min-width:100%}.instructor-filter-controls{flex-direction:column;width:100%}.instructor-btn-clear,.instructor-btn-export,.instructor-filter-select{width:100%}.instructor-form-row{grid-template-columns:1fr}.instructor-table td,.instructor-table th{font-size:.75rem;padding:.5rem}.instructor-image-wrapper{height:50px;width:50px}.instructor-name{font-size:.875rem}.instructor-meta{font-size:.75rem}.instructor-pagination{align-items:flex-start;flex-direction:column}.instructor-pagination-controls{justify-content:center;width:100%}}@media (max-width:480px){.instructor-action-buttons{flex-wrap:wrap}.instructor-action-btn{font-size:.75rem;height:28px;width:28px}}.create-instructor-page{background:#f8f9fa;min-height:100vh;padding:2rem}.create-instructor-header{margin-bottom:2rem}.create-instructor-back-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.25rem;transition:all .3s ease}.create-instructor-back-btn:hover{background:#f8f9fa;border-color:#02593e;color:#02593e}.create-instructor-title{align-items:center;color:#1a1a1a;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0}.create-instructor-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.create-instructor-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.create-instructor-section{display:flex;flex-direction:column;gap:1.5rem}.create-instructor-section-title{border-bottom:2px solid #e9ecef;color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.create-instructor-form-group{display:flex;flex-direction:column}.create-instructor-label{color:#495057;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.create-instructor-required{color:#dc3545}.create-instructor-input,.create-instructor-textarea{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.create-instructor-input:focus,.create-instructor-textarea:focus{border-color:#02593e;box-shadow:0 0 0 3px #02593e1a;outline:none}.create-instructor-textarea{font-family:inherit;resize:vertical}.create-instructor-helper-text{color:#6c757d;font-size:.8125rem;margin-top:.375rem}.create-instructor-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.create-instructor-array-row{display:flex;gap:.75rem;margin-bottom:.75rem}.create-instructor-array-row .create-instructor-input{flex:1 1}.create-instructor-remove-btn{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:40px}.create-instructor-remove-btn:hover{background:#c82333}.create-instructor-add-btn{align-items:center;background:#fff;border:2px dashed #02593e;border-radius:8px;color:#02593e;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.create-instructor-add-btn:hover{background:#02593e0d}.create-instructor-checkbox-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500}.create-instructor-checkbox{accent-color:#02593e;cursor:pointer;height:20px;width:20px}.create-instructor-upload-container{margin-top:.5rem}.create-instructor-preview-single{aspect-ratio:1;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;overflow:hidden;position:relative;width:100%}.create-instructor-preview-single img{height:100%;object-fit:cover;width:100%}.create-instructor-remove-img-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:36px}.create-instructor-remove-img-btn:hover{background:#c82333;transform:scale(1.1)}.create-instructor-upload-box{align-items:center;border:3px dashed #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:3rem 2rem;text-align:center;transition:all .3s ease}.create-instructor-upload-box:hover{background:#02593e05;border-color:#02593e}.create-instructor-upload-icon{color:#6c757d;font-size:3rem}.create-instructor-upload-box span{color:#495057;font-size:1rem;font-weight:600}.create-instructor-upload-hint{color:#6c757d;font-size:.8125rem}.create-instructor-info-card{background:#f8f9fa;border-radius:12px;margin-top:1rem;padding:1.5rem}.create-instructor-info-card h3{align-items:center;color:#1a1a1a;display:flex;font-size:1rem;font-weight:600;margin:0 0 1rem}.create-instructor-info-card ul{margin:0;padding-left:1.25rem}.create-instructor-info-card li{color:#6c757d;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.create-instructor-actions{border-top:2px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem}.create-instructor-btn-cancel,.create-instructor-btn-submit{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.create-instructor-btn-cancel{background:#fff;border:2px solid #e9ecef;color:#495057}.create-instructor-btn-cancel:hover{background:#f8f9fa}.create-instructor-btn-submit{background:#02593e;border:none;color:#fff}.create-instructor-btn-submit:hover:not(:disabled){background:#024d34;box-shadow:0 4px 12px #02593e4d;transform:translateY(-2px)}.create-instructor-btn-submit:disabled{cursor:not-allowed;opacity:.6}.create-instructor-spinner{animation:create-instructor-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes create-instructor-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.create-instructor-grid{grid-template-columns:1fr}}@media (max-width:768px){.create-instructor-page{padding:1rem}.create-instructor-form{padding:1.5rem}.create-instructor-form-row{grid-template-columns:1fr}.create-instructor-actions{flex-direction:column}.create-instructor-btn-cancel,.create-instructor-btn-submit{justify-content:center;width:100%}}.create-cat-page{background:#f8f9fa;min-height:100vh;padding:1rem}.create-cat-header{margin-bottom:1.5rem}.create-cat-back-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.625rem 1rem;transition:all .2s ease}.create-cat-back-btn:hover{background:#f8f9fa;border-color:#02593e;color:#02593e}.create-cat-title{align-items:center;color:#1a1a1a;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.create-cat-form{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000d;padding:1.5rem}.create-cat-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:1.5rem}.create-cat-section{background:#f8f9fa;border-radius:6px;padding:1.25rem}.create-cat-section-title{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.create-cat-form-group{margin-bottom:1rem}.create-cat-label{color:#495057;display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem}.create-cat-required{color:#ef4444;margin-left:.25rem}.create-cat-input,.create-cat-select{border:1px solid #e9ecef;border-radius:6px;font-size:.875rem;padding:.625rem;transition:all .2s ease;width:100%}.create-cat-input:focus,.create-cat-select:focus{border-color:#02593e;box-shadow:0 0 0 2px #02593e14;outline:none}.create-cat-helper-text{color:#6c757d;display:block;font-size:.75rem;font-style:italic;margin-top:.375rem}.create-cat-form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.create-cat-btn-icon{align-items:center;background:#02593e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;padding:.625rem .875rem;transition:all .2s ease}.create-cat-btn-icon:hover{background:#024d34}.create-cat-info-card{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:1rem;padding:1rem}.create-cat-info-card h3{align-items:center;color:#1a1a1a;display:flex;font-size:1rem;font-weight:600;margin:0 0 .75rem}.create-cat-info-card ul{margin:0;padding-left:1.25rem}.create-cat-info-card li{color:#6c757d;font-size:.8125rem;line-height:1.5;margin-bottom:.375rem}.create-cat-preview-card{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem}.create-cat-preview-card h4{color:#495057;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.create-cat-url-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#02593e;font-family:Courier New,monospace;font-size:.8125rem;padding:.5rem;word-break:break-all}.create-cat-actions{border-top:1px solid #e9ecef;display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem}.create-cat-btn-cancel{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .15s ease}.create-cat-btn-cancel:hover{background:#f8f9fa}.create-cat-btn-submit{align-items:center;background:#02593e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;transition:all .15s ease}.create-cat-btn-submit:hover:not(:disabled){background:#024d34;box-shadow:0 2px 8px #02593e33;transform:translateY(-1px)}.create-cat-btn-submit:disabled{cursor:not-allowed;opacity:.7}.create-cat-spinner{animation:create-cat-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes create-cat-spin{to{transform:rotate(1turn)}}.create-cat-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.create-cat-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%}.create-cat-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.25rem}.create-cat-modal-header h2{color:#1a1a1a;font-size:1.25rem;margin:0}.create-cat-modal-close{align-items:center;background:#f8f9fa;border:none;border-radius:5px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.create-cat-modal-close:hover{background:#e9ecef}.create-cat-modal-body{padding:1.25rem}.create-cat-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:.625rem;justify-content:flex-end;padding:1.25rem}.create-cat-note{background:#02593e0d;border-radius:6px;margin-top:1rem;padding:.75rem}.create-cat-note p{color:#495057;font-size:.8125rem;line-height:1.5;margin:0}@media (max-width:768px){.create-cat-form-row,.create-cat-grid{grid-template-columns:1fr}.create-cat-actions{flex-direction:column-reverse}.create-cat-btn-cancel,.create-cat-btn-submit{justify-content:center;width:100%}.create-cat-modal-actions{flex-direction:column-reverse}}.smp-page{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--white) 100%);min-height:100vh}.smp-container{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:240px 1fr;margin:0 auto;max-width:var(--container-max-width);padding:.75rem 1rem 2rem}.smp-sidebar{background:var(--white);border:2px solid var(--primary-color);border-radius:6px;box-shadow:0 1px 3px #0000000a;height:-webkit-fit-content;height:fit-content;padding:1rem;position:-webkit-sticky;position:sticky;top:20px}.smp-filter-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.875rem;padding-bottom:.625rem}.smp-filter-title{align-items:center;color:var(--primary-color);display:flex;gap:.375rem}.smp-filter-title h3{font-size:.9375rem;font-weight:var(--font-bold);line-height:1.3;margin:0}.smp-filter-title svg{font-size:.875rem}.smp-clear-btn{background:var(--primary-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-size:.6875rem;font-weight:var(--font-semibold);padding:.25rem .625rem;transition:var(--transition-all)}.smp-clear-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.smp-search{margin-bottom:.875rem}.smp-search-wrapper{align-items:center;display:flex;position:relative}.smp-search-wrapper svg{color:var(--text-tertiary);font-size:.8125rem;left:.625rem;position:absolute}.smp-search-wrapper input{border:1px solid var(--border-color);border-radius:5px;font-family:var(--font-primary);font-size:.8125rem;padding:.5rem .5rem .5rem 2rem;transition:var(--transition-all);width:100%}.smp-search-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-pale);outline:none}.smp-search-wrapper input::placeholder{color:#adb5bd}.smp-filter-section{border-bottom:1px solid var(--border-color);margin-bottom:.875rem;padding-bottom:.875rem}.smp-filter-section:last-of-type{border-bottom:none}.smp-filter-section-title{color:var(--primary-color);font-size:.8125rem;font-weight:var(--font-bold);line-height:1.3;margin:0 0 .625rem}.smp-filter-options{display:flex;flex-direction:column;gap:.5rem}.smp-filter-option{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;line-height:1.3;transition:var(--transition-fast)}.smp-filter-option:hover{color:var(--primary-color)}.smp-filter-option input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:14px;width:14px}.smp-stats-box{align-items:center;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.625rem;margin-top:1rem;padding:.875rem}.smp-stats-primary{background:var(--gradient-primary)}.smp-stats-icon{align-items:center;background:#fff3;border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.smp-stats-content{flex:1 1;min-width:0}.smp-stats-value{color:var(--white);font-size:1.5rem;font-weight:var(--font-extrabold);line-height:1}.smp-stats-label{color:#ffffffe6;font-size:.625rem;line-height:1.2;margin-top:.125rem}.smp-stats-boxes{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:.5rem}.smp-stats-box-small{align-items:center;border-radius:6px;color:var(--white);display:flex;font-size:.875rem;gap:.5rem;padding:.625rem}.smp-stats-free{background:var(--gradient-green)}.smp-stats-paid{background:var(--gradient-orange)}.smp-stats-value-sm{font-size:1.125rem;font-weight:var(--font-bold);line-height:1}.smp-stats-label-sm{font-size:.625rem;line-height:1.2;opacity:.9}.smp-main{min-height:400px}.smp-results-header{align-items:center;border-bottom:2px solid var(--primary-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.625rem}.smp-results-header h2{color:var(--primary-color);font-size:1.375rem;font-weight:var(--font-extrabold);line-height:1.3;margin:0}.smp-results-count{color:var(--text-tertiary);font-size:.8125rem;font-weight:var(--font-semibold)}.smp-results-subtitle{color:var(--text-tertiary);font-size:.75rem;line-height:1.3;margin:.125rem 0 0}.smp-books-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.smp-book-card{background:var(--white);border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden;position:relative;transition:var(--transition-all)}.smp-book-card:hover{border-color:var(--accent-green);box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.smp-badges{display:flex;flex-direction:column;gap:.25rem;left:8px;position:absolute;top:8px;z-index:2}.smp-badge{border-radius:999px;box-shadow:0 1px 3px #0003;font-size:.625rem;font-weight:var(--font-bold);line-height:1;padding:.25rem .5rem;text-transform:uppercase}.smp-badge-featured{background:var(--gradient-orange);color:var(--white)}.smp-badge-new{background:var(--gradient-red);color:var(--white)}.smp-free-ribbon,.smp-paid-ribbon{align-items:center;box-shadow:0 2px 4px #0003;color:var(--white);display:flex;font-size:.625rem;font-weight:var(--font-extrabold);gap:.25rem;line-height:1;padding:.375rem 2rem;position:absolute;right:-30px;text-transform:uppercase;top:15px;transform:rotate(45deg);z-index:3}.smp-free-ribbon{background:var(--gradient-green)}.smp-paid-ribbon{background:var(--gradient-orange)}.smp-book-cover{align-items:center;background:var(--gradient-primary);display:flex;height:220px;justify-content:center;overflow:hidden;position:relative}.smp-book-cover img{height:100%;object-fit:cover;width:100%}.smp-cover-placeholder{color:#ffffff4d;font-size:4rem}.smp-language{background:#fffffff2;border-radius:4px;bottom:8px;color:var(--primary-color);font-size:.625rem;font-weight:var(--font-bold);line-height:1;padding:.25rem .5rem;position:absolute;right:8px}.smp-book-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.smp-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin:0}.smp-tag{border-radius:4px;font-size:.625rem;font-weight:var(--font-bold);line-height:1;padding:.25rem .5rem;text-transform:uppercase}.smp-tag-primary{background:var(--primary-color);color:var(--white)}.smp-tag-secondary{background:var(--accent-green);color:var(--white)}.smp-book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--primary-color);display:-webkit-box;font-size:.9375rem;font-weight:var(--font-bold);line-height:1.3;margin:0;min-height:2.6em;overflow:hidden}.smp-subject{align-items:center;color:var(--secondary-color);display:flex;font-size:.75rem;font-weight:var(--font-semibold);gap:.375rem;line-height:1.3;margin:0}.smp-subject-icon{flex-shrink:0;font-size:.75rem}.smp-authors{align-items:center;color:var(--text-secondary);display:flex;font-size:.6875rem;gap:.375rem;line-height:1.3;margin:0}.smp-author-icon{flex-shrink:0;font-size:.75rem}.smp-topic-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin:0}.smp-topic-tag{background:var(--primary-pale);border-radius:3px;color:var(--primary-color);font-size:.625rem;font-weight:var(--font-semibold);line-height:1.2;padding:.1875rem .5rem}.smp-price-section{margin:0;padding:0}.smp-price-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.smp-price-main{color:var(--primary-color);font-size:1.125rem;font-weight:var(--font-bold);line-height:1}.smp-price-original{color:var(--text-muted);font-size:.75rem;line-height:1;text-decoration:line-through}.smp-discount-badge{background:var(--accent-green);border-radius:3px;color:var(--white);font-size:.625rem;font-weight:var(--font-bold);line-height:1;padding:.125rem .375rem}.smp-downloads-info{align-items:center;background:var(--primary-pale);border-radius:4px;color:var(--primary-color);display:inline-flex;font-size:.625rem;font-weight:var(--font-semibold);gap:.375rem;line-height:1.2;margin:0;padding:.375rem .625rem}.smp-download-icon{flex-shrink:0;font-size:.75rem}.smp-actions{border-top:1px solid var(--border-color);display:block;margin-top:.5rem;padding-top:.5rem}.smp-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.8125rem;font-weight:var(--font-bold);gap:.375rem;justify-content:center;line-height:1;padding:.625rem .875rem;transition:var(--transition-all);width:100%}.smp-btn svg{font-size:.875rem}.smp-btn-download{background:var(--gradient-green);color:var(--white)}.smp-btn-download:hover:not(:disabled){background:var(--accent-green-dark);box-shadow:0 2px 8px #10b9814d;transform:translateY(-2px)}.smp-btn-cart{background:var(--primary-color);color:var(--white)}.smp-btn-cart:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 8px #02593e4d;transform:translateY(-2px)}.smp-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.smp-spinner{animation:smpSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);height:14px;width:14px}@keyframes smpSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.smp-no-results{padding:3rem 1.5rem;text-align:center}.smp-no-results-icon{color:var(--gray-300);font-size:4rem;margin-bottom:.75rem}.smp-no-results h3{color:var(--text-secondary);font-size:1.25rem;line-height:1.3;margin:0 0 .375rem}.smp-no-results p{color:var(--text-tertiary);font-size:.875rem;line-height:1.4;margin:0 0 1.5rem}.smp-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9375rem;gap:.75rem;justify-content:center;min-height:100vh}.smp-loader{animation:smpSpin 1s linear infinite;border-top:4px solid var(--primary-pale);border:4px solid var(--primary-pale);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.smp-pagination{border-top:1px solid var(--border-color);gap:.75rem;justify-content:center;margin-top:2rem;padding-top:1rem}.smp-page-btn,.smp-pagination{align-items:center;display:flex}.smp-page-btn{background:var(--white);border:2px solid var(--primary-color);border-radius:5px;color:var(--primary-color);cursor:pointer;font-size:.75rem;font-weight:var(--font-semibold);gap:.375rem;padding:.5rem .875rem;transition:var(--transition-all)}.smp-page-btn svg{font-size:.875rem}.smp-page-btn:hover:not(:disabled){background:var(--primary-color);color:var(--white);transform:translateY(-1px)}.smp-page-btn:disabled{cursor:not-allowed;opacity:.5}.smp-page-numbers{display:flex;gap:.375rem}.smp-page-number{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);cursor:pointer;display:flex;font-size:.75rem;font-weight:var(--font-semibold);height:34px;justify-content:center;transition:var(--transition-all);width:34px}.smp-page-number:hover{background:var(--primary-pale);border-color:var(--primary-color)}.smp-page-number.smp-active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}@media (max-width:992px){.smp-container{gap:1rem;grid-template-columns:1fr}.smp-sidebar{position:static}.smp-books-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.smp-container{padding:.625rem .75rem 1.5rem}.smp-results-header{align-items:flex-start;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.smp-results-header h2{font-size:1.125rem}.smp-results-count{font-size:.75rem}.smp-books-grid{gap:.875rem;grid-template-columns:1fr}.smp-book-cover{height:200px}.smp-pagination{flex-direction:column;gap:.625rem}.smp-page-numbers{order:-1}.smp-stats-boxes{grid-template-columns:1fr}}@media (max-width:480px){.smp-container{padding:.5rem .625rem 1rem}.smp-sidebar{padding:.875rem}.smp-book-cover{height:180px}.smp-book-info{padding:.75rem}.smp-book-title{font-size:.875rem}.smp-page-number{font-size:.6875rem;height:32px;width:32px}}.ctlp-page{background:linear-gradient(180deg,#f8f9fa,#fff);min-height:100vh;padding:1.5rem .75rem}.ctlp-header{margin:0 auto 1.25rem;max-width:1400px;padding:0 .75rem}.ctlp-header-content h1{color:#02593e;font-size:1.5rem;font-weight:800;margin:0 0 .25rem}.ctlp-header-content p{color:#6c757d;font-size:.875rem;margin:0}.ctlp-alert{align-items:center;animation:slideDown .3s ease;border-radius:6px;display:flex;gap:.75rem;margin:0 auto 1rem;max-width:1400px;padding:.75rem 1rem}.ctlp-alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.ctlp-alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.ctlp-alert-icon{flex-shrink:0;font-size:1rem}.ctlp-alert p{font-size:.875rem;font-weight:600;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ctlp-tabs{display:flex;gap:.75rem;margin:0 auto 1.25rem;max-width:1400px;padding:0 .75rem}.ctlp-tab{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.4rem;justify-content:center;max-width:250px;padding:.65rem 1rem;transition:all .3s ease}.ctlp-tab:hover{border-color:#02593e;color:#02593e;transform:translateY(-1px)}.ctlp-tab-active{background:#02593e;border-color:#02593e;color:#fff}.ctlp-section{margin:0 auto;max-width:1400px;padding:0 .75rem}.ctlp-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ctlp-section-header h2{color:#212529;font-size:1.25rem;font-weight:700;margin:0}.ctlp-btn-primary{align-items:center;background:linear-gradient(135deg,#02593e,#03714d);border:none;border-radius:6px;box-shadow:0 2px 6px #02593e33;color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:700;gap:.4rem;padding:.6rem 1.25rem;transition:all .3s ease}.ctlp-btn-primary:hover{background:linear-gradient(135deg,#03714d,#02593e);box-shadow:0 3px 12px #02593e4d;transform:translateY(-1px)}.ctlp-btn-secondary{background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.6rem 1.25rem;transition:all .3s ease}.ctlp-btn-secondary:hover{border-color:#02593e;color:#02593e}.ctlp-btn-delete-sm{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.8125rem;padding:.4rem;transition:all .2s ease}.ctlp-btn-delete-sm:hover{background:#dc35451a;transform:scale(1.1)}.ctlp-loading{color:#6c757d;font-size:1rem;padding:2rem;text-align:center}.ctlp-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.ctlp-table{border-collapse:collapse;width:100%}.ctlp-table thead{background:#02593e;color:#fff}.ctlp-table th{font-size:.6875rem;font-weight:700;letter-spacing:.3px;padding:.65rem .875rem;text-align:left;text-transform:uppercase;white-space:nowrap}.ctlp-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background .2s ease}.ctlp-table tbody tr:hover{background:#f8f9fa}.ctlp-table tbody tr:last-child{border-bottom:none}.ctlp-table td{color:#495057;font-size:.8125rem;padding:.65rem .875rem;vertical-align:middle}.ctlp-type-name{align-items:center;color:#212529;display:flex;font-weight:600;gap:.6rem}.ctlp-type-name i{font-size:1.125rem}.ctlp-td-name{color:#212529;font-weight:600}.ctlp-td-slug{color:#6c757d;font-family:monospace;font-size:.75rem}.ctlp-td-description{color:#6c757d;font-size:.8125rem;line-height:1.4;max-width:200px}.ctlp-td-center{text-align:center}.ctlp-td-date{color:#6c757d;font-size:.75rem}.ctlp-code-badge{background:#e7f3ff;color:#06c;padding:.2rem .6rem;text-transform:uppercase}.ctlp-code-badge,.ctlp-id-badge{border-radius:4px;display:inline-block;font-family:monospace;font-size:.6875rem;font-weight:700}.ctlp-id-badge{background:#f8f9fa;color:#6c757d;padding:.2rem .5rem}.ctlp-stat-number{color:#02593e;font-size:.9375rem;font-weight:700}.ctlp-status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.6875rem;font-weight:600;gap:.3rem;padding:.3rem .65rem}.ctlp-status-dot{font-size:.4rem}.ctlp-status-active{background:#d4edda;color:#155724}.ctlp-status-inactive{background:#f8d7da;color:#721c24}.ctlp-empty{background:#fff;border:2px dashed #e9ecef;border-radius:8px;padding:2.5rem;text-align:center}.ctlp-empty-icon{color:#dee2e6;font-size:3rem;margin-bottom:.75rem}.ctlp-empty p{color:#6c757d;font-size:1rem;margin:0 0 1rem}.ctlp-modal{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ctlp-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:650px;overflow-y:auto;width:100%}.ctlp-modal-small{max-width:450px}.ctlp-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.ctlp-modal-header h2{color:#02593e;font-size:1.25rem;font-weight:700;margin:0}.ctlp-modal-close{background:#0000;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1.125rem;height:36px;transition:all .2s ease;width:36px}.ctlp-modal-close:hover{background:#f8f9fa;color:#212529}.ctlp-modal-body{padding:1.5rem}.ctlp-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.ctlp-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.ctlp-form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.ctlp-form-group label{color:#495057;font-size:.8125rem;font-weight:600}.ctlp-form-group input,.ctlp-form-group select,.ctlp-form-group textarea{border:1px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:.8125rem;padding:.65rem;transition:all .2s ease}.ctlp-form-group input:focus,.ctlp-form-group select:focus,.ctlp-form-group textarea:focus{border-color:#02593e;box-shadow:0 0 0 3px #02593e1a;outline:none}.ctlp-form-group input:read-only{background:#f8f9fa;color:#6c757d}.ctlp-color-preview{border:1px solid #e9ecef;border-radius:6px;height:36px;margin-top:.4rem;width:36px}@media (max-width:768px){.ctlp-page{padding:1rem .5rem}.ctlp-header{margin-bottom:1rem}.ctlp-header-content h1{font-size:1.25rem}.ctlp-header-content p{font-size:.8125rem}.ctlp-tabs{flex-direction:column;gap:.5rem}.ctlp-tab{max-width:none;padding:.6rem 1rem}.ctlp-section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.ctlp-section-header h2{font-size:1.125rem}.ctlp-form-row{gap:.75rem;grid-template-columns:1fr}.ctlp-table-container{overflow-x:auto}.ctlp-table{min-width:800px}.ctlp-table td,.ctlp-table th{padding:.5rem .65rem}.ctlp-modal-content{max-width:100%}.ctlp-modal-header{padding:1rem 1.25rem}.ctlp-modal-body{padding:1.25rem}.ctlp-modal-footer{padding:.875rem 1.25rem}}@media (max-width:480px){.ctlp-page{padding:.75rem .5rem}.ctlp-header-content h1{font-size:1.125rem}.ctlp-btn-primary,.ctlp-btn-secondary{font-size:.75rem;padding:.55rem 1rem}.ctlp-table th{font-size:.625rem;padding:.5rem}.ctlp-table td{font-size:.75rem;padding:.5rem}.ctlp-type-name{gap:.5rem}.ctlp-type-name i{font-size:1rem}}.modern-faculty-page{background:#f8fafc;min-height:100vh;padding:var(--spacing-lg)}.faculty-hero{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 4px 24px #00000014;margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);position:relative}.hero-background{display:none}.hero-content{margin:0 auto;max-width:1600px}.floating-back-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:var(--radius-lg);color:var(--primary-color);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition-all)}.floating-back-btn:hover{background:var(--primary-color);color:var(--white);transform:translateX(-4px)}.hero-grid{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:240px 1fr}.hero-image-section{position:relative}.modern-featured-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-full);box-shadow:0 4px 16px #f59e0b66;color:var(--white);display:flex;font-size:.65rem;font-weight:var(--font-extrabold);gap:.3rem;letter-spacing:.5px;padding:.3rem .6rem;position:absolute;right:-8px;text-transform:uppercase;top:-8px;z-index:10}.profile-image-container{aspect-ratio:1;border:3px solid var(--primary-color);border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;overflow:hidden;position:relative;width:100%}.modern-profile-image{height:100%;object-fit:cover;width:100%}.modern-profile-placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-muted);display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.modern-social-links{display:flex;gap:.4rem;justify-content:center;margin-top:var(--spacing-md)}.modern-social-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--text-base);height:38px;justify-content:center;text-decoration:none;transition:var(--transition-all);width:38px}.modern-social-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.modern-social-btn.linkedin:hover{background:#0077b5;border-color:#0077b5;color:var(--white)}.modern-social-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:var(--white)}.modern-social-btn.facebook:hover{background:#1877f2;border-color:#1877f2;color:var(--white)}.hero-info-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.modern-faculty-name{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:1.2;margin:0}.modern-designation{font-size:var(--text-lg);margin:0}.modern-designation,.qualification-badge{color:var(--primary-color);font-weight:var(--font-bold)}.qualification-badge{align-items:center;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);gap:var(--spacing-xs);padding:.4rem .8rem;width:-webkit-fit-content;width:fit-content}.hero-stats-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.hero-stat-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:var(--transition-all)}.hero-stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #02593e26;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-md);color:var(--white);display:flex;flex-shrink:0;font-size:var(--text-lg);height:44px;justify-content:center;width:44px}.stat-icon.rating{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.courses{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.students{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.experience{background:linear-gradient(135deg,#10b981,#059669)}.stat-content{flex:1 1}.stat-value{color:var(--brand-navy);font-size:var(--text-xl);line-height:1;margin-bottom:.2rem}.stat-label{font-size:.65rem;font-weight:var(--font-bold);letter-spacing:.5px}.faculty-content-wrapper{margin:0 auto;max-width:1600px}.content-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.modern-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 24px #00000014;padding:var(--spacing-lg);transition:var(--transition-all)}.modern-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.header-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:var(--white);display:flex;flex-shrink:0;font-size:var(--text-base);height:36px;justify-content:center;width:36px}.card-header h2{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-extrabold);margin:0}.modern-bio{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--text-sm);line-height:1.6;margin:0;overflow:hidden}.modern-expertise-grid{display:flex;flex-wrap:wrap;gap:.4rem}.modern-expertise-chip{align-items:center;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:var(--radius-full);color:var(--primary-color);display:flex;font-size:.75rem;font-weight:var(--font-bold);gap:.3rem;padding:.4rem .7rem;transition:var(--transition-all)}.modern-expertise-chip:hover{background:var(--gradient-primary);color:var(--white);transform:scale(1.05)}.modern-expertise-chip svg{flex-shrink:0;font-size:.85rem}.modern-contact-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modern-contact-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none;transition:var(--transition-all)}.modern-contact-card:hover{border-color:var(--primary-color);transform:translateX(4px)}.contact-icon-wrapper{align-items:center;border-radius:var(--radius-md);color:var(--white);display:flex;flex-shrink:0;font-size:var(--text-lg);height:44px;justify-content:center;width:44px}.contact-icon-wrapper.email{background:linear-gradient(135deg,#3b82f6,#2563eb)}.contact-icon-wrapper.phone{background:linear-gradient(135deg,#10b981,#059669)}.contact-details{display:flex;flex-direction:column;gap:.2rem}.contact-type{color:var(--text-muted);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.contact-info,.contact-type{font-weight:var(--font-bold)}.contact-info{color:var(--primary-color);font-size:var(--text-sm)}.impact-card{background:var(--gradient-primary);color:var(--white);grid-column:1/-1}.impact-card .card-header{border-bottom-color:#ffffff4d}.impact-card .header-icon{background:#fff3}.impact-card .card-header h2{color:var(--white)}.modern-impact-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.impact-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:var(--transition-all)}.impact-item:hover{background:#ffffff40;transform:translateY(-2px)}.impact-icon{align-items:center;background:var(--white);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--text-lg);height:44px;justify-content:center;width:44px}.impact-icon.courses-icon{color:#3b82f6}.impact-icon.students-icon{color:#8b5cf6}.impact-icon.rating-icon{color:#f59e0b}.impact-icon.experience-icon{color:#10b981}.impact-data{flex:1 1}.impact-number{color:var(--white);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-extrabold);line-height:1;margin-bottom:.2rem}.impact-text{color:#ffffffe6;font-size:.65rem;font-weight:var(--font-bold);letter-spacing:.5px;text-transform:uppercase}.faculty-detail-error,.faculty-detail-loading{align-items:center;background:#f8fafc;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:100vh}.modern-loader{display:flex;gap:var(--spacing-sm)}.loader-circle{animation:bounce 1.4s ease-in-out infinite both;background:var(--primary-color);border-radius:50%;height:12px;width:12px}.loader-circle:first-child{animation-delay:-.32s}.loader-circle:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.faculty-detail-loading p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.error-container{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 4px 24px #00000014;max-width:400px;padding:var(--spacing-xl);text-align:center}.error-icon-wrapper{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.error-icon{color:var(--text-muted);font-size:2.5rem}.error-container h2{color:var(--brand-navy);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-sm) 0}.error-container p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--spacing-lg) 0}.modern-back-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 16px #02593e4d;color:var(--white);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:var(--transition-all)}.modern-back-btn:hover{box-shadow:0 8px 24px #02593e66;transform:translateY(-2px)}@media (max-width:1400px){.hero-grid{grid-template-columns:220px 1fr}}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}.modern-impact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modern-faculty-page{padding:var(--spacing-md)}.faculty-hero{padding:var(--spacing-lg)}.hero-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.hero-image-section{margin:0 auto;max-width:200px}.modern-faculty-name{font-size:var(--text-2xl)}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.modern-card{padding:var(--spacing-md)}.modern-impact-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-stats-grid{grid-template-columns:1fr}.stat-icon{font-size:var(--text-base);height:40px;width:40px}.modern-social-btn{font-size:.9rem;height:36px;width:36px}}.admin-faq-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)}.admin-faq-container{margin:0 auto;max-width:1200px}.admin-faq-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.admin-faq-title{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0}.admin-faq-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0 0}.admin-faq-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.admin-faq-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-faq-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.admin-faq-search{flex:1 1;min-width:250px;position:relative}.admin-faq-search svg{color:var(--text-muted);font-size:var(--text-base);left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.admin-faq-search input{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem;transition:var(--transition-all);width:100%}.admin-faq-search input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.admin-faq-category-filter{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.admin-faq-category-filter:focus{border-color:var(--primary-color);outline:none}.admin-faq-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.admin-faq-stat-card{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:center}.admin-faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-faq-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:var(--transition-all)}.admin-faq-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.admin-faq-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.admin-faq-card-title h3{color:var(--brand-navy);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm) 0}.admin-faq-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.badge-category{background:var(--primary-pale);border:1px solid var(--primary-color);color:var(--primary-color)}.admin-faq-card-actions{display:flex;gap:var(--spacing-xs)}.admin-faq-card-answer{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--spacing-md) 0}.admin-faq-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.tag{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.7rem;font-weight:var(--font-medium);padding:.25rem .6rem}.admin-faq-card-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm)}.footer-item{color:var(--text-muted);font-size:.75rem;font-weight:var(--font-medium)}.admin-faq-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-3xl)}.admin-faq-loading p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold)}.admin-faq-empty{background:var(--white);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center}.admin-faq-empty p{color:var(--text-muted);font-size:var(--text-lg);margin:0}.admin-faq-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.admin-faq-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.admin-faq-modal-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.admin-faq-modal-header h2{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0}.admin-faq-form{padding:var(--spacing-xl)}.form-group textarea{min-height:100px}.admin-faq-modal-footer{border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.admin-faq-page{padding:var(--spacing-md)}.admin-faq-header{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.form-checkboxes{flex-direction:column;gap:var(--spacing-sm)}.admin-faq-stats{grid-template-columns:1fr}}.admin-banner-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)}.admin-banner-container{margin:0 auto;max-width:1400px}.admin-banner-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.admin-banner-title{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0}.admin-banner-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0 0}.admin-banner-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.admin-banner-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-banner-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.admin-banner-filter{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:200px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.admin-banner-filter:focus{border-color:var(--primary-color);outline:none}.admin-banner-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.admin-banner-stat-card{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:center}.admin-banner-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.admin-banner-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.admin-banner-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-banner-card-image{background:var(--bg-light);height:200px;overflow:hidden;position:relative;width:100%}.admin-banner-card-image img{height:100%;object-fit:cover;width:100%}.admin-banner-link-badge{align-items:center;background:#000000b3;border-radius:var(--radius-full);color:var(--white);display:flex;font-size:var(--text-sm);height:32px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);width:32px}.admin-banner-card-content{padding:var(--spacing-lg)}.admin-banner-card-header{display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.admin-banner-card-header h3{color:var(--brand-navy);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--spacing-xs) 0}.admin-banner-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--text-sm);margin:0;overflow:hidden}.admin-banner-card-actions{display:flex;gap:var(--spacing-xs)}.admin-banner-badges{gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.badge-placement{background:var(--primary-pale);border:1px solid var(--primary-color);color:var(--primary-color)}.badge-page-type{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.admin-banner-card-footer{border-top:1px solid var(--border-color);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:var(--font-medium);gap:var(--spacing-md);padding-top:var(--spacing-sm)}.ctr-badge{background:var(--gradient-green);border-radius:var(--radius-sm);color:var(--white);font-weight:var(--font-bold);padding:.2rem .5rem}.admin-banner-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-3xl)}.admin-banner-loading p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold)}.admin-banner-empty{align-items:center;background:var(--white);border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);grid-column:1/-1;padding:var(--spacing-3xl);text-align:center}.admin-banner-empty svg{color:var(--text-muted);font-size:var(--text-4xl)}.admin-banner-empty p{color:var(--text-muted);font-size:var(--text-lg);margin:0}.admin-banner-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.admin-banner-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.admin-banner-modal-header{align-items:center;background:var(--white);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-banner-modal-header h2{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0}.admin-banner-form{padding:var(--spacing-xl)}.image-preview{max-height:200px}.admin-banner-modal-footer{border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.admin-banner-page{padding:var(--spacing-md)}.admin-banner-header{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.form-checkboxes{flex-direction:column;gap:var(--spacing-sm)}.admin-banner-list{grid-template-columns:1fr}.admin-banner-stats{grid-template-columns:1fr 1fr}}.ts-page{background:var(--bg-light);min-height:100vh;padding:var(--spacing-xl) 0}.ts-container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl)}.ts-loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh}.ts-spinner{animation:tsSpinner .8s linear infinite;border:5px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:60px;width:60px}@keyframes tsSpinner{to{transform:rotate(1turn)}}.ts-loading-container p{color:var(--text-muted);font-size:var(--text-lg);font-weight:var(--font-semibold)}.ts-error-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh;text-align:center}.ts-error-container h2{color:var(--text-dark);font-size:var(--text-2xl);margin:0}.ts-error-container p{color:var(--text-muted);font-size:var(--text-base);margin:0}.ts-breadcrumb{flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.ts-back-btn,.ts-breadcrumb{align-items:center;display:flex}.ts-back-btn{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.ts-back-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.ts-breadcrumb-text{color:var(--text-muted);font-size:var(--text-sm)}.ts-breadcrumb-text span{color:var(--primary-color);font-weight:var(--font-semibold)}.ts-header{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.ts-category-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ts-category-badge{background:var(--primary-color);color:var(--white);font-weight:var(--font-bold);letter-spacing:.5px;text-transform:uppercase}.ts-category-badge,.ts-subcategory-badge{border-radius:var(--radius-full);font-size:.75rem;padding:.4rem .8rem}.ts-subcategory-badge{background:var(--bg-secondary);color:var(--text-secondary);font-weight:var(--font-semibold)}.ts-featured-badge{align-items:center;background:var(--gradient-orange);border-radius:var(--radius-full);color:var(--white);display:flex;font-size:.75rem;font-weight:var(--font-bold);gap:.3rem;padding:.4rem .8rem}.ts-title{color:var(--brand-navy);font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:1.3}.ts-subject,.ts-title{margin:0 0 var(--spacing-md) 0}.ts-subject{color:var(--text-secondary);font-size:var(--text-base)}.ts-subject strong{color:var(--text-dark)}.ts-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:0 0 var(--spacing-xl) 0}.ts-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-xl)}.ts-stat-item{align-items:center;background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.ts-stat-icon{color:var(--primary-color);font-size:var(--text-2xl)}.ts-stat-value{color:var(--brand-navy);font-size:var(--text-xl);font-weight:var(--font-extrabold);line-height:1;margin-bottom:.25rem}.ts-stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.ts-pricing{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ts-price-main{align-items:baseline;display:flex;gap:var(--spacing-md)}.ts-current-price{color:var(--accent-red);font-size:var(--text-3xl);font-weight:var(--font-extrabold)}.ts-original-price{color:var(--gray-400);font-size:var(--text-xl);font-weight:var(--font-semibold);text-decoration:line-through;text-decoration-thickness:2px}.ts-savings{background:var(--bg-green-light);border-radius:var(--radius-md);color:var(--accent-green);font-size:var(--text-sm);font-weight:var(--font-bold);padding:.4rem .8rem}.ts-free-badge,.ts-savings{display:inline-block;width:-webkit-fit-content;width:fit-content}.ts-free-badge{background:var(--gradient-green);border-radius:var(--radius-lg);color:var(--white);font-size:var(--text-xl);font-weight:var(--font-extrabold);letter-spacing:1px;padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase}.ts-papers-section{margin-bottom:var(--spacing-2xl)}.ts-section-title{border-bottom:3px solid var(--primary-color);color:var(--brand-navy);font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-md)}.ts-papers-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ts-paper-card{background:linear-gradient(135deg,#5b1b7e,#3a0f54);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:var(--transition-all)}.ts-paper-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.ts-paper-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:var(--spacing-md)}.ts-paper-badge{background:linear-gradient(135deg,#f36,#c03);border-radius:var(--radius-md);font-weight:var(--font-extrabold);letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.ts-free-label,.ts-paper-badge{color:var(--white);font-size:.7rem}.ts-free-label{background:var(--gradient-green);border-radius:var(--radius-sm);font-weight:var(--font-bold);padding:.3rem .6rem}.ts-locked-label{color:#fff9;font-size:var(--text-lg)}.ts-paper-content{color:var(--white);padding:var(--spacing-lg)}.ts-paper-name{color:var(--white);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.ts-paper-code{color:#ffffffb3}.ts-paper-code,.ts-paper-description{font-size:var(--text-sm);margin:0 0 var(--spacing-lg) 0}.ts-paper-description{color:#fffc}.ts-paper-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-lg)}.ts-paper-detail-item{background:#ffffff1a;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:var(--spacing-sm);text-align:center}.ts-detail-label{color:#ffffffb3;font-size:.7rem;font-weight:var(--font-semibold);text-transform:uppercase}.ts-detail-value{color:var(--white);font-size:.75rem;font-weight:var(--font-bold)}.ts-paper-meta{border-bottom:1px solid #fff3;border-top:1px solid #fff3;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.ts-meta-item{align-items:center;color:#ffffffe6;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm)}.ts-meta-item svg{color:#ffffffb3;font-size:var(--text-base)}.ts-paper-actions{display:flex;gap:var(--spacing-sm)}.ts-btn-answers,.ts-btn-questions{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:var(--font-extrabold);letter-spacing:.5px;padding:var(--spacing-sm);text-transform:uppercase;transition:var(--transition-all)}.ts-btn-questions{background:#007bff;color:var(--white)}.ts-btn-questions:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.ts-btn-answers{background:#dc3545;color:var(--white)}.ts-btn-answers:hover:not(:disabled){background:#a71d2a;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.ts-btn-answers:disabled,.ts-btn-questions:disabled{cursor:not-allowed;opacity:.5}.ts-how-to-quiz{margin-top:var(--spacing-2xl);text-align:center}.ts-quiz-btn{background:linear-gradient(135deg,#f36,#c03);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-extrabold);letter-spacing:1px;padding:var(--spacing-md) var(--spacing-2xl);text-transform:uppercase;transition:var(--transition-all)}.ts-quiz-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.ts-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-all)}.ts-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (max-width:768px){.ts-container{padding:0 var(--spacing-md)}.ts-header{padding:var(--spacing-lg)}.ts-title{font-size:var(--text-2xl)}.ts-stats{grid-template-columns:repeat(2,1fr)}.ts-paper-details,.ts-papers-grid{grid-template-columns:1fr}.ts-paper-actions{flex-direction:column}}@media (max-width:480px){.ts-title{font-size:var(--text-xl)}.ts-stats{grid-template-columns:1fr}.ts-stat-item{flex-direction:column;text-align:center}}.tp-page{background:var(--bg-light);min-height:100vh;padding:var(--spacing-xl) 0}.tp-container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl)}.tp-loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh}.tp-spinner{animation:tpSpin .8s linear infinite;border:5px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:60px;width:60px}@keyframes tpSpin{to{transform:rotate(1turn)}}.tp-loading-container p{color:var(--text-muted);font-size:var(--text-lg);font-weight:var(--font-semibold)}.tp-error-container{align-items:center;color:var(--text-dark);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh}.tp-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:inline-flex;font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-all)}.tp-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tp-header{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-xl)}.tp-back-btn,.tp-header{align-items:center;background:var(--white);display:flex}.tp-back-btn{border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.tp-back-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.tp-main-title{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-xs) 0}.tp-breadcrumb{color:var(--text-muted);font-size:var(--text-sm)}.tp-breadcrumb span{color:var(--primary-color);font-weight:var(--font-semibold)}.tp-breadcrumb-active{color:var(--brand-navy);font-weight:var(--font-extrabold)}.tp-quiz-btn{background:linear-gradient(135deg,#f36,#c03);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-extrabold);padding:var(--spacing-sm) var(--spacing-xl);text-transform:uppercase;transition:var(--transition-all)}.tp-quiz-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tp-papers-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:var(--spacing-2xl)}.tp-paper-card{background:var(--gradient-secondary);border:3px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:var(--transition-all)}.tp-paper-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.tp-paper-header{align-items:center;background:#ffffff26;border-bottom:2px solid #fff3;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.tp-paper-badge{background:linear-gradient(135deg,#f36,#c03);box-shadow:0 2px 8px #0000004d;font-weight:var(--font-extrabold);letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.tp-free-label,.tp-paper-badge{border-radius:var(--radius-full);color:var(--white);font-size:.7rem}.tp-free-label{background:var(--gradient-green);box-shadow:0 2px 8px #0003;font-weight:var(--font-bold);padding:.4rem .8rem}.tp-locked-label{color:#fff9;font-size:var(--text-lg)}.tp-paper-content{color:var(--white);padding:var(--spacing-xl)}.tp-paper-title{color:#f36;font-size:var(--text-2xl);font-weight:var(--font-extrabold);letter-spacing:1px;margin:0 0 var(--spacing-xs) 0;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.tp-paper-subtitle{color:#ffffffe6;font-size:var(--text-sm);font-style:italic;font-weight:var(--font-medium);margin:0 0 var(--spacing-lg) 0}.tp-teacher{color:gold;font-weight:var(--font-extrabold);text-shadow:1px 1px 2px #0000004d}.tp-paper-details{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-lg)}.tp-detail-item{background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-xs);text-align:center;transition:var(--transition-all)}.tp-detail-item:hover{background:#fff3}.tp-detail-label{color:#fffc;display:block;font-size:.7rem;font-weight:var(--font-semibold);letter-spacing:.3px;margin-bottom:.3rem;text-transform:uppercase}.tp-detail-value{color:var(--white);font-size:.8rem;font-weight:var(--font-extrabold)}.tp-paper-meta{border-bottom:2px solid #fff3;border-top:2px solid #fff3;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.tp-meta-item{align-items:center;color:#fffffff2;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm)}.tp-meta-item svg{color:gold;font-size:var(--text-base)}.tp-paper-actions{display:flex;gap:var(--spacing-sm)}.tp-btn-answers,.tp-btn-questions{border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #0003;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:var(--font-extrabold);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:var(--transition-all)}.tp-btn-questions{background:#007bff;color:var(--white)}.tp-btn-questions:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff80;transform:translateY(-2px)}.tp-btn-answers{background:#dc3545;color:var(--white)}.tp-btn-answers:hover:not(:disabled){background:#a71d2a;box-shadow:0 4px 12px #dc354580;transform:translateY(-2px)}.tp-btn-answers:disabled,.tp-btn-questions:disabled{cursor:not-allowed;opacity:.5;transform:none}.tp-how-to-quiz{padding:var(--spacing-xl) 0;text-align:center}.tp-quiz-btn-bottom{background:linear-gradient(135deg,#f36,#c03);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-extrabold);letter-spacing:1px;padding:var(--spacing-md) var(--spacing-2xl);text-transform:uppercase;transition:var(--transition-all)}.tp-quiz-btn-bottom:hover{box-shadow:var(--shadow-2xl);transform:translateY(-3px)}@media (max-width:768px){.tp-container{padding:0 var(--spacing-md)}.tp-header{align-items:flex-start;flex-direction:column;padding:var(--spacing-md)}.tp-main-title{font-size:var(--text-2xl)}.tp-paper-details,.tp-papers-grid{grid-template-columns:1fr}.tp-paper-actions{flex-direction:column}.tp-paper-title{font-size:var(--text-xl)}}@media (max-width:480px){.tp-header{padding:var(--spacing-sm)}.tp-main-title{font-size:var(--text-xl)}.tp-breadcrumb{font-size:var(--text-xs)}.tp-paper-content{padding:var(--spacing-md)}.tp-paper-title{font-size:var(--text-lg)}.tp-quiz-btn,.tp-quiz-btn-bottom{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg)}}.tsl-page{background:var(--bg-light);min-height:100vh;padding:var(--spacing-xl) 0}.tsl-container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl)}.tsl-loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh}.tsl-spinner{animation:tslSpin .8s linear infinite;border:5px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:60px;width:60px}@keyframes tslSpin{to{transform:rotate(1turn)}}.tsl-loading-container p{color:var(--text-muted);font-size:var(--text-lg)}.tsl-error-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh}.tsl-header{flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.tsl-back-btn,.tsl-header{align-items:center;display:flex}.tsl-back-btn{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.tsl-back-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.tsl-title{color:var(--brand-navy);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-xs) 0}.tsl-breadcrumb{color:var(--text-muted);font-size:var(--text-sm)}.tsl-breadcrumb span{color:var(--primary-color);font-weight:var(--font-semibold)}.tsl-quiz-btn{background:linear-gradient(135deg,#f36,#c03);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-extrabold);padding:var(--spacing-sm) var(--spacing-xl);text-transform:uppercase;transition:var(--transition-all)}.tsl-quiz-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tsl-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tsl-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:var(--transition-all)}.tsl-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tsl-card-image{background:var(--gradient-secondary);height:220px;overflow:hidden;position:relative;width:100%}.tsl-card-image img{height:100%;object-fit:cover;width:100%}.tsl-featured-badge{align-items:center;background:var(--gradient-orange);border-radius:var(--radius-full);color:var(--white);display:flex;font-size:.7rem;font-weight:var(--font-bold);gap:.3rem;padding:.4rem .7rem;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.tsl-card-content{padding:var(--spacing-lg)}.tsl-category-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tsl-category-badge{background:var(--primary-color);color:var(--white);font-weight:var(--font-bold);text-transform:uppercase}.tsl-category-badge,.tsl-subcategory-badge{border-radius:var(--radius-md);font-size:.7rem;padding:.35rem .7rem}.tsl-subcategory-badge{background:var(--bg-secondary);color:var(--text-secondary);font-weight:var(--font-semibold)}.tsl-card-title{color:var(--brand-navy);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-xs) 0}.tsl-card-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--spacing-lg) 0}.tsl-click-btn{background:#dc3545;border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-extrabold);padding:var(--spacing-sm);text-transform:uppercase;transition:var(--transition-all);width:100%}.tsl-click-btn:hover{background:#a71d2a;transform:translateY(-2px)}.tsl-empty{color:var(--text-muted);font-size:var(--text-lg);padding:var(--spacing-3xl);text-align:center}@media (max-width:768px){.tsl-container{padding:0 var(--spacing-md)}.tsl-header{align-items:flex-start;flex-direction:column}.tsl-grid{grid-template-columns:1fr}}.admin-ts-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)}.admin-ts-container{margin:0 auto;max-width:1400px}.admin-ts-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.admin-ts-title{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0}.admin-ts-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0 0}.admin-ts-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.admin-ts-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-ts-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.admin-ts-filter{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:200px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.admin-ts-filter:focus{border-color:var(--primary-color);outline:none}.admin-ts-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.admin-ts-stat-card{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:center}.admin-ts-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-3xl)}.admin-ts-loading p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold)}.admin-ts-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.admin-ts-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-all)}.admin-ts-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-ts-card-header{align-items:flex-start;border-bottom:2px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.admin-ts-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.badge-active{background:#10b981;color:var(--white)}.badge-inactive{background:#6b7280;color:var(--white)}.badge-free{background:var(--gradient-green);color:var(--white)}.admin-ts-card-title{color:var(--brand-navy);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-xs) 0}.admin-ts-card-subject{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.admin-ts-card-actions{display:flex;gap:var(--spacing-xs)}.btn-manage{border-color:#8b5cf6;color:#8b5cf6}.btn-manage:hover{background:#8b5cf6;color:var(--white)}.admin-ts-card-body{padding:var(--spacing-lg)}.admin-ts-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.info-item{align-items:center;background:var(--bg-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.info-icon{color:var(--primary-color);font-size:var(--text-xl)}.info-value{font-size:var(--text-lg);font-weight:var(--font-extrabold);line-height:1}.info-label{font-size:var(--text-xs);text-transform:uppercase}.admin-ts-empty{background:var(--white);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center}.admin-ts-empty p{color:var(--text-muted);font-size:var(--text-lg);margin:0}.admin-ts-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.admin-ts-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.admin-ts-modal-header{align-items:center;background:var(--white);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-ts-modal-header h2{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0}.admin-ts-form{padding:var(--spacing-xl)}.image-upload-group,.pdf-upload-group{display:flex;gap:var(--spacing-sm)}.image-upload-group input,.pdf-upload-group input{flex:1 1}.admin-ts-modal-footer{border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.admin-ts-page{padding:var(--spacing-md)}.admin-ts-header{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.form-checkboxes{flex-direction:column;gap:var(--spacing-sm)}.admin-ts-info-grid,.admin-ts-stats{grid-template-columns:1fr 1fr}}.admin-tp-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)}.admin-tp-container{margin:0 auto;max-width:1400px}.admin-tp-header{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-xl)}.admin-tp-back-btn{align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.admin-tp-back-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.admin-tp-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.admin-tp-title{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-sm) 0}.admin-tp-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tp-subject{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.admin-tp-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.admin-tp-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-tp-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.admin-tp-stat-card{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:center}.admin-tp-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-3xl)}.admin-tp-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.admin-tp-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-all)}.admin-tp-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-tp-card-header{align-items:center;background:var(--bg-light);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.tp-number{background:var(--primary-color);border-radius:var(--radius-full);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-extrabold);padding:.4rem .8rem;text-transform:uppercase}.admin-tp-badges{display:flex;gap:var(--spacing-xs)}.badge-locked{background:#64748b;color:var(--white)}.admin-tp-card-actions{display:flex;gap:var(--spacing-xs)}.admin-tp-card-body{padding:var(--spacing-lg)}.tp-card-title{color:var(--brand-navy);font-size:var(--text-lg);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-xs) 0}.tp-card-code{color:var(--text-muted);font-family:monospace;font-size:var(--text-sm);margin:0 0 var(--spacing-sm) 0}.tp-card-description{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--spacing-md) 0}.tp-info-grid{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.tp-info-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:.4rem}.tp-info-item svg{color:var(--primary-color)}.tp-pdf-links{display:flex;gap:var(--spacing-sm)}.tp-pdf-link,.tp-pdf-missing{align-items:center;border-radius:var(--radius-md);display:flex;flex:1 1;font-size:var(--text-xs);font-weight:var(--font-bold);gap:.4rem;justify-content:center;padding:var(--spacing-sm);text-decoration:none;text-transform:uppercase;transition:var(--transition-all)}.tp-pdf-link.questions{background:#007bff;color:var(--white)}.tp-pdf-link.questions:hover{background:#0056b3;transform:translateY(-2px)}.tp-pdf-link.answers{background:#dc3545;color:var(--white)}.tp-pdf-link.answers:hover{background:#a71d2a;transform:translateY(-2px)}.tp-pdf-missing{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.admin-tp-empty{align-items:center;background:var(--white);border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);grid-column:1/-1;padding:var(--spacing-3xl);text-align:center}.admin-tp-empty svg{color:var(--text-muted);font-size:var(--text-4xl)}.admin-tp-empty p{color:var(--text-muted);font-size:var(--text-lg);margin:0}.btn-add-first{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.btn-add-first:hover{background:var(--primary-dark);transform:translateY(-2px)}.admin-tp-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.admin-tp-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.admin-tp-modal-header{align-items:center;background:var(--white);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-tp-modal-header h2{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0}.admin-tp-form{padding:var(--spacing-xl)}.admin-tp-modal-footer{border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.admin-tp-header,.admin-tp-page{padding:var(--spacing-md)}.admin-tp-header-content{flex-direction:column}.admin-tp-list{grid-template-columns:1fr}.admin-tp-stats{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.tp-pdf-links{flex-direction:column}}.admin-blog-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)}.admin-blog-container{margin:0 auto;max-width:1600px}.admin-blog-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.admin-blog-title{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0}.admin-blog-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0 0}.admin-blog-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.admin-blog-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-blog-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.admin-blog-filter{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:180px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.admin-blog-filter:focus{border-color:var(--primary-color);outline:none}.admin-blog-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.admin-blog-stat-card{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:center}.stat-value{color:var(--primary-color);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase}.admin-blog-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-3xl)}.admin-blog-loading p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold)}.admin-blog-list{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.admin-blog-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-all)}.admin-blog-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-blog-card-image{background:var(--bg-light);height:220px;overflow:hidden;width:100%}.admin-blog-card-image img{height:100%;object-fit:cover;transition:var(--transition-all);width:100%}.admin-blog-card:hover .admin-blog-card-image img{transform:scale(1.05)}.blog-no-image{align-items:center;background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-secondary) 100%);color:var(--text-muted);display:flex;font-size:var(--text-4xl);height:100%;justify-content:center;width:100%}.admin-blog-card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.admin-blog-card-header{display:flex;flex:1 1;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.admin-blog-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.7rem;font-weight:var(--font-semibold);gap:.3rem;letter-spacing:.3px;padding:.25rem .6rem;text-transform:uppercase}.badge-category{background:var(--primary-color);color:var(--white)}.badge-subcategory{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.badge-featured{background:var(--gradient-orange);color:var(--white)}.badge-trending{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:var(--white)}.badge-status{font-weight:var(--font-bold)}.status-published{background:#10b981;color:var(--white)}.status-draft{background:#6b7280;color:var(--white)}.status-scheduled{background:#f59e0b;color:var(--white)}.blog-card-title{color:var(--brand-navy);font-size:var(--text-lg);font-weight:var(--font-extrabold);line-height:1.3;margin:0 0 var(--spacing-xs) 0}.blog-card-excerpt,.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-excerpt{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.admin-blog-card-actions{display:flex;flex-shrink:0;gap:var(--spacing-xs)}.btn-icon{align-items:center;background:var(--white);border:2px solid;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-base);height:36px;justify-content:center;transition:var(--transition-all);width:36px}.btn-edit{border-color:var(--primary-color);color:var(--primary-color)}.btn-edit:hover{background:var(--primary-color);color:var(--white)}.btn-delete{border-color:#ef4444;color:#ef4444}.btn-delete:hover{background:#ef4444;color:var(--white)}.admin-blog-card-meta{border-top:1px solid var(--border-color);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--spacing-md);padding-top:var(--spacing-md)}.meta-item{align-items:center;display:flex;gap:.4rem}.meta-item svg{color:var(--primary-color);font-size:.85rem}.admin-blog-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.admin-blog-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;margin:var(--spacing-md) auto;max-height:95vh;max-width:1000px;overflow-y:auto;width:100%}.admin-blog-modal-header{align-items:center;background:var(--white);border-bottom:2px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-blog-modal-header h2{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin:0}.btn-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:36px;justify-content:center;transition:var(--transition-all);width:36px}.btn-close:hover{background:#ef4444;color:var(--white)}.admin-blog-form{padding:var(--spacing-xl)}.form-section{border-bottom:2px solid var(--border-color)}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section-title{border-bottom:2px solid var(--primary-color);color:var(--brand-navy);font-size:var(--text-lg);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.form-group textarea{min-height:80px}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-group .quill{background:var(--white);border-radius:var(--radius-md)}.form-group .ql-toolbar{background:var(--bg-light);border:2px solid var(--border-color);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.form-group .ql-container{border:2px solid var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md);font-size:var(--text-sm);min-height:300px}.image-upload-group{display:flex;gap:var(--spacing-sm)}.image-upload-group input{flex:1 1}.btn-upload-small{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:.4rem;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);white-space:nowrap}.btn-upload-small:hover{background:var(--primary-dark)}.image-preview{border:2px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--spacing-sm);max-height:250px;object-fit:contain;width:100%}.array-input-group{margin-bottom:var(--spacing-sm)}.array-input-group input{flex:1 1}.array-items{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.array-item{border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative}.array-item-image{height:120px;object-fit:cover;width:100%}.btn-remove-item{position:absolute;right:.25rem;top:.25rem}.array-items-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.array-item-text{align-items:center;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.array-item-text span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.array-item-text .btn-remove-item{margin-left:var(--spacing-sm);position:static}.tag-item{align-items:center;background:var(--primary-color);border-radius:var(--radius-full);color:var(--white);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:.4rem;padding:.4rem .8rem}.form-checkboxes{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.checkbox-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.checkbox-label span{gap:.3rem}.admin-blog-modal-footer{border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}.btn-primary,.btn-secondary{border:2px solid;border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-xl)}.btn-secondary{background:var(--white);border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.admin-blog-page{padding:var(--spacing-md)}.admin-blog-header{align-items:flex-start;flex-direction:column}.admin-blog-list{grid-template-columns:1fr}.admin-blog-stats{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.form-checkboxes{flex-direction:column;gap:var(--spacing-sm)}.admin-blog-modal{border-radius:0;max-width:100%}.admin-blog-modal-header{border-radius:0}.array-items{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-blog-stats,.array-items{grid-template-columns:1fr}}.admin-blog-empty{align-items:center;background:var(--white);border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);grid-column:1/-1;padding:var(--spacing-3xl);text-align:center}.admin-blog-empty svg{color:var(--text-muted);font-size:var(--text-4xl)}.admin-blog-empty p{color:var(--text-muted);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.btn-create-first{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-all)}.btn-create-first:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.admin-create-blog-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-lg)}.admin-create-blog-container{margin:0 auto;max-width:1400px}.admin-create-blog-header{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl)}.admin-create-blog-header,.btn-back{align-items:center;background:var(--white);display:flex}.btn-back{border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.btn-back:hover:not(:disabled){background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color)}.btn-back:disabled{cursor:not-allowed;opacity:.5}.page-title{color:var(--brand-navy);flex:1 1;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0;text-align:center}.btn-publish,.btn-save-draft,.header-actions{display:flex;gap:var(--spacing-sm)}.btn-publish,.btn-save-draft{align-items:center;border:2px solid;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.btn-save-draft{background:var(--white);border-color:var(--border-color);color:var(--text-dark)}.btn-save-draft:hover:not(:disabled){background:var(--bg-light);border-color:var(--primary-color)}.btn-publish{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white)}.btn-publish:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-publish:disabled,.btn-save-draft:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-3xl)}.loader{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}.loading-state p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold)}.blog-editor-layout{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 350px}.blog-editor-main{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.form-section{border-bottom:2px solid var(--bg-light);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.form-section:last-child{border-bottom:none;margin-bottom:0}.section-label{color:var(--brand-navy);display:block;font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.title-input{background:#0000;border:none;border-bottom:2px solid var(--border-color);color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);padding:var(--spacing-md) 0;transition:var(--transition-all);width:100%}.title-input:focus{border-bottom-color:var(--primary-color);outline:none}.title-input::placeholder{color:var(--text-muted);opacity:.5}.slug-input{background:#0000;border:none;color:var(--text-muted);font-family:monospace;font-size:var(--text-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm) 0;width:100%}.slug-input:focus{color:var(--primary-color);outline:none}.excerpt-input{border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);padding:var(--spacing-md);resize:vertical;transition:var(--transition-all);width:100%}.excerpt-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.char-count,.read-time-info{color:var(--text-muted);display:block;font-size:var(--text-xs);margin-top:var(--spacing-xs)}.form-section .quill{background:var(--white);border-radius:var(--radius-md)}.form-section .ql-toolbar{background:var(--bg-light);border:2px solid var(--border-color);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--spacing-md)}.form-section .ql-container{border:2px solid var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md);font-size:var(--text-base);line-height:1.7;min-height:400px}.form-section .ql-editor{min-height:400px;padding:var(--spacing-lg)}.form-section .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.image-upload-area{margin-bottom:var(--spacing-md)}.featured-image-preview{border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative}.featured-image-preview img{display:block;height:auto;max-height:400px;object-fit:cover;width:100%}.btn-remove-featured{align-items:center;background:#ef4444f2;border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:.4rem;padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:var(--transition-all)}.btn-remove-featured:hover{background:#dc2626;transform:scale(1.05)}.upload-placeholder{align-items:center;background:var(--bg-light);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-3xl);transition:var(--transition-all)}.upload-placeholder:hover{background:var(--primary-pale);border-color:var(--primary-color)}.upload-placeholder svg{color:var(--text-muted);font-size:var(--text-4xl)}.upload-placeholder span{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.url-input-group{display:flex;gap:var(--spacing-sm)}.url-input{border:2px solid var(--border-color);border-radius:var(--radius-md);flex:1 1;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.url-input:focus{border-color:var(--primary-color);outline:none}.array-input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.array-input{border:2px solid var(--border-color);border-radius:var(--radius-md);flex:1 1;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.array-input:focus{border-color:var(--primary-color);outline:none}.btn-add-item{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all);white-space:nowrap}.btn-add-item:hover{background:var(--primary-dark)}.btn-upload-mini{align-items:center;background:#6366f1;border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:.4rem;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);white-space:nowrap}.btn-upload-mini:hover{background:#4f46e5}.images-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-item{aspect-ratio:1;border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative}.image-item img{height:100%;object-fit:cover;width:100%}.btn-remove-image{align-items:center;background:#ef4444f2;border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;position:absolute;right:.25rem;top:.25rem;transition:var(--transition-all);width:28px}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.video-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.video-item{align-items:center;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.video-item span{color:var(--text-secondary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove-item{align-items:center;background:#ef4444;border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;height:24px;justify-content:center;margin-left:var(--spacing-sm);transition:var(--transition-all);width:24px}.btn-remove-item:hover{background:#dc2626;transform:scale(1.1)}.seo-section{background:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-lg)}.subsection-title{border-bottom:2px solid var(--primary-color);color:var(--brand-navy);font-size:var(--text-lg);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--brand-navy);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.form-group textarea{resize:vertical}.form-group small{color:var(--text-muted);display:block;font-size:var(--text-xs);margin-top:var(--spacing-xs)}.blog-editor-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:var(--spacing-lg)}.sidebar-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.sidebar-title{border-bottom:2px solid var(--primary-color);color:var(--brand-navy);font-size:var(--text-base);font-weight:var(--font-extrabold);letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);text-transform:uppercase}.number-input,.select-input{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);width:100%}.number-input:focus,.select-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.checkboxes-group{flex-direction:column}.checkbox-label,.checkboxes-group{display:flex;gap:var(--spacing-sm)}.checkbox-label{align-items:center;border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm);transition:var(--transition-all)}.checkbox-label:hover{background:var(--bg-light)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.checkbox-label span{align-items:center;color:var(--text-dark);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:.4rem}.tag-input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tag-input{border:2px solid var(--border-color);border-radius:var(--radius-md);flex:1 1;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all)}.tag-input:focus{border-color:var(--primary-color);outline:none}.btn-add-tag{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.btn-add-tag:hover{background:var(--primary-dark)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-chip{background:var(--primary-color);border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:.4rem;padding:.4rem .8rem}.tag-chip,.tag-remove{align-items:center;color:var(--white)}.tag-remove{background:#ffffff4d;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:.7rem;height:18px;justify-content:center;transition:var(--transition-all);width:18px}.tag-remove:hover{background:#ffffff80;transform:scale(1.1)}@media (max-width:1024px){.blog-editor-layout{grid-template-columns:1fr}.blog-editor-sidebar{position:static}}@media (max-width:768px){.admin-create-blog-page{padding:var(--spacing-md)}.admin-create-blog-header{align-items:stretch;flex-direction:column}.page-title{font-size:var(--text-xl);text-align:left}.header-actions{width:100%}.btn-publish,.btn-save-draft{flex:1 1}.blog-editor-main{padding:var(--spacing-md)}.title-input{font-size:var(--text-2xl)}.images-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.images-grid{grid-template-columns:1fr}.header-actions{flex-direction:column}.btn-publish,.btn-save-draft{width:100%}}.order-complete-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:var(--spacing-2xl) var(--spacing-lg)}.order-complete-container{margin:0 auto;max-width:1200px}.order-success-banner{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #00000014;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-2xl);position:relative;text-align:center}.order-success-banner:before{background:var(--gradient-primary);content:"";height:6px;left:0;position:absolute;right:0;top:0}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-full);box-shadow:0 8px 24px #10b9814d;color:var(--white);display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.order-success-banner h1{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-sm) 0}.order-success-banner p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.order-success-banner strong{color:var(--primary-color);font-weight:var(--font-bold)}.payment-pending-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:var(--radius-2xl);box-shadow:0 8px 24px #fbbf2433;margin-bottom:var(--spacing-xl);padding:var(--spacing-2xl);text-align:center}.pending-icon{align-items:center;background:var(--white);border-radius:var(--radius-full);box-shadow:0 4px 16px #f59e0b33;color:#f59e0b;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.pending-icon .spin{animation:spin 1s linear infinite}.payment-pending-card h2{color:#92400e;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-sm) 0}.payment-pending-card p{color:#78350f;font-size:var(--text-base);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.btn-pay-now{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:0 8px 24px #02593e4d;color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--text-lg);font-weight:var(--font-extrabold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-all)}.btn-pay-now:hover{box-shadow:0 12px 32px #02593e66;transform:translateY(-2px)}.btn-pay-now:active{transform:translateY(0)}.order-summary-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.summary-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 24px #00000014;padding:var(--spacing-xl);transition:var(--transition-all)}.summary-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:2px solid var(--primary-color);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-header svg{color:var(--primary-color);flex-shrink:0;height:24px;width:24px}.card-header h3{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-extrabold);margin:0}.order-items{flex-direction:column}.order-item,.order-items{display:flex;gap:var(--spacing-md)}.order-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.item-image{border:2px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0;height:80px;object-fit:cover;width:80px}.item-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.item-details h4{color:var(--brand-navy);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1.3;margin:0}.item-attempt{color:var(--text-muted);font-size:var(--text-xs);margin:0}.item-pricing{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:auto}.item-original{color:var(--text-muted);font-size:var(--text-sm);text-decoration:line-through}.item-price{color:var(--primary-color);font-size:var(--text-base);font-weight:var(--font-extrabold)}.order-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-row{align-items:center;display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-sm) 0}.detail-row span:first-child{color:var(--text-secondary)}.detail-row strong{color:var(--brand-navy);font-weight:var(--font-bold)}.detail-row.discount{color:#059669;font-weight:var(--font-semibold)}.detail-row.total{font-size:var(--text-lg);padding-top:var(--spacing-md)}.detail-row.total strong{color:var(--primary-color);font-family:var(--font-heading);font-size:var(--text-xl)}.detail-divider{background:var(--border-color);height:1px;margin:var(--spacing-sm) 0}.status-badge{border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.address-info,.user-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-row{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.info-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:60px}.info-value{flex:1 1;font-weight:var(--font-medium)}.address-info p,.info-value{color:var(--brand-navy);font-size:var(--text-sm)}.address-info p{line-height:1.6;margin:0}.help-section{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 24px #00000014;padding:var(--spacing-lg);text-align:center}.help-section p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.help-section a{color:var(--primary-color);font-weight:var(--font-bold);text-decoration:none;transition:var(--transition-all)}.help-section a:hover{text-decoration:underline}.order-complete-loading{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-direction:column;gap:var(--spacing-xl);min-height:100vh}.loading-spinner,.order-complete-loading{align-items:center;display:flex;justify-content:center}.loading-spinner{background:var(--white);border-radius:var(--radius-full);box-shadow:0 8px 32px #00000014;height:80px;width:80px}.loading-spinner svg{animation:spin 1s linear infinite;color:var(--primary-color);font-size:2.5rem}.order-complete-loading p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold)}.order-complete-error{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-direction:column;gap:var(--spacing-xl);min-height:100vh;padding:var(--spacing-xl)}.error-icon,.order-complete-error{align-items:center;display:flex;justify-content:center}.error-icon{background:var(--white);border:4px solid var(--border-color);border-radius:var(--radius-full);box-shadow:0 8px 32px #00000014;height:120px;width:120px}.error-icon svg{color:var(--text-muted);font-size:3rem}.order-complete-error h2{color:var(--brand-navy);font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0;text-align:center}.order-complete-error p{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--spacing-xl) 0;text-align:center}.btn-home{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 16px #02593e4d;color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-all)}.btn-home:hover{box-shadow:0 8px 24px #02593e66;transform:translateY(-2px)}@media (max-width:1024px){.order-summary-grid{grid-template-columns:1fr}}@media (max-width:768px){.order-complete-page{padding:var(--spacing-lg) var(--spacing-md)}.order-success-banner{padding:var(--spacing-xl)}.success-icon{font-size:2rem;height:64px;width:64px}.order-success-banner h1{font-size:var(--text-2xl)}.payment-pending-card{padding:var(--spacing-xl)}.pending-icon{font-size:1.75rem;height:56px;width:56px}.payment-pending-card h2{font-size:var(--text-xl)}.summary-card{padding:var(--spacing-lg)}.order-item{flex-direction:column}.item-image{aspect-ratio:16/9;height:auto;width:100%}.btn-pay-now{font-size:var(--text-base);justify-content:center;width:100%}}@media (max-width:480px){.order-complete-page{padding:var(--spacing-md)}.order-success-banner{padding:var(--spacing-lg)}.order-success-banner h1{font-size:var(--text-xl)}.payment-pending-card h2{font-size:var(--text-lg)}.summary-card{padding:var(--spacing-md)}.card-header h3{font-size:var(--text-base)}.detail-row{font-size:var(--text-xs)}.detail-row.total{font-size:var(--text-base)}.detail-row.total strong{font-size:var(--text-lg)}}.payment-status-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:var(--spacing-xl) var(--spacing-md)}.payment-status-container{max-width:520px}.status-card{border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 10px 40px #0f172a1f;padding:var(--spacing-2xl)}.status-card.success{border-top:4px solid #16a34a}.status-card.failed{border-top:4px solid #ef4444}.status-icon{border-radius:999px;font-size:2.8rem;height:80px;margin:0 auto var(--spacing-lg);width:80px}.status-card.success .status-icon{background:#dcfce7;color:#16a34a}.status-card.failed .status-icon{color:#ef4444}.status-title{color:var(--brand-navy);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0 0 var(--spacing-sm) 0}.status-message{font-size:var(--text-sm);margin:0 0 var(--spacing-xl) 0}.status-summary{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg)}.summary-row{font-size:var(--text-sm);padding:.35rem 0}.summary-row span:first-child{color:var(--text-muted)}.summary-row strong{color:var(--brand-navy)}.status-pill{border-radius:999px;font-size:.7rem;justify-content:center;letter-spacing:.06em;padding:.2rem .75rem}.pill-success{background:#dcfce7;color:#15803d}.pill-failed{color:#b91c1c}.status-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.btn-secondary,.status-actions .btn-primary{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:var(--transition-all);width:100%}.status-actions .btn-primary{background:var(--gradient-primary);box-shadow:0 8px 24px #02593e59;color:var(--white)}.status-actions .btn-primary:hover{box-shadow:0 10px 32px #02593e73;transform:translateY(-1px)}.status-actions .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--brand-navy)}.status-actions .btn-secondary:hover{background:#e5e7eb}.status-help{color:var(--text-muted);font-size:.75rem;margin:0}.status-help a{text-decoration:none}.status-help a:hover{text-decoration:underline}@media (max-width:480px){.status-card{padding:var(--spacing-xl)}.status-icon{font-size:2.2rem;height:64px;margin-bottom:var(--spacing-md);width:64px}.status-title{font-size:var(--text-xl)}}.payment-status-page{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.payment-status-container{max-width:600px;width:100%}.status-card{animation:slideUp .5s ease;background:var(--white);border:3px solid;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-3xl);text-align:center}.status-card.success{border-color:var(--accent-green)}.status-card.failed{border-color:var(--accent-red)}.status-card.pending{border-color:var(--accent-orange)}.status-card.loading{border-color:var(--primary-color)}.status-icon{align-items:center;animation:scaleIn .6s ease;border-radius:var(--radius-full);display:flex;height:100px;justify-content:center;margin:0 auto var(--spacing-xl);width:100px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.status-card.success .status-icon{background:#d1fae5}.status-card.failed .status-icon{background:#fee2e2}.status-card.pending .status-icon{background:#fef3c7}.status-card.loading .status-icon{background:var(--primary-pale)}.status-icon svg{font-size:4rem}.status-card.success .status-icon svg{color:var(--accent-green)}.status-card.failed .status-icon svg{color:var(--accent-red)}.status-card.pending .status-icon svg{color:var(--accent-orange)}.status-card.loading .status-icon svg{color:var(--primary-color)}.spin{animation:spin 1s linear infinite}.spin-slow{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pulse{animation:pulse 2s ease-in-out infinite}.status-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-black);margin:0 0 var(--spacing-md) 0}.status-message{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--spacing-xl)}.polling-indicator{align-items:center;background:var(--bg-light);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.polling-indicator svg{color:var(--primary-color);font-size:var(--text-lg)}.status-summary{background:var(--bg-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);text-align:left}.summary-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) 0}.summary-row:last-child{border-bottom:none}.summary-row span:first-child{color:var(--text-secondary);font-size:var(--text-sm)}.summary-row strong{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-bold)}.order-id-small{background:var(--white);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);word-break:break-all}.amount-paid{color:var(--accent-green)}.amount-due{color:var(--accent-orange)}.status-pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.pill-success{background:#d1fae5;color:#065f46}.pill-failed{background:#fee2e2;color:#991b1b}.pill-pending{background:#fef3c7;color:#92400e}.status-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;min-height:50px;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-all)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 8px 20px #02593e66;transform:translateY(-2px)}.btn-secondary{background:var(--gray-200);color:var(--text-dark)}.btn-secondary:hover{background:var(--gray-300);transform:translateY(-2px)}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}.status-help{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.6;margin:var(--spacing-xl) 0 0 0}.status-help a{color:var(--primary-color);font-weight:var(--font-semibold);text-decoration:underline}.status-help a:hover{color:var(--primary-dark)}.transaction-notes{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.transaction-notes p{margin:0}.transaction-notes strong{color:var(--text-primary)}@media (max-width:768px){.payment-status-page{padding:var(--spacing-md)}.status-card{padding:var(--spacing-xl)}.status-icon{height:80px;width:80px}.status-icon svg{font-size:3rem}.status-title{font-size:var(--text-xl)}.status-message{font-size:var(--text-sm)}.status-summary{padding:var(--spacing-md)}.summary-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.order-id-small{max-width:100%}}@media (max-width:480px){.status-card{padding:var(--spacing-lg)}.status-icon{height:60px;width:60px}.status-icon svg{font-size:2.5rem}.status-title{font-size:var(--text-lg)}.btn-primary,.btn-secondary{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg)}}.sdt-wrapper{max-width:860px;padding:24px}.sdt-header{margin-bottom:24px}.sdt-header h2{color:#0f172a;font-size:1.4rem;font-weight:800;margin:0 0 6px}.sdt-header p{color:#64748b;font-size:.9rem;margin:0}.sdt-section-title{border-bottom:2px solid #e2f5ee;color:#02593e;font-size:.72rem;font-weight:800;letter-spacing:1px;margin:24px 0 12px;padding-bottom:8px;text-transform:uppercase}.sdt-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sdt-field{display:flex;flex-direction:column;gap:6px}.sdt-full{grid-column:1/-1}.sdt-field label{align-items:center;color:#374151;display:flex;flex-wrap:wrap;font-size:.8rem;font-weight:700;gap:8px}.sdt-field input,.sdt-field select,.sdt-field textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;font-size:.88rem;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.sdt-field input:focus,.sdt-field select:focus,.sdt-field textarea:focus{border-color:#02593e}.sdt-field input.sdt-error,.sdt-field select.sdt-error,.sdt-field textarea.sdt-error{border-color:#ef4444}.sdt-field input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.sdt-field textarea{min-height:80px;resize:vertical}.sdt-err-msg{color:#ef4444;font-size:.75rem;font-weight:600}.sdt-checkbox-inline{align-items:center;color:#02593e;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px}.sdt-checkbox-inline input{accent-color:#02593e;cursor:pointer;height:14px;width:14px}.sdt-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.sdt-btn-primary{align-items:center;background:#02593e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:8px;padding:11px 28px;transition:background .2s}.sdt-btn-primary:hover:not(:disabled){background:#014d35}.sdt-btn-primary:disabled{cursor:not-allowed;opacity:.6}.sdt-btn-outline{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.88rem;font-weight:700;padding:11px 24px;transition:border-color .2s}.sdt-btn-outline:hover{border-color:#02593e;color:#02593e}.sdt-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:.9rem;gap:12px;justify-content:center;padding:60px}.sdt-spinner{border:3px solid #e2e8f0;border-radius:50%;border-top-color:#02593e;height:32px;width:32px}.sdt-spinner,.sdt-spinner-sm{animation:sdtSpin .7s linear infinite}.sdt-spinner-sm{border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;vertical-align:middle;width:14px}@keyframes sdtSpin{to{transform:rotate(1turn)}}.sdt-success-banner{align-items:center;background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.sdt-success-icon{color:#16a34a;flex-shrink:0;font-size:1.6rem}.sdt-success-banner h3{color:#15803d;font-size:.95rem;font-weight:800;margin:0 0 2px}.sdt-success-banner p{color:#4ade80;color:#16a34a;font-size:.8rem;margin:0}.sdt-edit-btn{align-items:center;background:#02593e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:700;gap:6px;margin-left:auto;padding:8px 18px;transition:background .2s}.sdt-edit-btn:hover{background:#014d35}.sdt-view-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sdt-view-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.sdt-view-label{color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sdt-view-value{color:#0f172a;font-size:.88rem;font-weight:600}@media (max-width:600px){.sdt-wrapper{padding:16px}.sdt-grid,.sdt-view-grid{grid-template-columns:1fr}.sdt-actions{flex-direction:column}.sdt-btn-outline,.sdt-btn-primary{justify-content:center;width:100%}}.up-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-2xl) var(--spacing-md)}.up-container{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:280px 1fr;margin:0 auto;max-width:var(--container-max-width)}.up-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:60vh}.up-spinner{animation:upSpin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:48px;width:48px}@keyframes upSpin{to{transform:rotate(1turn)}}.up-sidebar{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);position:-webkit-sticky;position:sticky;top:var(--spacing-2xl)}.up-avatar-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-2xl);text-align:center}.up-avatar-wrapper{height:110px;margin:0 auto var(--spacing-md);position:relative;width:110px}.up-avatar-wrapper.up-avatar-sm{height:80px;width:80px}.up-avatar{border:3px solid var(--primary-color);border-radius:50%;height:100%;object-fit:cover;width:100%}.up-avatar-placeholder{background:var(--gradient-primary);border:3px solid var(--primary-color);border-radius:50%;font-size:2.5rem;height:100%;width:100%}.up-avatar-placeholder,.up-avatar-upload{align-items:center;color:var(--white);display:flex;justify-content:center}.up-avatar-upload{background:var(--primary-color);border:2px solid var(--white);border-radius:50%;bottom:0;cursor:pointer;font-size:.75rem;height:32px;position:absolute;right:0;transition:var(--transition-all);width:32px}.up-avatar-upload:hover{background:var(--primary-dark);transform:scale(1.1)}.up-upload-overlay{align-items:center;background:#000000a6;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;inset:0;justify-content:center;position:absolute}.up-avatar-section h3{color:var(--text-dark);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 4px}.up-avatar-section p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.up-nav{display:flex;flex-direction:column;gap:4px}.up-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--spacing-md);padding:.65rem var(--spacing-md);text-align:left;transition:var(--transition-all);width:100%}.up-nav-item:hover{background:var(--bg-secondary);color:var(--primary-color)}.up-nav-item.active{background:var(--primary-pale);color:var(--primary-color);font-weight:var(--font-semibold)}.up-nav-home{border-top:1px solid var(--border-color);color:var(--primary-color);margin-top:var(--spacing-md);padding-top:var(--spacing-lg)}.up-nav-home:hover{background:var(--primary-pale)}.up-nav-logout{color:#ef4444}.up-nav-logout:hover{background:#ef44441a;color:#ef4444}.up-main{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);min-height:500px;padding:var(--spacing-2xl)}.up-content{animation:upFadeIn .35s ease}@keyframes upFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.up-content-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.up-content-header h2{color:var(--text-dark);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.up-btn-cancel,.up-btn-edit,.up-btn-primary,.up-btn-save{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all)}.up-btn-edit{background:var(--primary-color);color:#fff}.up-btn-edit:hover{background:var(--primary-dark);transform:translateY(-1px)}.up-btn-save{background:#10b981;color:#fff}.up-btn-save:hover{background:#059669}.up-btn-cancel{background:#f1f5f9;color:var(--text-dark)}.up-btn-cancel:hover{background:#e2e8f0}.up-btn-primary{background:var(--primary-color);color:#fff;justify-content:center;padding:var(--spacing-md);width:100%}.up-btn-primary:hover{background:var(--primary-dark)}.up-edit-actions{display:flex;gap:var(--spacing-sm)}.up-avatar-edit-row{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.up-avatar-hint{color:var(--text-secondary);font-size:var(--text-sm)}.up-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.up-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.up-section h3{color:var(--primary-color);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:.05em;margin:0 0 var(--spacing-lg);text-transform:uppercase}.up-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.up-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.up-field-full{grid-column:1/-1}.up-field label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm)}.up-field label svg{color:var(--primary-color)}.up-field input,.up-field select{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-dark);font-family:var(--font-primary);font-size:var(--text-base);padding:var(--spacing-md);transition:var(--transition-all)}.up-field input:focus,.up-field select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-pale);outline:none}.up-field input:disabled,.up-field select:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.up-count-badge{background:var(--primary-pale);border-radius:999px;color:var(--primary-color);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:.25rem .75rem}.up-courses-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--spacing-xl)}.up-course-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-all)}.up-course-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.up-course-thumb{background:var(--bg-secondary);height:160px;overflow:hidden;position:relative;width:100%}.up-course-thumb img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.up-course-card:hover .up-course-thumb img{transform:scale(1.05)}.up-course-badge{align-items:center;border-radius:999px;display:flex;font-size:.7rem;font-weight:700;gap:4px;padding:4px 10px;position:absolute;right:10px;top:10px}.up-course-badge.active{background:#d1fae5;color:#065f46}.up-course-badge.inactive{background:#fef3c7;color:#92400e}.up-course-info{padding:var(--spacing-lg)}.up-course-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-sm)}.up-tag{border-radius:999px;font-size:.7rem;font-weight:600;padding:3px 8px}.up-tag-primary{background:var(--primary-pale);color:var(--primary-color)}.up-tag-secondary{background:#f1f5f9;color:#475569}.up-course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-dark);display:-webkit-box;font-size:var(--text-base);font-weight:var(--font-bold);line-height:1.4;margin:0 0 var(--spacing-sm);overflow:hidden}.up-course-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.up-course-meta span{align-items:center;display:flex;gap:4px}.up-progress-section{margin-bottom:var(--spacing-md)}.up-progress-label{color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:space-between;margin-bottom:6px}.up-progress-track{background:var(--border-color);border-radius:999px;height:6px;overflow:hidden}.up-progress-fill{background:var(--primary-color);border-radius:999px;height:100%;min-width:4px;transition:width .5s ease}.up-course-enrolled{color:var(--text-tertiary);font-size:var(--text-xs);margin:0 0 var(--spacing-md)}.up-course-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);justify-content:center;padding:.6rem;transition:var(--transition-all);width:100%}.up-course-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.up-orders-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.up-order-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.up-order-head{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-xl)}.up-order-head,.up-order-head-left{align-items:center;display:flex;gap:var(--spacing-md)}.up-order-icon{color:var(--primary-color);font-size:1.5rem}.up-order-head-left h4{color:var(--text-dark);font-size:var(--text-base);font-weight:var(--font-bold);margin:0 0 4px}.up-order-head-left p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.up-order-head-right{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.up-status-pill{border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:4px 12px;text-transform:uppercase}.up-order-total{color:var(--primary-color);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.up-order-items{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl)}.up-order-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.up-order-item-name{color:var(--text-dark);flex:1 1;font-size:var(--text-sm);margin-right:var(--spacing-md)}.up-order-item-price{color:#10b981;font-size:var(--text-sm);font-weight:var(--font-bold);white-space:nowrap}.up-empty{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl)}.up-empty svg{color:#d1d5db;color:var(--gray-300,#d1d5db);font-size:3.5rem}.up-empty p{font-size:var(--text-lg);margin:0}.up-empty .up-btn-primary{padding:var(--spacing-sm) var(--spacing-2xl);width:auto}.up-modal-overlay{align-items:center;animation:upFadeIn .3s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:99999}.up-modal{animation:upSlideUp .3s ease;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:460px;width:100%}@keyframes upSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.up-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.up-modal-header h3{color:var(--text-dark);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.up-modal-header button{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:32px;justify-content:center;transition:var(--transition-all);width:32px}.up-modal-header button:hover{background:var(--border-color)}.up-modal-body{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}@media (max-width:1024px){.up-container{grid-template-columns:1fr}.up-sidebar{position:static}.up-nav{flex-direction:row;flex-wrap:wrap}.up-nav-home{border-top:none;margin-top:0;padding-top:var(--spacing-md)}}@media (max-width:768px){.up-page{padding:var(--spacing-md)}.up-main,.up-sidebar{padding:var(--spacing-lg)}.up-grid{grid-template-columns:1fr}.up-field-full{grid-column:1}.up-content-header{align-items:flex-start;flex-direction:column}.up-edit-actions{width:100%}.up-edit-actions button{flex:1 1;justify-content:center}.up-courses-grid{grid-template-columns:1fr}.up-order-head{flex-direction:column}.up-order-head,.up-order-head-right{align-items:flex-start}.up-modal{border-radius:20px 20px 0 0;max-width:100%}.up-modal-overlay{align-items:flex-end;padding:0}}@media (max-width:480px){.up-avatar-wrapper{height:90px;width:90px}.up-nav-item{font-size:var(--text-sm);padding:.5rem var(--spacing-sm)}.up-section{padding:var(--spacing-md)}.up-course-thumb{height:140px}.up-nav{flex-direction:column}}.admin-settings{background:var(--bg-secondary);box-sizing:border-box;min-height:100vh;padding:var(--spacing-2xl) 0;width:100%}.admin-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl);width:100%}.admin-title{color:var(--primary-color);font-size:var(--text-4xl);font-weight:var(--font-black);letter-spacing:-.5px;margin:0 0 var(--spacing-2xl) 0;text-align:center}.admin-tabs{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);overflow-x:auto;padding:var(--spacing-md)}.admin-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-sm);justify-content:center;min-width:150px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-all);white-space:nowrap}.admin-tab:hover{background:var(--bg-light);color:var(--primary-color)}.admin-tab.active{background:var(--gradient-primary);border-color:var(--primary-dark);box-shadow:var(--shadow-primary);color:var(--white)}.admin-tab svg{font-size:var(--text-lg)}.admin-section{width:100%}.admin-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.admin-section-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.admin-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-2xl);transition:var(--transition-all)}.admin-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.admin-card-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.admin-card-header h2{color:var(--primary-color);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.admin-form-card{background:var(--bg-light);border:2px solid var(--primary-color)}.admin-form-card h3{color:var(--primary-color);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--spacing-xl) 0}.admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:var(--spacing-xs);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase;white-space:nowrap}.admin-badge-live{animation:pulse 2s ease-in-out infinite;background:var(--accent-red);color:var(--white)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-badge-active{background:var(--accent-green);color:var(--white)}.admin-badge-featured{background:var(--accent-orange);color:var(--white)}.admin-badge-ca{background:var(--primary-color);color:var(--white)}.admin-badge-cma{background:var(--accent-purple);color:var(--white)}.admin-badge-general{background:var(--gray-500);color:var(--white)}.admin-badge-top{background:var(--accent-blue);color:var(--white)}.admin-badge-bottom{background:var(--accent-orange);color:var(--white)}.admin-form{width:100%}.admin-form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.admin-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-form-group label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);padding:var(--spacing-md);transition:var(--transition-all);width:100%}.admin-form-group input[type=color]{cursor:pointer;height:50px}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-pale);outline:none}.admin-form-group textarea{line-height:1.6;min-height:100px;resize:vertical}.admin-form-checkboxes{align-items:center;flex-direction:row;gap:var(--spacing-lg)}.admin-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--spacing-sm)}.admin-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.admin-checkbox span{-webkit-user-select:none;user-select:none}.admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;min-height:48px;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:var(--transition-all);white-space:nowrap}.admin-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.admin-btn-primary{background:var(--gradient-primary);color:var(--white)}.admin-btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.admin-btn-secondary{background:var(--gray-200);color:var(--text-dark)}.admin-btn-secondary:hover:not(:disabled){background:var(--gray-300);transform:translateY(-2px)}.admin-btn-success{background:var(--accent-green);color:var(--white)}.admin-btn-success:hover:not(:disabled){background:#059669;box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.admin-btn-danger{background:var(--gradient-red);color:var(--white)}.admin-btn-danger:hover:not(:disabled){background:var(--accent-red-dark);box-shadow:0 8px 20px #dc262666;transform:translateY(-2px)}.admin-btn-small{font-size:var(--text-sm);min-height:36px;padding:var(--spacing-xs) var(--spacing-md)}.admin-actions{border-top:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.admin-card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.admin-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-youtube-card{padding:var(--spacing-xl)}.admin-youtube-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.admin-youtube-header img{border:3px solid var(--primary-color);border-radius:var(--radius-full);flex-shrink:0;height:70px;object-fit:cover;width:70px}.admin-youtube-header h3{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-bold);line-height:1.4;margin:0 0 var(--spacing-xs) 0}.admin-youtube-header p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.admin-youtube-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.admin-youtube-stats{grid-gap:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.admin-youtube-stats>div{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-youtube-stats strong{color:var(--primary-color);font-size:var(--text-xl);font-weight:var(--font-black)}.admin-youtube-stats span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.admin-youtube-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:var(--spacing-md) 0}.admin-banner-card{overflow:hidden;padding:0}.admin-banner-display{align-items:center;display:flex;flex-wrap:wrap;font-weight:var(--font-bold);gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.admin-banner-display span{flex:1 1;min-width:200px}.admin-banner-display button{background:#fff3;border:2px solid #ffffff80;border-radius:var(--radius-md);color:inherit;cursor:pointer;font-weight:var(--font-bold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-all);white-space:nowrap}.admin-banner-display button:hover{background:#ffffff4d}.admin-banner-meta{align-items:center;background:var(--bg-light);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.admin-banner-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-banner-preview{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.admin-banner-preview label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.admin-banner-preview-box{align-items:center;animation:slideIn .5s ease;border-radius:var(--radius-lg);display:flex;font-weight:var(--font-bold);gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.admin-banner-preview-box button{background:#fff3;border:2px solid #ffffff80;border-radius:var(--radius-md);color:inherit;cursor:default;font-weight:var(--font-bold);padding:var(--spacing-sm) var(--spacing-lg)}.admin-snackbar{align-items:center;animation:slideUp .3s ease;background:var(--white);border:2px solid;border-radius:var(--radius-lg);bottom:var(--spacing-xl);box-shadow:var(--shadow-2xl);color:var(--text-primary);display:flex;font-weight:var(--font-semibold);gap:var(--spacing-lg);max-width:400px;padding:var(--spacing-lg) var(--spacing-xl);position:fixed;right:var(--spacing-xl);z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-snackbar-success{background:#d1fae5;border-color:var(--accent-green);color:#065f46}.admin-snackbar-error{background:#fee2e2;border-color:var(--accent-red);color:#991b1b}.admin-snackbar-info{background:#dbeafe;border-color:var(--accent-blue);color:#1e40af}.admin-snackbar button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;font-size:var(--text-2xl);font-weight:var(--font-bold);height:24px;justify-content:center;opacity:.7;padding:0;transition:var(--transition-all);width:24px}.admin-snackbar button:hover{background:#0000001a;opacity:1}@media (max-width:1024px){.admin-container{padding:0 var(--spacing-lg)}.admin-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-form-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-settings{padding:var(--spacing-lg) 0}.admin-container{padding:0 var(--spacing-md)}.admin-title{font-size:var(--text-2xl);margin-bottom:var(--spacing-xl)}.admin-tabs{flex-direction:column;gap:var(--spacing-sm)}.admin-tab{min-width:auto;width:100%}.admin-card{padding:var(--spacing-lg)}.admin-card-header{gap:var(--spacing-md)}.admin-card-header,.admin-section-header{align-items:flex-start;flex-direction:column}.admin-form-row{gap:var(--spacing-md);grid-template-columns:1fr}.admin-form-checkboxes{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.admin-actions{flex-direction:column}.admin-btn{width:100%}.admin-grid{gap:var(--spacing-md);grid-template-columns:1fr}.admin-youtube-header{flex-direction:column}.admin-youtube-header img{height:60px;width:60px}.admin-youtube-stats{grid-template-columns:1fr 1fr}.admin-banner-display{align-items:flex-start;flex-direction:column}.admin-banner-meta{align-items:stretch;flex-direction:column}.admin-banner-badges{justify-content:center}.admin-snackbar{bottom:var(--spacing-md);left:var(--spacing-md);max-width:none;right:var(--spacing-md)}}@media (max-width:480px){.admin-container{padding:0 var(--spacing-sm)}.admin-title{font-size:var(--text-xl)}.admin-card{padding:var(--spacing-md)}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{font-size:var(--text-sm);padding:var(--spacing-sm)}.admin-btn{font-size:var(--text-sm);min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.admin-youtube-stats{grid-template-columns:1fr}.admin-banner-preview-box{align-items:flex-start;flex-direction:column;padding:var(--spacing-md)}}@media (hover:none) and (pointer:coarse){.admin-tab:hover{background:#0000}.admin-tab:active{background:var(--bg-light)}.admin-btn:hover{transform:none}.admin-btn:active:not(:disabled){transform:scale(.97)}.admin-card:hover{transform:none}}.admin-coupons-page{background:#f8fafc;font-family:inherit;min-height:100vh;padding:28px 32px}.admin-coupons-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.admin-coupons-title{color:#0f172a;font-size:1.6rem;font-weight:800;margin:0 0 4px}.admin-coupons-subtitle{color:#64748b;font-size:.88rem;margin:0}.admin-coupons-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-coupons-stat-card{background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 1px 6px #0000000f;display:flex;flex-direction:column;gap:4px;padding:20px 24px}.admin-coupons-stat-blue{border-left-color:#3b82f6}.admin-coupons-stat-green{border-left-color:#22c55e}.admin-coupons-stat-purple{border-left-color:#a855f7}.admin-coupons-stat-orange{border-left-color:#f97316}.admin-coupons-stat-value{color:#0f172a;font-size:2rem;font-weight:800;line-height:1}.admin-coupons-stat-label{color:#64748b;font-size:.8rem;font-weight:600}.admin-coupons-filters{flex-wrap:wrap;gap:12px}.admin-coupons-search{flex:1 1;min-width:220px}.admin-coupons-input,.admin-coupons-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.88rem;outline:none;padding:9px 14px;transition:border-color .2s;width:100%}.admin-coupons-input:focus,.admin-coupons-select:focus{border-color:#6366f1}.admin-coupons-input-error{border-color:#ef4444!important}.admin-coupons-error-msg{color:#ef4444;display:block;font-size:.75rem;margin-top:4px}.admin-coupons-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:6px;padding:9px 18px;transition:all .2s;white-space:nowrap}.admin-coupons-btn:disabled{cursor:not-allowed;opacity:.6}.admin-coupons-btn-primary{background:#6366f1;color:#fff}.admin-coupons-btn-primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.admin-coupons-btn-danger{background:#ef4444;color:#fff}.admin-coupons-btn-danger:hover:not(:disabled){background:#dc2626}.admin-coupons-btn-outline{background:#fff;border:1.5px solid #e2e8f0;color:#475569}.admin-coupons-btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.admin-coupons-btn-lg{font-size:.95rem;padding:11px 24px}.admin-coupons-table-card{background:#fff;border-radius:14px;box-shadow:0 1px 8px #00000012;overflow:hidden}.admin-coupons-table-wrap{overflow-x:auto}.admin-coupons-table{border-collapse:collapse;font-size:.875rem;width:100%}.admin-coupons-table thead tr{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.admin-coupons-table th{color:#64748b;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-coupons-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:14px 16px;vertical-align:middle}.admin-coupons-table tbody tr:last-child td{border-bottom:none}.admin-coupons-table tbody tr:hover{background:#f8fafc}.admin-coupons-code-cell{display:flex;flex-direction:column;gap:3px}.admin-coupons-code-tag{background:#eef2ff;border-radius:6px;color:#4f46e5;display:inline-block;font-family:monospace;font-size:.82rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.admin-coupons-code-desc{color:#94a3b8;font-size:.75rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-coupons-value-cell{display:flex;flex-direction:column;font-weight:700;gap:2px}.admin-coupons-min-order{color:#94a3b8;font-size:.7rem;font-weight:400}.admin-coupons-uses-cell{align-items:center;display:flex;gap:4px}.admin-coupons-sep{color:#cbd5e1}.admin-coupons-history-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;margin-left:4px;padding:2px 4px;transition:background .2s}.admin-coupons-history-btn:hover{background:#e0e7ff}.admin-coupons-expired-date{color:#ef4444;font-weight:600}.admin-coupons-usage-type{color:#475569;font-size:.8rem}.admin-coupons-green{color:#16a34a;font-weight:700}.admin-coupons-badge{border-radius:20px;display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;white-space:nowrap}.admin-coupons-badge-green{background:#dcfce7;color:#15803d}.admin-coupons-badge-red{background:#fee2e2;color:#dc2626}.admin-coupons-badge-gray{background:#f1f5f9;color:#64748b}.admin-coupons-badge-blue{background:#dbeafe;color:#1d4ed8}.admin-coupons-badge-purple{background:#ede9fe;color:#7c3aed}.admin-coupons-badge-teal{background:#ccfbf1;color:#0f766e}.admin-coupons-badge-orange{background:#ffedd5;color:#c2410c}.admin-coupons-toggle{border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s;width:42px}.admin-coupons-toggle-on{background:#22c55e}.admin-coupons-toggle-off{background:#cbd5e1}.admin-coupons-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;position:absolute;top:3px;transition:left .2s;width:18px}.admin-coupons-toggle-on .admin-coupons-toggle-knob{left:21px}.admin-coupons-toggle-off .admin-coupons-toggle-knob{left:3px}.admin-coupons-actions{display:flex;gap:6px}.admin-coupons-action-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-coupons-action-edit:hover{background:#dbeafe;transform:scale(1.1)}.admin-coupons-action-users:hover{background:#ede9fe;transform:scale(1.1)}.admin-coupons-action-delete:hover{background:#fee2e2;transform:scale(1.1)}.admin-coupons-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:.9rem;gap:14px;justify-content:center;padding:60px}.admin-coupons-spinner{animation:admin-coupons-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:36px;width:36px}.admin-coupons-spinner-sm{animation:admin-coupons-spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes admin-coupons-spin{to{transform:rotate(1turn)}}.admin-coupons-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.admin-coupons-empty-icon{font-size:3rem;margin-bottom:4px}.admin-coupons-empty-text{color:#94a3b8;font-size:.9rem;text-align:center}.admin-coupons-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.admin-coupons-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.admin-coupons-modal-lg{max-width:720px}.admin-coupons-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 24px 16px}.admin-coupons-modal-title{color:#0f172a;font-size:1.15rem;font-weight:800;margin:0}.admin-coupons-modal-sub{color:#64748b;font-size:.82rem;margin:4px 0 0}.admin-coupons-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;transition:background .2s;width:32px}.admin-coupons-close-btn:hover{background:#e2e8f0}.admin-coupons-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.admin-coupons-modal-footer{border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.admin-coupons-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.admin-coupons-field{display:flex;flex-direction:column;gap:6px}.admin-coupons-span-2{grid-column:span 2}.admin-coupons-span-full{grid-column:1/-1}.admin-coupons-label{color:#374151;font-size:.8rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.admin-coupons-section-label{color:#94a3b8;font-size:.78rem;font-weight:700;letter-spacing:.5px;margin:12px 0 6px;text-transform:uppercase}.admin-coupons-inline-row{display:flex;gap:8px}.admin-coupons-inline-row .admin-coupons-input{flex:1 1}.admin-coupons-inline-row .admin-coupons-btn{flex-shrink:0}.admin-coupons-user-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.admin-coupons-chip{align-items:center;background:#eef2ff;border-radius:20px;color:#4f46e5;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 10px}.admin-coupons-chip button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.75rem;line-height:1;padding:0;transition:color .2s}.admin-coupons-chip button:hover{color:#dc2626}.admin-coupons-confirm{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;max-width:380px;padding:28px;text-align:center;width:100%}.admin-coupons-confirm-msg{color:#334155;font-size:.95rem;line-height:1.5;margin:0 0 24px}.admin-coupons-confirm-actions{display:flex;gap:10px;justify-content:center}.admin-coupons-toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;position:fixed;right:24px;z-index:9999}.admin-coupons-toast{align-items:center;animation:admin-coupons-slide-in .25s ease;border-radius:10px;box-shadow:0 4px 16px #00000026;display:flex;font-size:.875rem;font-weight:600;gap:10px;max-width:360px;min-width:260px;padding:12px 18px}.admin-coupons-toast-success{background:#f0fdf4;border-left:4px solid #22c55e;color:#166534}.admin-coupons-toast-error{background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}@keyframes admin-coupons-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.admin-coupons-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-coupons-page{padding:16px}.admin-coupons-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.admin-coupons-filters{flex-direction:column}.admin-coupons-search{min-width:0;min-width:auto}.admin-coupons-form-grid{grid-template-columns:1fr}.admin-coupons-span-2,.admin-coupons-span-full{grid-column:1}.admin-coupons-modal{border-radius:16px 16px 0 0;margin:0;max-width:100%}.admin-coupons-overlay{align-items:flex-end}}@media (max-width:480px){.admin-coupons-stats{grid-template-columns:1fr 1fr}.admin-coupons-stat-value{font-size:1.5rem}.admin-coupons-confirm-actions,.admin-coupons-header{flex-direction:column}}.admin-coupons-filters{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;margin-bottom:20px}.admin-coupons-search{flex:1 1 auto;min-width:0}.admin-coupons-filters .admin-coupons-select{flex:0 0 140px;min-width:0;width:140px}.admin-coupons-filters .admin-coupons-btn{flex-shrink:0}@media (max-width:768px){.admin-coupons-page{padding:16px}.admin-coupons-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.admin-coupons-form-grid{grid-template-columns:1fr}.admin-coupons-span-2,.admin-coupons-span-full{grid-column:1}.admin-coupons-modal{border-radius:16px 16px 0 0;margin:0;max-width:100%}.admin-coupons-overlay{align-items:flex-end}}@media (max-width:480px){.admin-coupons-filters{flex-wrap:wrap}.admin-coupons-filters .admin-coupons-select{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;width:auto}.admin-coupons-search{flex:1 1 100%}}.admin-coupons-user-picker{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;max-height:260px;overflow-y:auto}.admin-coupons-user-picker-empty,.admin-coupons-user-picker-loading{align-items:center;color:#94a3b8;display:flex;font-size:.82rem;gap:8px;justify-content:center;padding:20px}.admin-coupons-user-row{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .15s}.admin-coupons-user-row:last-child{border-bottom:none}.admin-coupons-user-row:hover{background:#f8fafc}.admin-coupons-user-row-selected{background:#eef2ff}.admin-coupons-user-row-selected:hover{background:#e0e7ff}.admin-coupons-user-avatar{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:36px;justify-content:center;width:36px}.admin-coupons-user-row-selected .admin-coupons-user-avatar{background:#4f46e5}.admin-coupons-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.admin-coupons-user-name{color:#0f172a;font-size:.85rem;font-weight:700}.admin-coupons-user-meta,.admin-coupons-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-coupons-user-meta{color:#94a3b8;font-size:.72rem}.admin-coupons-user-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.admin-coupons-user-tag{background:#f1f5f9;border-radius:20px;color:#475569;font-size:.65rem;font-weight:700;padding:1px 6px}.admin-coupons-user-check{align-items:center;border:2px solid #e2e8f0;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;font-size:.75rem;font-weight:800;height:24px;justify-content:center;transition:all .15s;width:24px}.admin-coupons-user-row-selected .admin-coupons-user-check{background:#6366f1;border-color:#6366f1;color:#fff}.acl-page{margin:0 auto;max-width:1100px;padding:28px}.acl-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.acl-header,.acl-header-left{align-items:center;display:flex;gap:16px}.acl-back-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:6px;padding:8px 16px;transition:background .2s}.acl-back-btn:hover{background:#e2e8f0}.acl-title{color:#0f172a;font-size:1.5rem;font-weight:800;margin:0}.acl-subtitle{color:#94a3b8;font-size:.8rem;margin:2px 0 0}.acl-add-btn{align-items:center;background:#02593e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:8px;padding:10px 20px;transition:background .2s;white-space:nowrap}.acl-add-btn:hover{background:#014d35}.acl-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.acl-stat-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;text-align:center}.acl-stat-value{color:#02593e;font-size:1.3rem;font-weight:800}.acl-stat-label{color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.acl-form-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 12px #0000000f;margin-bottom:28px;overflow:hidden}.acl-form-header{align-items:center;background:#02593e;color:#fff;display:flex;justify-content:space-between;padding:16px 24px}.acl-form-header h3{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}.acl-form-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:4px;transition:background .2s}.acl-form-close:hover{background:#fff3}.acl-form-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:24px}.acl-field{display:flex;flex-direction:column;gap:6px}.acl-field-full{grid-column:1/-1}.acl-field label{color:#374151;font-size:.8rem;font-weight:700}.acl-optional{color:#94a3b8;font-weight:500;margin-left:4px}.acl-field input,.acl-field textarea{border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.88rem;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.acl-field input:focus,.acl-field textarea:focus{border-color:#02593e}.acl-input-error{border-color:#ef4444!important}.acl-field textarea{min-height:80px;resize:vertical}.acl-err{color:#ef4444;font-size:.75rem;font-weight:600}.acl-source-tabs{display:flex;gap:8px;margin-bottom:10px}.acl-source-tab{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;padding:7px 16px;transition:all .2s}.acl-source-tab.active,.acl-source-tab:hover{border-color:#02593e;color:#02593e}.acl-source-tab.active{background:#f0fdf4}.acl-link-input-wrap{position:relative}.acl-link-input-wrap input{padding-right:36px}.acl-link-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.75rem;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s}.acl-link-clear:hover{color:#ef4444}.acl-link-preview{background:#000;border:1.5px solid #e2e8f0;border-radius:10px;margin-top:12px;overflow:hidden}.acl-embed-preview{aspect-ratio:16/9;border:none;display:block;width:100%}.acl-upload-zone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;padding:36px 20px;text-align:center;transition:border-color .2s,background .2s}.acl-upload-zone:hover{background:#f0fdf4;border-color:#02593e}.acl-upload-zone-sm{padding:20px}.acl-upload-icon{color:#94a3b8;font-size:2rem;margin-bottom:8px}.acl-upload-zone p{color:#374151;font-size:.9rem;font-weight:700;margin:0 0 4px}.acl-upload-zone span{color:#94a3b8;font-size:.75rem}.acl-thumb-preview{display:flex;flex-direction:column;gap:8px;position:relative}.acl-thumb-preview img{border:1.5px solid #e2e8f0;border-radius:8px;max-height:160px;object-fit:cover;width:100%}.acl-thumb-overlay{align-items:center;background:#0006;border-radius:8px;display:flex;inset:0;justify-content:center;position:absolute}.acl-thumb-spinner{animation:aclSpin .7s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:28px;width:28px}.acl-upload-meta{align-items:center;color:#374151;display:flex;font-size:.8rem;gap:8px}.acl-meta-ok{color:#16a34a;font-size:.95rem}.acl-reupload{background:none;border:1.5px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;font-size:.75rem;font-weight:700;margin-left:auto;padding:4px 10px;transition:border-color .2s}.acl-reupload:hover{border-color:#02593e;color:#02593e}.acl-toggles{border-top:1.5px solid #f1f5f9;gap:24px;grid-column:1/-1;padding:14px 0}.acl-toggle,.acl-toggles{align-items:center;display:flex}.acl-toggle{color:#374151;cursor:pointer;font-size:.85rem;font-weight:700;gap:10px}.acl-toggle input{display:none}.acl-toggle-track{background:#e2e8f0;border-radius:11px;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:40px}.acl-toggle-track:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.acl-toggle input:checked+.acl-toggle-track{background:#02593e}.acl-toggle input:checked+.acl-toggle-track:after{transform:translateX(18px)}.acl-form-footer{border-top:1.5px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.acl-btn-primary{align-items:center;background:#02593e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:8px;padding:10px 24px;transition:background .2s}.acl-btn-primary:hover:not(:disabled){background:#014d35}.acl-btn-primary:disabled{cursor:not-allowed;opacity:.6}.acl-btn-outline{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.88rem;font-weight:700;padding:10px 20px;transition:border-color .2s}.acl-btn-outline:hover{border-color:#02593e;color:#02593e}.acl-list{display:flex;flex-direction:column;gap:12px}.acl-lecture-card{align-items:flex-start;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:box-shadow .2s,border-color .2s}.acl-lecture-card:hover{border-color:#c7d2fe;box-shadow:0 4px 16px #00000014}.acl-lec-thumb{background:#0f172a;border-radius:8px;cursor:pointer;flex-shrink:0;height:90px;min-width:160px;overflow:hidden;position:relative;width:160px}.acl-lec-thumb img{height:100%;object-fit:cover;width:100%}.acl-thumb-placeholder{color:#475569;font-size:1.4rem;height:100%;width:100%}.acl-thumb-placeholder,.acl-thumb-play{align-items:center;display:flex;justify-content:center}.acl-thumb-play{background:#0006;color:#fff;font-size:1rem;inset:0;opacity:0;position:absolute;transition:opacity .2s}.acl-lec-thumb:hover .acl-thumb-play{opacity:1}.acl-lec-duration{background:#000000bf;bottom:4px;color:#fff;font-size:.68rem;font-weight:700;right:6px}.acl-lec-duration,.acl-source-badge{border-radius:4px;padding:2px 6px;position:absolute}.acl-source-badge{font-size:.62rem;font-weight:800;left:6px;letter-spacing:.5px;text-transform:uppercase;top:4px}.acl-source-yt{background:red;color:#fff}.acl-source-drive{background:#1a73e8;color:#fff}.acl-lec-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.acl-lec-top{align-items:baseline;display:flex;gap:8px}.acl-lec-num{color:#02593e;font-size:.72rem;font-weight:800;white-space:nowrap}.acl-lec-title{color:#0f172a;font-size:.95rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acl-lec-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.78rem;margin:0;overflow:hidden}.acl-lec-meta{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.72rem;font-weight:600;gap:10px}.acl-lec-meta span{align-items:center;display:flex;gap:4px}.acl-lec-badges{display:flex;flex-wrap:wrap;gap:6px}.acl-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;padding:3px 10px}.acl-badge-green{background:#dcfce7;color:#15803d}.acl-badge-blue{background:#dbeafe;color:#1d4ed8}.acl-badge-gray{background:#f1f5f9;color:#64748b}.acl-lec-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.acl-action-btn{align-items:center;background:#fff;border:1.5px solid;border-radius:8px;cursor:pointer;display:flex;font-size:.78rem;height:34px;justify-content:center;transition:all .2s;width:34px}.acl-action-preview{border-color:#6366f1;color:#6366f1}.acl-action-preview:hover{background:#6366f1;color:#fff}.acl-action-delete{border-color:#ef4444;color:#ef4444}.acl-action-delete:hover:not(:disabled){background:#ef4444;color:#fff}.acl-action-delete:disabled{cursor:not-allowed;opacity:.5}.acl-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:.9rem;gap:12px;justify-content:center;padding:60px}.acl-spinner{border:3px solid #e2e8f0;border-radius:50%;border-top-color:#02593e;height:36px;width:36px}.acl-spinner,.acl-spinner-sm{animation:aclSpin .7s linear infinite}.acl-spinner-sm{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;vertical-align:middle;width:14px}.acl-spinner-red{border-color:#ef444433}@keyframes aclSpin{to{transform:rotate(1turn)}}.acl-empty{align-items:center;background:#fff;border:1.5px dashed #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px;text-align:center}.acl-empty-icon{color:#cbd5e1;font-size:3rem}.acl-empty h3{color:#374151;font-size:1.1rem;font-weight:700;margin:0}.acl-empty p{color:#94a3b8;font-size:.85rem;margin:0}.acl-modal-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.acl-modal{background:#0f172a;border-radius:14px;max-width:860px;overflow:hidden;width:100%}.acl-modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.acl-modal-num{color:#4ade80;display:block;font-size:.7rem;font-weight:700;margin-bottom:2px}.acl-modal-header h3{color:#fff;font-size:1rem;font-weight:700;margin:0}.acl-modal-header button{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:30px;justify-content:center;transition:background .2s;width:30px}.acl-modal-header button:hover{background:#fff3}.acl-modal-video{aspect-ratio:16/9;background:#000;border:none;display:block;width:100%}.acl-modal-desc{border-top:1px solid #ffffff1a;color:#94a3b8;font-size:.85rem;margin:0;padding:14px 20px}@media (max-width:900px){.acl-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.acl-page{padding:16px}.acl-stats{grid-template-columns:repeat(2,1fr)}.acl-form-body{grid-template-columns:1fr}.acl-lecture-card{flex-direction:column}.acl-lec-thumb{height:180px;min-width:0;min-width:auto;width:100%}.acl-lec-actions{flex-direction:row}.acl-header{align-items:flex-start;flex-direction:column}.acl-add-btn{justify-content:center;width:100%}.acl-source-tabs{flex-wrap:wrap}}:root{--primary-color:#02593e;--primary-dark:#014a32;--primary-light:#03734e;--primary-lighter:#068c5e;--primary-pale:#d4f4e8;--secondary-color:#06815a;--secondary-dark:#054d36;--secondary-light:#4fa288;--accent-green:#10b981;--accent-green-dark:#059669;--accent-green-light:#34d399;--accent-red:#ef4444;--accent-red-dark:#dc2626;--accent-red-light:#f87171;--accent-orange:#f59e0b;--accent-orange-dark:#d97706;--accent-orange-light:#fbbf24;--accent-blue:#3b82f6;--accent-yellow:#eab308;--accent-purple:#8b5cf6;--brand-green:#02593e;--brand-green-dark:#014a32;--brand-green-light:#4fa288;--brand-teal:#06815a;--brand-teal-dark:#054d36;--brand-teal-light:#4fa288;--brand-navy:#2d2961;--brand-navy-dark:#1e1b42;--brand-navy-light:#4a4275;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-primary:#02593e;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-light:#9ca3af;--text-white:#fff;--text-muted:#64748b;--text-dark:#1f2937;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-dark:#1f2937;--bg-light:#f8f9fa;--bg-green-light:#d4f4e8;--border-color:#e5e7eb;--border-dark:#d1d5db;--border-light:#f3f4f6;--border-primary:#02593e;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 4px 12px #02593e4d;--shadow-green:0 4px 12px #10b9814d;--shadow-red:0 4px 12px #ef44444d;--shadow-teal:0 4px 12px #06815a4d;--gradient-primary:linear-gradient(135deg,#02593e,#06815a);--gradient-secondary:linear-gradient(135deg,#06815a,#4fa288);--gradient-green:linear-gradient(135deg,#10b981,#34d399);--gradient-teal:linear-gradient(135deg,#06815a,#4fa288);--gradient-dark-green:linear-gradient(135deg,#014a32,#02593e);--gradient-sunset:linear-gradient(135deg,#f59e0b,#ef4444);--gradient-purple:linear-gradient(135deg,#8b5cf6,#a78bfa);--gradient-red:linear-gradient(135deg,#dc2626,#991b1b);--gradient-orange:linear-gradient(135deg,#f59e0b,#d97706);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-primary:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Poppins",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--transition-all:all 0.3s ease;--z-dropdown:1000;--z-modal:9999;--z-tooltip:10000;--z-models:10000;--container-max-width:1400px}*,:after,:before{box-sizing:border-box!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);margin:0;padding:0}a{color:inherit;text-decoration:none!important}body,html{height:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.1cb652f0.css.map*/