body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cart-icon-container{display:inline-block;text-decoration:none}.cart-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative;transition:all .3s ease}.cart-icon-wrapper.loading{opacity:.8}.cart-icon{filter:brightness(1);height:28px;transition:all .2s ease;width:28px}.cart-icon:hover{filter:brightness(1.1);transform:scale(1.05)}.cart-icon.error-state{filter:brightness(.8) saturate(1.2) hue-rotate(15deg)}.cart-count{animation:bounceIn .4s cubic-bezier(.68,-.55,.265,1.55);background:#e74c3c;border:2px solid #fff;box-shadow:0 2px 4px #0003;font-size:12px;line-height:1;min-width:20px;padding:0 2px;right:-8px;top:-8px}.cart-count.optimistic{animation:pulse 1.5s infinite;background:#f39c12}.cart-count.error{animation:shake .5s ease-in-out;background:#e67e22}.cart-loading-overlay{align-items:center;background:#fffc;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.cart-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:14px;width:14px}.cart-error-indicator{animation:bounce 2s infinite;font-size:12px;left:-4px;position:absolute;top:-4px;z-index:10}.cart-optimistic-indicator{animation:pulse 1s infinite;bottom:-4px;font-size:10px;position:absolute;right:-4px;z-index:10}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.cart-icon-container:hover .cart-icon-wrapper{transform:translateY(-1px)}.cart-icon-container:hover .cart-count{transform:scale(1.1)}@media (max-width:768px){.cart-icon{height:24px;width:24px}.cart-count{font-size:11px;height:18px;min-width:18px;right:-6px;top:-6px}.cart-error-indicator,.cart-optimistic-indicator{font-size:10px}}@media (prefers-contrast:high){.cart-count{border-width:3px;font-weight:900}.cart-icon.error-state{filter:contrast(1.5)}}@media (prefers-reduced-motion:reduce){.cart-count,.cart-error-indicator,.cart-icon,.cart-icon-wrapper,.cart-optimistic-indicator,.cart-spinner{animation:none;transition:none}.cart-icon-container:hover .cart-count,.cart-icon-container:hover .cart-icon-wrapper{transform:none}}.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;left:0;padding:.5rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;will-change:transform,background-color;z-index:9999}.header:hover{box-shadow:0 4px 20px #00000026}.header-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 2fr 1fr;margin:0 auto;max-width:1320px;padding:0 1rem;transition:padding .3s ease}.logo{align-items:center;display:flex;height:80px;justify-self:start;overflow:hidden;position:relative;width:200px}.logo img{height:100%;left:0;margin-left:2rem;object-fit:contain;position:absolute;top:50%;transform:translateY(-50%) scale(3);width:auto}.nav-menu{justify-self:center}.nav-menu ul{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.nav-menu li{position:relative;transition:transform .3s ease}.nav-menu li:hover{transform:translateY(-2px)}.nav-menu a{border-radius:8px;color:#333;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-menu a:hover{background-color:#2e7d321a;color:#2e7d32}.nav-menu ul li.active a{color:#2e7d32;font-weight:600}.nav-menu ul li.active a:after{background-color:#2e7d32;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}.auth-buttons{align-items:center;display:flex;gap:1rem;justify-self:end;margin-left:auto;padding-left:2rem}.login-btn,.signup-btn{border-radius:8px;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.login-btn{background-color:initial;border:2px solid #2c5530;color:#2c5530}.login-btn:hover{box-shadow:0 4px 12px #2c55304d;transform:translateY(-2px)}.login-btn:hover,.signup-btn{background-color:#2c5530;color:#fff}.signup-btn{border:2px solid #2c5530}.signup-btn:hover{background-color:#1e3a21;border-color:#1e3a21;box-shadow:0 4px 12px #2c553066;transform:translateY(-2px)}.cart-icon-container{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:.5rem;position:relative;transition:all .3s ease}.cart-icon-container:hover{background-color:#2c55301a;transform:scale(1.1)}.cart-icon{height:24px;transition:transform .3s ease;width:24px}.cart-count{align-items:center;animation:pulse 2s infinite;background-color:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.user-dropdown{position:relative}.user-icon-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.user-icon-button:hover{background-color:#2c55301a}.user-icon{border-radius:50%;height:32px;transition:transform .3s ease;width:32px}.user-icon.user-avatar{border:2px solid #2c553033;object-fit:cover}.user-icon-button:hover .user-icon.user-avatar{border-color:#2c5530}.dropdown-menu{animation:dropdownSlideIn .3s ease;background:#fff;border:1px solid #2c55301a;border-radius:12px;box-shadow:0 8px 25px #00000026;min-width:200px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{border-bottom:1px solid #2c55301a;padding:.75rem 1rem}.dropdown-username{color:#2c5530;font-weight:600}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease;width:100%}.dropdown-item:hover{background-color:#2c55300d;color:#2c5530}.logout-item{color:#dc3545}.logout-item:hover{background-color:#dc35450d}.admin-item{color:#2c5530;font-weight:600}.admin-item:hover{background-color:#2c55301a;color:#1a3a1e}.dropdown-icon{height:16px;margin-right:.5rem;transition:transform .3s ease;width:16px}.dropdown-item:hover .dropdown-icon{transform:scale(1.1)}@media (max-width:992px){.header-container{gap:.5rem;grid-template-columns:auto 1fr auto}.nav-menu ul{gap:1.5rem}}@media (max-width:768px){.logo img{transform:translateY(-50%) scale(2.5)}.nav-menu{display:none}}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;box-shadow:0 2px 20px #0000001a}@media (max-width:576px){.auth-buttons{gap:.5rem;padding-left:1rem}.login-btn,.signup-btn{font-size:.9rem;padding:.4rem .8rem}}.footer{background-image:url(/static/media/footer-background.5360b0167c5de4fc5c56.jpg);background-position:50%;background-size:cover;color:#fff;padding:4rem 0 2rem;position:relative}.footer:before{background:#000000b3;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.footer-content{display:flex;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.footer-brand{flex:0 0 35%}.footer-logo{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;text-decoration:none}.footer-logo img{height:40px;width:auto}.footer-logo span{color:#fff;font-size:1.5rem;font-weight:600}.brand-description{color:#fff;line-height:1.6;margin-top:1rem}.footer-links{display:flex;flex:0 0 60%;gap:2rem;justify-content:space-between}.footer-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#4caf50}.contact-info li{gap:.5rem}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin:4rem auto 0;max-width:1200px;padding:2rem 2rem 0;position:relative;z-index:2}.social-links{gap:1rem}.social-links a{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:36px;justify-content:center;transition:background-color .3s ease;width:36px}.social-links a:hover{background:#4caf50}.social-links img{filter:brightness(0) invert(1);height:20px;width:20px}.contact-info li{align-items:center;color:#fff;display:flex;gap:.8rem;margin-bottom:1rem}.contact-icon{filter:brightness(0) invert(1);height:20px;object-fit:contain;width:20px}@media (max-width:992px){.footer-content{flex-direction:column;gap:3rem}.footer-brand,.footer-links{flex:0 0 100%}}@media (max-width:768px){.footer-links{flex-direction:column;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.product-card-link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.product-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.product-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.product-image-container{aspect-ratio:4/3;background-color:#f0f0f0;overflow:hidden;position:relative}.product-image-placeholder{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:100%;position:absolute;width:100%}.product-image{height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s ease;width:100%}.product-image.loading{opacity:0}.product-image.loaded{opacity:1}.product-card:hover .product-image{transform:scale(1.05)}.product-image-error{align-items:center;background-color:#f5f5f5;color:#666;display:flex;font-size:.9rem;height:100%;justify-content:center;width:100%}.product-info{display:flex;flex-direction:column;flex-grow:1;padding:20px}.product-name{color:#0a4b3e;font-size:1.5rem;font-weight:600;margin-bottom:8px}.product-description{color:#888;font-size:.9rem;margin-bottom:15px}.product-price{color:#333;font-size:1.2rem;font-weight:600;margin-top:auto}.product-button{align-items:center;background-color:#0a4b3e;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;transition:background-color .3s ease;width:40px;z-index:1}.product-button:hover{background-color:#0d5c4c}.product-image.hat-image{object-fit:cover;object-position:center 30%}.product-card:hover .product-image.hat-image{transform:scale(1.1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:992px){.product-image-container{aspect-ratio:4/3}}@media (max-width:576px){.product-image-container{aspect-ratio:16/10}.product-name{font-size:1.3rem}.product-price{font-size:1.1rem}}:root{--primary-dark:#1e3a21;--secondary-color:#66bb6a;--tertiary-color:#81c784;--gradient-hero:linear-gradient(135deg,#f8fffe,#e8f5f3 25%,#d0ede8 50%,#b8e5dd 75%,#a0ddd2);--gradient-premium:linear-gradient(135deg,#2c5530,#4a7c59 50%,#4caf50);--gradient-glass:linear-gradient(135deg,#ffffff40,#ffffff0d);--gradient-orb-1:radial-gradient(circle,#4caf5026 0%,#0000 70%);--gradient-orb-2:radial-gradient(circle,#2c55301f 0%,#0000 70%);--gradient-orb-3:radial-gradient(circle,#66bb6a1a 0%,#0000 70%);--shadow-xl:0 12px 48px #2c553033;--shadow-premium:0 20px 60px #2c553040;--shadow-glow:0 0 40px #4caf504d;--gradient-primary:linear-gradient(135deg,#2c5530,#4a7c59 50%,#4caf50);--gradient-section:linear-gradient(180deg,#f8faf9,#fff);--border-radius-xl:28px;--transition-smooth:all 0.6s cubic-bezier(0.25,0.46,0.45,0.94);--transition-premium:all 0.8s cubic-bezier(0.165,0.84,0.44,1)}.landing-v2{background:#fff;background:var(--bg-white);color:#2c3e50;color:var(--text-primary);font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;position:relative;scroll-behavior:smooth}.landing-v2:before{background:radial-gradient(circle at 20% 30%,#4caf5005 0,#0000 40%),radial-gradient(circle at 80% 70%,#2c553005 0,#0000 40%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.minimalist-hero{align-items:center;animation:backgroundShift 20s ease-in-out infinite;background:linear-gradient(135deg,#fff,#fafbfc 30%,#f5f8f7),radial-gradient(circle at 25% 25%,#4caf500d 0,#0000 60%),radial-gradient(circle at 75% 75%,#2c55300a 0,#0000 60%);display:flex;min-height:100vh;overflow:hidden;padding:140px 0 100px;position:relative}.minimalist-hero:before{animation:floatingElement 22s ease-in-out infinite,pulse 8s ease-in-out infinite;background:radial-gradient(circle,#4caf5014 0,#4caf5005 40%,#0000 70%);filter:blur(1px);height:320px;right:8%;top:15%;width:320px}.minimalist-hero:after,.minimalist-hero:before{border-radius:50%;content:"";position:absolute;transform:translateZ(0);will-change:transform,opacity;z-index:0}.minimalist-hero:after{animation:floatingElement 28s ease-in-out infinite reverse,pulse 12s ease-in-out 2s infinite;background:radial-gradient(circle,#2c55300f 0,#66bb6a08 50%,#0000 70%);bottom:10%;filter:blur(.8px);height:240px;left:3%;width:240px}.minimalist-hero .container:before{animation:floatingElement 18s ease-in-out 3s infinite,sparkle 6s ease-in-out infinite;background:radial-gradient(circle,#81c7840a 0,#0000 60%);height:120px;left:15%;top:5%;width:120px}.minimalist-hero .container:after,.minimalist-hero .container:before{border-radius:50%;content:"";position:absolute;transform:translateZ(0);will-change:transform,opacity;z-index:0}.minimalist-hero .container:after{animation:floatingElement 15s ease-in-out 1s infinite,sparkle 10s ease-in-out 4s infinite;background:radial-gradient(circle,#4caf500d 0,#0000 50%);bottom:25%;height:80px;right:15%;width:80px}@media (max-width:768px){.minimalist-hero:after,.minimalist-hero:before{animation-duration:30s,15s;opacity:0}.minimalist-hero .container:after,.minimalist-hero .container:before{animation-duration:25s,12s;opacity:.6}}.minimalist-hero .container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.1fr 1.2fr;max-width:1440px;position:relative;z-index:1}.minimalist-hero__content{display:flex;flex-direction:column;gap:48px;max-width:640px;padding-bottom:20px;padding-right:20px}.minimalist-hero__badge{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#f8faf9cc);border:1px solid #4caf5040;border-radius:100px;box-shadow:0 4px 20px #4caf501f,inset 0 1px 0 #fff6;color:#2c5530;color:var(--primary-color);display:inline-flex;font-size:.9rem;font-weight:500;gap:10px;opacity:0;overflow:hidden;padding:15px 20px;position:relative;transform:translateY(20px) scale(.95);transition:all 1s cubic-bezier(.165,.84,.44,1);width:fit-content}.minimalist-hero__badge--visible{animation:badgeGlow 4s ease-in-out 1s infinite;opacity:1;transform:translateY(0) scale(1)}.minimalist-hero__badge:hover{background:linear-gradient(135deg,#fffffff2,#f8faf9d9);border-color:#4caf5066;box-shadow:0 8px 35px #4caf5033,inset 0 1px 0 #fff9;transform:translateY(-3px) scale(1.03)}.minimalist-hero__title{color:#2c3e50;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:clamp(3.5rem,6vw,6.5rem);font-weight:200;letter-spacing:-.015em;line-height:1.15;margin:0;opacity:0;overflow:visible;padding:.1em 0;transform:translateY(40px);transition:all 1.2s cubic-bezier(.165,.84,.44,1);transition-delay:.3s}.minimalist-hero__title--visible{opacity:1;transform:translateY(0)}.minimalist-hero__accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c5530,#4caf50 50%,#66bb6a);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 50%,#66bb6a 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:500;padding-bottom:10px;position:relative}.minimalist-hero__accent:after{background:linear-gradient(90deg,#2c5530,#4caf50,#66bb6a);background:linear-gradient(90deg,var(--primary-color),var(--accent-color),#66bb6a);border-radius:2px;bottom:-18px;box-shadow:0 2px 8px #4caf504d;content:"";height:2px;left:0;position:absolute;transition:width .8s cubic-bezier(.165,.84,.44,1);transition-delay:1.5s;width:0}.minimalist-hero__title--visible .minimalist-hero__accent:after{animation:underlineGlow 3s ease-in-out 2s infinite;width:100%}.minimalist-hero__description{color:#5a6c7d;color:var(--text-secondary);font-size:clamp(1.125rem,2vw,1.375rem);font-weight:400;line-height:1.65;max-width:580px;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.165,.84,.44,1);transition-delay:.6s}.minimalist-hero__description--visible{opacity:1;transform:translateY(0)}.minimalist-hero__actions{align-items:center;display:flex;gap:10px;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.165,.84,.44,1);transition-delay:.9s}.minimalist-hero__actions--visible{opacity:1;transform:translateY(0)}.minimalist-hero__cta{align-items:center;background:linear-gradient(135deg,#2c5530,#4a7c59);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border:none;border-radius:50px;box-shadow:0 8px 32px #2c553040;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;overflow:hidden;padding:18px 36px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:1}.minimalist-hero__cta:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.165,.84,.44,1);width:100%;z-index:-1}.minimalist-hero__cta:hover{background:linear-gradient(135deg,#4a7c59,#4caf50);background:linear-gradient(135deg,var(--primary-light) 0,var(--accent-color) 100%);box-shadow:0 12px 40px #2c55304d;transform:translateY(-3px) scale(1.02)}.minimalist-hero__cta:hover:before{left:100%}.minimalist-hero__cta:active{transform:translateY(-1px) scale(1.01)}.minimalist-hero__stats{display:flex;gap:48px;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.25,.46,.45,.94);transition-delay:.8s}.minimalist-hero__stats--visible{opacity:1;transform:translateY(0)}.stat-simple{display:flex;flex-direction:column;gap:6px;padding:8px 0;position:relative}.stat-simple:before{background:linear-gradient(90deg,#4caf50,#0000);background:linear-gradient(90deg,var(--accent-color),#0000);border-radius:1px;content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:all .6s ease;width:30px}.minimalist-hero__stats--visible .stat-simple:before{opacity:1;width:60px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c5530,#4caf50);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;transition:all .3s ease}.stat-simple:hover .stat-number{filter:drop-shadow(0 2px 8px rgba(76,175,80,.2));transform:scale(1.05)}.minimalist-hero__image-section{opacity:0;position:relative;transform:translateX(40px);transition:all 1s cubic-bezier(.25,.46,.45,.94);transition-delay:.3s}.minimalist-hero__image-section--visible{opacity:1;transform:translateX(0)}.minimalist-hero__image-wrapper{aspect-ratio:4/3;border-radius:24px;box-shadow:0 20px 60px #00000014;max-width:550px;overflow:hidden;position:relative;transition:all .4s ease;width:100%}.minimalist-hero__image-wrapper:hover{box-shadow:0 32px 80px #0000001f;transform:translateY(-8px)}.minimalist-hero__image{display:block;height:100%;object-fit:cover;object-position:center;transition:all .4s ease;width:100%}.minimalist-hero__image-wrapper:hover .minimalist-hero__image{transform:scale(1.02)}@media (min-width:1400px){.about-content{gap:70px;max-width:1400px}.about-text-content{padding-right:50px}.about-image{max-width:550px}}@media (max-width:1200px){.container{padding:0 30px}.minimalist-hero .container{gap:60px}.minimalist-hero__title{font-size:4.2rem;line-height:1.1}.section-title{font-size:2.2rem}.about-content{gap:55px}.about-text-content{padding-right:35px}.about-image{max-width:480px}}@media (max-width:992px){.container{padding:0 25px}.minimalist-hero .container{gap:50px;grid-template-columns:1fr;text-align:center}.minimalist-hero__content{align-items:center;max-width:100%;padding-right:0}.minimalist-hero__title{font-size:3.8rem;line-height:1.1}.minimalist-hero__stats{justify-content:center}.features-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.products-grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section-title{font-size:2rem}.about-content{gap:40px;grid-template-columns:5fr 3fr}.about-text-content{padding-right:25px}.about-image{max-width:400px}}@media (max-width:768px){.container{padding:0 20px}.minimalist-hero{min-height:90vh;padding:80px 0 50px}.minimalist-hero__content{gap:35px}.minimalist-hero__title{font-size:3.2rem;line-height:1.15}.minimalist-hero__description{font-size:1.1rem;line-height:1.6;max-width:500px}.minimalist-hero__stats{flex-wrap:wrap;gap:25px;justify-content:center}.minimalist-hero__image-wrapper{aspect-ratio:4/3;max-width:100%}.minimalist-hero__cta{font-size:1.1rem;padding:16px 32px}.features-grid{gap:25px;grid-template-columns:1fr}.feature-card{padding:35px 25px}.products-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.section-title{font-size:1.8rem;line-height:1.2}.section-subtitle{font-size:1rem}.about-content{display:flex!important;flex-direction:column;gap:40px;text-align:center}.about-text-content{max-width:100%;order:2;padding-right:0}.about-image{margin:0 auto;max-width:100%;order:1}.about-img{aspect-ratio:4/3;height:auto;object-fit:cover}.about-title{font-size:1.8rem;margin-bottom:18px}.about-description{font-size:1rem;margin-bottom:25px}.about-highlights{gap:12px;margin-bottom:25px}.highlight{font-size:.95rem;padding:10px 0}.highlight-icon{font-size:1.2rem}}@media (max-width:600px){.container{padding:0 18px}.minimalist-hero{padding:70px 0 40px}.minimalist-hero__title{font-size:2.8rem;line-height:1.2}.minimalist-hero__description{font-size:1rem;margin-bottom:5px}.minimalist-hero__cta{font-size:1rem;max-width:280px;padding:14px 28px;width:100%}.feature-card{padding:30px 20px}.feature-title{font-size:1.3rem}.products-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.section-header{margin-bottom:40px}.section-title{font-size:1.6rem}.about-title{font-size:1.7rem}.about-description{font-size:.95rem;line-height:1.6}.about-highlights{gap:10px}.highlight{font-size:.9rem;padding:8px 0}.highlight-icon{font-size:1.1rem}}@media (max-width:480px){.container{padding:0 16px}.minimalist-hero{min-height:85vh;padding:60px 0 35px}.minimalist-hero__content{gap:30px}.minimalist-hero__title{font-size:2.4rem;line-height:1.25}.minimalist-hero__description{font-size:.95rem;line-height:1.5}.minimalist-hero__stats{align-items:center;flex-direction:column;gap:20px;width:100%}.stat-simple{align-items:center;max-width:200px;text-align:center;width:100%}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}.minimalist-hero__cta{max-width:none;padding:16px 24px;width:100%}.feature-card{padding:25px 18px}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.2rem}.feature-description{font-size:.9rem}.products-grid{gap:12px;grid-template-columns:1fr 1fr}.section-title{font-size:1.5rem;line-height:1.3}.section-subtitle{font-size:.9rem}.btn-primary,.btn-secondary{font-size:.95rem;min-height:48px;padding:14px 20px}.about-brief-section{padding:60px 0}.about-title{font-size:1.5rem;line-height:1.3;margin-bottom:15px}.about-description{font-size:.9rem;line-height:1.5;margin-bottom:20px}.about-highlights{gap:8px;margin-bottom:20px}.highlight{flex-wrap:wrap;font-size:.85rem;padding:6px 0}.highlight-icon{font-size:1rem;min-width:24px}}@media (max-width:360px){.container{padding:0 14px}.minimalist-hero__title{font-size:2.1rem}.minimalist-hero__description{font-size:.9rem}.products-grid{gap:15px;grid-template-columns:1fr}.feature-card{padding:20px 15px}.section-title{font-size:1.4rem}.about-brief-section{padding:50px 0}.about-title{font-size:1.3rem;line-height:1.2;margin-bottom:12px}.about-description{font-size:.85rem;line-height:1.4;margin-bottom:18px}.about-highlights{gap:6px;margin-bottom:18px}.highlight{align-items:flex-start;font-size:.8rem;padding:5px 0}.highlight-icon{font-size:.9rem;margin-top:2px}}.section-title{color:#2c5530;color:var(--primary-color);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.section-subtitle{color:#5a6c7d;color:var(--text-secondary);font-size:1.125rem}.btn-primary{align-items:center;background:#2c5530;background:var(--primary-color);box-shadow:0 2px 8px #2c553014;box-shadow:var(--shadow-sm);display:inline-flex;justify-content:center;overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:#1e3a21;background:var(--primary-dark)}.btn-primary.btn-large{border-radius:20px;border-radius:var(--border-radius-lg);font-size:1.125rem;padding:18px 36px}.btn-secondary{padding:12px 26px}.btn-outline,.btn-secondary{align-items:center;display:inline-flex;justify-content:center}.btn-outline{background:#0000;border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius);color:#2c5530;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-outline:hover{background:#2c5530;background:var(--primary-color);border-color:#2c5530;border-color:var(--primary-color);color:#fff}.features-section{background:linear-gradient(180deg,#f8faf9,#fff);background:var(--gradient-section);padding:80px 0}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border:1px solid #e8f0ef;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #2c553014;box-shadow:var(--shadow-sm);overflow:hidden;padding:40px 30px;position:relative;text-align:center}.feature-card,.feature-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-card:before{background:linear-gradient(135deg,#2c5530,#4a7c59 50%,#4caf50);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card.active,.feature-card:hover{border-color:#4a7c59;border-color:var(--primary-light);box-shadow:0 8px 32px #2c553029;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{display:block;margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-title{color:#2c5530;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature-description{color:#5a6c7d;color:var(--text-secondary);line-height:1.6}.stats-section{background:#fff;padding:60px 0}.stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-number{color:#2c5530;color:var(--primary-color);font-weight:700}.stat-label{color:#5a6c7d;color:var(--text-secondary)}.products-section{background:#f8faf9;background:var(--bg-light);padding:80px 0}.products-loading{color:#5a6c7d;color:var(--text-secondary);padding:60px 20px;text-align:center}.loading-spinner-v2{border:3px solid #e8f0ef;border-top:3px solid #2c5530;border:3px solid var(--border-light);height:40px;margin:0 auto 20px;width:40px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.product-item{animation:fadeInUp .6s ease forwards;position:relative}.product-item,.product-item:before{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.product-item:before{background:linear-gradient(135deg,#2c5530,#4a7c59 50%,#4caf50);background:var(--gradient-primary);border-radius:12px;border-radius:var(--border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.product-item:hover{transform:translateY(-5px)}.product-badge{background:#e74c3c;border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;padding:5px 10px;right:15px;top:15px}.products-actions{margin-top:40px;text-align:center}.about-brief-section{background:#fff;padding:80px 0}.about-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:3fr 2fr;margin:0 auto;max-width:1200px}.about-text-content{max-width:none;padding-right:30px}.about-title{color:#2c5530;color:var(--primary-color);font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:20px}.about-description{color:#5a6c7d;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:30px}.about-highlights{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.highlight{align-items:center;display:flex;gap:12px;padding:12px 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.highlight:hover{color:#2c5530;color:var(--primary-color);transform:translateX(5px)}.highlight-icon{flex-shrink:0;font-size:1.3rem}.about-image{border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #2c553029;box-shadow:var(--shadow-lg);margin-left:auto;max-width:500px;overflow:hidden;position:relative;width:100%}@supports not (aspect-ratio:4/3){.about-img{height:375px}@media (max-width:768px){.about-img{height:auto;min-height:250px}}}.about-img{aspect-ratio:4/3;backface-visibility:hidden;border-radius:20px;border-radius:var(--border-radius-lg);height:auto;object-fit:cover;object-position:center;transition:all .6s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%;will-change:transform}.about-image:hover .about-img{transform:scale(1.05)}.cta-section{background:linear-gradient(135deg,#0a4b3e,#2c5530 50%,#0a4b3e);color:#fff;overflow:hidden;padding:100px 0;position:relative;text-align:center}.cta-section:before{animation:floatingOrbs 15s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 50%),radial-gradient(circle at 40% 80%,#ffffff0f 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cta-section .container{position:relative;z-index:2}.cta-content{margin:0 auto;max-width:800px}.cta-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f8f5 50%,#e6f5f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;line-height:1.2;margin-bottom:24px;text-shadow:0 4px 8px #0000004d}.cta-description{color:#f0f8f5;margin-bottom:40px;opacity:.95}.cta-actions{align-items:center;display:flex;flex-direction:column;gap:30px}.cta-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:20px}.cta-features span{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;font-size:1rem;gap:8px;opacity:.9;padding:12px 20px;transition:all .3s ease}.cta-features span:hover{background:#ffffff26;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}@media (max-width:768px){.cta-section{padding:80px 0}.cta-title{font-size:2.5rem;margin-bottom:20px}.cta-description{font-size:1.1rem;margin-bottom:35px}.cta-features{align-items:center;flex-direction:column;gap:15px}.cta-features span{justify-content:center;max-width:280px;padding:14px 16px;width:100%}}@media (max-width:600px){.cta-section{padding:70px 0}.cta-title{font-size:2.2rem;line-height:1.2}.cta-description{font-size:1rem;margin-bottom:30px}}@media (max-width:480px){.cta-section{padding:60px 0}.cta-title{font-size:1.9rem;line-height:1.3}.cta-description{font-size:.95rem;margin-bottom:25px}.cta-features span{font-size:.9rem;padding:12px 16px}}@media (max-width:360px){.cta-title{font-size:1.7rem}.cta-description{font-size:.9rem}.cta-features span{font-size:.85rem;padding:10px 14px}}@keyframes floatingOrbs{0%,to{opacity:.6;transform:translateY(0) translateX(0) scale(1)}33%{opacity:.8;transform:translateY(-20px) translateX(10px) scale(1.1)}66%{opacity:.7;transform:translateY(10px) translateX(-15px) scale(.9)}}@keyframes floatingElement{0%,to{opacity:.8;transform:translateY(0) translateX(0) scale(1)}25%{opacity:.6;transform:translateY(-25px) translateX(15px) scale(1.05)}50%{opacity:.9;transform:translateY(-10px) translateX(-20px) scale(.95)}75%{opacity:.7;transform:translateY(-35px) translateX(8px) scale(1.02)}}@keyframes backgroundShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}25%{opacity:.8;transform:scale(1.2)}50%{opacity:.5;transform:scale(1)}75%{opacity:.9;transform:scale(1.1)}}@keyframes badgeGlow{0%,to{box-shadow:0 4px 20px #4caf501f,inset 0 1px 0 #fff6}50%{box-shadow:0 6px 30px #4caf5033,inset 0 1px 0 #fff9}}@keyframes underlineGlow{0%,to{box-shadow:0 2px 8px #4caf504d}50%{box-shadow:0 4px 16px #4caf5080}}@keyframes badgeIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes underlineExpand{0%{width:0}to{width:60px}}@keyframes imageGlow{0%,to{opacity:.3}50%{opacity:.5}}@keyframes scrollIndicatorFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}@keyframes scrollWheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:.5;transform:translateX(-50%) translateY(8px)}to{opacity:0;transform:translateX(-50%) translateY(16px)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.minimalist-hero .container:after,.minimalist-hero .container:before,.minimalist-hero:after,.minimalist-hero:before{animation:none!important}}@media (prefers-contrast:high){.minimalist-hero__title,.section-title{color:#000;text-shadow:none}.btn-primary,.minimalist-hero__cta{border:2px solid}.feature-card{border:2px solid #2c5530;border:2px solid var(--primary-color)}}@media (prefers-color-scheme:dark){.minimalist-hero{background:linear-gradient(135deg,#1a1a1a,#2a2a2a 30%,#1f2f1f),radial-gradient(circle at 25% 25%,#4caf500d 0,#0000 60%)}}@media print{.minimalist-hero .container:after,.minimalist-hero .container:before,.minimalist-hero:after,.minimalist-hero:before{display:none}.minimalist-hero,.minimalist-hero__cta{background:#fff;color:#000}.minimalist-hero__cta{border:2px solid #000}}.login-page{align-items:center;animation:gradient-flow 15s ease infinite;background:linear-gradient(135deg,#1abc9c1a,#2ecc710d 25%,#4caf5014 50%,#66bb6a0d 75%,#81c7841a);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:before{background-image:url(/static/media/login.97c0399c5b56731dff67.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.3;z-index:0}.login-page:after,.login-page:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.login-page:after{background:radial-gradient(circle at 30% 70%,#4caf501a 0,#0000 50%),radial-gradient(circle at 70% 30%,#2ecc711a 0,#0000 50%),radial-gradient(circle at 50% 50%,#1abc9c0d 0,#0000 50%);z-index:1}.login-container{animation:container-entrance .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #fff6;border-radius:32px;box-shadow:0 20px 60px #0000001f,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;display:flex;isolation:isolate;max-width:900px;min-height:650px;overflow:hidden;position:relative;transform:translateY(0);width:100%;z-index:2}@supports not ((-webkit-backdrop-filter:blur(30px)) or (backdrop-filter:blur(30px))){.login-container{background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #4caf5033}}.login-container:before{background:linear-gradient(135deg,#4caf5008,#2ecc7105 50%,#1abc9c08);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.login-container:hover:before{opacity:1}.login-form-box{animation:form-slide-in .8s cubic-bezier(.4,0,.2,1) .2s both;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:48px;position:relative;z-index:2}.login-title{-webkit-text-fill-color:#0000;animation:title-glow .8s cubic-bezier(.4,0,.2,1) .4s both;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:42px;font-weight:700;margin-bottom:12px;position:relative;text-align:center}.login-title:after{animation:underline-expand .6s ease .6s both;background:linear-gradient(135deg,#4caf50,#2ecc71);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.login-subtitle{animation:subtitle-fade-in .8s ease .5s both;color:#666c;font-size:16px;font-weight:400;margin-bottom:40px;text-align:center}.login-error,.login-success{animation:message-slide-down .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:16px;font-weight:500;margin-bottom:24px;padding:16px 20px;text-align:center}.login-success{background:linear-gradient(135deg,#27ae6026,#2ecc711a);border-color:#27ae604d;color:#27ae60}.login-error{background:linear-gradient(135deg,#e74c3c26,#c0392b1a);border-color:#e74c3c4d;color:#e74c3c}.login-form{animation:form-fade-in .8s ease .6s both;display:flex;flex-direction:column;gap:24px}.form-options{align-items:center;animation:options-fade-in .8s ease .7s both;display:flex;justify-content:space-between;margin:8px 0}@keyframes options-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.remember-me{align-items:center;color:#666c;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;transition:color .3s ease}.remember-me:hover{color:#2c3e50}.remember-me input[type=checkbox]{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #4caf504d;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .3s ease;width:18px}.remember-me input[type=checkbox]:checked{background:linear-gradient(135deg,#4caf50,#2ecc71);border-color:#4caf50}.remember-me input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none}.forgot-password{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4caf500d,#2ecc7108);border:1px solid #4caf501a;border-radius:8px;color:#4caf50;font-size:14px;font-weight:500;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.forgot-password:after{background:linear-gradient(135deg,#4caf50,#2ecc71);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.forgot-password:hover{background:linear-gradient(135deg,#4caf501a,#2ecc7114);border-color:#4caf5033;box-shadow:0 4px 15px #4caf5033;color:#2ecc71;transform:translateY(-1px)}.forgot-password:hover:after{width:80%}.register-prompt{animation:prompt-fade-in .8s ease .9s both;margin-top:32px}.register-prompt,.verify-prompt{color:#666c;font-size:15px;text-align:center}.verify-prompt{animation:prompt-fade-in .8s ease 1s both;margin-top:16px}.register-link,.verify-link{background:none;border:none;color:#4caf50;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;margin-left:4px;position:relative;text-decoration:none;transition:all .3s ease}.register-link:after,.verify-link:after{background:linear-gradient(135deg,#4caf50,#2ecc71);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.register-link:hover,.verify-link:hover:not(:disabled){color:#2ecc71}.register-link:hover:after,.verify-link:hover:not(:disabled):after{width:100%}.verify-link:disabled{color:#66666680;cursor:not-allowed}.verify-link:disabled:after{display:none}.brand-logo{align-items:center;animation:logo-slide-in .8s cubic-bezier(.4,0,.2,1) .3s both;background:linear-gradient(135deg,#4caf50e6,#2ecc71e6 50%,#1abc9ce6);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:60px;position:relative}@keyframes logo-slide-in{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.brand-logo:before{animation:logo-glow 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes logo-glow{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.logo-wrapper{position:relative;text-align:center;z-index:2}.logo-image{animation:logo-float 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2));max-width:300px}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.login-container{max-width:800px;min-height:600px}.brand-logo,.login-form-box{padding:40px}.login-title{font-size:36px}}@media (max-width:768px){.login-container{border-radius:24px;flex-direction:column;max-width:500px;min-height:auto}.login-form-box{order:1;padding:32px}.brand-logo{min-height:200px;order:2;padding:40px 32px}.login-title{font-size:32px}.logo-image{max-width:200px}.back-button{font-size:13px;left:16px;padding:10px 14px;top:16px}}@media (max-width:480px){.login-page{padding:16px}.login-container{border-radius:20px}.login-form-box{padding:24px}.brand-logo{min-height:160px;padding:32px 24px}.login-title{font-size:28px}.form-options{align-items:flex-start;flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){.back-button,.brand-logo,.forgot-password,.form-options,.login-container,.login-form,.login-form-box,.login-page,.login-subtitle,.login-title,.logo-image,.register-link,.register-prompt{animation:none;transition:none}.login-page{background:linear-gradient(135deg,#4caf500d,#2ecc7108)}.brand-logo:before{animation:none}}@media (prefers-contrast:high){.login-container{background:#fffffff2;border:2px solid #2c3e50}.login-title{-webkit-text-fill-color:#2c3e50;color:#2c3e50}.back-button{background:#ffffffe6;border:2px solid #2c3e50}}.login-page svg{height:20px!important;width:20px!important}.verify-modal-overlay{align-items:center;animation:modal-overlay-fade-in .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}.verify-modal-content{animation:modal-content-slide-in .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040,0 12px 24px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}@keyframes modal-content-slide-in{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.verify-modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:32px;z-index:10}.verify-modal-close:hover{background:#0003;color:#333;transform:scale(1.1)}@media (max-width:768px){.verify-modal-content{margin:20px;max-height:85vh;width:95%}.verify-modal-close{font-size:16px;height:28px;right:10px;top:10px;width:28px}}@media (max-width:480px){.verify-modal-content{border-radius:15px;margin:10px;width:98%}}body.modal-open{overflow:hidden}.particle-background{animation:gradient-shift 20s ease infinite;background:linear-gradient(135deg,#1abc9c1a,#2ecc710d 25%,#4caf5014 50%,#66bb6a0d 75%,#81c7841a);height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:-1}@keyframes gradient-shift{0%,to{background:linear-gradient(135deg,#1abc9c1a,#2ecc710d 25%,#4caf5014 50%,#66bb6a0d 75%,#81c7841a)}25%{background:linear-gradient(135deg,#2ecc711a,#4caf500d 25%,#66bb6a14 50%,#81c7840d 75%,#1abc9c1a)}50%{background:linear-gradient(135deg,#4caf501a,#66bb6a0d 25%,#81c78414 50%,#1abc9c0d 75%,#2ecc711a)}75%{background:linear-gradient(135deg,#66bb6a1a,#81c7840d 25%,#1abc9c14 50%,#2ecc710d 75%,#4caf501a)}}@media (max-width:768px){.particle-background{opacity:.7}}@media (prefers-reduced-motion:reduce){.particle-background{animation:none;background:linear-gradient(135deg,#4caf500d,#2ecc7108)}}.royal-button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:16px;box-shadow:0 8px 32px #0000001f,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.royal-button:focus{outline:none}.royal-button:focus-visible{box-shadow:0 8px 32px #0000001f,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a,0 0 0 3px #4caf504d}.royal-button__shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.royal-button:hover .royal-button__shine{left:100%}.royal-button__gradient{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.royal-button:hover .royal-button__gradient{opacity:1}.royal-button__border-glow{border-radius:18px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:0}.royal-button:hover .royal-button__border-glow{animation:glow-pulse 2s infinite;opacity:1}.royal-button__content{align-items:center;display:flex;gap:8px;justify-content:center;position:relative;transition:transform .2s ease;z-index:2}.royal-button__text{font-weight:600;letter-spacing:.025em}.royal-button__icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.royal-button__icon--left{margin-right:4px}.royal-button__icon--right{margin-left:4px}.royal-button__spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.royal-button__ripple{animation:ripple .6s ease-out;background:#fff9;border-radius:50%;height:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:0;z-index:1}@keyframes ripple{0%{height:0;opacity:1;width:0}to{height:200px;opacity:0;width:200px}}.royal-button--small{border-radius:12px;font-size:14px;min-height:36px;padding:8px 16px}.royal-button--small .royal-button__spinner{height:16px;width:16px}.royal-button--medium{border-radius:16px;font-size:16px;min-height:48px;padding:12px 24px}.royal-button--large{border-radius:20px;font-size:18px;min-height:56px;padding:16px 32px}.royal-button--large .royal-button__spinner{height:24px;width:24px}.royal-button--primary{background:linear-gradient(135deg,#4caf50e6,#2ecc71e6 50%,#1abc9ce6);border:1px solid #fff3;color:#fff}.royal-button--primary .royal-button__gradient{background:linear-gradient(135deg,#2ecc714d,#1abc9c4d)}.royal-button--primary .royal-button__border-glow{background:linear-gradient(135deg,#4caf5099,#2ecc7199,#1abc9c99)}.royal-button--primary:hover{box-shadow:0 12px 40px #4caf504d,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a;transform:translateY(-2px)}.royal-button--primary.royal-button--pressed,.royal-button--primary:active{box-shadow:0 4px 16px #4caf5033,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a;transform:translateY(0)}.royal-button--secondary{background:linear-gradient(135deg,#6c757de6,#868e96e6);border:1px solid #fff3;color:#fff}.royal-button--secondary .royal-button__gradient{background:linear-gradient(135deg,#868e964d,#6c757d4d)}.royal-button--secondary .royal-button__border-glow{background:linear-gradient(135deg,#6c757d99,#868e9699)}.royal-button--success{background:linear-gradient(135deg,#28a745e6,#198754e6);border:1px solid #fff3;color:#fff}.royal-button--success .royal-button__border-glow{background:linear-gradient(135deg,#28a74599,#19875499)}.royal-button--danger{background:linear-gradient(135deg,#dc3545e6,#b02a37e6);border:1px solid #fff3;color:#fff}.royal-button--danger .royal-button__border-glow{background:linear-gradient(135deg,#dc354599,#b02a3799)}.royal-button--outline{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #4caf504d;color:#2c3e50}.royal-button--outline .royal-button__gradient{background:linear-gradient(135deg,#4caf501a,#2ecc711a)}.royal-button--outline .royal-button__border-glow{background:linear-gradient(135deg,#4caf5066,#2ecc7166)}.royal-button--outline:hover{background:linear-gradient(135deg,#4caf50e6,#2ecc71e6);border-color:#4caf5099;color:#fff}.royal-button--full-width{width:100%}.royal-button--disabled{background:linear-gradient(135deg,#95a5a699,#7f8c8d99)!important;color:#ffffffb3!important;cursor:not-allowed;opacity:.6;transform:none!important}.royal-button--disabled:hover{box-shadow:0 8px 32px #0000001f,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a!important;transform:none!important}.royal-button--disabled .royal-button__border-glow,.royal-button--disabled .royal-button__gradient,.royal-button--disabled .royal-button__shine{display:none}.royal-button--loading{cursor:wait}.royal-button--loading .royal-button__content{opacity:.8}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #4caf5066}50%{box-shadow:0 0 30px #4caf5099}}.royal-button:hover .royal-button__icon{transform:scale(1.1)}.royal-button:hover .royal-button__content{transform:translateY(-1px)}@media (max-width:768px){.royal-button--large{font-size:16px;min-height:52px;padding:14px 28px}.royal-button--medium{font-size:15px;min-height:44px;padding:10px 20px}.royal-button--small{font-size:13px;min-height:32px;padding:6px 14px}}@media (prefers-reduced-motion:reduce){.royal-button,.royal-button__border-glow,.royal-button__content,.royal-button__gradient,.royal-button__icon,.royal-button__shine{animation:none;transition:none}.royal-button:hover .royal-button__shine{left:-100%}.royal-button__ripple{animation:none;display:none}}@media (prefers-contrast:high){.royal-button{border:2px solid}.royal-button--outline{border-width:3px}}.input-field-container{position:relative;width:100%}.message-container{align-items:flex-start;display:flex;margin-top:4px;min-height:0}.static-label{color:#374151;display:block;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:.5rem}.required-asterisk{color:#dc2626;font-size:1.1em;font-weight:700}.input-wrapper{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.input-wrapper:hover{border-color:#d1d5db}.input-field-container.focused .input-wrapper{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.input-field{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#1f2937;font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;outline:none;padding:10px 16px;transition:all .2s ease;width:100%}.input-field::placeholder{color:#9ca3af;font-weight:400}.has-icon{padding-left:48px}.input-icon{color:#6b7280;font-size:18px;left:16px;position:absolute;transition:all .2s ease;z-index:4}.input-field-container.focused .input-icon{color:#4caf50}.status-icon{font-size:16px;position:absolute;transition:all .2s ease;z-index:4}.checking{animation:spin 1s linear infinite;color:#3498db}.valid{color:#27ae60}.invalid{color:#e74c3c}.password-toggle-btn{align-items:center;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:4}.password-toggle-btn:hover{background:#f3f4f6;border-color:#d1d5db}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.input-field-container.has-error .static-label{color:#dc2626}.input-field-container.has-error .input-wrapper{background:#fef2f2;border-color:#ef4444}.input-field-container.has-error .input-wrapper:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a}.input-field-container.is-valid .static-label{color:#059669}.input-field-container.is-valid .input-wrapper{background:#f0fdf4;border-color:#10b981}.input-field-container.is-checking .input-wrapper{background:#eff6ff;border-color:#3b82f6}.input-field-container.is-disabled .static-label{color:#9ca3af}.input-field-container.is-disabled .input-wrapper{background:#f9fafb;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}.input-field-container.is-disabled .input-field{color:#9ca3af;cursor:not-allowed}.input-error-message,.input-success-message{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:6px;margin:0;padding:6px 10px;width:100%}.input-error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.input-success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.error-icon,.success-icon{font-size:12px}@media (max-width:768px){.input-field{font-size:16px;padding:8px 14px}.static-label{font-size:13px;margin-bottom:6px}.has-icon{padding-left:42px}.input-icon{font-size:16px;left:14px}.input-wrapper{border-radius:10px}}@media (prefers-reduced-motion:reduce){.input-field-container,.input-wrapper,.password-toggle-btn,.static-label,.status-icon{animation:none;transition:none}}@media (prefers-contrast:high){.static-label{color:#000;font-weight:700}.input-field{color:#000}.input-wrapper{background:#fff;border:2px solid #000}.input-field-container.focused .input-wrapper{border:3px solid #000}.input-field-container.has-error .input-wrapper{background:#fff;border:2px solid #c00}}.input-field:-webkit-autofill,.input-field:-webkit-autofill:active,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-field:-moz-autofill,.input-field:-moz-autofill:focus{-moz-text-fill-color:#1f2937!important;box-shadow:inset 0 0 0 1000px #fff!important}.forgot-email-page{align-items:center;background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;width:100%}.forgot-email-page:before{display:none}.forgot-email-container{display:flex;justify-content:center;max-width:600px;position:relative;width:80%;z-index:2}.forgot-email-form-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#fff9;border:1px solid #fff6;border-radius:10px;box-shadow:0 8px 32px #0003;padding:2.5rem;width:100%}.forgot-email-title{color:#333;font-size:2.2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.forgot-email-subtitle{color:#666;font-size:1rem;margin-bottom:2rem}.forgot-email-form{width:100%}.forgot-email-message{background-color:#1a47311a;border-left:4px solid #1a4731;color:#1a4731}.forgot-email-error,.forgot-email-message{border-radius:4px;margin-bottom:20px;padding:10px}.forgot-email-error{background-color:#dc35451a;border-left:4px solid #dc3545;color:#dc3545}.forgot-email-input-group{align-items:center;display:flex;margin-bottom:20px;position:relative}.forgot-email-input-group .input-field-container{margin-bottom:0}.forgot-email-input-group>div{flex:1 1}.forgot-email-resend-button{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;color:#1a4731;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:40px;margin-left:10px;padding:.8rem 1rem;transition:all .3s;white-space:nowrap}.forgot-email-resend-button:hover:not(:disabled){background-color:#e9ecef;border-color:#ced4da}.forgot-email-resend-button:disabled{cursor:not-allowed;opacity:.6}.forgot-email-submit-button{background-color:#1a4731;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:10px;padding:.8rem;transition:background-color .3s;width:100%}.forgot-email-submit-button:hover:not(:disabled){background-color:#123520}.forgot-email-submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.forgot-email-login-prompt{color:#666;font-size:.9rem;margin-top:2rem;text-align:center}.forgot-email-login-link{color:#1a73e8;font-weight:500;text-decoration:none;transition:color .3s}.forgot-email-login-link:hover{color:#1557b0;text-decoration:underline}.forgot-email-container-modal{box-shadow:none;max-width:100%;position:relative;width:100%;z-index:2}.forgot-email-container-modal .forgot-email-form-box{background-color:#fff;border:none;box-shadow:none;padding:1.5rem}@media (max-width:768px){.forgot-email-form-box{padding:2rem}.forgot-email-input-group{align-items:stretch;flex-direction:column}.forgot-email-resend-button{justify-content:center;margin-left:0;margin-top:10px;width:100%}.verify-modal-content{padding:15px;width:95%}.forgot-email-container-modal .forgot-email-form-box{padding:1rem}}@media (max-width:576px){.forgot-email-container{width:90%}.forgot-email-form-box{padding:1.5rem}.forgot-email-title{font-size:1.8rem}.forgot-email-subtitle{font-size:.9rem}}.register-page{align-items:center;animation:gradient-flow 15s ease infinite;background:linear-gradient(135deg,#1abc9c1a,#2ecc710d 25%,#4caf5014 50%,#66bb6a0d 75%,#81c7841a);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.register-page:before{background-image:url(/static/media/login.97c0399c5b56731dff67.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.3;z-index:0}.register-page:after,.register-page:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.register-page:after{background:radial-gradient(circle at 30% 70%,#4caf501a 0,#0000 50%),radial-gradient(circle at 70% 30%,#2ecc711a 0,#0000 50%),radial-gradient(circle at 50% 50%,#1abc9c0d 0,#0000 50%);z-index:1}.register-container{animation:container-entrance .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:1px solid #ffffff4d;border-radius:32px;box-shadow:0 20px 60px #00000026,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a;display:flex;max-width:600px;min-height:700px;overflow:hidden;position:relative;transform:translateY(0);width:100%;z-index:2}.register-container:before{background:linear-gradient(135deg,#4caf5008,#2ecc7105 50%,#1abc9c08);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.register-container:hover:before{opacity:1}.register-form-box{animation:form-slide-in .8s cubic-bezier(.4,0,.2,1) .2s both;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:48px;position:relative;z-index:2}.register-title{-webkit-text-fill-color:#0000;animation:title-glow .8s cubic-bezier(.4,0,.2,1) .4s both;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:38px;font-weight:700;margin-bottom:12px;position:relative;text-align:center}.register-title:after{animation:underline-expand .6s ease .6s both;background:linear-gradient(135deg,#4caf50,#2ecc71);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.register-subtitle{animation:subtitle-fade-in .8s ease .5s both;color:#666c;font-size:16px;font-weight:400;margin-bottom:40px;text-align:center}.register-error,.register-success{animation:message-slide-down .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:16px;font-weight:500;margin-bottom:24px;padding:16px 20px;text-align:center}.register-success{background:linear-gradient(135deg,#27ae6026,#2ecc711a);border-color:#27ae604d;color:#27ae60}.register-error{background:linear-gradient(135deg,#e74c3c26,#c0392b1a);border-color:#e74c3c4d;color:#e74c3c}.register-form{animation:form-fade-in .8s ease .6s both;display:flex;flex-direction:column;gap:24px}.register-submit-button{align-items:center;animation:button-fade-in .8s ease .8s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#4caf50e6,#2ecc71e6 50%,#1abc9ce6);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #4caf504d,inset 0 1px 0 #fff6;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes button-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-submit-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.register-submit-button:hover:before{left:100%}.register-submit-button:hover:not(:disabled){box-shadow:0 12px 40px #4caf5066,inset 0 1px 0 #fff6;transform:translateY(-2px)}.register-submit-button:active{transform:translateY(0)}.register-submit-button:disabled{background:linear-gradient(135deg,#95a5a699,#7f8c8d99)!important;cursor:not-allowed;opacity:.6;transform:none!important}.register-submit-button:disabled:before{display:none}.loading-spinner{border-top-color:currentcolor;height:20px;width:20px}.login-prompt{animation:prompt-fade-in .8s ease .9s both;color:#666c;font-size:15px;margin-top:32px;text-align:center}.login-link{color:#4caf50;font-weight:600;margin-left:4px;position:relative;text-decoration:none;transition:all .3s ease}.login-link:after{background:linear-gradient(135deg,#4caf50,#2ecc71);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.login-link:hover{color:#2ecc71}.login-link:hover:after{width:100%}.countdown-text{margin-top:16px;text-align:center}@media (max-width:768px){.register-container{border-radius:24px;max-width:500px;min-height:auto}.register-form-box{padding:32px}.register-title{font-size:32px}.back-button{font-size:13px;left:16px;padding:10px 14px;top:16px}}@media (max-width:480px){.register-page{padding:16px}.register-container{border-radius:20px}.register-form-box{padding:24px}.register-title{font-size:28px}.register-form{gap:20px}}@media (prefers-reduced-motion:reduce){.back-button,.login-link,.login-prompt,.register-container,.register-form,.register-form-box,.register-page,.register-submit-button,.register-subtitle,.register-title{animation:none;transition:none}.register-page{background:linear-gradient(135deg,#4caf500d,#2ecc7108)}.register-submit-button:before{display:none}.countdown-text{animation:none}}@media (prefers-contrast:high){.register-container{background:#fffffff2;border:2px solid #2c3e50}.register-title{-webkit-text-fill-color:#2c3e50;color:#2c3e50}.back-button{background:#ffffffe6;border:2px solid #2c3e50}.register-submit-button{border:2px solid #4caf50}}.register-resend{margin-top:20px;text-align:center}.register-resend-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;transition:color .3s ease}.register-resend-button:hover:not(:disabled){color:#0056b3;text-decoration:underline}.register-resend-button:disabled{color:#6c757d;cursor:not-allowed}.error-message{font-size:14px;margin-top:4px}.logo-image{height:auto;max-width:260px}@media (max-width:900px){.register-container{max-width:98vw}.logo-image{max-width:180px}}@media (max-width:600px){.register-container{border-radius:0;max-width:98vw}.register-form-box{padding:8px}.logo-image{max-width:120px}}.forgot-password-page{align-items:center;animation:gradient-flow 15s ease infinite;background:linear-gradient(135deg,#1abc9c1a,#2ecc710d 25%,#4caf5014 50%,#66bb6a0d 75%,#81c7841a);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}@keyframes gradient-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.forgot-password-page:before{background:radial-gradient(circle at 30% 70%,#4caf501a 0,#0000 50%),radial-gradient(circle at 70% 30%,#2ecc711a 0,#0000 50%),radial-gradient(circle at 50% 50%,#1abc9c0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.forgot-password-container{animation:container-entrance .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #fff6;border-radius:32px;box-shadow:0 20px 60px #0000001f,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;isolation:isolate;max-width:500px;min-height:600px;overflow:hidden;position:relative;transform:translateY(0);width:100%;z-index:2}@supports not ((-webkit-backdrop-filter:blur(30px)) or (backdrop-filter:blur(30px))){.forgot-password-container{background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #4caf5033}}@keyframes container-entrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.forgot-password-container:before{background:linear-gradient(135deg,#4caf5008,#2ecc7105 50%,#1abc9c08);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.forgot-password-container:hover:before{opacity:1}.forgot-password-form-box{animation:form-slide-in .8s cubic-bezier(.4,0,.2,1) .2s both;display:flex;flex-direction:column;justify-content:center;min-height:600px;padding:48px;position:relative;z-index:2}@keyframes form-slide-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:12px;color:#2c3e50cc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;left:24px;padding:12px 16px;position:absolute;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3}.back-button:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);box-shadow:0 8px 25px #0000001a;color:#2c3e50;transform:translateY(-2px)}.step-indicator{align-items:center;animation:step-fade-in .8s ease .3s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4caf501a,#2ecc710d);border:1px solid #4caf5033;border-radius:16px;display:flex;gap:16px;margin-bottom:32px;padding:20px}@keyframes step-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-icon{align-items:center;animation:icon-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#2ecc71);border-radius:50%;box-shadow:0 8px 25px #4caf504d;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-progress{flex:1 1}.step-number{color:#2c3e50;font-size:14px;margin-bottom:8px}.progress-bar{background:#4caf5033;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#4caf50,#2ecc71);border-radius:3px;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:progress-shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.forgot-password-title{-webkit-text-fill-color:#0000;animation:title-glow .8s cubic-bezier(.4,0,.2,1) .4s both;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:36px;font-weight:700;margin-bottom:12px;position:relative;text-align:center}.forgot-password-title:after{animation:underline-expand .6s ease .6s both;background:linear-gradient(135deg,#4caf50,#2ecc71);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes title-glow{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes underline-expand{0%{width:0}to{width:80px}}.forgot-password-subtitle{animation:subtitle-fade-in .8s ease .5s both;color:#666c;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:32px;text-align:center}@keyframes subtitle-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.forgot-password-error,.forgot-password-success{animation:message-slide-down .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:16px;font-weight:500;margin-bottom:24px;padding:16px 20px;text-align:center}.forgot-password-success{background:linear-gradient(135deg,#27ae6026,#2ecc711a);border-color:#27ae604d;color:#27ae60}.forgot-password-error{background:linear-gradient(135deg,#e74c3c26,#c0392b1a);border-color:#e74c3c4d;color:#e74c3c}@keyframes message-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-form{animation:form-fade-in .8s ease .6s both;display:flex;flex-direction:column;gap:24px}@keyframes form-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resend-section{animation:resend-fade-in .8s ease .7s both;margin-top:16px;text-align:center}@keyframes resend-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.countdown-text{animation:countdown-pulse 1s ease-in-out infinite;color:#666c;font-size:14px;margin-top:12px}@keyframes countdown-pulse{0%,to{opacity:.8}50%{opacity:1}}.forgot-password-login-prompt{animation:prompt-fade-in .8s ease .9s both;color:#666c;font-size:15px;margin-top:32px;text-align:center}@keyframes prompt-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.forgot-password-login-link{color:#4caf50;font-weight:600;margin-left:4px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.forgot-password-login-link:after{background:linear-gradient(135deg,#4caf50,#2ecc71);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.forgot-password-login-link:hover{color:#2ecc71;transform:translateY(-1px)}.forgot-password-login-link:hover:after{width:100%}@media (max-width:768px){.forgot-password-container{border-radius:24px;max-width:450px;min-height:auto}.forgot-password-form-box{min-height:auto;padding:32px}.forgot-password-title{font-size:32px}.step-indicator{gap:12px;padding:16px}.step-icon{font-size:18px;height:40px;width:40px}.back-button{font-size:13px;left:16px;padding:10px 14px;top:16px}}@media (max-width:480px){.forgot-password-page{padding:16px}.forgot-password-container{border-radius:20px;max-width:100%}.forgot-password-form-box{padding:24px}.forgot-password-title{font-size:28px}.forgot-password-form{gap:20px}.step-indicator{flex-direction:column;gap:16px;text-align:center}.step-progress{width:100%}}@media (prefers-reduced-motion:reduce){.back-button,.forgot-password-container,.forgot-password-form,.forgot-password-form-box,.forgot-password-login-link,.forgot-password-login-prompt,.forgot-password-page,.forgot-password-subtitle,.forgot-password-title,.progress-fill,.resend-section,.step-icon,.step-indicator{animation:none;transition:none}.forgot-password-page{background:linear-gradient(135deg,#4caf500d,#2ecc7108)}.countdown-text,.progress-fill:after{animation:none}}@media (prefers-contrast:high){.forgot-password-container{background:#fffffff2;border:2px solid #2c3e50}.forgot-password-title{-webkit-text-fill-color:#2c3e50;color:#2c3e50}.back-button{background:#ffffffe6;border:2px solid #2c3e50}.step-indicator{border:2px solid #4caf50}}.blur-background{filter:blur(8px);pointer-events:none;transition:filter .3s ease;-webkit-user-select:none;user-select:none}.reset-password-page{align-items:center;background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;width:100%}.reset-password-page:before{display:none}.reset-password-container{display:flex;justify-content:center;max-width:600px;position:relative;width:80%;z-index:2}.reset-password-form-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#fff9;border:1px solid #fff6;border-radius:10px;box-shadow:0 8px 32px #0003;padding:2.5rem;width:100%}.reset-password-title{color:#333;font-size:2.2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.reset-password-subtitle{color:#666;font-size:1rem;margin-bottom:2rem}.reset-password-form{width:100%}.reset-password-server-error{background-color:#e539351a;border-left:4px solid #e53935;border-radius:4px;color:#e53935;margin-bottom:20px;padding:10px}.reset-password-success-message{background-color:#4caf501a;border-left:4px solid #4caf50;border-radius:4px;color:#4caf50;margin-bottom:20px;padding:10px}.reset-password-submit-button{background-color:#1a4731;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:10px;padding:.8rem;transition:background-color .3s;width:100%}.reset-password-submit-button:hover:not(:disabled){background-color:#123520}.reset-password-submit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.reset-password-login-prompt{color:#666;font-size:.9rem;margin-top:2rem;text-align:center}.reset-password-login-link{color:#1a73e8;font-weight:500;text-decoration:none;transition:color .3s}.reset-password-login-link:hover{color:#1557b0;text-decoration:underline}@media (max-width:768px){.reset-password-form-box{padding:2rem}}@media (max-width:576px){.reset-password-container{width:90%}.reset-password-form-box{padding:1.5rem}.reset-password-title{font-size:1.8rem}.reset-password-subtitle{font-size:.9rem}}:root{--primary-color:#0a4b3e;--primary-light:#1a6b5e;--primary-dark:#083a30;--secondary-color:#81c784;--shadow-sm:0 2px 8px #0a4b3e14;--shadow-md:0 4px 20px #0a4b3e1f;--shadow-lg:0 8px 32px #0a4b3e29;--gradient-primary:linear-gradient(135deg,#0a4b3e,#1a6b5e);--gradient-light:linear-gradient(135deg,#f8faf9,#e8f5f3);--border-radius:8px;--border-radius-lg:16px;--transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1)}.product-overview-v2{color:#2c3e50;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;padding-top:80px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner-v2{animation:spin 1s linear infinite;border:4px solid #e8f0ef;border-top-color:#0a4b3e;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:48px;margin-bottom:16px;width:48px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:50%;border-top:2px solid #fff;height:20px;margin-right:8px;width:20px}.error-message{color:#5a6c7d;color:var(--text-secondary);font-size:1.125rem;margin-bottom:24px}.retry-btn{background:linear-gradient(135deg,#0a4b3e,#1a6b5e);background:var(--gradient-primary);border-radius:8px;border-radius:var(--border-radius);padding:12px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.retry-btn:hover{box-shadow:0 4px 20px #0a4b3e1f;box-shadow:var(--shadow-md)}.products-hero{align-items:center;background:linear-gradient(135deg,#f8faf9,#e8f5f3);background:var(--gradient-light);display:flex;height:60vh;min-height:400px;overflow:hidden;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-bg-img{height:100%;object-fit:cover;width:100%}.hero-overlay{background:linear-gradient(135deg,#0a4b3eb3,#1a6b5e80);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.hero-content{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1);color:#fff;width:100%}.hero-title{animation:slideInUp 1.4s cubic-bezier(.4,0,.2,1) .2s both;font-size:3.5rem;font-weight:800;margin-bottom:12px;text-shadow:0 2px 4px #0000004d}.hero-subtitle{animation:slideInUp 1.4s cubic-bezier(.4,0,.2,1) .4s both;font-size:1.5rem;font-weight:600;margin-bottom:20px;opacity:.95}.hero-description{animation:slideInUp 1.4s cubic-bezier(.4,0,.2,1) .6s both;font-size:1.125rem;line-height:1.6;margin:0 auto 40px;max-width:600px;opacity:.9}.hero-stats{animation:fadeIn 1.4s cubic-bezier(.4,0,.2,1) .8s both}.stat-number{color:#81c784;color:var(--secondary-color)}.stat-label{font-size:1rem;opacity:.9}.filters-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--bg-white);border-bottom:1px solid #e8f0ef;border-bottom:1px solid var(--border-light);padding:40px 0;position:sticky;top:80px;z-index:100}.filters-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.search-box{flex:1 1;max-width:400px;position:relative}.search-input{background:#f8faf9;background:var(--bg-light);border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--border-radius-lg);font-size:1rem;padding:14px 50px 14px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.search-input:focus{background:#fff;border-color:#0a4b3e;border-color:var(--primary-color);box-shadow:0 0 0 3px #0a4b3e1a;outline:none}.search-icon{color:#8b95a1;color:var(--text-muted);font-size:1.25rem;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.filter-controls{align-items:center;display:flex;gap:16px}.view-toggle{border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius);display:flex;overflow:hidden}.view-btn{background:#f8faf9;background:var(--bg-light);border:none;color:#5a6c7d;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.view-btn.active,.view-btn:hover{background:#0a4b3e;background:var(--primary-color);color:#fff}.sort-select{background:#f8faf9;background:var(--bg-light);border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;min-width:160px;padding:12px 16px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sort-select:focus{background:#fff;border-color:#0a4b3e;border-color:var(--primary-color);outline:none}.categories-filter{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.category-btn{background:#f8faf9;background:var(--bg-light);border:2px solid #0000;border-radius:25px;color:#5a6c7d;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:12px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.category-btn:hover{background:#fff;background:var(--bg-white);box-shadow:0 2px 8px #0a4b3e14;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#0a4b3e,#1a6b5e);background:var(--gradient-primary);box-shadow:0 4px 20px #0a4b3e1f;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.category-count{font-size:.875rem;margin-left:8px;opacity:.8}.products-section{background:#f5f8f7;background:var(--bg-section);min-height:50vh;padding:60px 0}.products-header{margin-bottom:40px;text-align:center}.products-title{color:#2c3e50;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:16px}.no-products{background:#f8faf9;background:var(--bg-light);border:2px dashed #e8f0ef;border:2px dashed var(--border-light);border-radius:16px;border-radius:var(--border-radius-lg);margin:40px 0;padding:80px 20px;text-align:center}.no-products-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:24px;opacity:.7}.no-products h4{color:#2c3e50;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:16px}.no-products p{color:#5a6c7d;color:var(--text-secondary);line-height:1.6;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.reset-filters-btn{background:linear-gradient(135deg,#0a4b3e,#1a6b5e);background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.reset-filters-btn:hover{box-shadow:0 4px 20px #0a4b3e1f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.products-grid{grid-gap:30px;display:grid;gap:30px;margin-bottom:60px}.products-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.products-grid.list{gap:20px;grid-template-columns:1fr}.product-item-v2{animation:scaleIn .8s cubic-bezier(.4,0,.2,1) both;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.product-item-v2:hover{transform:translateY(-8px) scale(1.02)}.products-grid.list .product-item-v2{animation:slideInLeft .8s cubic-bezier(.4,0,.2,1) both}.products-grid.list .product-item-v2:hover{transform:translateX(8px) scale(1.01)}.product-badge{animation:pulse 2s infinite;border-radius:20px;font-size:.75rem;font-weight:700;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:10}.product-badge.new{background:linear-gradient(45deg,#4caf50,#81c784);color:#fff}.product-badge.sale{background:linear-gradient(45deg,#ff5722,#ff8a65);color:#fff}.product-badge.out-of-stock{background:linear-gradient(45deg,#757575,#bdbdbd);color:#fff}.load-more-container{align-items:center;display:flex;justify-content:center;margin-top:40px;width:100%}.load-more-btn{background:linear-gradient(135deg,#0a4b3e,#1a6b5e);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 15px #0a4b3e4d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;min-width:200px;padding:16px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.load-more-btn:hover:not(:disabled){box-shadow:0 8px 32px #0a4b3e29;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.load-more-btn.loading{pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:992px){.hero-title{font-size:3rem}.hero-stats{gap:40px}.filters-header{align-items:stretch;flex-direction:column;gap:20px}.search-box{max-width:none}.filter-controls{justify-content:space-between}.categories-filter{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.category-btn{flex-shrink:0}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-stats{flex-direction:column;gap:20px}.stat-number{font-size:2rem}.products-grid.grid{grid-template-columns:1fr}.filter-controls{flex-direction:column;gap:12px}.view-toggle{justify-content:center;width:100%}.sort-select{width:100%}.container{padding:0 16px}}@media (max-width:576px){.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}.products-hero{height:45vh;min-height:320px}.hero-stats{display:none}.search-input{padding:12px 40px 12px 16px}.category-btn{font-size:.875rem;padding:10px 16px}.products-section{padding:40px 0}.product-item-v2{margin:0 auto;max-width:350px}.filters-section{padding:24px 0;top:60px}.hero-content{animation:none!important;transform:none!important}.hero-description{margin-bottom:24px;max-width:90%}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 32px #00000080}}@media (prefers-color-scheme:dark){:root{--bg-white:#1a1a1a;--bg-light:#2a2a2a;--bg-section:#1e1e1e;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#999;--border-light:#3a3a3a}}.product-review-container{background-color:#f8f8f8;border-radius:8px;margin:60px 0;padding:30px}.product-review-title{border-bottom:1px solid #ddd;color:#1d3d2d;font-size:1.8rem;margin-bottom:30px;padding-bottom:15px}.product-review-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:20px}.product-review-form-title{color:#1d3d2d;font-size:1.2rem;margin-bottom:20px}.product-review-form{display:flex;flex-direction:column;gap:15px}.product-review-rating{align-items:center;display:flex;gap:15px}.product-review-rating p{font-weight:500;margin:0}.product-review-stars{display:flex;gap:5px}.product-review-star{color:#ddd;cursor:pointer;font-size:24px;transition:color .2s ease}.product-review-star.active,.product-review-star:hover{color:#ffb822}.product-review-comment{margin-bottom:10px}.product-review-comment-label{color:#333;display:block;font-size:1rem;font-weight:500;margin-bottom:8px}.product-review-comment-textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.5;min-height:100px;padding:12px 16px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.product-review-comment-textarea:focus{border-color:#1d3d2d;box-shadow:0 0 0 3px #1d3d2d1a;outline:none}.product-review-comment-textarea::placeholder{color:#999;font-style:italic}.product-review-comment-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.product-review-error{color:#e74c3c;margin:10px 0}.product-review-actions{align-items:center;display:flex;gap:10px;margin-top:10px}.product-review-cancel-btn,.product-review-submit-btn{border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.product-review-submit-btn{background-color:#1d3d2d;border:none;color:#fff}.product-review-submit-btn:hover:not(:disabled){background-color:#162f22}.product-review-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.product-review-cancel-btn{background-color:#f0f0f0;border:1px solid #ddd;color:#333}.product-review-cancel-btn:hover{background-color:#e5e5e5}.product-review-already-reviewed{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#1d3d2d;font-weight:500;margin-bottom:30px;padding:20px;text-align:center}.product-review-spinner{animation:spin 1s linear infinite}.product-review-login-prompt{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:20px;text-align:center}.product-review-login-prompt a{color:#1d3d2d;font-weight:500;text-decoration:none;transition:color .2s ease}.product-review-login-prompt a:hover{color:#0a4b3e;text-decoration:underline}.product-review-list-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.product-review-list-title{color:#1d3d2d;font-size:1.2rem;margin-bottom:20px}.product-review-empty,.product-review-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 0;text-align:center}.product-review-loading{gap:15px}.product-review-list{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.product-review-item{border:1px solid #eee;border-radius:8px;padding:20px;transition:box-shadow .2s ease}.product-review-item:hover{box-shadow:0 4px 12px #0000000d}.product-review-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.product-review-item-user{align-items:center;display:flex;gap:10px}.product-review-item-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.product-review-item-username{color:#333;font-size:1rem;font-weight:600;margin:0}.product-review-item-current-user{color:#1d3d2d;font-size:.85rem;font-weight:400}.product-review-item-date{color:#888;font-size:.85rem;margin:5px 0 0}.product-review-item-rating{display:flex;gap:3px}.product-review-item-star{color:#ddd;font-size:16px}.product-review-item-star.active{color:#ffb822}.product-review-item-comment{color:#333;font-size:.95rem;line-height:1.6;margin:0 0 15px}.product-review-item-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding-top:10px}.product-review-item-actions .product-review-delete-btn,.product-review-item-actions .product-review-edit-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:5px;padding:8px 12px;transition:all .2s ease}.product-review-item-actions .product-review-edit-btn{background-color:#f8f9fa;border-color:#e9ecef;color:#1d3d2d}.product-review-item-actions .product-review-edit-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#1d3d2d;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.product-review-item-actions .product-review-delete-btn{background-color:#fff5f5;border-color:#f8d7da;color:#dc3545}.product-review-item-actions .product-review-delete-btn:hover:not(:disabled){background-color:#f8d7da;border-color:#dc3545;box-shadow:0 2px 4px #dc354526;transform:translateY(-1px)}.product-review-item-actions .product-review-delete-btn:disabled,.product-review-item-actions .product-review-edit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.product-review-container{padding:20px}.product-review-item-header{flex-direction:column;gap:15px}.product-review-item-rating{margin-top:5px}.product-review-actions{align-items:stretch;flex-direction:column}.product-review-item-actions{gap:10px;justify-content:center}}@media (max-width:576px){.product-review-rating{align-items:flex-start;flex-direction:column;gap:10px}.product-review-item-actions{flex-direction:column;gap:8px}.product-review-item-actions .product-review-delete-btn,.product-review-item-actions .product-review-edit-btn{font-size:.8rem;justify-content:center;padding:10px 16px}.product-review-comment-textarea{font-size:.95rem;min-height:80px;padding:10px 12px}}.toast-container{max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;width:100%;z-index:10000}.toast{align-items:center;background:#fff;border-left:4px solid #cbd5e0;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;margin-bottom:12px;min-height:64px;opacity:0;overflow:hidden;padding:16px;pointer-events:auto;position:relative;transform:translateX(100%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.toast-visible{opacity:1;transform:translateX(0)}.toast-exiting{opacity:0;transform:translateX(100%);transition:all .3s ease-in}.toast-success{background:linear-gradient(90deg,#f0fff4,#fff);border-left-color:#48bb78}.toast-success .toast-icon{background:#48bb781a;color:#48bb78}.toast-error{background:linear-gradient(90deg,#fef5e7,#fff);border-left-color:#f56565}.toast-error .toast-icon{background:#f565651a;color:#f56565}.toast-warning{background:linear-gradient(90deg,#fffbf0,#fff);border-left-color:#ed8936}.toast-warning .toast-icon{background:#ed89361a;color:#ed8936}.toast-info{background:linear-gradient(90deg,#ebf8ff,#fff);border-left-color:#4299e1}.toast-info .toast-icon{background:#4299e11a;color:#4299e1}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;margin-right:12px;width:32px}.toast-content{flex:1 1;min-width:0}.toast-message{word-wrap:break-word;color:#2d3748;font-size:14px;font-weight:500;line-height:1.4}.toast-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;opacity:.6;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s;width:24px}.toast-close-btn:hover{background:#0000001a;color:#4a5568;opacity:1;transform:scale(1.1)}.toast:before{animation:progress 3s linear forwards;background:currentColor;bottom:0;content:"";height:3px;left:0;opacity:.3;position:absolute}@media (max-width:768px){.toast-container{left:20px;max-width:none;right:20px;top:20px}.toast{min-height:56px;padding:12px}.toast-icon{font-size:14px;height:28px;margin-right:8px;width:28px}.toast-message{font-size:13px}}@media (max-width:480px){.toast-container{left:16px;right:16px;top:16px}.toast{border-radius:6px;min-height:48px;padding:10px}.toast-icon{height:24px;margin-right:6px;width:24px}.toast-icon,.toast-message{font-size:12px}.toast-close-btn{font-size:16px;height:20px;right:6px;top:6px;width:20px}}@media (prefers-contrast:high){.toast{border-style:solid;border-width:2px}.toast-success{border-color:#48bb78}.toast-error{border-color:#f56565}.toast-warning{border-color:#ed8936}.toast-info{border-color:#4299e1}.toast-message{font-weight:600}}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .3s}.toast,.toast-close-btn:hover,.toast-exiting,.toast-visible,.toast:hover{transform:none}.toast:before{animation:none}}@media (prefers-color-scheme:dark){.toast{background:#2d3748;box-shadow:0 4px 12px #0000004d}.toast-message{color:#e2e8f0}.toast-close-btn{color:#a0aec0}.toast-close-btn:hover{background:#ffffff1a;color:#e2e8f0}.toast-error,.toast-info,.toast-success,.toast-warning{background:linear-gradient(90deg,#1a202c,#2d3748)}}.product-details-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:150px 20px 20px}.product-details-wrapper{display:flex;gap:40px;margin-top:30px}.product-details-image{flex:1 1;max-width:500px}.product-details-image img{border-radius:12px;height:auto;object-fit:cover;transition:transform .5s ease,box-shadow .3s ease;width:100%}.product-details-image img:hover{box-shadow:0 15px 30px #0003;transform:scale(1.05)}.product-details-favorite{background:none;border:none;cursor:pointer;position:absolute;right:10px;top:10px}.product-details-info{display:flex;flex:1 1;flex-direction:column}.product-details-title{color:#1d3d2d;font-size:2.5rem;font-weight:700;margin:0 0 10px}.product-details-rating{align-items:center;display:flex;margin-bottom:10px}.product-details-stars{display:flex;margin-right:5px}.product-details-stars img{height:20px;margin-right:2px;width:20px}.product-details-reviews{color:#555;margin-left:5px}.product-details-price{color:#1d3d2d;font-size:1.8rem;font-weight:600;margin:10px 0 20px}.product-details-viewers{align-items:center;color:#555;display:flex;margin-bottom:20px}.product-details-viewers img{height:20px;margin-right:10px;width:20px}.product-details-color-section,.product-details-size-section{margin-bottom:20px}.product-details-color-title,.product-details-size-title{color:#333;font-size:1rem;font-weight:500;margin-bottom:10px}.product-details-size-value{font-weight:700;margin-left:5px}.product-details-color-options,.product-details-size-options{display:flex;gap:10px}.product-details-size-option{align-items:center;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;width:40px}.product-details-size-option:hover{border-color:#1d3d2d;box-shadow:0 4px 12px #1d3d2d33;transform:translateY(-2px)}.product-details-size-option.active{background-color:#1d3d2d;box-shadow:0 4px 12px #1d3d2d4d;color:#fff;transform:translateY(-2px)}.product-details-color-option{border:1px solid #d9d9d9;border-radius:50%;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.product-details-color-option:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.product-details-color-option.active{border:2px solid #1d3d2d;box-shadow:0 4px 12px #1d3d2d4d;transform:scale(1.1)}.product-details-color-gray{background-color:#e5e7eb}.product-details-color-yellow{background-color:#fde68a}.product-details-color-mint{background-color:#a7f3d0}.product-details-color-lightblue{background-color:#93c5fd}.product-details-color-red{background-color:#fca5a5}.product-details-quantity{align-items:center;display:flex;margin-bottom:20px}.product-details-quantity-title{color:#333;font-weight:500;margin-bottom:10px}.product-details-quantity-available{color:#666;font-size:.9rem;margin-left:5px;margin-right:20px}.product-details-quantity-control{align-items:center;background-color:#f5f5f5;border:1px solid #d9d9d9;display:flex;height:40px;padding:0 10px}.product-details-quantity-btn{align-items:center;background:none;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;transition:all .3s ease;width:30px}.product-details-quantity-btn:hover{background-color:#1d3d2d;color:#fff;transform:scale(1.1)}.product-details-quantity-btn:disabled{cursor:not-allowed;opacity:.5}.product-details-quantity-btn:disabled:hover{background-color:inherit;color:#555;transform:none}.product-details-quantity-value{background:#0000;border:none;font-size:1rem;text-align:center;width:50px}.product-details-actions{display:flex;gap:10px;margin-top:10px;max-width:500px}.product-details-add-to-cart-btn{align-items:center;background-color:#fff;border:1px solid #1d3d2d;color:#1d3d2d;cursor:pointer;display:flex;flex:4 1;font-size:1rem;font-weight:600;height:50px;justify-content:center;margin-right:10px;padding:15px;transition:background-color .3s ease,color .3s ease}.product-details-add-to-cart-btn:hover{background-color:#1d3d2d1a}.product-details-buy-btn{align-items:center;background-color:#1d3d2d;border:none;color:#fff;cursor:pointer;display:flex;flex:3 1;font-size:1rem;font-weight:600;height:50px;justify-content:center;padding:15px}.product-details-buy-btn:hover{background-color:#16302a}.product-details-add-to-cart-btn.disabled,.product-details-add-to-cart-btn:disabled{background-color:#f5f5f5;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6}.product-details-add-to-cart-btn.disabled:hover,.product-details-add-to-cart-btn:disabled:hover{background-color:#f5f5f5;color:#999}.product-details-buy-btn.disabled,.product-details-buy-btn:disabled{background-color:#ccc;color:#888;cursor:not-allowed;opacity:.6}.product-details-buy-btn.disabled:hover,.product-details-buy-btn:disabled:hover{background-color:#ccc;color:#888}.product-details-quantity-available.out-of-stock{color:#dc3545;font-weight:600}.product-details-quantity-value.disabled{background-color:#f5f5f5;border-color:#e0e0e0;color:#999}.product-details-share-btn{align-items:center;background-color:#fff;border:1px solid #d9d9d9;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.product-details-description-container{margin:40px auto 0;max-width:1200px;padding-bottom:40px}.product-details-description-row{align-items:flex-start;border-top:1px solid #f0f0f0;display:flex;margin:0 auto;max-width:1200px;padding-top:30px}.product-details-description-cell{padding:10px}.product-details-description-cell:first-child{display:flex;flex:0 0 auto;justify-content:center;max-width:500px;width:500px}.product-details-description-cell:last-child{flex:1 1;padding-left:40px}.product-details-description-title{color:#1d3d2d;font-size:1.5rem;font-weight:600;margin:0;padding:0;text-align:center}.product-details-description-content{color:#0a4b3e;line-height:1.6;margin:0;padding:0}.product-recommendations{background-color:#e7e7e7;margin-top:40px;padding:60px 0}.product-recommendations-container{margin:0 auto;max-width:1200px;padding:0 20px}.product-recommendations-title{color:#1d3d2d;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.product-recommendations-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.recommendation-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;flex-basis:calc(33.333% - 20px);flex-grow:0;flex-shrink:0;max-width:calc(33.333% - 20px);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.recommendation-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}a.recommendation-card{color:inherit;text-decoration:none}.recommendation-image-container{aspect-ratio:4/3;height:240px;overflow:hidden;position:relative}.recommendation-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.recommendation-card:hover .recommendation-image{transform:scale(1.05)}.recommendation-info{padding:20px}.recommendation-name{color:#1d3d2d;font-size:1.3rem;font-weight:600;margin-bottom:8px}.recommendation-description{color:#888;font-size:.9rem;margin-bottom:10px}.recommendation-price{color:#333;font-size:1.1rem;font-weight:600}.recommendation-button{align-items:center;background-color:#1d3d2d;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;transition:background-color .3s ease;width:40px}.recommendation-button:hover{background-color:#16302a}.recommendation-dots{display:flex;gap:8px;justify-content:center;margin-top:30px}.recommendation-dot{background-color:#ddd;border:none;border-radius:50%;cursor:pointer;height:10px;width:10px}.recommendation-dot.active{background-color:#1d3d2d;border-radius:5px;width:30px}.product-details-image-placeholder,.recommendation-image-placeholder{align-items:center;background-color:#f0f0f0;border-radius:12px;color:#666;display:flex;font-size:16px;height:100%;justify-content:center;padding:20px;width:100%}.recommendation-image-placeholder{height:240px}.product-details-error,.product-details-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.product-details-loading .loading-spinner{animation:spin 1s linear infinite;border:5px solid #0a4b3e1a;border-radius:50%;border-top-color:#0a4b3e;height:50px;margin-bottom:20px;width:50px}.product-details-error h2{color:#0a4b3e;margin-bottom:1rem}.product-details-error button{background-color:#0a4b3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:background-color .3s}.product-details-error button:hover{background-color:#08362d}@media (max-width:992px){.recommendation-card{flex-basis:calc(50% - 15px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 15px)}}@media (max-width:768px){.product-details-description-row{flex-direction:column}.product-details-description-cell:first-child,.product-details-description-cell:last-child{flex:0 0 100%;padding:10px}.product-details-description-title{margin-bottom:20px}}@media (max-width:576px){.recommendation-card{flex:0 0 100%;max-width:100%}.recommendation-image-container{aspect-ratio:4/3;height:200px}}@media (max-width:480px){#bosutap{padding-top:200px}}.aboutpage-container{background:linear-gradient(135deg,#f0f9f0,#e8f4e8 25%,#fff 50%,#f0f9f0 75%,#e8f4e8);min-height:100vh;overflow-x:hidden;position:relative}.floating-orbs{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.6;position:absolute}.orb-1{background:linear-gradient(45deg,#0a4b3e20,#2c553020);left:-10%;top:10%}.orb-2{background:linear-gradient(45deg,#8fbc8f30,#4a7c5920);right:-10%;top:50%}.orb-3{background:linear-gradient(45deg,#2c553015,#0a4b3e15);bottom:-20%;height:500px;left:50%;width:500px}.about-us-content{margin:0 auto;padding:100px 0 0;position:relative;z-index:1}.glassmorphism{background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3}.section-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;text-align:center}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,#0a4b3e,#2c5530 50%,#4a7c59);background-clip:text;-webkit-background-clip:text;background-size:200% 200%}.section-subtitle{font-size:1.25rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;text-align:center}.premium-hero-section{overflow:hidden;padding:80px 0;position:relative}.hero-background-gradient{background:linear-gradient(135deg,#0a4b3e0d,#2c553008 50%,#8fbc8f0d);border-radius:40px;bottom:0;left:0;margin:0 20px;position:absolute;right:0;top:0}.premium-hero-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 40px;position:relative;z-index:2}.hero-visual-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;position:relative}.hero-image-card{grid-column:1/-1;padding:20px;position:relative}.hero-image-card,.hero-main-image{transition:all var(--duration-slow) var(--ease-spring-1)}.hero-main-image{border-radius:16px;height:300px;object-fit:cover;width:100%}.image-overlay{position:absolute;right:30px;top:30px}.impact-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a4b3ee6;border:1px solid #fff3;border-radius:15px;padding:15px 20px;text-align:center}.impact-number{color:#fff;display:block;font-size:2rem;font-weight:800;line-height:1}.impact-text{color:#ffffffe6;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.hero-logo-card{padding:30px;position:relative;text-align:center;transition:all var(--duration-slow) var(--ease-spring-1)}.hero-logo{height:auto;max-width:120px;position:relative;z-index:2}.logo-glow{background:radial-gradient(circle,#0a4b3e4d 0,#0000 70%);border-radius:50%;filter:blur(20px);height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px;z-index:1}.hero-secondary-image{padding:20px;transition:all var(--duration-slow) var(--ease-spring-1)}.hero-secondary-image img{border-radius:16px;height:200px;object-fit:cover;width:100%}.hero-content-section{padding:40px 0}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a4b3e1a;border:1px solid #0a4b3e33;border-radius:50px;color:#0a4b3e;display:inline-block;font-weight:600;padding:12px 24px}.hero-title{font-size:clamp(3rem,6vw,5rem);margin-bottom:40px}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0a4b3e,#2c5530);background-clip:text;-webkit-background-clip:text;display:block}.title-outline{-webkit-text-stroke:2px #0a4b3e;color:#0000;display:block;opacity:.7}.description-highlight{color:#0a4b3e;font-size:1.3rem;font-weight:600;line-height:1.5;margin-bottom:20px}.description-detail{color:#666;font-size:1.1rem;line-height:1.7}.hero-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:16px;padding:20px;transition:all var(--duration-normal) var(--ease-spring-1)}.stat-item:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.stat-number{color:#0a4b3e;display:block;font-size:2rem;font-weight:800;margin-bottom:5px}.stat-label{text-transform:uppercase}.premium-values-section{padding:120px 0}.values-container{margin:0 auto;max-width:1200px;padding:0 20px}.values-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.value-card{overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all var(--duration-slow) var(--ease-spring-1)}.value-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.value-card:hover:before{left:100%}.value-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px) scale(1.02)}.value-icon{display:block;font-size:3rem;margin-bottom:20px}.value-card h3{color:#0a4b3e;font-size:1.5rem;font-weight:700;margin-bottom:15px}.value-card p{color:#666;font-size:1rem;line-height:1.6}.premium-unique-section{background:linear-gradient(135deg,#fffc,#f0f9f0e6);border-radius:40px;margin:0 20px;padding:120px 0}.unique-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 40px}.unique-content .section-title{margin-bottom:40px;text-align:left}.unique-features{display:flex;flex-direction:column;gap:40px}.feature-item{align-items:flex-start;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border:1px solid #ffffff4d;border-radius:20px;display:flex;gap:20px;padding:30px;transition:all var(--duration-slow) var(--ease-spring-1)}.feature-item:hover{box-shadow:0 15px 50px #0000001a;transform:translateX(10px)}.feature-icon{font-size:2.5rem;line-height:1}.feature-text h3{color:#0a4b3e;font-size:1.3rem;font-weight:700;margin-bottom:10px}.feature-text p{color:#666;line-height:1.6}.modern-gallery-container{position:relative}.premium-design-section{padding:120px 0}.design-showcase{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.design-item{cursor:pointer;overflow:hidden;padding:0;position:relative}.design-item,.design-item img{transition:all var(--duration-slow) var(--ease-spring-1)}.design-item img{height:400px;object-fit:cover;width:100%}.design-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:40px 30px 30px;position:absolute;right:0;transform:translateY(100%);transition:all var(--duration-slow) var(--ease-spring-1)}.design-item:hover .design-overlay{transform:translateY(0)}.design-item:hover img{scale:1.1}.design-overlay h3{font-size:1.3rem;font-weight:700;margin-bottom:10px}.design-overlay p{font-size:1rem;opacity:.9}.premium-team-section{background:linear-gradient(135deg,#0a4b3e08,#2c55300d);border-radius:40px;margin:0 20px;padding:120px 0}.team-header{margin:0 auto 80px;max-width:800px;text-align:center}.premium-team-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:0 20px}.premium-team-card{overflow:hidden;padding:0;position:relative;transition:all var(--duration-slow) var(--ease-spring-1)}.premium-team-card:hover{box-shadow:0 30px 80px #00000026;transform:translateY(-15px) scale(1.02)}.team-card-header{background:linear-gradient(135deg,#ffffffe6,#f0f9f0cc);padding:30px 30px 20px;position:relative}.member-image-container{height:120px;margin:0 auto 20px;position:relative;width:120px}.member-image{border:4px solid #fffc;border-radius:50%;height:100%;object-fit:cover;position:relative;transition:all var(--duration-normal) var(--ease-spring-1);width:100%;z-index:2}.premium-team-card:hover .member-image{border-color:#0a4b3e;scale:1.1}.image-glow{background:radial-gradient(circle,#0a4b3e33 0,#0000 70%);border-radius:50%;filter:blur(15px);height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--duration-normal) var(--ease-spring-1);width:140px;z-index:1}.premium-team-card:hover .image-glow{background:radial-gradient(circle,#0a4b3e66 0,#0000 70%);scale:1.2}.member-status{align-items:center;color:#0a4b3e;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center}.status-dot{animation:pulse 2s infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}.team-card-content{padding:30px;text-align:center}.member-name{color:#0a4b3e;font-size:1.4rem;font-weight:700;margin-bottom:8px}.member-position{color:#2c5530;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.member-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px}.member-expertise{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.expertise-tag{background:#0a4b3e1a;border:1px solid #0a4b3e33;border-radius:20px;color:#0a4b3e;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all var(--duration-fast) ease}.expertise-tag:hover{background:#0a4b3e33;transform:scale(1.05)}.team-card-footer{border-top:1px solid #fff3;padding:20px 30px 30px}.social-links{display:flex;gap:15px;justify-content:center}.social-icon{align-items:center;background:#0a4b3e1a;border:1px solid #0a4b3e33;border-radius:50%;cursor:pointer;display:inline-flex;font-size:1.2rem;height:40px;justify-content:center;transition:all var(--duration-fast) var(--ease-spring-1);width:40px}.social-icon:hover{background:#0a4b3e;box-shadow:0 8px 20px #0a4b3e4d;transform:translateY(-3px) scale(1.1)}.premium-commitment-section{padding:120px 0}.commitment-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 40px}.commitment-visual{border-radius:24px;overflow:hidden;padding:0;position:relative}.commitment-visual img{height:400px;object-fit:cover;width:100%}.commitment-visual img,.visual-overlay{transition:all var(--duration-slow) var(--ease-spring-1)}.visual-overlay{align-items:center;background:linear-gradient(135deg,#0a4b3ecc,#2c553099);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0}.commitment-visual:hover .visual-overlay{opacity:1}.commitment-visual:hover img{scale:1.1}.overlay-content{color:#fff;text-align:center}.overlay-content h3{font-size:2rem;font-weight:700;margin-bottom:10px}.overlay-content p{font-size:1.1rem;opacity:.9}.commitment-content .section-title{margin-bottom:40px;text-align:left}.commitment-list{display:flex;flex-direction:column;gap:30px}.commitment-item{align-items:flex-start;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border:1px solid #ffffff4d;border-radius:18px;display:flex;gap:20px;padding:25px;transition:all var(--duration-slow) var(--ease-spring-1)}.commitment-item:hover{box-shadow:0 15px 50px #0000001a;transform:translateX(10px)}.commitment-icon{flex-shrink:0;font-size:2rem;line-height:1}.commitment-text h3{color:#0a4b3e;font-size:1.2rem;font-weight:700;margin-bottom:8px}.commitment-text p{color:#666;font-size:.95rem;line-height:1.6}.premium-cta-section{border-radius:40px;margin:60px 20px 0;overflow:hidden;padding:120px 0;position:relative;text-align:center}.cta-background-gradient{background:linear-gradient(135deg,#0a4b3e,#2c5530 50%,#4a7c59);bottom:0;left:0;opacity:.95;position:absolute;right:0;top:0}.cta-container{margin:0 auto;max-width:800px;padding:0 40px;position:relative;z-index:2}.cta-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:20px;text-shadow:0 4px 20px #0000004d}.cta-description{color:#ffffffe6;font-size:1.3rem;line-height:1.6;margin-bottom:50px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-btn{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:18px 40px;position:relative;text-transform:uppercase;transition:all var(--duration-normal) var(--ease-spring-1)}.cta-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.cta-btn:hover:before{left:100%}.cta-btn.primary{background:#fff;box-shadow:0 8px 30px #0003;color:#0a4b3e}.cta-btn.primary:hover{box-shadow:0 15px 50px #0000004d;transform:translateY(-3px) scale(1.05)}.cta-btn.secondary{background:#0000;border:2px solid #fff;box-shadow:0 8px 30px #ffffff1a;color:#fff}.cta-btn.secondary:hover{background:#fff;box-shadow:0 15px 50px #fff3;color:#0a4b3e;transform:translateY(-3px) scale(1.05)}@media (max-width:1200px){.commitment-container,.premium-hero-container,.unique-container{gap:60px;grid-template-columns:1fr}.hero-visual-section{order:2}.hero-content-section{order:1;text-align:center}.commitment-content .section-title,.unique-content .section-title{text-align:center}}@media (max-width:768px){.about-us-content{padding:100px 15px 0}.premium-hero-container{grid-template-columns:1fr;text-align:center}.hero-visual-section{margin-top:30px;order:2}.hero-main-image{aspect-ratio:3/2;height:auto;width:100%}.hero-secondary-image img{height:auto}.hero-stats{gap:15px}.hero-stats,.values-grid{grid-template-columns:1fr}.unique-features,.values-grid{gap:30px}.feature-item{flex-direction:column;gap:15px;text-align:center}.design-showcase,.premium-team-grid{gap:30px;grid-template-columns:1fr}.commitment-list{gap:20px}.commitment-item{flex-direction:column;gap:15px;text-align:center}.cta-buttons{align-items:center;flex-direction:column}.cta-btn{max-width:300px;width:100%}}@media (max-width:480px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:3rem}.premium-commitment-section,.premium-cta-section,.premium-design-section,.premium-hero-section,.premium-team-section,.premium-unique-section,.premium-values-section{padding:80px 0}.commitment-item,.feature-item,.value-card{padding:20px}.hero-background-gradient,.premium-cta-section,.premium-team-section,.premium-unique-section{border-radius:30px;margin:0 10px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-orbs{display:none}}@media (prefers-contrast:high){.glassmorphism{background:#ffffffe6;border:2px solid #000}.gradient-text{-webkit-text-fill-color:#000;background:none;color:#000}}.cta-btn:focus-visible,.expertise-tag:focus-visible,.social-icon:focus-visible{outline:3px solid #0a4b3e;outline-offset:2px}@media print{.cta-buttons,.floating-orbs{display:none}.premium-commitment-section,.premium-design-section,.premium-hero-section,.premium-team-section,.premium-unique-section,.premium-values-section{break-inside:avoid;page-break-inside:avoid}}.commitment-item,.cta-btn,.design-item,.feature-item,.glassmorphism,.premium-team-card,.value-card{transform:translateZ(0);will-change:transform}.ultra-premium-cta-section{background:linear-gradient(135deg,#0a4b3e,#0d5946 25%,#1a7a5e 50%,#0d5946 75%,#0a4b3e);margin-top:80px;overflow:hidden;padding:120px 0;position:relative}.cta-floating-orbs{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-orb{animation:floatingOrb 15s ease-in-out infinite}.orb-1{background:radial-gradient(circle,#34d3994d 0,#0000 70%);height:300px;left:-50px;top:-50px;width:300px}.orb-2{animation-delay:-5s;background:radial-gradient(circle,#10b98140 0,#0000 70%);height:200px;right:-30px;top:20%;width:200px}.orb-3{animation-delay:-10s;background:radial-gradient(circle,#22c55e33 0,#0000 70%);bottom:-50px;height:250px;left:20%;width:250px}.orb-4{animation-delay:-7.5s;background:radial-gradient(circle,#14b8a64d 0,#0000 70%);bottom:30%;height:180px;right:10%;width:180px}.cta-premium-gradient{background:linear-gradient(45deg,#0a4b3ecc,#0000 50%,#0d594699);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.cta-premium-container{margin:0 auto;padding:0 20px;position:relative;text-align:center;width:100%;z-index:3}.cta-main-content{position:relative}.cta-badge{display:inline-block;margin-bottom:30px}.cta-badge>div{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;display:flex;font-weight:500;gap:10px;padding:12px 24px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.badge-icon{font-size:18px}.badge-text{font-size:14px}.cta-premium-title{display:flex;flex-direction:column;font-size:clamp(3.5rem,8vw,6rem);font-weight:900;gap:10px;line-height:1.1;margin-bottom:30px}.title-line-2{position:relative}.cta-premium-description{color:#ffffffe6;font-size:1.25rem;line-height:1.7;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:700px}.highlight-text{position:relative}.cta-stats-row{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin-bottom:50px}.cta-stat-item{color:#fff;text-align:center}.stat-number{font-size:2.5rem}.stat-label{font-size:.95rem;font-weight:500}.cta-premium-buttons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:60px}.cta-btn-ultra{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:220px;overflow:hidden;padding:18px 36px;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.btn-text{letter-spacing:.5px}.primary-premium{box-shadow:0 8px 32px #34d3994d;color:#065f46}.primary-premium,.primary-premium .btn-glow{background:linear-gradient(135deg,#34d399,#10b981)}.primary-premium .btn-glow{border-radius:50px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:1}.primary-premium:hover{box-shadow:0 12px 40px #34d39966;transform:translateY(-3px)}.primary-premium:hover .btn-glow{opacity:.2}.primary-premium:hover .btn-icon{transform:translateX(2px)}.secondary-premium{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.secondary-premium .btn-border-glow{background:linear-gradient(135deg,#34d399,#10b981,#34d399);border-radius:50px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:0}.secondary-premium:hover{border-color:#34d39980;box-shadow:0 12px 40px #ffffff1a;transform:translateY(-3px)}.secondary-premium:hover .btn-border-glow{opacity:1}.secondary-premium:hover .btn-icon{transform:translateX(2px)}.cta-trust-indicators{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;opacity:.8}.trust-item{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px}.trust-icon{font-size:16px;opacity:.9}@media (max-width:768px){.ultra-premium-cta-section{padding:80px 0}.cta-premium-title{font-size:clamp(2.5rem,8vw,4rem)}.cta-premium-description{font-size:1.1rem;margin-bottom:40px}.cta-stats-row{gap:40px}.stat-number{font-size:2rem}.cta-premium-buttons{align-items:center;flex-direction:column;gap:20px}.cta-btn-ultra{min-width:280px}.cta-trust-indicators{gap:30px}.floating-orb{filter:blur(30px)}.orb-1,.orb-3{height:200px;width:200px}.orb-2,.orb-4{height:150px;width:150px}}@media (max-width:480px){.cta-stats-row{flex-direction:column;gap:25px}.cta-trust-indicators{flex-direction:column;gap:20px}}@media (prefers-reduced-motion:reduce){.badge-icon,.floating-orb,.gradient-text-premium,.highlight-text{animation:none}.cta-btn-ultra:hover{transform:none}}:root{--ease-spring-1:cubic-bezier(0.175,0.885,0.32,1.275);--ease-spring-2:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-spring-3:cubic-bezier(0.25,0.46,0.45,0.94);--duration-ultra-fast:0.15s;--duration-fast:0.25s;--duration-normal:0.4s;--duration-slow:0.6s;--duration-slower:0.8s;--duration-ultra-slow:1.2s;--gpu-layer:translate3d(0,0,0);--gpu-backface:hidden;--gpu-perspective:1000px}.gpu-optimized{backface-visibility:hidden;backface-visibility:var(--gpu-backface);perspective:1000px;perspective:var(--gpu-perspective);transform:translateZ(0);transform:var(--gpu-layer);will-change:transform,opacity}.smooth-render{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.modern-fade-in{animation:ultraSmoothFadeIn .6s cubic-bezier(.25,.46,.45,.94) forwards;animation:ultraSmoothFadeIn var(--duration-slow) var(--ease-spring-3) forwards;opacity:0}@keyframes ultraSmoothFadeIn{0%{filter:blur(1px);opacity:0;transform:translateZ(0) scale(.98);transform:var(--gpu-layer) scale(.98)}50%{filter:blur(.5px);opacity:.8}to{filter:blur(0);opacity:1;transform:translateZ(0) scale(1);transform:var(--gpu-layer) scale(1)}}.modern-slide-up{animation:premiumSlideUp .8s cubic-bezier(.175,.885,.32,1.275) forwards;animation:premiumSlideUp var(--duration-slower) var(--ease-spring-1) forwards;opacity:0;transform:translate3d(0,40px,0) scale(.96)}@keyframes premiumSlideUp{0%{opacity:0;transform:translate3d(0,40px,0) scale(.96)}60%{opacity:.8}to{opacity:1;transform:translateZ(0) scale(1)}}.modern-slide-right{animation:premiumSlideRight 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards;animation:premiumSlideRight var(--duration-ultra-slow) var(--ease-spring-2) forwards;opacity:0;transform:translate3d(-50px,0,0) scale(.95)}@keyframes premiumSlideRight{0%{opacity:0;transform:translate3d(-50px,0,0) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}.modern-scale-in{animation:premiumScaleIn 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards;animation:premiumScaleIn var(--duration-ultra-slow) var(--ease-spring-2) forwards;opacity:0;transform:translateZ(0) scale(.8);transform:var(--gpu-layer) scale(.8)}@keyframes premiumScaleIn{0%{filter:blur(2px);opacity:0;transform:translateZ(0) scale(.8);transform:var(--gpu-layer) scale(.8)}60%{filter:blur(.5px);opacity:.9}to{filter:blur(0);opacity:1;transform:translateZ(0) scale(1);transform:var(--gpu-layer) scale(1)}}.modern-hover-lift{transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-normal) var(--ease-spring-3)}.modern-hover-lift:hover{box-shadow:0 12px 40px #00000026;transform:translate3d(0,-8px,0)}.modern-hover-glow{transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-normal) var(--ease-spring-3)}.modern-hover-glow:hover{box-shadow:0 8px 32px #0a4b3e40;transform:translateZ(0) scale(1.02);transform:var(--gpu-layer) scale(1.02)}.modern-hover-zoom{overflow:hidden;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transition:transform var(--duration-slow) var(--ease-spring-1)}.modern-hover-zoom:hover{transform:translateZ(0) scale(1.08);transform:var(--gpu-layer) scale(1.08)}.modern-spinner{animation:ultraSmoothSpin 1s linear infinite;border:3px solid #0a4b3e1a;border-radius:50%;border-top-color:#0a4b3e;height:40px;transform:translateZ(0);transform:var(--gpu-layer);width:40px}@keyframes ultraSmoothSpin{0%{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(1turn)}}.modern-float{animation:premiumFloat 6s ease-in-out infinite;transform:translateZ(0);transform:var(--gpu-layer)}@keyframes premiumFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}.modern-pulse{animation:premiumPulse 3s ease-in-out infinite}@keyframes premiumPulse{0%,to{opacity:1;transform:translateZ(0) scale(1);transform:var(--gpu-layer) scale(1)}50%{opacity:.8;transform:translateZ(0) scale(1.05);transform:var(--gpu-layer) scale(1.05)}}.stagger-children>*{animation-delay:0s;animation-delay:calc(var(--stagger-delay, .1s)*var(--index, 0))}@media (max-width:768px){:root{--duration-fast:0.2s;--duration-normal:0.3s;--duration-slow:0.4s;--duration-slower:0.5s;--duration-ultra-slow:0.8s}.modern-hover-zoom:hover{transform:translateZ(0) scale(1.04);transform:var(--gpu-layer) scale(1.04)}.modern-hover-lift:hover{transform:translate3d(0,-4px,0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.modern-float,.modern-pulse,.modern-spinner{animation:none}.modern-hover-glow:hover,.modern-hover-lift:hover,.modern-hover-zoom:hover{transform:none}}.ultra-smooth{transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-normal) var(--ease-spring-3)}.spring-bounce{transition:all .6s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--duration-slow) var(--ease-spring-2)}.natural-motion{transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-normal) var(--ease-spring-3)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.animation-finished{will-change:auto}.modern-fade-in,.modern-scale-in,.modern-slide-right,.modern-slide-up{animation-fill-mode:forwards}.modern-fade-in:not(:hover),.modern-scale-in:not(:hover),.modern-slide-right:not(:hover),.modern-slide-up:not(:hover){animation-play-state:running}@keyframes cleanupWillChange{to{will-change:auto}}.gpu-optimized{animation:cleanupWillChange .1s 2s forwards}.modern-gallery{background:#f0f0f0;border-radius:8px;overflow:hidden;position:relative}.modern-gallery-item{height:100%;left:0;opacity:0;position:absolute;scale:.95;top:0;transition:opacity .6s cubic-bezier(.68,-.55,.265,1.55),scale .6s cubic-bezier(.68,-.55,.265,1.55);transition:opacity var(--duration-slow) var(--ease-spring-2),scale var(--duration-slow) var(--ease-spring-2);width:100%;&.active{opacity:1;scale:1}}.modern-gallery-nav{display:flex;gap:8px;justify-content:center;margin-top:16px}.modern-gallery-nav button{background:#0a4b3e4d;border:none;border-radius:50%;cursor:pointer;height:12px;scale:1;transition:scale .25s cubic-bezier(.175,.885,.32,1.275),background-color .25s cubic-bezier(.175,.885,.32,1.275);transition:scale var(--duration-fast) var(--ease-spring-1),background-color var(--duration-fast) var(--ease-spring-1);width:12px;&:hover{background:#0a4b3e99;scale:1.2}&.active{background:#0a4b3e;scale:1.1}}.modern-toast{opacity:1;scale:1;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),translate .4s cubic-bezier(.175,.885,.32,1.275),scale .4s cubic-bezier(.175,.885,.32,1.275);transition:opacity var(--duration-normal) var(--ease-spring-1),translate var(--duration-normal) var(--ease-spring-1),scale var(--duration-normal) var(--ease-spring-1);translate:0 0;@starting-style{opacity:0;scale:.95;translate:0 -20px}&.exit{opacity:0;scale:.95;translate:20px 0}}.modern-shimmer{animation:modern-shimmer-animation 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;overflow:hidden;position:relative}@keyframes modern-shimmer-animation{0%{background-position:-200% 0}to{background-position:200% 0}}.modern-button{overflow:hidden;position:relative;scale:1;transition:scale .25s cubic-bezier(.175,.885,.32,1.275);transition:scale var(--duration-fast) var(--ease-spring-1);&:hover{scale:1.02}&:active{scale:.98}&:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}&:active:after{height:300px;width:300px}}@supports (animation-timeline:scroll()){.modern-scroll-reveal{animation-timeline:view();animation-range:entry 0 entry 100%;animation:modern-reveal-on-scroll linear;opacity:0;transform:translateY(30px)}@keyframes modern-reveal-on-scroll{to{opacity:1;transform:translateY(0)}}}@supports not (animation-timeline:scroll()){.modern-scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.68,-.55,.265,1.55),transform .6s cubic-bezier(.68,-.55,.265,1.55);transition:opacity var(--duration-slow) var(--ease-spring-2),transform var(--duration-slow) var(--ease-spring-2)}.modern-scroll-reveal.in-view{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--duration-fast:0.15s;--duration-normal:0.2s;--duration-slow:0.3s;--duration-slower:0.5s}}.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity}.disable-animations{animation:none!important;transition:none!important}.smooth-transitions{transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:all var(--duration-normal) var(--ease-spring-1)}.premium-contact-page{background:linear-gradient(135deg,#f8fffe,#f0f9f7 50%,#e8f5f2);min-height:100vh;padding-top:80px;position:relative}.premium-contact-hero{background:linear-gradient(135deg,#0a4b3e,#0d5946 25%,#1a7a5e 50%,#0d5946 75%,#0a4b3e);color:#fff;overflow:hidden;padding:120px 0;position:relative}.hero-floating-orbs{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-orb{animation:floatingOrb 20s ease-in-out infinite;border-radius:50%;filter:blur(40px);position:absolute;will-change:transform}.orb-1{animation-delay:0s;background:radial-gradient(circle,#34d39933 0,#0000 70%);height:400px;left:-100px;top:-100px;width:400px}.orb-2{animation-delay:-7s;background:radial-gradient(circle,#10b98126 0,#0000 70%);height:300px;right:-50px;top:30%;width:300px}.orb-3{animation-delay:-14s;background:radial-gradient(circle,#22c55e2e 0,#0000 70%);bottom:-100px;height:350px;left:30%;width:350px}.orb-4{animation-delay:-10s;background:radial-gradient(circle,#14b8a633 0,#0000 70%);bottom:40%;height:250px;right:20%;width:250px}@keyframes floatingOrb{0%,to{transform:translateZ(0) scale(1)}25%{transform:translate3d(40px,-30px,0) scale(1.1)}50%{transform:translate3d(-30px,-50px,0) scale(.9)}75%{transform:translate3d(-40px,30px,0) scale(1.05)}}.hero-gradient-overlay{background:linear-gradient(45deg,#0a4b3eb3,#0000 50%,#0d594680);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-content{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:3}.hero-badge{margin-bottom:30px}.hero-badge>div{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;display:inline-flex;font-weight:500;gap:12px;padding:14px 28px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.badge-icon{animation:badgeIconFloat 3s ease-in-out infinite;font-size:20px}@keyframes badgeIconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(3deg)}}.badge-text{font-size:15px;letter-spacing:.5px}.hero-title{display:flex;flex-direction:column;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;gap:10px;line-height:1.1;margin-bottom:30px}.title-line-1{color:#fff;opacity:.95}.title-line-2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#10b981 35%,#059669 70%,#047857);-webkit-background-clip:text;background-clip:text}.gradient-text-premium{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(135deg,#34d399,#10b981 25%,#059669 50%,#047857 75%,#065f46);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-description{color:#ffffffe6;font-size:1.3rem;line-height:1.7;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:700px}.highlight-text{animation:highlightPulse 3s ease-in-out infinite;color:#34d399;font-weight:600}@keyframes highlightPulse{0%,to{color:#34d399}50%{color:#10b981}}.hero-stats{display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.stat-item{text-align:center}.stat-number{color:#34d399;font-size:2.2rem;font-weight:900;line-height:1;margin-bottom:8px;text-shadow:0 0 20px #34d3994d}.stat-label{color:#0a4b3e;font-size:.9rem;letter-spacing:.5px;opacity:.8}.premium-contact-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;padding:100px 0}.section-header{margin-bottom:60px;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0a4b3e,#1a7a5e);-webkit-background-clip:text;background-clip:text;color:#0a4b3e;font-size:2.8rem;font-weight:800;margin-bottom:20px}.section-subtitle{color:#666;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.contact-info-premium-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,minmax(280px,1fr));margin:0 auto;max-width:900px}.contact-info-premium-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.card-glow{border-radius:50%;filter:blur(40px);height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.contact-info-premium-card:hover .card-glow{opacity:1}.contact-info-premium-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-8px) scale(1.03)}.contact-icon{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem;margin-bottom:20px}.contact-title{color:#0a4b3e;font-size:1.3rem;font-weight:700;margin-bottom:12px}.contact-content{color:#555;font-size:1rem;line-height:1.6;margin:0}.card-border{bottom:0;height:4px;left:0;opacity:0;position:absolute;transition:opacity .4s ease;width:100%}.contact-info-premium-card:hover .card-border{opacity:1}.premium-contact-form-section{background:linear-gradient(135deg,#f0f9f7,#fff);padding:100px 0;position:relative}.form-section-container{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1.3fr;margin:0 auto;max-width:1300px}.form-features-side{padding-top:40px}.form-section-title{color:#0a4b3e;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:24px}.form-section-description{color:#666;font-size:1.2rem;line-height:1.7;margin-bottom:50px}.contact-features-premium{display:flex;flex-direction:column;gap:24px}.feature-premium-item{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #fff6;border-radius:16px;display:flex;gap:20px;padding:25px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.feature-premium-item:hover{background:#fffc;box-shadow:0 8px 32px #0a4b3e26;transform:translateX(8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#34d399,#10b981);border-radius:12px;box-shadow:0 4px 16px #34d3994d;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.feature-content{flex:1 1}.feature-title{color:#0a4b3e;font-size:1.1rem;font-weight:700;margin-bottom:8px}.feature-description{color:#666;font-size:.95rem;line-height:1.5;margin:0}.form-container-premium{position:relative}.form-wrapper-glassmorphism{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #0000001a;overflow:hidden;padding:50px;position:relative}.form-wrapper-glassmorphism:before{background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.premium-contact-form{position:relative;z-index:2}.form-header{margin-bottom:40px;text-align:center}.form-title{color:#0a4b3e;font-size:1.8rem;font-weight:700;margin-bottom:12px}.form-subtitle{color:#666;font-size:1rem;margin:0}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group label{color:#0a4b3e;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-input-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #0a4b3e1a;border-radius:12px;font-size:1rem;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.form-input-premium:focus{background:#fffffff2;border-color:#34d399;box-shadow:0 0 0 4px #34d3991a;transform:translateY(-2px)}.form-input-premium:disabled{cursor:not-allowed;opacity:.6}.form-textarea-premium{font-family:inherit;min-height:120px;resize:vertical}.form-select-premium{cursor:pointer}.form-submit-premium{align-items:center;background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:12px;color:#065f46;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;margin-top:12px;min-height:60px;overflow:hidden;padding:18px 32px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.btn-content{gap:12px;position:relative;z-index:2}.btn-icon{transition:transform .3s ease}.btn-glow{background:linear-gradient(135deg,#34d399,#10b981);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:1}.form-submit-premium:hover:not(:disabled){box-shadow:0 12px 40px #34d39966;transform:translateY(-3px)}.form-submit-premium:hover:not(:disabled) .btn-glow{opacity:.2}.form-submit-premium:hover:not(:disabled) .btn-icon{transform:translateX(2px)}.form-submit-premium:disabled{cursor:not-allowed;opacity:.7}.form-submit-premium.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.success-message-premium{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#22c55e1a;border:1px solid #22c55e33;border-radius:16px;display:flex;gap:20px;margin-top:24px;padding:25px}.success-icon-premium{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.success-content-premium h4{color:#0a4b3e;font-size:1.2rem;font-weight:700;margin:0 0 8px}.success-content-premium p{color:#666;line-height:1.5;margin:0}.premium-map-section{background:linear-gradient(135deg,#fafffe,#f0f9f7);padding:100px 0}.map-section-content{text-align:center}.map-section-title{color:#0a4b3e;font-size:2.5rem;font-weight:800;margin-bottom:20px}.map-section-description{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:700px}.map-container-premium{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;margin:0 auto;max-width:900px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.map-container-premium:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.map-placeholder-premium{align-items:center;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative}.map-background-gradient{background:linear-gradient(135deg,#0a4b3e0d,#34d3991a 50%,#0a4b3e0d);height:100%;left:0;position:absolute;top:0;width:100%}.map-content{padding:40px;position:relative;text-align:center;z-index:2}.map-icon-premium{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:20px;opacity:.8}.map-content h3{color:#0a4b3e;font-size:1.8rem;font-weight:700;margin-bottom:16px}.map-content p{color:#666;font-size:1.1rem;margin:8px 0}.map-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:30px 0}.map-feature{background:#34d3991a;border-radius:20px;color:#0a4b3e;font-size:.9rem;font-weight:500;padding:8px 16px}.map-directions-btn{align-items:center;background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:25px;color:#065f46;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.map-directions-btn:hover{box-shadow:0 8px 25px #34d3994d;transform:translateY(-2px)}.glassmorphism{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d}@media (max-width:1024px){.form-section-container{gap:60px;grid-template-columns:1fr}.contact-info-premium-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.premium-contact-hero{padding:80px 0}.hero-title{font-size:clamp(2.5rem,8vw,4rem)}.hero-description{font-size:1.1rem;margin-bottom:40px}.hero-stats{gap:40px}.stat-number{font-size:1.8rem}.section-title{font-size:2.2rem}.form-wrapper-glassmorphism{padding:30px}.form-row{gap:20px;grid-template-columns:1fr}.contact-features-premium{gap:20px}.feature-premium-item{padding:20px}.floating-orb{filter:blur(30px)}.orb-1,.orb-3{height:250px;width:250px}.orb-2,.orb-4{height:200px;width:200px}.map-features{flex-direction:column;gap:15px}}@media (max-width:480px){.premium-contact-page{padding-top:70px}.premium-contact-form-section,.premium-contact-hero,.premium-contact-info,.premium-map-section{padding:60px 0}.contact-info-premium-grid{gap:20px;grid-template-columns:1fr}.contact-info-premium-card{padding:30px 20px}.hero-stats{flex-direction:column;gap:25px}.map-placeholder-premium{height:300px}.map-content{padding:30px 20px}}@media (max-width:600px){.contact-info-premium-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.badge-icon,.floating-orb,.gradient-text-premium,.highlight-text{animation:none}.contact-info-premium-card:hover,.feature-premium-item:hover,.form-submit-premium:hover,.map-container-premium:hover{transform:none}}:root{--primary-color:#2c5530;--primary-light:#4a7c59;--accent-color:#4caf50;--text-primary:#2c3e50;--text-secondary:#5a6c7d;--text-muted:#8b95a1;--bg-white:#fff;--bg-light:#f8faf9;--bg-section:#f5f8f7;--border-light:#e8f0ef;--shadow-sm:0 2px 8px #2c553014;--shadow-md:0 4px 20px #2c55301f;--shadow-lg:0 8px 32px #2c553029;--border-radius:12px;--border-radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.payment-page{background:#fff;background:var(--bg-white);color:#2c3e50;color:var(--text-primary);font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.payment-hero{background:linear-gradient(135deg,#fff,#fafbfc 30%,#f5f8f7);overflow:hidden;padding:140px 0 80px;position:relative}.payment-hero:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#4caf5014 0,#0000 70%);height:200px;right:10%;top:20%;width:200px}.payment-hero:after,.payment-hero:before{border-radius:50%;content:"";position:absolute}.payment-hero:after{animation:float 8s ease-in-out infinite reverse;background:radial-gradient(circle,#2c55300f 0,#0000 70%);bottom:20%;height:150px;left:5%;width:150px}.container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.payment-hero-content{margin:0 auto;max-width:600px;text-align:center}.payment-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8faf9cc);border:1px solid #4caf5033;border-radius:50px;box-shadow:0 2px 8px #2c553014;box-shadow:var(--shadow-sm);color:#2c5530;color:var(--primary-color);display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 20px}.badge-icon{font-size:1.1rem}.payment-hero-title{color:#2c3e50;color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.text-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c5530,#4caf50);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text}.payment-hero-description{color:#5a6c7d;color:var(--text-secondary);font-size:1.2rem;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:500px}.payment-main{background:#fff;background:var(--bg-white);padding:80px 0}.payment-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 400px}.payment-form-section{position:relative}.payment-card{background:#fff;background:var(--bg-white);border:1px solid #e8f0ef;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md);padding:40px}.section-title{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin-bottom:32px}.title-icon{font-size:1.3rem}.payment-methods{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.payment-method-card{background:#fff;background:var(--bg-white);border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.payment-method-card:hover{border-color:#4caf50;border-color:var(--accent-color);box-shadow:0 2px 8px #2c553014;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.payment-method-card.active{background:linear-gradient(135deg,#4caf5005,#4caf5003);border-color:#4caf50;border-color:var(--accent-color);box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md)}.method-header{justify-content:space-between;margin-bottom:12px}.method-header,.method-info{align-items:center;display:flex}.method-info{gap:16px}.method-icon{align-items:center;background:#f8faf9;background:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.method-text h4{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 4px}.method-text p{color:#5a6c7d;color:var(--text-secondary);font-size:.9rem;margin:0}.method-radio{border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:50%;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:20px}.method-radio.checked{border-color:#4caf50;border-color:var(--accent-color)}.radio-dot{background:#4caf50;background:var(--accent-color);border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:10px}.method-radio.checked .radio-dot{transform:translate(-50%,-50%) scale(1)}.method-description{color:#5a6c7d;color:var(--text-secondary);font-size:.95rem;margin-bottom:16px}.method-features{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{background:#f8faf9;background:var(--bg-light);border-radius:20px;color:#5a6c7d;color:var(--text-secondary);font-size:.8rem;padding:4px 12px}.payment-details{background:#f5f8f7;background:var(--bg-section);border-radius:12px;border-radius:var(--border-radius);margin-top:24px;padding:24px}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.details-header h4{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.cod-badge,.security-badge{background:#4caf50;background:var(--accent-color);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.cod-badge{background:#2c5530;background:var(--primary-color)}.details-content p{color:#5a6c7d;color:var(--text-secondary);margin-bottom:20px}.payment-flow{display:flex;gap:16px}.flow-step{align-items:center;display:flex;flex:1 1;gap:8px}.step-number{background:#4caf50;background:var(--accent-color);color:#fff;font-size:.8rem;height:24px;width:24px}.cod-benefits{display:flex;flex-direction:column;gap:12px}.benefit-item{align-items:center;color:#5a6c7d;color:var(--text-secondary);display:flex;gap:12px}.benefit-icon{font-size:1.2rem}.order-summary-section{position:sticky;top:100px}.summary-card{background:#fff;background:var(--bg-white);border:1px solid #e8f0ef;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md);padding:32px}.order-items{margin-bottom:32px}.order-item{align-items:center;border-bottom:1px solid #e8f0ef;border-bottom:1px solid var(--border-light);display:flex;gap:16px;padding:16px 0}.order-item:last-child{border-bottom:none}.item-image-wrapper{flex-shrink:0;position:relative}.item-image{border-radius:12px;border-radius:var(--border-radius);height:60px;object-fit:cover;width:60px}.item-quantity{align-items:center;background:#4caf50;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.item-details{flex:1 1}.item-name{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 4px}.item-attributes{display:flex;gap:12px}.attribute{color:#8b95a1;color:var(--text-muted);font-size:.85rem}.item-price{color:#2c3e50;color:var(--text-primary);font-weight:600}.order-totals{border-top:1px solid #e8f0ef;border-top:1px solid var(--border-light);margin-bottom:32px;padding-top:20px}.total-row{align-items:center;color:#5a6c7d;color:var(--text-secondary);display:flex;justify-content:space-between;padding:8px 0}.final-total{border-top:1px solid #e8f0ef;border-top:1px solid var(--border-light);color:#2c3e50;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-top:8px;padding-top:16px}.checkout-btn{background:linear-gradient(135deg,#2c5530,#4caf50);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:24px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.checkout-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.checkout-btn:hover:before{left:100%}.checkout-btn:hover{box-shadow:0 8px 32px #2c553029;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.checkout-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-content{align-items:center;display:flex;gap:8px;justify-content:center}.btn-icon{font-size:1.2rem}.btn-loading{gap:12px}.security-info{display:flex;flex-direction:column;gap:8px}.security-item{align-items:center;color:#8b95a1;color:var(--text-muted);display:flex;font-size:.85rem;gap:8px}.security-icon{font-size:1rem}.empty-cart-section{align-items:center;background:#f8faf9;background:var(--bg-light);display:flex;justify-content:center;min-height:80vh}.empty-cart-content{background:#fff;background:var(--bg-white);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md);max-width:500px;padding:60px 40px;text-align:center}.empty-cart-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.empty-cart-title{color:#2c3e50;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:16px}.empty-cart-description{color:#5a6c7d;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.btn-primary{border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:hover{box-shadow:0 8px 32px #2c553029;box-shadow:var(--shadow-lg)}.btn-large{font-size:1.1rem;padding:16px 32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:992px){.payment-grid{gap:40px;grid-template-columns:1fr}.order-summary-section{order:-1;position:static}.payment-hero-title{font-size:2.5rem}}@media (max-width:768px){.payment-hero{padding:120px 0 60px}.payment-hero-title{font-size:2rem}.payment-hero-description{font-size:1.1rem}.payment-main{padding:60px 0}.payment-card,.summary-card{padding:24px}.flow-step{flex-direction:column;gap:4px;text-align:center}.payment-flow{flex-direction:column;gap:12px}}@media (max-width:576px){.container{padding:0 16px}.payment-hero-title{font-size:1.8rem}.payment-card,.summary-card{padding:20px}.method-info{gap:12px}.method-icon{font-size:1.5rem;height:40px;width:40px}.empty-cart-content{padding:40px 24px}.empty-cart-icon{font-size:3rem}.empty-cart-title{font-size:1.5rem}}.payment-status-section{align-items:center;background:#f8faf9;background:var(--bg-light);display:flex;justify-content:center;min-height:80vh;padding:80px 0}.status-content{background:#fff;background:var(--bg-white);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #2c553029;box-shadow:var(--shadow-lg);max-width:600px;padding:60px 40px;position:relative;text-align:center}.status-content.loading{padding:40px}.status-icon-wrapper{margin-bottom:32px}.status-icon{height:120px;margin:0 auto;position:relative;width:120px}.icon-circle{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.icon-circle svg{height:64px;width:64px;z-index:2}.success-icon .icon-circle{animation:successPulse 2s ease-in-out infinite}.success-icon .icon-circle svg{stroke:#fff;stroke-width:3;fill:none}.success-icon .icon-circle:before{animation:successGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200px}.pending-icon .icon-circle{animation:pendingRotate 2s linear infinite;background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.cancel-icon .icon-circle,.error-icon .icon-circle{animation:errorShake .5s ease-in-out;background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.cancel-icon .icon-circle svg,.error-icon .icon-circle svg,.warning-icon .icon-circle svg{stroke:#fff;stroke-width:3;fill:none}.status-text{margin-bottom:40px}.status-title{font-size:2.5rem;line-height:1.2;margin-bottom:16px}.status-description{color:#5a6c7d;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px}.order-details-card{background:#f5f8f7;background:var(--bg-section);border-radius:12px;border-radius:var(--border-radius);margin-bottom:32px;padding:24px;text-align:left}.order-details-card h3{color:#2c3e50;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px;text-align:center}.status-cancelled{color:#f44336}.status-actions{flex-wrap:wrap;margin-bottom:40px}.btn-secondary{background:#0000;border:2px solid #2c5530;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);color:#2c5530;color:var(--primary-color);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-secondary:hover{background:#2c5530;background:var(--primary-color);box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md);color:#fff}.additional-info{background:#f5f8f7;background:var(--bg-section);border-radius:12px;border-radius:var(--border-radius);margin-bottom:32px;padding:24px}.info-item{align-items:center;color:#5a6c7d;color:var(--text-secondary);display:flex;gap:12px;padding:8px 0}.info-icon{font-size:1.2rem;text-align:center;width:24px}.help-section{margin-bottom:32px}.help-section h3{color:#2c3e50;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:20px}.help-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.help-item{align-items:center;background:#f5f8f7;background:var(--bg-section);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.help-item:hover{box-shadow:0 2px 8px #2c553014;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.help-icon{font-size:1.5rem;text-align:center;width:32px}.help-content h4{color:#2c3e50;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 4px}.help-content p{color:#5a6c7d;color:var(--text-secondary);font-size:.8rem;margin:0}.common-issues{margin-bottom:32px}.common-issues h3{color:#2c3e50;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:20px}.issues-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.issue-item{align-items:center;background:#f5f8f7;background:var(--bg-section);border-radius:12px;border-radius:var(--border-radius);color:#5a6c7d;color:var(--text-secondary);display:flex;font-size:.9rem;gap:12px;padding:12px 16px}.issue-icon{font-size:1.2rem;text-align:center;width:24px}.alternative-payment{margin-bottom:32px}.alternative-payment h3{color:#2c3e50;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:12px}.alternative-payment p{color:#5a6c7d;color:var(--text-secondary);margin-bottom:16px}.payment-alternatives{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.alt-payment-item{align-items:center;background:#f5f8f7;background:var(--bg-section);border-radius:12px;border-radius:var(--border-radius);color:#5a6c7d;color:var(--text-secondary);display:flex;font-size:.9rem;gap:12px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.alt-payment-item:hover{background:#2c5530;background:var(--primary-color);color:#fff;transform:translateY(-1px)}.alt-icon{font-size:1.2rem;text-align:center;width:24px}.status-content.loading h2{color:#2c3e50;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:8px}.status-content.loading p{color:#5a6c7d;color:var(--text-secondary)}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes successGlow{0%,to{opacity:0;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}}@keyframes pendingRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.payment-page-compact{background:#fff;background:var(--bg-white);color:#2c3e50;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.payment-container-compact{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc 30%,#f5f8f7);display:flex;flex:1 1;padding:20px 0}.payment-grid-compact{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr;max-height:calc(100vh - 200px)}.order-summary-compact{background:#fff;background:var(--bg-white);border:1px solid #e8f0ef;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md);max-height:calc(100vh - 240px);overflow-y:auto;padding:24px}.summary-header{align-items:center;border-bottom:1px solid #e8f0ef;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.summary-header h2{color:#2c3e50;color:var(--text-primary);font-size:1.6rem;font-weight:600;margin:0}.item-count{background:#4caf50;background:var(--accent-color);border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:4px 12px}.order-items-compact{margin-bottom:24px;max-height:300px;overflow-y:auto}.order-item-compact{align-items:center;border-bottom:1px solid #e8f0ef;border-bottom:1px solid var(--border-light);display:flex;gap:16px;padding:12px 0}.order-item-compact:last-child{border-bottom:none}.order-totals-compact{border-top:1px solid #e8f0ef;border-top:1px solid var(--border-light);padding-top:20px}.payment-methods-compact{background:#fff;background:var(--bg-white);border:1px solid #e8f0ef;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md);max-height:calc(100vh - 240px);overflow-y:auto;padding:32px}.payment-methods-compact h2{color:#2c3e50;color:var(--text-primary);font-size:1.6rem;font-weight:600;margin:0 0 24px}.payment-options{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.payment-option{background:#fff;background:var(--bg-white);border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.payment-option:hover{box-shadow:0 2px 8px #2c553014;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.payment-option.active,.payment-option:hover{border-color:#4caf50;border-color:var(--accent-color)}.payment-option.active{background:linear-gradient(135deg,#4caf5005,#4caf5003);box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md)}.option-header{justify-content:space-between;margin-bottom:12px}.option-header,.option-info{align-items:center;display:flex}.option-info{gap:12px}.option-icon{align-items:center;background:#f8faf9;background:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);display:flex;font-size:1.8rem;height:40px;justify-content:center;width:40px}.option-info h3{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 4px}.option-info p{color:#5a6c7d;color:var(--text-secondary);font-size:.9rem;margin:0}.radio-button{border:2px solid #e8f0ef;border:2px solid var(--border-light);border-radius:50%;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:20px}.radio-button.checked{border-color:#4caf50;border-color:var(--accent-color)}.radio-button .radio-dot{background:#4caf50;background:var(--accent-color);border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:10px}.radio-button.checked .radio-dot{transform:translate(-50%,-50%) scale(1)}.checkout-btn-compact{background:linear-gradient(135deg,#2c5530,#4caf50);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:24px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.checkout-btn-compact:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.checkout-btn-compact:hover:before{left:100%}.checkout-btn-compact:hover{box-shadow:0 8px 32px #2c553029;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.checkout-btn-compact:disabled{cursor:not-allowed;opacity:.7;transform:none}.security-info-compact{display:flex;flex-direction:column;gap:8px}.security-info-compact .security-item{align-items:center;color:#8b95a1;color:var(--text-muted);display:flex;font-size:.85rem;gap:8px}.security-info-compact .security-icon{font-size:1rem}@media (max-width:992px){.payment-grid-compact{gap:24px;grid-template-columns:1fr;max-height:none}.order-summary-compact,.payment-methods-compact{max-height:none}.payment-container-compact{padding:40px 0}}@media (max-width:768px){.payment-container-compact{padding:20px 0}.order-summary-compact,.payment-methods-compact{padding:24px}.summary-header{align-items:flex-start;flex-direction:column;gap:8px}.option-info{gap:8px}.option-icon{font-size:1.4rem;height:32px;width:32px}}@media (max-width:576px){.container{padding:120px 16px 20px}.order-summary-compact,.payment-methods-compact{padding:20px}.payment-methods-compact h2,.summary-header h2{font-size:1.3rem}.option-info h3{font-size:1rem}.option-info p{font-size:.85rem}}.payment-details-success{background:#f8faf9;background:var(--bg-light);border:1px solid #e8f0ef;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius);margin:24px 0;padding:24px}.detail-row{align-items:center;border-bottom:1px solid #e8f0ef;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#5a6c7d;color:var(--text-secondary);font-weight:500}.detail-value{color:#2c3e50;color:var(--text-primary);font-weight:600}.status-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:4px 12px}.status-badge.success{background:#4caf501a;color:#4caf50;color:var(--accent-color)}.status-badge.warning{background:#ffc1071a;color:#f57c00}.status-actions{display:flex;gap:16px;justify-content:center;margin:32px 0}.btn-large{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#2c5530,#4caf50);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);color:#fff}.btn-primary:hover{box-shadow:0 4px 20px #2c55301f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--bg-white);border:2px solid #e8f0ef;border:2px solid var(--border-light);color:#2c3e50;color:var(--text-primary)}.btn-secondary:hover{border-color:#4caf50;border-color:var(--accent-color);box-shadow:0 2px 8px #2c553014;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.additional-info{margin-top:32px}.info-card{background:#f8faf9;background:var(--bg-light);border-left:4px solid #4caf50;border-left:4px solid var(--accent-color);border-radius:12px;border-radius:var(--border-radius);padding:20px}.info-card h4{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.info-card p{color:#5a6c7d;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.loading-spinner-large{border:4px solid #e8f0ef;border-top:4px solid #4caf50;border:4px solid var(--border-light);border-top-color:var(--accent-color);margin:0 auto 24px}.success-icon .icon-circle{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;margin:0 auto}.warning-icon .icon-circle{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.cancel-icon .icon-circle{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.status-title{color:#2c3e50;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 12px}.status-message{color:#5a6c7d;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 24px}@media (max-width:768px){.status-actions{flex-direction:column;gap:12px}.btn-large{padding:16px 24px;width:100%}.status-title{font-size:1.6rem}.status-message{font-size:1rem}.payment-details-success{padding:20px}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{font-size:.9rem}}.test-warning{align-items:flex-start;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.warning-icon{flex-shrink:0;font-size:24px}.test-warning h4{color:#856404;font-size:16px;font-weight:600;margin:0 0 4px}.test-warning p{color:#856404;font-size:14px;line-height:1.4;margin:0}.test-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;overflow:hidden;position:relative}.test-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.test-btn:hover:before{left:100%}.test-btn:hover{background:linear-gradient(135deg,#218838,#1ea085)!important;box-shadow:0 8px 25px #28a7454d;transform:translateY(-2px)}.test-instructions{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:20px}.test-instructions h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 12px}.test-instructions ol{color:#6c757d;margin:0;padding-left:20px}.test-instructions li{font-size:14px;line-height:1.4;margin-bottom:8px}.test-instructions li:last-child{margin-bottom:0}.option-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.feature-tag{background:#e9ecef;border-radius:6px;color:#495057;font-size:12px;font-weight:500;padding:4px 8px}.payment-option.active .feature-tag{background:#d4edda;color:#155724}.btn-icon{font-size:18px;margin-right:8px}.btn-loading{align-items:center;display:flex;gap:8px;justify-content:center}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.test-warning{flex-direction:column;text-align:center}.warning-icon{align-self:center}.test-instructions{padding:16px}.test-instructions ol{padding-left:16px}}.test-mode-badge{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:4px;box-shadow:0 2px 4px #ff6b354d;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase}@keyframes pulse-glow{0%,to{box-shadow:0 2px 4px #ff6b354d}50%{box-shadow:0 2px 8px #ff6b3580}}.modern-cancel{margin:0 auto;max-width:600px}.status-icon-wrapper.modern{margin-bottom:2rem}.status-icon.modern-icon .icon-circle{animation:none;background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 8px 32px #ff6b6b4d;height:100px;width:100px}.status-icon.modern-icon .icon-circle svg{stroke-width:2.5;height:64px;width:64px}.status-text.modern .status-title.modern{color:#2c3e50;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.status-text.modern .status-description.modern{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.order-details-card.modern{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;overflow:hidden;padding:0}.card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.card-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.status-badge.cancelled{background:#fee2e2;border-radius:9999px;color:#dc2626;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.card-content{padding:1.5rem}.card-content .detail-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.card-content .detail-row:last-child{border-bottom:none;padding-bottom:0}.card-content .detail-label{color:#64748b;font-size:.9rem;font-weight:500}.card-content .detail-value{color:#1e293b;font-size:.9rem;font-weight:600}.status-actions.modern{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.btn-primary.modern,.btn-secondary.modern{border:none;cursor:pointer;display:flex;font-size:.95rem;padding:.875rem 1.5rem;transition:all .2s ease}.btn-primary.modern{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px 0 #10b9814d}.btn-primary.modern:hover{box-shadow:0 8px 25px 0 #10b98166}.btn-secondary.modern{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.btn-secondary.modern:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.help-section.modern{margin-bottom:2rem}.help-section.modern h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.help-options.modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.help-options.modern.expanded{gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.help-item.modern{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.help-item.modern:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.help-item.modern .help-icon{align-items:center;background:#f1f5f9;border-radius:12px;color:#475569;display:flex;height:48px;justify-content:center;width:48px}.help-item.modern .help-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.help-item.modern .help-content p{color:#64748b;font-size:.875rem;margin:0}.common-issues.modern{margin-bottom:2rem}.common-issues.modern h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.issues-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.issue-item.modern{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.issue-item.modern:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.issue-item.modern .issue-icon{align-items:center;background:#fef3c7;border-radius:10px;color:#d97706;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.issue-item.modern span{color:#374151;font-size:.9rem;font-weight:500}@media (max-width:768px){.status-actions.modern{align-items:center;flex-direction:column}.btn-primary.modern,.btn-secondary.modern{justify-content:center;max-width:280px;width:100%}.help-options.modern{grid-template-columns:1fr}.help-options.modern.expanded{grid-template-columns:repeat(2,1fr)}.issues-grid{grid-template-columns:1fr}.status-text.modern .status-title.modern{font-size:1.75rem}.card-header{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.help-options.modern.expanded{gap:.75rem;grid-template-columns:1fr}.help-item.modern{padding:1rem}.help-item.modern .help-icon{height:40px;width:40px}}.address-list{margin-bottom:16px}.address-item{gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.shipping-address-section{background:#fff;background:var(--bg-white);border:1px solid #e8f0ef;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--border-radius-lg);margin-bottom:32px;padding:24px}.shipping-address-section h2{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:6px;margin:0 0 16px}.shipping-address-section h2:before{content:"📍";font-size:1.2rem}.address-placeholder{background:#f8faf9;background:var(--bg-light);border:2px dashed #e8f0ef;border:2px dashed var(--border-light);border-radius:12px;border-radius:var(--border-radius);padding:20px;text-align:center}.address-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.address-item{align-items:center;background:#f8faf9;background:var(--bg-light);border:1px solid #e8f0ef;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:10px;padding:12px;transition:background .2s,border-color .2s}.address-item.selected,.address-item:hover{border-color:#4caf50;border-color:var(--accent-color)}.address-item.selected{background:#4caf500d}.address-item input[type=radio]{accent-color:#4caf50;accent-color:var(--accent-color)}.address-form{background:#f8f9fa;border-radius:12px;border-radius:var(--border-radius);padding:20px}.address-form,.address-input{border:1px solid #e8f0ef;border:1px solid var(--border-light)}.address-input{border-radius:12px;border-radius:var(--border-radius);font-size:1rem;min-height:90px;padding:12px;resize:vertical;width:100%}.address-input:focus{border-color:#4caf50;border-color:var(--accent-color);box-shadow:0 0 0 3px #4caf5026;outline:none}.address-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.btn-cancel-address,.btn-save-address{border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;padding:10px 20px;transition:transform .15s,box-shadow .15s}.btn-save-address{background:#4caf50;background:var(--accent-color);color:#fff}.btn-save-address:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.btn-cancel-address{background:#6c757d;color:#fff}.btn-cancel-address:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}@media (max-width:576px){.address-item{font-size:.9rem}}:root{--primary-color:#1d3d2d;--secondary-color:#116530;--text-color:#333;--border-color:#e0e0e0;--background-light:#f9f9f9;--error-color:#e53935;--success-color:#2e7d32;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px}.cart-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;padding:80px 1rem 2rem;padding:80px var(--spacing-sm) var(--spacing-lg);width:100%}.cart-title{color:#1d3d2d;color:var(--primary-color);font-size:1.75rem;font-weight:700;text-align:center}.cart-table,.cart-title{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.cart-table{background-color:#fff;border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.cart-table td,.cart-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:1.5rem;padding:var(--spacing-md);text-align:left;vertical-align:middle}.cart-table th{background-color:#f9f9f9;background-color:var(--background-light);color:#1d3d2d;color:var(--primary-color);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cart-table td:last-child,.cart-table th:last-child{text-align:center}.cart-product-cell{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-md)}.cart-table .cart-product-image{border-radius:4px;border-radius:var(--border-radius-sm);flex-shrink:0;height:80px;object-fit:cover;width:80px}.cart-table .cart-product-name{color:#1d3d2d;color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:.25rem}.cart-table .cart-product-details{display:flex;flex-direction:column;gap:.25rem}.cart-table .cart-product-title{color:#666;font-size:.85rem;font-style:italic}.cart-table .cart-product-color,.cart-table .cart-product-size{color:#666;font-size:.85rem}.cart-mobile-layout{display:block}.cart-mobile-header{align-items:center;background-color:#f9f9f9;background-color:var(--background-light);border-radius:8px;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-sm)}.cart-select-all{align-items:center;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;gap:var(--spacing-xs)}.cart-items-count{color:#666;font-size:.9rem;font-weight:500}.cart-mobile-item{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md);transition:box-shadow .2s ease}.cart-mobile-item:hover{box-shadow:0 4px 8px #00000026}.cart-mobile-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.cart-mobile-item-content{display:flex;gap:1rem;gap:var(--spacing-sm)}.cart-product-image{border-radius:4px;border-radius:var(--border-radius-sm);flex-shrink:0;height:80px;object-fit:cover;width:80px}.cart-product-details{flex:1 1;min-width:0}.cart-product-name{color:#1d3d2d;color:var(--primary-color);font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.25rem}.cart-product-title{color:#666;font-size:.85rem;font-style:italic;margin-bottom:.25rem}.cart-product-color,.cart-product-size{color:#666;font-size:.85rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.cart-mobile-item-footer{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:1rem;margin-top:var(--spacing-sm);padding-top:1rem;padding-top:var(--spacing-sm)}.cart-quantity-control{background-color:#f9f9f9;background-color:var(--background-light);border-radius:8px;border-radius:var(--border-radius-md);padding:.25rem}.cart-quantity-btn,.cart-quantity-control{align-items:center;display:flex;justify-content:center}.cart-quantity-btn{background-color:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#333;color:var(--text-color);cursor:pointer;font-size:18px;font-weight:500;height:36px;transition:all .2s ease;width:36px}.cart-quantity-btn:hover:not(:disabled){background-color:#f9f9f9;background-color:var(--background-light);transform:scale(1.05)}.cart-quantity-btn:disabled{cursor:not-allowed;opacity:.5}.cart-quantity-value{color:#333;color:var(--text-color);font-size:16px;font-weight:600;text-align:center;width:48px}.cart-quantity-value.optimistic{opacity:.7}.loading-dot{animation:pulse 1.5s ease-in-out infinite}.cart-price{color:#1d3d2d;color:var(--primary-color);font-size:1rem;font-weight:600}.cart-checkbox{accent-color:#1d3d2d;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.cart-delete-btn,.cart-remove-btn{background-color:#e53935;background-color:var(--error-color);border:none;border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.cart-delete-btn:hover:not(:disabled),.cart-remove-btn:hover:not(:disabled){background-color:#d32f2f}.cart-delete-btn:disabled,.cart-remove-btn:disabled{cursor:not-allowed;opacity:.6}.cart-delete-btn.optimistic{background-color:#999;cursor:not-allowed}.cart-item-error{color:#e53935;color:var(--error-color);font-weight:700;margin-left:.5rem;margin-left:var(--spacing-xs)}.cart-item-error-message{background-color:#fef2f2;border:1px solid #fca5a5;border-radius:4px;border-radius:var(--border-radius-sm);color:#e53935;color:var(--error-color);font-size:.85rem;margin-top:.5rem;margin-top:var(--spacing-xs);padding:.5rem;padding:var(--spacing-xs)}.cart-summary{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000001a;margin-top:2rem;margin-top:var(--spacing-lg);padding:2rem;padding:var(--spacing-lg)}.cart-summary-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.cart-summary-text{color:#333;color:var(--text-color);font-size:1.1rem;font-weight:600}.cart-summary-price{color:#1d3d2d;color:var(--primary-color);font-size:1.5rem;font-weight:700}.cart-checkout-btn{background-color:#1d3d2d;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.5rem;padding:var(--spacing-md);transition:background-color .2s ease;width:100%}.cart-checkout-btn:hover:not(:disabled){background-color:#116530;background-color:var(--secondary-color)}.cart-checkout-btn:disabled{background-color:#ccc;cursor:not-allowed}.cart-empty{padding:3rem;padding:var(--spacing-xl);text-align:center}.cart-empty-message{color:#666;font-size:1.2rem;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.cart-shopping-btn{background-color:#1d3d2d;background-color:var(--primary-color);border-radius:8px;border-radius:var(--border-radius-md);color:#fff;display:inline-block;font-weight:600;padding:1.5rem 2rem;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:background-color .2s ease}.cart-shopping-btn:hover{background-color:#116530;background-color:var(--secondary-color)}.cart-pagination{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-xs);justify-content:center;margin:2rem 0;margin:var(--spacing-lg) 0}.cart-pagination-btn{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius-sm);color:#333;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.cart-pagination-btn:hover:not(.active):not(.disabled){background-color:#f9f9f9;background-color:var(--background-light)}.cart-pagination-btn.active{background-color:#1d3d2d;background-color:var(--primary-color);border-color:#1d3d2d;border-color:var(--primary-color);color:#fff}.cart-pagination-btn.disabled{cursor:not-allowed;opacity:.5}.cart-error,.cart-loading{padding:3rem;padding:var(--spacing-xl);text-align:center}.cart-error p{color:#e53935;color:var(--error-color);margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}@media (max-width:767px){.cart-container{padding:60px .5rem 2rem;padding:60px var(--spacing-xs) var(--spacing-lg)}.cart-checkbox{height:20px;width:20px}.cart-delete-btn,.cart-remove-btn{font-size:.8rem;padding:.4rem .8rem}.cart-product-name,.cart-summary-text{font-size:.95rem}.cart-mobile-item{padding:1rem;padding:var(--spacing-sm)}.cart-mobile-item:focus-within{box-shadow:0 4px 12px #1d3d2d26}}@media (min-width:600px){.cart-container{padding:80px 1.5rem 2rem;padding:80px var(--spacing-md) var(--spacing-lg)}.cart-title{font-size:2rem}.cart-mobile-item{padding:2rem;padding:var(--spacing-lg)}.cart-mobile-item-content{gap:1.5rem;gap:var(--spacing-md)}.cart-product-image{height:100px;width:100px}.cart-mobile-item-footer{padding-top:1.5rem;padding-top:var(--spacing-md)}.cart-summary{padding:3rem;padding:var(--spacing-xl)}}@media (min-width:768px){.cart-container{padding:100px 2rem 3rem;padding:100px var(--spacing-lg) var(--spacing-xl)}.cart-title{font-size:2.5rem;margin-bottom:3rem;margin-bottom:var(--spacing-xl)}.cart-mobile-item{padding:3rem;padding:var(--spacing-xl)}.cart-mobile-item-content{gap:2rem;gap:var(--spacing-lg)}.cart-product-image{height:120px;width:120px}.cart-product-name{font-size:1.1rem}.cart-quantity-control{padding:.5rem}.cart-quantity-btn{height:40px;width:40px}.cart-summary{padding:3rem;padding:var(--spacing-xl)}.cart-summary-content{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.cart-checkout-btn{font-size:1.2rem;padding:2rem;padding:var(--spacing-lg)}}.cart-checkbox:focus,.cart-checkout-btn:focus,.cart-delete-btn:focus,.cart-quantity-btn:focus,.cart-remove-btn:focus{outline:2px solid #1d3d2d;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.cart-mobile-item{border:2px solid #333;border:2px solid var(--text-color)}.cart-quantity-btn{border:1px solid #333;border:1px solid var(--text-color)}}@media (prefers-reduced-motion:reduce){.cart-checkout-btn,.cart-delete-btn,.cart-mobile-item,.cart-quantity-btn,.cart-remove-btn{transition:none}.cart-checkout-btn:hover:not(:disabled),.cart-quantity-btn:hover:not(:disabled),.cart-shopping-btn:hover{transform:none}}.cart-quantity-value.out-of-stock{background-color:#ffebee;border-color:#ef5350;color:#c62828;position:relative}.cart-quantity-value.out-of-stock:after{color:#c62828;content:" (Hết hàng)";font-size:.7rem;font-weight:500}.stock-warning{color:#ff9800;cursor:help;font-size:.8rem;margin-left:4px}.cart-quantity-btn:disabled{background-color:#f5f5f5!important;border-color:#e0e0e0!important;color:#bbb!important;cursor:not-allowed!important;opacity:.6}.cart-quantity-btn:disabled:hover{background-color:#f5f5f5!important;transform:none!important}.cart-stock-warning{background-color:#fff3cd;border-left:3px solid #f39c12;border-radius:4px;border-radius:var(--border-radius-sm);color:#e53935;color:var(--error-color);display:block;font-size:.8rem;font-weight:500;margin-top:.25rem;padding:.25rem .5rem}.cart-product-name.out-of-stock{color:#999;opacity:.7;text-decoration:line-through}.cart-mobile-item .cart-stock-warning{font-size:.85rem;margin-top:.5rem}.cart-container.modern{background:linear-gradient(135deg,#f8fffe,#e8f5e8);max-width:1400px;min-height:calc(100vh - 80px);padding:0}.cart-hero-section{background:linear-gradient(135deg,#0c3c54,#2e7d32);color:#fff;overflow:hidden;padding:3rem 2rem 2rem;position:relative}.cart-hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.cart-breadcrumb{font-size:.9rem;margin-bottom:1rem;position:relative;z-index:2}.breadcrumb-item{color:#fffc;text-decoration:none;transition:color .3s ease}.breadcrumb-item:hover{color:#fff}.breadcrumb-separator{margin:0 .5rem;opacity:.6}.breadcrumb-current{color:#fff;font-weight:500}.cart-title.modern{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e8f5e8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 2rem;position:relative;z-index:2}.cart-progress-indicator{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem;position:relative;z-index:2}.progress-step{align-items:center;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.progress-step.active .step-number{background:#fff;color:#0c3c54;transform:scale(1.1)}.progress-step.active .step-label{color:#fff;font-weight:600}.step-number{align-items:center;background:#fff3;border-radius:50%;color:#fffc;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step-label{color:#ffffffb3;font-size:.85rem;text-align:center;transition:all .3s ease}.progress-line{background:#ffffff4d;border-radius:1px;height:2px;width:60px}.cart-empty.modern{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:2rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.cart-empty.modern:before{background:linear-gradient(90deg,#0c3c54,#2e7d32);content:"";height:4px;left:0;position:absolute;right:0;top:0}.empty-illustration{margin-bottom:2rem}.empty-cart-svg{height:160px;max-width:100%;width:200px}.empty-content{margin:0 auto;max-width:600px}.empty-title{color:#2e7d32;font-size:2rem;font-weight:700;margin:0 0 1rem}.empty-description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.empty-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.btn-primary.modern,.btn-secondary.modern{align-items:center;border-radius:12px;display:inline-flex;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.btn-primary.modern{background:linear-gradient(135deg,#0c3c54,#2e7d32);color:#fff}.btn-primary.modern:hover{box-shadow:0 10px 25px #0c3c544d;transform:translateY(-2px)}.btn-secondary.modern{background:#0c3c541a;border:2px solid #0c3c5433;color:#0c3c54}.btn-secondary.modern:hover{background:#0c3c5426;border-color:#0c3c544d;transform:translateY(-2px)}.btn-icon{height:20px;width:20px}.featured-categories{border-top:1px solid #e0e0e0;padding-top:2rem}.featured-categories h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem}.category-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:500px}.category-card{background:#0c3c540d;border:1px solid #0c3c541a;border-radius:12px;color:#333;padding:1.5rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease}.category-card:hover{background:#0c3c541a;border-color:#0c3c5433;transform:translateY(-2px)}.category-icon{display:block;font-size:2rem;margin-bottom:.5rem}.cart-loading.modern{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:2rem;padding:4rem 2rem;text-align:center}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #0c3c541a;border-left-color:#0c3c54;border-radius:50%;height:60px;margin:0 auto 1rem;width:60px}.cart-error.modern{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:2rem;padding:4rem 2rem;position:relative;text-align:center}.cart-error.modern:before{background:linear-gradient(90deg,#e53935,#ff6f60);content:"";height:4px;left:0;position:absolute;right:0;top:0}.error-icon{display:block;font-size:3rem;margin-bottom:1rem}.cart-error.modern h3{color:#e53935;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.retry-btn{background:linear-gradient(135deg,#e53935,#ff6f60);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 10px 25px #e539354d;transform:translateY(-2px)}@media (max-width:768px){.cart-hero-section{padding:2rem 1rem 1.5rem}.cart-title.modern{font-size:2rem}.cart-progress-indicator{gap:.5rem}.progress-line{width:40px}.step-number{height:35px;width:35px}.step-label{font-size:.75rem}.cart-empty.modern{margin:1rem;padding:3rem 1.5rem}.empty-title{font-size:1.5rem}.empty-actions{align-items:center;flex-direction:column}.btn-primary.modern,.btn-secondary.modern{justify-content:center;min-width:200px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:576px){body.cart-page .header{background-color:#0c3c54;padding:.25rem 0}body.cart-page .header-container{grid-template-columns:1fr 1fr;padding:0 .5rem}body.cart-page .logo{height:60px;width:140px}body.cart-page .logo img{margin-left:1rem;transform:translateY(-50%) scale(2.2)}body.cart-page .nav-menu{display:none}body.cart-page .auth-buttons{gap:.5rem}body.cart-page .footer{background-color:initial;background-image:url(/static/media/footer-background.5360b0167c5de4fc5c56.jpg);background-position:50%;background-size:cover;padding:2rem 0 1rem}body.cart-page .footer-content{margin:0 auto;max-width:700px}body.cart-page .footer-brand{margin-bottom:2rem;text-align:left}body.cart-page .footer-section{margin-bottom:1.5rem}body.cart-page .footer-section h3{font-size:1.1rem;margin-bottom:.75rem}body.cart-page .footer-section ul li{margin-bottom:.5rem}body.cart-page .contact-info li{justify-content:center}body.cart-page .social-links{justify-content:center;margin-top:1.5rem}}body.cart-page .footer:before{background:#0009}.modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.field-group{display:flex;flex-direction:column;margin-bottom:16px}.field-group label{font-weight:600;margin-bottom:4px}.field-group input,.field-group select{border:1px solid #ccc;border-radius:6px;padding:10px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px}.modal-actions button:first-child{background:#6c757d;color:#fff}.modal-actions button:nth-child(2){background:#2c5530;color:#fff}.payment-status-container{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;margin-top:32px;min-height:70vh;padding:40px 20px 0}.payment-status-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;max-width:1200px;padding:40px;text-align:center;width:100%}.payment-status-title{font-family:Roboto,sans-serif;font-size:48px;font-weight:800;margin-bottom:16px}.payment-status-title.success{color:#1e4d2b}.payment-status-title.fail{color:#d32f2f}.payment-status-icon{margin:20px 0}.payment-status-icon img{height:240px;object-fit:contain;width:240px}.payment-status-message{margin:16px 0 30px}.payment-status-message h3{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}.payment-status-message p{color:#666;font-size:20px;line-height:1.5;margin:0 auto;max-width:80%}.payment-status-button{margin-top:30px}.back-btn{align-items:center;border-radius:4px;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s ease}.success-btn{background-color:#1e4d2b;color:#fff}.success-btn:hover{background-color:#143620}.fail-btn{background-color:#d32f2f;color:#fff}.fail-btn:hover{background-color:#b71c1c}.arrow{font-size:18px;margin-left:8px}@media (max-width:768px){.payment-status-box{padding:30px 20px}.payment-status-title{font-size:28px}.payment-status-message p{max-width:95%}}.personal-sidebar-container{background-color:#f9f9f9;border-right:1px solid #e1e1e1;max-width:250px;padding:20px 0;width:100%}.personal-sidebar-menu{list-style-type:none;margin:0;padding:0}.personal-sidebar-item{margin-bottom:5px}.personal-sidebar-link{align-items:center;color:#333;display:flex;font-size:14px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.personal-sidebar-link:hover{background-color:#f0f0f0;color:#05502d}.personal-sidebar-item.active .personal-sidebar-link{background-color:#e0f0e7;border-left:3px solid #05502d;color:#05502d;font-weight:600}.personal-sidebar-icon{color:currentColor;height:20px;margin-right:10px;width:20px}@media (max-width:768px){.personal-sidebar-container{border-bottom:1px solid #e1e1e1;border-right:none;max-width:100%;padding:10px 0}.personal-sidebar-menu{display:flex;flex-wrap:wrap;justify-content:center}.personal-sidebar-item{margin:0 5px}.personal-sidebar-link{font-size:13px;padding:8px 15px}}.personal-layout-container{margin:0 auto;max-width:1200px;padding:80px 20px 20px;width:100%}.personal-layout-header{margin-bottom:30px}.personal-layout-title{border-bottom:1px solid #e1e1e1;color:#05502d;font-size:28px;font-weight:600;margin:0;padding-bottom:10px}.personal-layout-content{display:flex;gap:30px}.personal-layout-sidebar{flex:0 0 250px}.personal-layout-main{flex:1 1;min-width:0}@media (max-width:992px){.personal-layout-container{padding:15px}.personal-layout-content{gap:20px}.personal-layout-sidebar{flex:0 0 200px}}@media (max-width:768px){.personal-layout-header{margin-bottom:20px}.personal-layout-title{font-size:24px}.personal-layout-content{flex-direction:column;gap:20px}.personal-layout-sidebar{flex:auto}}.personal-orders-container{width:100%}.personal-section-title{border-bottom:1px solid #e1e1e1;color:#05502d;font-size:22px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.personal-orders-list{display:flex;flex-direction:column;gap:20px}.personal-orders-empty,.personal-orders-error,.personal-orders-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.personal-order-item{align-items:stretch;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 12px #00000014;justify-content:space-between;margin-bottom:0;padding:1.5rem 1.5rem .5rem!important;transition:transform .2s ease,box-shadow .2s ease}.personal-order-left-content{display:flex;flex:1 1;flex-direction:column;gap:1rem}.personal-order-right-content{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;margin-left:2rem;min-width:200px}.personal-order-item:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.personal-order-header{border-bottom:1px solid #e8e8e8;margin-bottom:1.25rem;padding-bottom:.75rem}.personal-order-id-section{display:flex;flex-direction:column;gap:.25rem}.personal-order-id{color:#2c5530;font-size:.9rem;font-weight:600}.personal-order-date{color:#666;font-size:.85rem}.personal-order-content{margin-bottom:0}.personal-order-main-item{align-items:flex-start;display:flex;gap:1rem}.personal-order-image{border-radius:8px;flex-shrink:0}.personal-order-details{min-width:0}.personal-order-title{color:#333;font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.personal-order-item-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.personal-order-color,.personal-order-quantity{color:#666;font-size:.9rem}.personal-order-more{color:#2c5530;font-size:.85rem;font-style:italic;margin-top:.25rem}.personal-order-footer{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;width:100%}.personal-order-summary{display:flex;flex-direction:column;gap:.5rem}.personal-order-total-section{align-items:center;display:flex;gap:.5rem}.personal-order-total-label{color:#666;font-size:.9rem}.personal-order-total-amount{color:#333;font-size:1.1rem;font-weight:600;margin:0}.personal-order-status{border-radius:20px;font-size:.85rem;font-weight:500;min-width:100px;padding:.5rem 1rem;text-align:center}.personal-order-status.pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.personal-order-status.shipping{background-color:#cce5ff;border:1px solid #99d6ff;color:#004085}.personal-order-status.delivered{background-color:#d4edda;border:1px solid #a3d9a5;color:#155724}.personal-order-status.cancelled{background-color:#f8d7da;border:1px solid #f1aeb5;color:#721c24}.personal-order-status.expired{background-color:#b04c00;color:#fff}.personal-order-status.processing{background-color:#ffe8cc;border:1px solid #ffdab5;color:#8a4b00}.personal-order-actions{display:flex;flex-shrink:0;gap:.75rem}.personal-order-button{align-items:center;border:none;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;line-height:1.2;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.personal-order-button.detail{background-color:#2c5530;border:2px solid #2c5530;color:#fff!important}.personal-order-button.detail:hover{background-color:#1e3a21;border-color:#1e3a21;box-shadow:0 2px 8px #2c55304d;transform:translateY(-1px)}.personal-order-button.retry{background-color:#ff8c00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.personal-order-button.retry:hover{background-color:#ff6500}@media (max-width:768px){.personal-order-item{flex-direction:column;margin-bottom:1rem;padding:1rem}.personal-order-left-content,.personal-order-right-content{width:100%}.personal-order-left-content{gap:.75rem}.personal-order-right-content{align-items:stretch;margin-left:0;margin-top:1rem;min-width:auto}.personal-order-main-item{align-items:flex-start;gap:.75rem}.personal-order-image{height:60px;width:60px}.personal-order-title{font-size:1rem;margin-bottom:.5rem}.personal-order-item-info{flex-direction:column;gap:.25rem}.personal-order-footer{align-items:stretch;border-top:1px solid #eee;flex-direction:column;gap:1rem;padding-top:1rem}.personal-order-summary{align-items:flex-start;order:2}.personal-order-total-section{background-color:#f8f9fa;border-radius:6px;justify-content:space-between;padding:.75rem;width:100%}.personal-order-status{align-self:flex-start;margin-bottom:.75rem;order:1;text-align:center;width:100%}.personal-order-header{align-items:flex-start;flex-direction:column;gap:.25rem}.personal-order-actions{justify-content:stretch;order:3;width:100%}.personal-order-button{flex:1 1;font-size:.95rem;padding:.875rem 1rem;text-align:center}}@media (max-width:1024px) and (min-width:769px){.personal-order-item{padding:1.125rem}.personal-order-footer{gap:1.25rem}.personal-order-button{font-size:.85rem;padding:.625rem 1.25rem}}@media (max-width:480px){.personal-order-item{border-radius:8px;padding:.875rem}.personal-order-image{height:50px;width:50px}.personal-order-title{font-size:.95rem}.personal-order-header{margin-bottom:1rem;padding-bottom:.5rem}}@media (max-width:768px){.personal-section-title{font-size:20px;margin-bottom:15px}}.personal-order-details-container{background:#fff;color:#232;font-family:Montserrat,Arial,sans-serif;margin:0 auto;max-width:900px;padding:40px 32px 32px}.personal-order-details-loading{align-items:center;color:#666;display:flex;flex-direction:column;padding:60px 0}.personal-order-details-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#234b2c;height:40px;margin-bottom:16px;width:40px}.personal-order-details-error{color:#666;padding:60px 20px;text-align:center}.personal-order-details-error .error-message{color:#d32f2f;font-size:1.1rem;margin-bottom:20px}.personal-order-details-error .back-button{background-color:#234b2c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s}.personal-order-details-error .back-button:hover{background-color:#183420}.personal-order-details-header{margin-bottom:16px}.personal-order-details-title{color:#234b2c;font-size:2rem;font-weight:700;margin-bottom:8px}.personal-order-details-id{font-size:1rem;font-weight:600;margin-bottom:4px}.personal-order-details-meta{align-items:center;color:#888;display:flex;font-size:.98rem;gap:12px}.personal-order-details-meta-sep{color:#bdbdbd;font-size:1.2em}.personal-order-details-expected{align-items:center;color:#4caf50;display:flex;font-weight:500;gap:4px}.personal-order-details-expected svg{margin-right:2px}.personal-order-details-progress{align-items:flex-start;display:flex;height:90px;justify-content:space-between;margin:32px 0 24px;position:relative}.personal-order-details-progress-line{background:#e0e0e0;height:3px;left:10%;position:absolute;right:10%;top:38px;z-index:1}.personal-order-details-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;z-index:2}.personal-order-details-step-label{background:#fff;color:#bdbdbd;font-size:1rem;font-weight:700;margin-bottom:8px;padding:0 4px;z-index:2}.personal-order-details-step.active .personal-order-details-step-label{color:#4caf50}.personal-order-details-step-dot{background:#fff;border:3px solid #e0e0e0;border-radius:50%;height:24px;position:relative;width:24px;z-index:2}.personal-order-details-step.active .personal-order-details-step-dot{border:3px solid #4caf50}.personal-order-details-step-date{color:#bdbdbd;font-size:.9rem;margin-top:8px}.personal-order-details-step.active .personal-order-details-step-date{color:#4caf50}.personal-order-details-progress-line{background:linear-gradient(90deg,#4caf50 0,#4caf50 0,#e0e0e0 0,#e0e0e0);background:linear-gradient(to right,#4caf50 0,#4caf50 calc(33.33333%*var(--active-step, 0)),#e0e0e0 calc(33.33333%*var(--active-step, 0)),#e0e0e0 100%)}.personal-order-details-step.first .personal-order-details-step-dot{left:0;transform:translateX(0)}.personal-order-details-step.last .personal-order-details-step-dot{right:0;transform:translateX(0)}.personal-order-details-products{border-bottom:1px solid #d2d2d2;border-top:1px solid #d2d2d2;margin:24px 0 16px}.personal-order-details-product{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:18px 0}.personal-order-details-product:last-child{border-bottom:none}.personal-order-details-product-img{border:1px solid #e0e0e0;border-radius:8px;height:80px;margin-right:18px;object-fit:cover;width:80px}.personal-order-details-product-info{flex:1 1}.personal-order-details-product-name{color:#234b2c;font-size:1.2rem;font-weight:700}.personal-order-details-product-color,.personal-order-details-product-qty{color:#666;font-size:.98rem}.personal-order-details-product-qty{margin-top:2px}.personal-order-details-product-price{color:#234b2c;font-size:1.2rem;font-weight:700;min-width:120px;text-align:right}.personal-order-details-info{display:flex;gap:32px;justify-content:space-between;margin:32px 0 0}.personal-order-details-payment,.personal-order-details-shipping{flex:1 1}.personal-order-details-info-title{color:#234b2c;font-size:1.05rem;font-weight:700;margin-bottom:8px}.personal-order-details-payment-method{align-items:center;color:#232;display:flex;font-size:1rem;gap:8px}.personal-order-details-payment-icon{height:20px;margin-left:4px;object-fit:contain;width:32px}.personal-order-details-shipping-address{color:#232;font-size:1rem;line-height:1.5;margin-top:2px}.personal-order-details-summary{border-top:2px solid #e0e0e0;margin:32px 0 0;max-width:none;padding-top:18px;width:100%}.personal-order-details-summary-title{color:#234b2c;font-size:1.1rem;font-weight:700;margin-bottom:10px}.personal-order-details-summary-row{color:#232;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:8px}.personal-order-details-summary-row.total{border-top:1px dashed #bdbdbd;color:#234b2c;font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:8px}@media (max-width:900px){.personal-order-details-container{padding:24px 8px}.personal-order-details-progress{height:80px;padding-top:24px}.personal-order-details-progress-line{left:5%;right:5%;top:36px}.personal-order-details-step-label{font-size:.95rem;margin-bottom:6px;padding:0 2px;word-break:break-word}.personal-order-details-step-dot{height:20px;width:20px}.personal-order-details-step-date{font-size:.85rem;margin-top:6px}.personal-order-details-info{flex-direction:column;gap:12px}.personal-order-details-summary{margin-left:0;max-width:100%}}@media (max-width:600px){.personal-order-details-container{padding:8px 2px}.personal-order-details-title{font-size:1.3rem}.personal-order-details-progress{height:70px;padding-top:16px}.personal-order-details-progress-line{height:2px;left:12px;right:12px;top:30px}.personal-order-details-step-label{font-size:.85rem;margin-bottom:4px;max-width:70px;padding:0 1px;text-align:center;white-space:normal}.personal-order-details-step-dot{height:16px;width:16px}.personal-order-details-step-date{font-size:.8rem;margin-top:4px}.personal-order-details-step{flex-basis:0;max-width:80px;min-width:0}.personal-order-details-product-img{height:60px;width:60px}.personal-order-details-product-price{font-size:1rem;min-width:80px}}.personal-favorite-list-container{padding:0 0 32px}.personal-favorite-list-title{color:#234b2c;font-size:2rem;font-weight:700;margin-bottom:24px;margin-top:0}.personal-favorite-list-list{gap:28px}.personal-favorite-list-item{border:none;box-shadow:none;padding:12px 0}.personal-favorite-list-image{border:1px solid #e0e0e0;border-radius:12px;margin-right:24px}.personal-favorite-list-info{gap:2px}.personal-favorite-list-name{color:#234b2c;font-size:1.3rem;font-weight:700;margin-bottom:2px}.personal-favorite-list-color,.personal-favorite-list-qty{color:#666;font-size:1rem}.personal-favorite-list-price{color:#234b2c;font-size:1.3rem;font-weight:700;margin-right:24px;min-width:120px;text-align:right}.personal-favorite-list-add-btn{background:#fff;border:1.5px solid #234b2c;color:#234b2c;font-size:1rem;font-weight:600;padding:6px 18px;transition:background .2s,color .2s}.personal-favorite-list-add-btn:hover{background:#234b2c;color:#fff}@media (max-width:900px){.personal-favorite-list-image{height:70px;margin-right:14px;width:70px}.personal-favorite-list-price{font-size:1.1rem;margin-right:10px;min-width:80px}.personal-favorite-list-title{font-size:1.3rem}}@media (max-width:600px){.personal-favorite-list-item{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 0}.personal-favorite-list-image{height:60px;width:60px}.personal-favorite-list-image,.personal-favorite-list-price{margin-bottom:6px;margin-right:0}.personal-favorite-list-add-btn{font-size:.95rem;padding:6px 0;width:100%}}.personal-favorite-list-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{border-top-color:#2c5530;margin-bottom:1rem}.personal-favorite-list-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.error-message{color:#dc3545;font-size:1.1rem;margin-bottom:1rem}.retry-button{background-color:#2c5530;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.retry-button:hover{background-color:#1e3a21}.personal-favorite-list-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.shop-now-button{background-color:#2c5530;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.shop-now-button:hover{background-color:#1e3a21}.personal-favorite-list-container{padding:1rem}.personal-favorite-list-title{color:#2c5530;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.personal-favorite-list-list{display:flex;flex-direction:column;gap:1rem}.personal-favorite-list-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.personal-favorite-list-item:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.personal-favorite-list-remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;line-height:1;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s ease;width:24px;z-index:2}.personal-favorite-list-remove-btn:hover{background:#c82333}.personal-favorite-list-image{border-radius:8px;cursor:pointer;height:100px;object-fit:cover;transition:transform .2s ease;width:100px}.personal-favorite-list-image:hover{transform:scale(1.05)}.personal-favorite-list-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.personal-favorite-list-name{color:#333;cursor:pointer;font-size:1.1rem;font-weight:600;transition:color .2s ease}.personal-favorite-list-name:hover{color:#2c5530}.personal-favorite-list-color{color:#666;font-size:.9rem}.personal-favorite-list-rating{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.25rem}.personal-favorite-list-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.personal-favorite-list-price{color:#2c5530;font-size:1.1rem;font-weight:600}.personal-favorite-list-add-btn{background-color:#2c5530;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;min-width:100px;padding:.5rem 1rem;transition:all .2s ease}.personal-favorite-list-add-btn:hover:not(:disabled){background-color:#1e3a21;transform:translateY(-1px)}.personal-favorite-list-add-btn:disabled{cursor:not-allowed;opacity:.6}.personal-favorite-list-add-btn.loading{background-color:#6c757d}@media (max-width:768px){.personal-favorite-list-item{align-items:flex-start;flex-direction:column;text-align:left}.personal-favorite-list-image{align-self:center;height:80px;width:80px}.personal-favorite-list-info{text-align:center;width:100%}.personal-favorite-list-actions{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.personal-favorite-list-remove-btn{font-size:.8rem;height:20px;right:.25rem;top:.25rem;width:20px}}.personal-address-container{padding:0 0 32px}.personal-address-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.personal-address-title{color:#234b2c;font-size:2rem;font-weight:700;margin:0}.personal-address-add-btn{background-color:#234b2c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background-color .2s}.personal-address-add-btn:hover{background-color:#183420}.personal-address-loading{align-items:center;color:#666;display:flex;flex-direction:column;padding:40px 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#234b2c;height:40px;margin-bottom:16px;width:40px}.personal-address-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;margin-bottom:20px;padding:12px 16px}.error-message{color:#c33;font-size:.9rem;margin:0}.personal-address-list{margin-bottom:30px}.personal-address-list h3{color:#234b2c;font-size:1.2rem;font-weight:600;margin-bottom:16px}.personal-address-item{align-items:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.personal-address-item-content{flex:1 1}.personal-address-item-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.personal-address-item-name{color:#234b2c;font-size:1rem;font-weight:600}.personal-address-default-badge{background-color:#234b2c;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.personal-address-item-details p{color:#666;font-size:.9rem;margin:4px 0}.personal-address-item-actions{display:flex;flex-shrink:0;gap:8px}.personal-address-default-btn,.personal-address-delete-btn,.personal-address-edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.personal-address-edit-btn{background-color:#f0f8ff;border:1px solid #06c;color:#06c}.personal-address-edit-btn:hover{background-color:#06c;color:#fff}.personal-address-default-btn{background-color:#fff8e1;border:1px solid #ff8f00;color:#ff8f00}.personal-address-default-btn:hover{background-color:#ff8f00;color:#fff}.personal-address-delete-btn{background-color:#ffebee;border:1px solid #d32f2f;color:#d32f2f}.personal-address-delete-btn:hover{background-color:#d32f2f;color:#fff}.personal-address-form-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:24px}.personal-address-form-container h3{color:#234b2c;font-size:1.3rem;font-weight:600;margin-bottom:20px;margin-top:0}.personal-address-empty{color:#666;padding:40px 20px;text-align:center}.personal-address-empty p{font-size:1.1rem;margin-bottom:20px}.personal-address-add-first-btn{background-color:#234b2c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s}.personal-address-add-first-btn:hover{background-color:#183420}.personal-address-form{display:flex;flex-direction:column;gap:20px;max-width:600px}.personal-address-field{width:100%}.personal-address-label{color:#234b2c;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.personal-address-input{border:1px solid #ddd;border-radius:4px;color:#333;font-size:1rem;padding:10px 16px;width:100%}.personal-address-input:focus{border-color:#234b2c;outline:none}.personal-address-country-dropdown{position:relative;width:100%}.personal-address-country-selected{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;min-height:42px;padding:10px 16px}.personal-address-country-selected:hover{border-color:#aaa}.personal-address-dropdown-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #666;height:0;margin-left:8px;transition:transform .2s ease;width:0}.personal-address-dropdown-arrow.open{transform:rotate(180deg);z-index:10004}.personal-address-dropdown-content{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px #00000026;contain:layout style paint;display:flex;flex-direction:column;left:0;margin-top:2px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;transform:translateZ(0);will-change:auto;z-index:10000}.personal-address-search-container{border-bottom:1px solid #eee;padding:10px}.personal-address-search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:8px 12px;width:100%}.personal-address-countries-list{max-height:240px;overflow-y:auto}.personal-address-country-item{cursor:pointer;padding:10px 16px;transition:background-color .2s}.personal-address-country-item:hover{background-color:#f5f5f5}.personal-address-no-results{color:#666;font-style:italic;padding:16px;text-align:center}.personal-address-save-btn{align-self:flex-start;background-color:#234b2c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px 24px;transition:background-color .2s}.personal-address-save-btn:hover{background-color:#183420}.personal-address-save-btn.loading{cursor:not-allowed;opacity:.7}.personal-address-form-actions{display:flex;gap:12px;margin-top:20px}.personal-address-cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.personal-address-cancel-btn:hover{background-color:#e0e0e0;color:#333}.personal-address-placeholder{color:#999}@media (max-width:768px){.personal-address-header{align-items:flex-start;flex-direction:column;gap:16px}.personal-address-title{font-size:1.5rem}.personal-address-add-btn{width:100%}.personal-address-form{gap:15px}.personal-address-save-btn{align-self:stretch;width:100%}.personal-address-item{flex-direction:column;gap:16px}.personal-address-item-actions{justify-content:space-between;width:100%}.personal-address-form-actions{flex-direction:column}.personal-address-cancel-btn,.personal-address-save-btn{width:100%}}@media (max-width:480px){.personal-address-title{font-size:1.3rem}.personal-address-label{font-size:.9rem}.personal-address-country-selected,.personal-address-input{font-size:.9rem;padding:8px 12px}.personal-address-item-actions{flex-direction:column;gap:8px}.personal-address-default-btn,.personal-address-delete-btn,.personal-address-edit-btn{text-align:center;width:100%}}.personal-address-country-fixed{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#666;padding:12px 16px}.personal-address-country-name{color:#234b2c;font-weight:500}.personal-address-dropdown{position:relative;width:100%}.personal-address-dropdown-selected{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;min-height:20px;padding:12px 16px;position:relative;transition:border-color .2s;z-index:2}.personal-address-dropdown-selected:hover:not(.disabled){border-color:#234b2c}.personal-address-dropdown-selected.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;position:relative;z-index:1}.personal-address-dropdown-list{max-height:200px;overflow-y:auto}.personal-address-dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background-color .2s}.personal-address-dropdown-item:last-child{border-bottom:none}.personal-address-dropdown-item:hover{background-color:#f5f5f5}.personal-address-field:nth-of-type(2) .personal-address-dropdown-content{z-index:10003}.personal-address-field:nth-of-type(3) .personal-address-dropdown-content{z-index:10002}.personal-address-field:nth-of-type(4) .personal-address-dropdown-content{z-index:10001}.personal-address-dropdown.active{z-index:10005}.personal-address-dropdown-content{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}.personal-address-form .personal-address-dropdown *{backface-visibility:visible!important;-webkit-backface-visibility:visible!important}.personal-change-password-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:30px;width:100%}.personal-change-password-title{border-bottom:1px solid #eaeaea;color:#134d35;font-size:24px;margin-bottom:24px;padding-bottom:15px}.personal-change-password-form{display:flex;flex-direction:column;gap:20px}.personal-change-password-field{width:100%}.personal-change-password-input{border-radius:4px;font-size:16px;height:45px;padding:8px 12px}.personal-change-password-save-btn{align-self:flex-end;background-color:#134d35;border-radius:4px;font-size:16px;margin-top:10px;padding:12px 24px;transition:background-color .3s ease}.personal-change-password-save-btn:hover{background-color:#0d3a27}@media (max-width:768px){.personal-change-password-container{padding:20px}.personal-change-password-title{font-size:22px}.personal-change-password-save-btn{align-self:center;width:100%}}.personal-change-password-container .input-field-container{width:100%}.personal-change-password-container .input-label{color:#134d35;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.personal-change-password-container .password-toggle-btn{background:none;border:none;color:#134d35;cursor:pointer;font-size:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.personal-change-password-success{animation:slideIn .3s ease-out;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:1rem;padding:1rem}.personal-change-password-error{animation:slideIn .3s ease-out;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:1rem;padding:1rem}.error-message,.success-message{font-weight:500;margin:0}.password-requirements{background-color:#f8f9fa;border-left:4px solid #2c5530;border-radius:6px;margin-top:.5rem;padding:.75rem}.password-requirements p{color:#333;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.password-requirements ul{list-style:none;margin:0;padding-left:1.25rem}.password-requirements li{color:#666;font-size:.85rem;margin-bottom:.25rem;position:relative;transition:color .2s ease}.password-requirements li:before{color:#dc3545;content:"✗";font-weight:700;left:-1.25rem;position:absolute;transition:color .2s ease}.password-requirements li.valid{color:#155724}.password-requirements li.valid:before{color:#28a745;content:"✓"}.personal-change-password-save-btn{background-color:#2c5530;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.personal-change-password-save-btn:hover:not(:disabled){background-color:#1e3a21;box-shadow:0 4px 8px #2c55304d;transform:translateY(-1px)}.personal-change-password-save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.personal-change-password-save-btn.loading{background-color:#6c757d;position:relative}.personal-change-password-save-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;bottom:0;content:"";height:16px;left:0;margin:auto;position:absolute;right:0;top:0;width:16px}.personal-change-password-container{margin:0 auto;max-width:500px;padding:1rem}.personal-change-password-title{color:#2c5530;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.personal-change-password-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.personal-change-password-field{margin-bottom:1.5rem}.personal-change-password-input{width:100%}@media (max-width:768px){.personal-change-password-container{padding:.5rem}.personal-change-password-form{padding:1.5rem}.password-requirements{padding:.5rem}.password-requirements ul{padding-left:1rem}}.personal-information-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:30px;width:100%}.personal-information-title{border-bottom:1px solid #eaeaea;color:#134d35;font-size:24px;font-weight:600;margin-bottom:24px;padding-bottom:15px}.personal-information-avatar-section{margin:0 auto 30px;max-width:500px}.personal-information-avatar-label{color:#134d35;display:block;font-size:16px;font-weight:500;margin-bottom:12px}.personal-information-avatar-container{align-items:center;display:flex;gap:20px}.personal-information-avatar{align-items:center;background-color:#e8f5f0;border-radius:50%;cursor:pointer;display:flex;height:90px;justify-content:center;overflow:hidden;transition:background-color .3s ease;width:90px}.personal-information-avatar:hover{background-color:#d3eae0}.personal-information-avatar-icon{color:#134d35;font-size:30px}.personal-information-avatar-image{height:100%;object-fit:cover;width:100%}.personal-information-avatar-uploading{align-items:center;color:#134d35;display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center}.personal-information-avatar-uploading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#134d35;height:24px;width:24px}.personal-information-avatar-upload{display:flex;flex-direction:column;gap:8px}.personal-information-upload-btn{align-items:center;background-color:#f5f5f5;border:1px dashed #ccc;border-radius:4px;color:#134d35;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.personal-information-upload-btn:hover{background-color:#e8f5f0;border-color:#134d35}.personal-information-upload-btn.loading,.personal-information-upload-btn:disabled{cursor:not-allowed;opacity:.7}.personal-information-upload-icon{font-size:16px}.personal-information-file-input{display:none}.personal-information-upload-hint{color:#777;font-size:12px}.personal-information-form{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px}.personal-information-field{width:100%}.personal-information-input{border-radius:4px;font-size:16px;height:45px;padding:8px 12px;width:100%}.personal-information-save-btn{align-self:flex-end;background-color:#134d35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px 24px;transition:background-color .3s ease}.personal-information-save-btn:hover{background-color:#0d3a27}.personal-information-save-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.personal-information-save-btn.loading{color:#0000;position:relative}.personal-information-save-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.personal-information-edit-btn{align-items:center;align-self:flex-end;background-color:#f8f9fa;border:2px solid #134d35;border-radius:4px;color:#134d35;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;margin-top:10px;padding:12px 24px;transition:all .3s ease}.personal-information-edit-btn:hover{background-color:#134d35;box-shadow:0 2px 8px #134d3533;color:#fff;transform:translateY(-1px)}.personal-information-edit-btn:active{box-shadow:0 1px 4px #134d3533;transform:translateY(0)}.personal-information-button-container{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.personal-information-cancel-btn{background-color:initial;border:2px solid #6c757d;border-radius:4px;color:#6c757d;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.personal-information-cancel-btn:hover{background-color:#6c757d;color:#fff}.personal-information-container .input-field-container{width:100%}.personal-information-container .input-label{color:#134d35;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.personal-information-input.readonly{background-color:#f5f5f5!important;color:#666!important;cursor:not-allowed!important}.personal-information-readonly-note{color:#888;display:block;font-size:12px;font-style:italic;margin-top:4px}.personal-information-reward-points{margin-bottom:20px}.personal-information-label{color:#134d35;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.personal-information-points-display{align-items:baseline;background-color:#e8f5f0;border:1px solid #d3eae0;border-radius:6px;display:flex;gap:8px;margin-bottom:4px;padding:12px 16px}.points-value{color:#134d35;font-size:24px;font-weight:700}.points-unit{color:#666;font-size:14px;font-weight:500}@media (max-width:768px){.personal-information-container{padding:20px}.personal-information-title{font-size:22px}.personal-information-avatar-container{align-items:center;flex-direction:column}.personal-information-avatar-upload{align-items:center;text-align:center}.personal-information-save-btn{align-self:center;width:100%}.personal-information-points-display{justify-content:center}}.personal-page-container{display:flex;flex-direction:column;min-height:100vh;padding-top:90px}.personal-page-wrapper{background-color:#fcfcfc;flex:1 1;padding:30px 0}.personal-page-container .header{left:0;position:fixed;right:0;top:0;z-index:1000}.personal-order-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:20px 0}.personal-order-image{border-radius:4px;height:80px;margin-right:15px;object-fit:cover;width:80px}.personal-order-details{flex:1 1}.personal-order-title{font-size:16px;font-weight:500;margin-bottom:5px}.personal-order-color,.personal-order-quantity{color:#666;font-size:14px;margin-bottom:3px}.personal-order-price{color:#05502d;font-size:16px;font-weight:600}.personal-order-status{border-radius:4px;font-size:14px;margin-left:10px;padding:5px 10px}.personal-order-status.pending{background-color:#fff8e1;color:#f57c00}.personal-order-status.delivered{background-color:#e8f5e9;color:#2e7d32}.personal-order-buttons{display:flex;gap:10px;margin-left:20px}.personal-order-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.personal-order-button:hover{background-color:#f0f0f0}.personal-order-button.detail{border-color:#05502d;color:#05502d}.personal-order-button.detail:hover{background-color:#e0f0e7}@media (max-width:768px){.personal-page-container{padding-top:80px}.personal-page-wrapper{padding:20px 0}.personal-order-item{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.personal-page-container{padding-top:70px}}.personal-order-image{margin-bottom:10px}.personal-order-buttons{margin-left:0;margin-top:10px}.gw-admin-sidebar{background-color:#f0f7f1;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:20px 0;position:fixed;top:0;width:250px}.gw-admin-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px}.gw-admin-sidebar-logo{height:auto;margin-right:0;width:80px}.gw-admin-sidebar-title{color:#1e4d2b;font-size:20px;font-weight:700;letter-spacing:1px;margin-left:auto;text-transform:uppercase}.gw-admin-sidebar-menu{display:flex;flex-direction:column;margin-top:10px}.gw-admin-menu-item{align-items:center;color:#555;display:flex;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.gw-admin-menu-item:hover{background-color:#1e4d2b0d;color:#1e4d2b}.gw-admin-menu-item.active{background-color:#e2f0e6;color:#1e4d2b;font-weight:600}.gw-admin-menu-item.active:before{background-color:#1e4d2b;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.gw-admin-menu-icon-wrapper{align-items:center;display:flex;height:24px;justify-content:center;margin-right:12px;min-width:24px;width:24px}.gw-admin-menu-icon{filter:invert(30%);height:100%;object-fit:contain;opacity:.8;width:100%}.gw-admin-menu-item.active .gw-admin-menu-icon,.gw-admin-menu-item:hover .gw-admin-menu-icon{filter:invert(14%) sepia(32%) saturate(1364%) hue-rotate(110deg) brightness(93%) contrast(83%);opacity:1}.gw-admin-menu-text{font-size:15px}.gw-sidebar-divider{background-color:#e0e0e0;height:1px;margin:10px 20px}.gw-admin-menu-footer{border-top:1px solid #e0e0e0;margin-top:auto;padding:20px}.gw-admin-exit-item{align-items:center;color:#1e4d2b;display:flex;font-size:14px;opacity:.8;text-decoration:none;transition:all .3s ease}.gw-admin-exit-icon{filter:invert(14%) sepia(32%) saturate(1364%) hue-rotate(110deg) brightness(93%) contrast(83%);height:20px;margin-right:8px;opacity:.8;width:20px}.gw-admin-exit-item:hover .gw-admin-exit-icon{opacity:1}@media (max-width:768px){.gw-admin-sidebar{overflow:visible;width:60px}.gw-admin-menu-text,.gw-admin-sidebar-title{display:none}.gw-admin-menu-item{justify-content:center;padding:15px 0}.gw-admin-menu-icon{margin-right:0}.gw-sidebar-divider{margin:10px 5px}.gw-admin-add-item{justify-content:center}}.admin-layout{background-color:#f5f5f5;display:flex;min-height:100vh;width:100%}.admin-content{flex:1 1;margin-left:250px;padding:20px;transition:margin-left .3s ease}@media (max-width:768px){.admin-content{margin-left:60px}}.gw-admin-breadcrumb{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px 24px}.gw-admin-breadcrumb-item{color:#a3aed0;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease;white-space:nowrap}.gw-admin-breadcrumb-item:hover{color:#2b3674}.gw-admin-breadcrumb-item.active{color:#2b3674;font-weight:600}.gw-admin-breadcrumb-separator{color:#a3aed0;font-size:12px}@media (max-width:768px){.gw-admin-breadcrumb{font-size:12px;padding:10px 16px}}.gw-admin-dashboard{padding:20px}.gw-dashboard-welcome{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.gw-welcome-text h1{color:#2b3674;font-size:24px;margin:0}.gw-welcome-text p{color:#a3aed0;margin:5px 0 0}.gw-current-time{background:#f4f7fe;border-radius:10px;color:#2b3674;font-size:14px;padding:10px 20px}.gw-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.gw-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.gw-section-header h2{color:#2b3674;font-size:18px;margin:0}.gw-dashboard-notifications{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;padding:20px}.gw-notifications-list{display:flex;flex-direction:column;gap:15px}.gw-notification-item{background:#f4f7fe;border-radius:10px;padding:15px}.gw-notification-item.security{border-left:4px solid #ff6b72}.gw-notification-item.system{border-left:4px solid #4318ff}.gw-notification-item.activity{border-left:4px solid #00b074}.gw-notification-content p{color:#2b3674;margin:0 0 5px}.gw-notification-content span{color:#a3aed0;font-size:12px}.gw-dashboard-quick-actions{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;padding:20px}.gw-quick-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gw-quick-action-card{align-items:center;background:#f4f7fe;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:transform .3s ease}.gw-quick-action-card:hover{transform:translateY(-2px)}.gw-quick-action-icon{align-items:center;background:#4318ff;border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.gw-quick-action-text h3{color:#2b3674;font-size:14px;margin:0}.gw-quick-action-text p{color:#a3aed0;font-size:12px;margin:5px 0 0}@media (max-width:1200px){.gw-dashboard-grid{gap:20px;grid-template-columns:1fr}.gw-quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.gw-admin-dashboard{padding:10px}.gw-dashboard-welcome{align-items:flex-start;flex-direction:column;gap:15px}.gw-welcome-text h1{font-size:20px}.gw-current-time{text-align:center;width:100%}.gw-quick-action-card{padding:12px}.gw-quick-action-icon{height:32px;width:32px}.gw-quick-action-text h3{font-size:13px}.gw-quick-action-text p{font-size:11px}.gw-notification-item{padding:12px}.gw-section-header h2{font-size:16px}}@media (max-width:480px){.gw-quick-actions-grid{grid-template-columns:1fr}.gw-notification-content p{font-size:13px}.gw-notification-content span{font-size:11px}}.gw-admin-statistic-container{display:flex;flex-direction:column;gap:20px;padding:20px}.gw-admin-statistic-top-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.gw-admin-statistic-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.gw-admin-statistic-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.gw-admin-statistic-bottom-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.gw-admin-statistic-card{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;padding:20px}.gw-admin-statistic-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.gw-admin-statistic-card-header h3{color:#2b3674;font-size:16px;font-weight:600;margin:0}.gw-admin-statistic-period{color:#a3aed0;font-size:12px;text-transform:uppercase}.gw-admin-statistic-value{color:#2b3674;font-size:34px;font-weight:700;margin:10px 0}.gw-admin-statistic-chart{margin-top:20px}.gw-admin-statistic-chart .recharts-responsive-container{min-height:100px}.gw-admin-progress-container{margin-top:20px}.gw-admin-progress-bar{background-color:#e9edf7;border-radius:4px;height:8px;overflow:hidden;width:100%}.gw-admin-progress-fill{background-color:#4318ff;border-radius:4px;height:100%;transition:width .3s ease}.gw-admin-progress-text{color:#a3aed0;display:block;font-size:14px;margin-top:8px}.gw-admin-bestsellers{height:100%}.gw-admin-bestsellers-content{display:flex;flex-direction:column;height:calc(100% - 40px)}.gw-admin-bestsellers-value-container{align-items:center;display:flex;gap:8px;margin:10px 0 20px}.gw-admin-bestsellers-value{color:#2b3674;font-size:34px;font-weight:700;margin:0}.gw-admin-bestsellers-subtitle{color:#a3aed0;font-size:14px}.gw-admin-bestsellers-list{margin-bottom:20px}.gw-admin-bestsellers-item{background-color:#d8e2f8;border-radius:10px;color:#2b3674;font-size:14px;margin-bottom:8px;padding:8px 12px}.gw-admin-bestsellers-item:last-child{margin-bottom:0}.gw-admin-bestsellers-chart{align-items:center;display:flex;flex-grow:1;justify-content:center}.gw-admin-bestsellers-chart .recharts-responsive-container{min-height:150px}.gw-admin-orders-table{border-collapse:collapse;margin-top:20px;width:100%}.gw-admin-orders-table th{color:#a3aed0;font-weight:500;text-align:left}.gw-admin-orders-table td,.gw-admin-orders-table th{border-bottom:1px solid #e9edf7;font-size:14px;padding:12px}.gw-admin-orders-table td{color:#2b3674}.gw-admin-order-status{border-radius:8px;display:inline-block;font-size:12px;font-weight:500;min-width:100px;padding:6px 12px;text-align:center}.gw-admin-order-status.processing{background-color:#faf8c3;color:#fac355}.gw-admin-order-status.cancelled{background-color:#ffd9d9;color:#ff6b72}.gw-admin-order-status.delivered{background-color:#e8fdf5;color:#00b074}.gw-admin-visitor-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:3fr 2fr;margin-bottom:20px}.gw-admin-visitor-metrics{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.gw-admin-visitor-metric-item{background-color:#f5f7ff;border-radius:10px;display:flex;flex:1 1;flex-direction:column;min-width:120px;padding:10px 15px}.gw-admin-visitor-metric-label{color:#a3aed0;font-size:13px;margin-bottom:5px}.gw-admin-visitor-metric-value{color:#2b3674;font-size:18px;font-weight:600}.gw-admin-visitor-chart{height:250px;margin-top:20px}.gw-admin-visitor-table{border-collapse:collapse;margin-top:15px;width:100%}.gw-admin-visitor-table td,.gw-admin-visitor-table th{border-bottom:1px solid #e9edf7;padding:10px 12px;text-align:left}.gw-admin-visitor-table th{color:#a3aed0;font-size:14px;font-weight:500}.gw-admin-visitor-table td{color:#2b3674;font-size:14px}.gw-admin-loading{align-items:center;color:#a3aed0;display:flex;height:150px;justify-content:center}.gw-admin-period-selector{display:flex;gap:8px}.gw-admin-period-btn{background-color:#f1f3fa;border:none;border-radius:5px;color:#a3aed0;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s ease}.gw-admin-period-btn.active{background-color:#4318ff;color:#fff}.gw-admin-period-btn:hover:not(.active){background-color:#e0e4f0}.gw-admin-visitor-chart-card{flex:3 1}.gw-admin-no-data{color:#a3aed0;padding:20px 0;text-align:center}.gw-admin-no-data-container{align-items:center;color:#a3aed0;display:flex;height:200px;justify-content:center;text-align:center}.gw-admin-visitor-pie-container{align-items:center;display:flex;flex-direction:column;padding:10px}.gw-admin-visitor-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.gw-admin-visitor-legend-item{align-items:center;display:flex;font-size:12px}.gw-admin-visitor-legend-color{border-radius:50%;height:12px;margin-right:5px;width:12px}.gw-admin-visitor-legend-text{color:#2b3674}@media (max-width:1200px){.gw-admin-statistic-row{grid-template-columns:1fr 1fr}.gw-admin-statistic-bottom-row,.gw-admin-visitor-row{grid-template-columns:1fr}}@media (max-width:768px){.gw-admin-statistic-container{padding:10px}.gw-admin-statistic-row{grid-template-columns:1fr}.gw-admin-statistic-card{padding:15px}.gw-admin-bestsellers-value,.gw-admin-statistic-value{font-size:28px}.gw-admin-orders-table{display:block;overflow-x:auto;white-space:nowrap}.gw-admin-orders-table td,.gw-admin-orders-table th{font-size:13px;padding:8px}.gw-admin-order-status{font-size:11px;min-width:80px;padding:4px 8px}.gw-admin-period-selector{margin-top:10px}.gw-admin-visitor-metrics{flex-direction:column}.gw-admin-visitor-metric-item{width:100%}}@media (max-width:480px){.gw-admin-statistic-card-header{gap:5px}.gw-admin-bestsellers-value-container,.gw-admin-statistic-card-header{align-items:flex-start;flex-direction:column}.gw-admin-bestsellers-chart{height:150px}}.admin-product-list-container{padding:20px}.admin-product-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-product-list-header h1{color:#12513d;font-size:32px;margin:0}.admin-product-list-add-button{background-color:#12513d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.admin-product-list-add-button:hover{background-color:#0d3c2d}.admin-product-list-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.admin-product-list-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;overflow:hidden}.admin-product-list-table{border-collapse:collapse;width:100%}.admin-product-list-table th{background-color:#f8f9fa;border-bottom:1px solid #e9edf7;color:#12513d;font-weight:500;padding:12px 16px;text-align:left}.admin-product-list-table td{border-bottom:1px solid #e9edf7;color:#2b3674;padding:12px 16px}.admin-product-list-name-cell{align-items:center;display:flex;gap:12px}.admin-product-list-product-image-container{align-items:center;background-color:#c9d8cd;border-radius:8px;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.admin-product-list-product-image{height:100%;object-fit:cover;width:100%}.admin-product-list-sort-icon{color:#12513d;cursor:pointer;margin-left:4px}.admin-product-list-actions{display:flex;gap:8px}.admin-product-list-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#234b2c;cursor:pointer;display:flex;font-size:1.2rem;height:34px;justify-content:center;transition:all .2s ease;width:34px}.admin-product-list-icon-btn:hover{box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.admin-product-list-icon-btn.edit{background-color:#e8f5ff;color:#0073e6}.admin-product-list-icon-btn.edit:hover{background-color:#0073e6;color:#fff}.admin-product-list-icon-btn.delete{background-color:#ffd9d9;color:#ff6b72}.admin-product-list-icon-btn.delete:hover{background-color:#ff6b72;color:#fff}@media (max-width:1200px){.admin-product-list-controls{align-items:stretch;flex-direction:column}.admin-product-list-search{flex:none}}@media (max-width:768px){.admin-product-list-table-container{overflow-x:auto}.admin-product-list-actions{flex-direction:column}}@media (max-width:480px){.admin-product-list-header{align-items:stretch;flex-direction:column;gap:12px}.admin-product-list-add-button{width:100%}}.gw-searchbar-container{align-items:center;background:#f6f6f6;border:1px solid #d6e7db;border-radius:8px;display:flex;max-width:320px;min-height:40px;padding:6px 16px;transition:border .2s;width:100%}.gw-searchbar-icon{color:#234b2c;flex-shrink:0;font-size:1.1rem;margin-right:8px}.gw-searchbar-input{background:#0000;border:none;color:#234b2c;font-size:.95rem;height:28px;min-width:0;outline:none;width:100%}@media (max-width:600px){.gw-searchbar-container{max-width:100%;padding:4px 10px}.gw-searchbar-input{font-size:.9rem}}.filter-bar{display:flex;flex-wrap:wrap;gap:12px}.filter-bar-select{background-color:#fff;border:1px solid #e9edf7;border-radius:8px;color:#12513d;min-width:120px;padding:8px 12px}@media (max-width:900px){.filter-bar{gap:8px}.filter-bar-select{font-size:.97rem;min-width:100px;padding:7px 8px}}@media (max-width:600px){.filter-bar{flex-direction:column;gap:8px;width:100%}.filter-bar-select{font-size:.95rem;min-width:0;padding:7px 6px;width:100%}}.gw-sortable-header{color:inherit;font-size:inherit;font-weight:inherit;transition:color .2s}.gw-sortable-header:hover{color:#00b074}.gw-sortable-header-icon{align-items:center;display:flex;font-size:1em}.pagination-container{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:24px}.pagination-btn{background:#f4f8f4;border:none;border-radius:6px;color:#1a3c1a;cursor:pointer;font-size:16px;margin:0 2px;padding:6px 14px;transition:background .2s,color .2s}.pagination-btn.active,.pagination-btn:hover:not(:disabled){background:#1a3c1a;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{align-items:center;color:#4b5c4b;cursor:default;display:flex;padding:0 6px;-webkit-user-select:none;user-select:none}.admin-product-details-container{padding:20px}.admin-product-details-title{color:#2b3674;font-size:24px;margin-bottom:24px}.admin-product-details-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.admin-product-details-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:24px}.admin-product-details-field{margin-bottom:20px}.admin-product-details-field label{color:#2b3674;display:block;font-weight:500;margin-bottom:8px}.admin-product-details-field input,.admin-product-details-field textarea{border:1px solid #e9edf7;border-radius:8px;color:#2b3674;font-size:14px;padding:10px 12px;width:100%}.admin-product-details-field textarea{min-height:100px;resize:vertical}.admin-product-details-field input:disabled{background-color:#f4f7fe;cursor:not-allowed;opacity:.7}.admin-product-details-select{background-color:#fff;border:1px solid #e9edf7;border-radius:8px;color:#2b3674;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.admin-product-details-select:hover{border-color:#a3aed0}.admin-product-details-select:focus{border-color:#2b3674;outline:none}.admin-product-details-select.placeholder{color:#757575}.admin-product-details-select.placeholder option{color:#2b3674}.admin-product-details-upload-button{background-color:#f4f7fe;border:1px dashed #a3aed0;border-radius:8px;color:#2b3674;cursor:pointer;display:block;padding:10px 16px;transition:all .3s ease;width:100%}.admin-product-details-upload-content{align-items:center;display:flex;gap:8px;justify-content:flex-start}.admin-product-details-upload-icon{font-size:20px}.admin-product-details-upload-button:hover{background-color:#e9edf7}.admin-product-details-image-preview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:16px}.admin-product-details-image-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.admin-product-details-image-item img{height:100%;object-fit:cover;width:100%}.admin-product-details-image-remove{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#ff6b72;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.admin-product-details-colors{display:flex;gap:12px;margin-top:8px}.admin-product-details-color-button{border:2px solid #0000;border-radius:50%;cursor:pointer;height:32px;transition:all .3s ease;width:32px}.admin-product-details-color-button.selected{border-color:#2b3674}.admin-product-details-sizes{display:flex;gap:8px;margin-top:8px}.admin-product-details-size-button{background:#fff;border:1px solid #e9edf7;border-radius:6px;color:#2b3674;cursor:pointer;padding:8px 16px;transition:all .3s ease}.admin-product-details-size-button.selected{background-color:#2b3674;border-color:#2b3674;color:#fff}.admin-product-details-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.admin-product-details-cancel{background-color:#ffc6c6;border:1px solid #ffb0b0;border-radius:8px;color:#ff5757;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease;width:160px}.admin-product-details-cancel:hover{background-color:#efa0a0;border-color:#fb6464}.admin-product-details-submit{background-color:#12513d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:0;padding:12px 24px;transition:background-color .3s ease;width:160px}.admin-product-details-submit:hover{background-color:#0d3c2d}.admin-product-details-error{color:#ff6b72;font-size:12px;margin-top:4px}@media (max-width:1024px){.admin-product-details-grid{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.admin-product-details-container,.admin-product-details-form{padding:16px}.admin-product-details-sizes{flex-wrap:wrap}.admin-product-details-size-button{padding:6px 12px}.admin-product-details-actions{flex-direction:column}.admin-product-details-cancel,.admin-product-details-submit{width:100%}}@media (max-width:480px){.admin-product-details-title{font-size:20px}.admin-product-details-image-preview{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.admin-order-list-container{min-height:100vh;padding:20px}.admin-order-list-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;margin:24px 0 0;min-height:600px;min-width:900px;padding:32px 32px 24px}.admin-order-list-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.admin-order-list-title{color:#1a3c1a;font-size:36px;font-weight:700;margin:0}.admin-order-list-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.admin-order-list-search-box{align-items:center;display:flex;height:40px;min-width:220px;width:320px}.admin-order-list-table-wrapper{overflow-x:auto}.admin-order-list-table{background:#fff;border-collapse:initial;border-spacing:0;font-size:16px;width:100%}.admin-order-list-table td,.admin-order-list-table th{border-bottom:1.5px solid #e3f0e7;padding:16px 8px;text-align:left;vertical-align:middle}.admin-order-list-table th{background:#fff;color:#1a3c1a;font-size:17px;font-weight:700}.admin-order-list-table tr:last-child td{border-bottom:none}.admin-order-list-table td:last-child,.admin-order-list-table th:last-child{text-align:center}.admin-order-list-product-img{background:#f4f8f4;border-radius:8px;height:48px;object-fit:cover;width:48px}.admin-order-list-product-name{color:#1a3c1a;font-weight:600}.admin-order-list-order-code{color:#4b5c4b;font-weight:500;letter-spacing:1px}.admin-order-list-total{color:#1a3c1a;font-weight:600}.admin-order-list-status{font-size:15px;font-weight:700}.admin-order-list-status-processing{color:#1a7c4b}.admin-order-list-status-delivered{color:#2eae4b}.admin-order-list-detail-btn-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.admin-order-list-detail-btn{background:#e3f0e7;border:none;border-radius:6px;color:#1a3c1a;cursor:pointer;font-size:15px;font-weight:500;padding:6px 18px;transition:background .2s,color .2s}.admin-order-list-detail-btn:hover{background:#1a3c1a;color:#fff}.order-action-buttons{display:flex;gap:8px;height:100%;min-width:120px}.action-btn,.order-action-buttons{align-items:center;justify-content:center}.action-btn{border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:32px;line-height:1;min-width:70px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.action-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.view-btn{background:#e3f0e7;border:1px solid #d0e4d3;color:#1a3c1a}.view-btn:hover{background:#1a3c1a;border-color:#1a3c1a;color:#fff}.confirm-btn{background:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.confirm-btn:hover:not(:disabled){background:#2e7d32;border-color:#2e7d32;color:#fff}.confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.confirm-btn.confirming{background:#2e7d32;border-color:#2e7d32;color:#fff}.order-items-list{display:flex;flex-direction:column;gap:8px;min-width:200px}.order-item-row{border-bottom:1px solid #f0f4f0;padding:6px 0}.order-item-row:last-child{border-bottom:none}.order-item-name{color:#1a3c1a;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.order-item-details{color:#4b5c4b;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.order-item-quantity{background:#e8f5e8;border-radius:4px;color:#1a3c1a;font-weight:500;padding:2px 6px}.order-item-color{background:#f0f4f8}.order-item-color,.order-item-size{border-radius:4px;color:#4b5c4b;padding:2px 6px}.order-item-size{background:#f8f0f4}.order-item-price{background:#f4f8f4;border-radius:4px;color:#1a3c1a;font-weight:600;padding:2px 6px}.spinning{animation:spin 1s linear infinite}.admin-order-list-status-paid{color:#2196f3}.admin-order-list-status-confirmed{color:#9c27b0}.admin-order-list-status-expired{color:#757575}@media (max-width:1024px){.admin-order-list-content{min-width:0;padding:24px 8px 16px}.admin-order-list-title{font-size:28px}.admin-order-list-table td,.admin-order-list-table th{font-size:15px;padding:12px 4px}.action-btn{font-size:12px;height:30px;min-width:65px;padding:5px 10px}.order-action-buttons{gap:6px;min-width:110px}.order-items-list{min-width:180px}.order-item-name{font-size:13px}.order-item-details{font-size:11px;gap:6px}}@media (max-width:768px){.admin-order-list-container{padding:8px}.admin-order-list-content{border-radius:8px;margin:12px 0 0;min-width:0;padding:12px 2px 8px}.admin-order-list-header-row{align-items:flex-start;flex-direction:column;gap:12px}.admin-order-list-title{font-size:22px}.admin-order-list-search{margin-top:4px;width:100%}.admin-order-list-table-wrapper{overflow-x:auto}.admin-order-list-table{font-size:14px;min-width:600px}.admin-order-list-table td,.admin-order-list-table th{font-size:14px;padding:10px 4px}.order-action-buttons{gap:4px;min-width:100px}.action-btn{font-size:11px;height:28px;min-width:60px;padding:4px 8px}.order-items-list{gap:6px;min-width:160px}.order-item-row{padding:4px 0}.order-item-name{font-size:12px;margin-bottom:3px}.order-item-details{font-size:10px;gap:4px}.order-item-color,.order-item-price,.order-item-quantity,.order-item-size{font-size:10px;padding:1px 4px}}@media (max-width:600px){.admin-order-list-controls{align-items:stretch;flex-direction:column;gap:10px}.admin-order-list-search-box{min-width:0;width:100%}.filter-bar{width:100%}}@media (max-width:480px){.admin-order-list-container{padding:2px}.admin-order-list-content{border-radius:4px;padding:6px 0 4px}.admin-order-list-title{font-size:16px}.admin-order-list-table{min-width:480px}.admin-order-list-table td,.admin-order-list-table th{font-size:12px;padding:6px 1px}.admin-order-list-detail-btn{font-size:11px;padding:2px 6px}.action-btn{font-size:10px;height:26px;min-width:50px;padding:3px 6px}.order-action-buttons{gap:3px;min-width:90px}}.admin-customer-design-form-overlay{align-items:center;background:#2c3e5059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.admin-customer-design-form-modal{animation:admin-customer-design-form-fadein .2s;background:#f6fbf7;border-radius:16px;box-shadow:0 8px 32px #0000002e;max-width:700px;min-width:340px;padding:32px 32px 24px;position:relative;width:90vw}@keyframes admin-customer-design-form-fadein{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.admin-customer-design-form-close{background:none;border:none;color:#1a3c1a;cursor:pointer;font-size:32px;line-height:1;position:absolute;right:24px;top:18px;z-index:1}.admin-customer-design-form-title{color:#1a3c1a;font-size:2rem;font-weight:700;margin-bottom:24px}.admin-customer-design-form-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:12px}.admin-customer-design-form-product-img{background:#e3f0e7;border-radius:12px;flex-shrink:0;height:90px;object-fit:cover;width:110px}.admin-customer-design-form-product-info{flex:1 1;margin-left:16px}.admin-customer-design-form-product-name{color:#1a3c1a;font-size:1.2rem;font-weight:700;margin-bottom:4px}.admin-customer-design-form-product-detail{color:#4b5c4b;font-size:1rem;margin-bottom:2px}.admin-customer-design-form-product-price{align-self:flex-end;color:#1a3c1a;font-size:1.3rem;font-weight:600;min-width:120px;text-align:right}.admin-customer-design-form-divider{border:none;border-top:2px solid #d2e3d2;margin:18px 0}.admin-customer-design-form-content{display:flex;gap:24px;justify-content:space-between;margin-top:12px}.admin-customer-design-form-section{align-items:center;display:flex;flex:1 1;flex-direction:column}.admin-customer-design-form-section-title{color:#1a3c1a;font-size:1.3rem;font-weight:700;margin-bottom:12px;text-align:center}.admin-customer-design-form-section-img{background:#fff;border-radius:8px;height:90px;object-fit:contain;width:90px}.admin-customer-design-form-section-text{color:#222;font-family:Arial Black,Arial,sans-serif;font-size:2.2rem;font-weight:700;margin-top:18px;text-align:center}.admin-customer-design-form-address{background:#fff;border:1px solid #e3f0e7;border-radius:8px;margin:16px 0;padding:12px}.admin-customer-design-form-address-text{color:#4b5c4b;font-size:1rem;line-height:1.4;margin-top:8px}.admin-customer-design-form-items{margin:16px 0}.admin-customer-design-form-items-list{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto}.admin-customer-design-form-item{align-items:center;background:#fff;border:1px solid #e3f0e7;border-radius:8px;display:flex;gap:12px;padding:8px}.admin-customer-design-form-item-img{background:#f4f8f4;border-radius:6px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.admin-customer-design-form-item-info{flex:1 1}.admin-customer-design-form-item-name{color:#1a3c1a;font-weight:600;margin-bottom:4px}.admin-customer-design-form-item-details{color:#4b5c4b;display:flex;font-size:.9rem;gap:12px}.admin-customer-design-form-item-details span{background:#f4f8f4;border-radius:4px;font-size:.85rem;padding:2px 6px}.admin-customer-design-form-custom-note{background:#f8f9fa;border:1px dashed #ddd;border-radius:8px;color:#666;font-style:italic;padding:16px;text-align:center}@media (max-width:600px){.admin-customer-design-form-modal{max-width:98vw;min-width:0;padding:12px 4px 8px}.admin-customer-design-form-header{align-items:flex-start;flex-direction:column;gap:8px}.admin-customer-design-form-content{flex-direction:column;gap:12px}.admin-customer-design-form-section{align-items:flex-start}.admin-customer-design-form-items-list{max-height:150px}.admin-customer-design-form-item{align-items:flex-start;flex-direction:column;gap:8px}.admin-customer-design-form-item-details{flex-wrap:wrap;gap:6px}}.admin-user-list-container{min-height:100vh;padding:20px;width:100%}.admin-user-list-content{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000a;display:flex;flex-direction:column;margin:40px auto 0;max-width:1200px;padding:32px 32px 24px}.admin-user-list-header-row{margin-bottom:16px}.admin-user-list-controls,.admin-user-list-header-row{align-items:center;display:flex;justify-content:space-between}.admin-user-list-controls{gap:16px;margin-bottom:24px}.admin-user-list-search-box{align-items:center;display:flex;height:40px;min-width:220px;width:320px}.admin-user-list-title{color:#234b2c;font-size:2rem;font-weight:700;margin:0}.admin-user-list-add-btn{align-items:center;background-color:#234b2c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.admin-user-list-add-btn:hover{background-color:#1a3921;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.admin-user-list-add-icon{font-size:1.1rem}.admin-user-list-table-wrapper{background:#f6f6f6;border:1px solid #d6e7db;border-radius:12px}.admin-user-list-table{background:#f6f6f6;border-collapse:collapse;width:100%}.admin-user-list-table thead{background:#d6e7db}.admin-user-list-table td,.admin-user-list-table th{font-size:.95rem;padding:16px 12px;text-align:left}.admin-user-list-table th{border-bottom:1px solid #c9d8cd;color:#234b2c;font-weight:700}.admin-user-list-row{background:#f6f6f6;border-bottom:1px solid #e0e0e0;transition:background .2s}.admin-user-list-row:last-child{border-bottom:none}.admin-user-list-row:hover{background:#eaf3ee}.admin-user-list-avatar{border-radius:12px;display:inline-block;height:40px;width:40px}.admin-user-list-status{border-radius:8px;display:block;font-size:.85rem;font-weight:600;padding:2px 10px;text-align:center;width:130px}.admin-user-list-status-unverified{background:#fff8e1;border:1px solid #ffe082;color:#fbc02d}.admin-user-list-status-active{background:#e8fdf5;border:1px solid #b2f2dd;color:#00b074}.admin-user-list-status-disabled{background:#ffd9d9;border:1px solid #ffb3b3;color:#ff6b72}.admin-user-list-actions{display:flex;gap:10px;justify-content:center}.admin-user-list-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#234b2c;cursor:pointer;display:flex;font-size:1.2rem;height:34px;justify-content:center;transition:all .2s ease;width:34px}.admin-user-list-icon-btn:hover{box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.admin-user-list-icon-btn.edit{background-color:#e8f5ff;color:#0073e6}.admin-user-list-icon-btn.edit:hover{background-color:#0073e6;color:#fff}.admin-user-list-icon-btn.toggle{background-color:#e8fdf5;color:#00b074}.admin-user-list-icon-btn.toggle:hover{background-color:#00b074;color:#fff}.admin-user-list-icon-btn.view{background-color:#f0f4ff;color:#4361ee}.admin-user-list-icon-btn.view:hover{background-color:#4361ee;color:#fff}.admin-user-list-pagination{display:flex;justify-content:flex-end;margin-top:24px}.admin-user-list-scroll-hint{display:none}@media (max-width:1200px){.admin-user-list-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-user-list-scroll-hint{background-color:#234b2ccc;border-radius:4px;color:#fff;display:block;font-size:12px;margin:8px auto;padding:6px 12px;text-align:center;width:max-content}.admin-user-list-table td,.admin-user-list-table th{white-space:nowrap}.admin-user-list-table{min-width:900px}}@media (max-width:900px){.admin-user-list-content{margin:24px 0 0;max-width:100%;padding:16px 8px 12px}.admin-user-list-title{font-size:1.3rem}.admin-user-list-add-btn{font-size:.9rem;padding:8px 12px}.admin-user-list-table td,.admin-user-list-table th{font-size:.85rem;padding:10px 6px;white-space:nowrap}.admin-user-list-table{min-width:800px}.admin-user-list-avatar{border-radius:8px;height:32px;width:32px}.admin-user-list-status{font-size:.8rem;padding:2px 6px;width:100px}.admin-user-list-icon-btn{font-size:1rem;height:30px;width:30px}.admin-user-list-controls{align-items:stretch;flex-direction:column;gap:10px}.admin-user-list-search-box,.filter-bar{width:100%}}@media (max-width:600px){.admin-user-list-container{padding:10px}.admin-user-list-content{border-radius:8px;box-shadow:none;margin:8px 0 0;padding:6px 0 4px}.admin-user-list-header-row{align-items:center;flex-direction:row;justify-content:space-between;padding:0 8px}.admin-user-list-add-btn{font-size:.85rem;padding:6px 10px}.admin-user-list-add-icon{font-size:1rem}.admin-user-list-title{font-size:1.05rem}.admin-user-list-controls{padding:0 8px}.admin-user-list-table-wrapper{background:#0000;border:none;border-radius:0;overflow-x:auto;padding:0 4px}.admin-user-list-table{font-size:.85rem;min-width:700px}.admin-user-list-table td,.admin-user-list-table th{font-size:.85rem;padding:7px 3px}.admin-user-list-avatar{border-radius:6px;height:24px;width:24px}.admin-user-list-status{font-size:.75rem;padding:1px 4px;width:80px}.admin-user-list-icon-btn{font-size:.9rem;height:26px;width:26px}.admin-user-list-actions{gap:5px}.admin-user-list-pagination{justify-content:center;margin-top:12px;padding:0 8px}}.admin-user-details-container{min-height:100vh;padding:20px;width:100%}.admin-user-details-content{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000a;margin:40px auto 0;max-width:1200px;padding:32px}.admin-user-details-header{align-items:center;display:flex;margin-bottom:32px}.admin-user-details-back-btn{align-items:center;background:#f0f4f1;border:none;border-radius:8px;color:#234b2c;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:16px;transition:all .2s ease;width:40px}.admin-user-details-back-btn:hover{background:#e2eae3;transform:translateX(-3px)}.admin-user-details-title{color:#234b2c;font-size:1.8rem;font-weight:700;margin:0}.admin-user-details-error{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.admin-user-details-error,.admin-user-details-success{border-radius:8px;margin-bottom:24px;padding:12px 16px}.admin-user-details-success{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.admin-user-details-form,.admin-user-details-rows{display:flex;flex-direction:column}.admin-user-details-rows{gap:24px;margin-bottom:32px}.admin-user-details-row{display:flex;gap:32px;width:100%}.admin-user-details-field{flex:1 1;min-width:0}.admin-user-details-field-placeholder{height:80px}.admin-user-details-label{color:#234b2c;display:block;font-weight:600;margin-bottom:8px}.admin-user-details-select-group{margin-bottom:16px}.admin-user-details-select-wrapper{position:relative}.admin-user-details-select-icon{color:#6c757d;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.admin-user-details-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #c9d8cd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;height:44px;padding:0 16px 0 40px;transition:border-color .2s;width:100%}.admin-user-details-select:focus{border-color:#234b2c;box-shadow:0 0 0 2px #234b2c1a;outline:none}.admin-user-details-toggle-group{display:flex;flex-direction:column;height:100%;margin-top:2px;width:35%}.admin-user-details-toggle-btn{align-items:center;background:#0000;border:1px solid #c9d8cd;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;gap:8px;height:44px;padding:10px 16px;transition:all .2s}.admin-user-details-toggle-btn.active{background-color:#e8fdf5;border-color:#b2f2dd;color:#00b074}.admin-user-details-toggle-btn.disabled{background-color:#ffd9d9;border-color:#ffb3b3;color:#ff6b72}.admin-user-details-toggle-btn.no-click{cursor:not-allowed;opacity:.7}.admin-user-details-toggle-icon{font-size:1.2rem}.admin-user-details-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}.admin-user-details-cancel-btn{background-color:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.admin-user-details-cancel-btn:hover{background-color:#e0e0e0}.admin-user-details-save-btn{align-items:center;background-color:#234b2c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.admin-user-details-save-btn:hover{background-color:#1a3921;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.admin-user-details-save-btn:disabled{background-color:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.admin-user-details-save-icon{font-size:1.1rem}.admin-user-details-error-message{color:#d32f2f;font-size:.85rem;margin-top:4px}.admin-user-details-loading{align-items:center;color:#6c757d;display:flex;font-size:1.2rem;justify-content:center;min-height:300px}.required-asterisk{color:#d32f2f;margin-left:4px}@media (max-width:1200px){.admin-user-details-toggle-btn{width:180px}}@media (max-width:900px){.admin-user-details-content{margin:24px auto 0;padding:24px}.admin-user-details-row{flex-direction:column;gap:24px}.admin-user-details-title{font-size:1.5rem}}@media (max-width:600px){.admin-user-details-content{border-radius:12px;margin:16px auto 0;padding:16px}.admin-user-details-header{margin-bottom:24px}.admin-user-details-title{font-size:1.3rem}.admin-user-details-actions{flex-direction:column}.admin-user-details-cancel-btn,.admin-user-details-save-btn{padding:10px;width:100%}}.review-detail-modal-overlay{align-items:center;background:#0009;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.review-detail-modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.review-detail-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e8e8e8;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.review-detail-modal-title{color:#234b2c;font-size:1.5rem;font-weight:700;margin:0}.review-detail-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.review-detail-modal-close-btn:hover{background:#f0f0f0;color:#333}.review-detail-modal-body{padding:32px}.review-detail-modal-error,.review-detail-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 32px;text-align:center}.review-detail-spinner{font-size:2rem;margin-bottom:16px}.review-detail-modal-error p,.review-detail-modal-loading p{color:#666;font-size:1.1rem;margin:0}.review-detail-section{border-bottom:1px solid #f0f0f0;margin-bottom:32px;padding-bottom:24px}.review-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.review-detail-section-title{align-items:center;color:#234b2c;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 20px}.review-detail-product-info,.review-detail-user-info{align-items:flex-start;display:flex;gap:20px}.review-detail-product-image,.review-detail-user-avatar{flex-shrink:0}.review-detail-user-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.review-detail-user-avatar img{height:100%;object-fit:cover;width:100%}.review-detail-default-avatar{color:#666;font-size:2rem;font-weight:700}.review-detail-product-image{background:#f0f0f0;border-radius:8px;height:80px;overflow:hidden;width:80px}.review-detail-product-image img{height:100%;object-fit:cover;width:100%}.review-detail-product-details,.review-detail-user-details{flex:1 1}.review-detail-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.review-detail-info-row:last-child{margin-bottom:0}.review-detail-label{color:#555;flex-shrink:0;font-weight:600;min-width:140px}.review-detail-value{color:#333;flex:1 1;word-break:break-word}.review-detail-product-code{background:#f8f8f8;border-radius:4px;font-family:monospace;font-size:.9rem;padding:2px 6px}.review-detail-price{color:#e74c3c;font-weight:600}.review-detail-rating-section{margin-bottom:20px}.review-detail-rating{align-items:center;display:flex;gap:8px}.review-detail-star{color:#ddd;font-size:1.4rem;transition:color .2s}.review-detail-star.filled{color:#ffb822}.review-detail-rating-text{color:#666;font-size:1rem;font-weight:500}.review-detail-comment-section{margin-bottom:20px}.review-detail-comment{background:#f8f9fa;border-left:4px solid #234b2c;border-radius:8px;margin-top:12px;padding:16px}.review-detail-comment p{color:#333;font-size:1rem;font-style:italic;line-height:1.6;margin:0}.review-detail-no-comment{color:#999!important;font-style:normal!important}.review-detail-dates{background:#f8f9fa;border-radius:8px;padding:16px}.review-detail-modal-footer{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e8e8e8;padding:24px 32px;text-align:right}.review-detail-modal-close-footer-btn{background:#234b2c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background .2s ease}.review-detail-modal-close-footer-btn:hover{background:#1a3a22}@media (max-width:768px){.review-detail-modal-overlay{padding:16px}.review-detail-modal-content{max-height:95vh}.review-detail-modal-header{padding:20px 24px}.review-detail-modal-title{font-size:1.3rem}.review-detail-modal-body{padding:24px}.review-detail-section{margin-bottom:24px;padding-bottom:20px}.review-detail-section-title{font-size:1.1rem}.review-detail-product-info,.review-detail-user-info{flex-direction:column;gap:16px}.review-detail-product-image,.review-detail-user-avatar{align-self:center}.review-detail-info-row{flex-direction:column;gap:4px}.review-detail-label{font-size:.9rem;min-width:auto}.review-detail-modal-footer{padding:20px 24px}}@media (max-width:480px){.review-detail-modal-header{padding:16px 20px}.review-detail-modal-body{padding:20px}.review-detail-modal-footer{padding:16px 20px}.review-detail-modal-close-footer-btn{padding:12px 16px}}.admin-review-list-container{min-height:100vh;padding:20px;width:100%}.admin-review-list-content{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000a;display:flex;flex-direction:column;margin:40px auto 0;max-width:1400px;padding:40px 32px 32px}.admin-review-list-header-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.admin-review-list-title{color:#234b2c;flex-shrink:0;font-size:2.2rem;font-weight:700;margin:0}.admin-review-list-search-box{flex-shrink:0;min-width:220px;width:320px}.admin-review-list-error{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;margin-bottom:20px;padding:16px;text-align:center}.admin-review-list-error p{color:#ff4d4f;font-weight:500;margin:0 0 10px}.admin-review-list-retry-btn{background:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.admin-review-list-retry-btn:hover{background:#d9363e}.admin-review-list-loading{color:#666;padding:40px 20px;text-align:center}.admin-review-list-spinner{font-size:2rem;margin-bottom:10px}.admin-review-list-empty{color:#666;font-style:italic;padding:40px 20px;text-align:center}.admin-review-list-table-wrapper{background:#f6f6f6;border:1px solid #d6e7db;border-radius:12px;overflow:hidden;overflow-x:auto}.admin-review-list-table{background:#f6f6f6;border-collapse:initial;border-spacing:0;min-width:800px;width:100%}.admin-review-list-table thead{background:#d6e7db}.admin-review-list-table td,.admin-review-list-table th{border-bottom:2px solid #c9d8cd;font-size:.95rem;padding:16px 12px;text-align:left;vertical-align:top}.admin-review-list-table th{border-bottom:2px solid #c9d8cd;color:#234b2c;font-weight:700;white-space:nowrap}.admin-review-list-row{background:#f6f6f6;border-bottom:1px solid #c9d8cd;transition:background .2s}.admin-review-list-row:last-child{border-bottom:none}.admin-review-list-row:hover{background:#eaf3ee}.admin-review-list-user-info{min-width:120px}.admin-review-list-name{color:#234b2c;font-weight:600;margin-bottom:2px}.admin-review-list-fullname{color:#666;font-size:.85rem;font-style:italic}.admin-review-list-product{min-width:150px}.admin-review-list-product-name{color:#234b2c;font-weight:500;margin-bottom:2px}.admin-review-list-product-code{color:#666;font-family:monospace;font-size:.8rem}.admin-review-list-comment{word-wrap:break-word;color:#234b2c;font-size:.9rem;font-style:italic;line-height:1.4;max-width:350px;min-width:200px}.admin-review-list-date{color:#666;font-size:.85rem;min-width:120px;white-space:nowrap}.admin-review-list-actions{display:flex;gap:8px;justify-content:center;min-width:80px}.admin-review-list-delete-btn,.admin-review-list-view-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.admin-review-list-view-btn{background-color:#f0f7ff;border-color:#ccdff5;color:#2271b1}.admin-review-list-view-btn:hover:not(:disabled){background-color:#2271b1;color:#fff}.admin-review-list-delete-btn{background-color:#fff0f0;border-color:#ffd0d0;color:#dc3545}.admin-review-list-delete-btn:hover:not(:disabled){background-color:#dc3545;color:#fff}.admin-review-list-delete-btn:disabled,.admin-review-list-view-btn:disabled{cursor:not-allowed;opacity:.6}.admin-review-list-pagination{display:flex;justify-content:flex-end;margin-top:24px}@media (max-width:900px){.admin-review-list-content{margin:24px 0 0;max-width:100%;padding:16px 4px 12px}.admin-review-list-title{font-size:1.8rem}.admin-review-list-header-row{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:16px}.admin-review-list-search-box{min-width:0;width:100%}.admin-review-list-table{min-width:700px}.admin-review-list-table td,.admin-review-list-table th{font-size:.93rem;padding:10px 6px}.admin-review-list-comment{max-width:250px;min-width:150px}.admin-review-list-actions{gap:4px;min-width:70px}}@media (max-width:768px){.admin-review-list-delete-btn,.admin-review-list-view-btn{height:32px;width:32px}.admin-review-list-table{min-width:650px}.admin-review-list-comment{max-width:200px;min-width:120px}}@media (max-width:600px){.admin-review-list-content{border-radius:8px;box-shadow:none;margin:8px 0 0;padding:6px 0 4px}.admin-review-list-title{font-size:1.4rem}.admin-review-list-table-wrapper{background:#0000;border:none;border-radius:0}.admin-review-list-table{font-size:.9rem;min-width:600px}.admin-review-list-table td,.admin-review-list-table th{font-size:.9rem;padding:7px 3px}.admin-review-list-pagination{justify-content:center;margin-top:12px}.admin-review-list-comment{font-size:.85rem;max-width:180px;min-width:100px}.admin-review-list-product,.admin-review-list-user-info{min-width:90px}.admin-review-list-actions{gap:3px;min-width:60px}.admin-review-list-date{font-size:.8rem;min-width:100px}}@media (max-width:576px){.admin-review-list-delete-btn,.admin-review-list-view-btn{font-size:.8rem;height:28px;width:28px}.admin-review-list-table{min-width:550px}.admin-review-list-table td,.admin-review-list-table th{font-size:.85rem;padding:5px 2px}.admin-review-list-comment{font-size:.8rem;max-width:150px;min-width:80px}.admin-review-list-actions{gap:2px;min-width:50px}.admin-review-list-product,.admin-review-list-user-info{min-width:80px}.admin-review-list-name,.admin-review-list-product-name{font-size:.85rem}.admin-review-list-fullname,.admin-review-list-product-code{font-size:.75rem}.admin-review-list-date{font-size:.75rem;min-width:90px}}.admin-system-setting-container{min-height:100vh;padding:20px;width:100%}.admin-system-setting-content{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000a;display:flex;flex-direction:column;margin:40px auto 0;max-width:1200px;padding:32px 32px 24px}.admin-system-setting-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-system-setting-title{color:#234b2c;font-size:2rem;font-weight:700;margin:0}.admin-system-setting-add-btn{background:#12513d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-left:16px;padding:10px 20px;transition:background .2s}.admin-system-setting-add-btn:hover{background:#0d3c2d}.admin-system-setting-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-bar{flex-shrink:0}.admin-system-setting-search-box{align-items:center;display:flex;height:40px;min-width:220px;width:320px}.filter-bar-select{font-size:1rem;height:40px}.admin-system-setting-table-wrapper{background:#f6f6f6;border:1px solid #d6e7db;border-radius:12px;overflow:hidden}.admin-system-setting-table{background:#f6f6f6;border-collapse:collapse;width:100%}.admin-system-setting-table td,.admin-system-setting-table th{font-size:.95rem;padding:16px 12px;text-align:left}.admin-system-setting-table th{border-bottom:1px solid #c9d8cd;color:#234b2c;font-weight:700}.admin-system-setting-row{background:#f6f6f6;border-bottom:1px solid #e0e0e0;transition:background .2s}.admin-system-setting-row:last-child{border-bottom:none}.admin-system-setting-row:hover{background:#eaf3ee}.admin-system-setting-status{border-radius:8px;display:block;font-size:.85rem;font-weight:600;padding:2px 10px;text-align:center;width:136px}.admin-system-setting-status-active{background:#e8fdf5;border:1px solid #b2f2dd;color:#00b074}.admin-system-setting-status-inactive{background:#ffd9d9;border:1px solid #ffb3b3;color:#ff6b72}.admin-system-setting-actions{display:flex;gap:8px;justify-content:center}.admin-system-setting-delete-btn,.admin-system-setting-edit-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.admin-system-setting-edit-btn{background-color:#f0f7ff;border-color:#ccdff5;color:#2271b1}.admin-system-setting-edit-btn:hover{background-color:#2271b1;color:#fff}.admin-system-setting-delete-btn{background-color:#fff0f0;border-color:#ffd0d0;color:#dc3545}.admin-system-setting-delete-btn:hover{background-color:#dc3545;color:#fff}.admin-system-setting-delete-btn.confirm-delete{animation:pulse 1.5s infinite;background-color:#dc3545;color:#fff}.action-icon{margin-right:5px}.admin-system-setting-pagination{display:flex;justify-content:flex-end;margin-top:24px}.delete-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:90%;width:420px}.delete-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.delete-modal-header h3{color:#234b2c;font-size:1.25rem;margin:0}.delete-modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px}.delete-modal-close:hover{color:#333}.delete-modal-content{padding:20px}.delete-modal-content p{line-height:1.5;margin:0 0 10px}.delete-modal-warning{color:#dc3545;font-weight:500}.delete-modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.delete-modal-cancel,.delete-modal-confirm{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.delete-modal-cancel{background-color:#f2f2f2;border:1px solid #d9d9d9;color:#333}.delete-modal-cancel:hover{background-color:#e6e6e6}.delete-modal-confirm{background-color:#dc3545;border:1px solid #dc3545;color:#fff}.delete-modal-confirm:hover{background-color:#c82333}@keyframes pulse{0%{box-shadow:0 0 0 0 #dc354566}70%{box-shadow:0 0 0 6px #dc354500}to{box-shadow:0 0 0 0 #dc354500}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.admin-system-setting-content{margin:24px 0 0;max-width:100%;padding:16px 4px 12px}.admin-system-setting-title{font-size:1.3rem}.admin-system-setting-table td,.admin-system-setting-table th{font-size:.93rem;padding:10px 6px}.admin-system-setting-status{font-size:.8rem;padding:2px 6px;width:100px}}@media (max-width:768px){.admin-system-setting-delete-btn,.admin-system-setting-edit-btn{height:32px;width:32px}}@media (max-width:600px){.admin-system-setting-content{border-radius:8px;box-shadow:none;margin:8px 0 0;padding:6px 0 4px}.admin-system-setting-header-row{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:10px}.admin-system-setting-title{font-size:1.05rem}.admin-system-setting-add-btn{margin-left:0;width:100%}.admin-system-setting-controls{align-items:stretch;flex-direction:column;gap:10px}.admin-system-setting-search-box{min-width:0;width:100%}.filter-bar{width:100%}.admin-system-setting-table-wrapper{background:#0000;border:none;border-radius:0;overflow-x:auto}.admin-system-setting-table{font-size:.9rem;min-width:600px}.admin-system-setting-table td,.admin-system-setting-table th{font-size:.9rem;padding:7px 3px}.admin-system-setting-status{font-size:.75rem;padding:1px 4px;width:80px}.admin-system-setting-action-btn{font-size:.85rem;padding:3px 8px}.admin-system-setting-pagination{justify-content:center;margin-top:12px}}@media (max-width:576px){.admin-system-setting-delete-btn,.admin-system-setting-edit-btn{font-size:.8rem;height:28px;width:28px}.admin-system-setting-actions{gap:4px}.delete-modal{width:95%}.delete-modal-header{padding:12px 16px}.delete-modal-actions,.delete-modal-content{padding:15px 16px}}.admin-system-setting-details-container{min-height:100vh;padding:20px;width:100%}.admin-system-setting-details-content{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000a;display:flex;flex-direction:column;margin:40px auto 0;max-width:1200px;padding:24px 32px}.admin-system-setting-details-title{color:#234b2c;font-size:2rem;font-weight:700;margin-bottom:24px}.admin-system-setting-details-form{display:flex;flex-direction:column;gap:24px}.admin-system-setting-details-row{display:flex;gap:18px;margin-bottom:16px;width:100%}.admin-system-setting-details-col{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-width:0}.admin-system-setting-details-col .input-label,.admin-system-setting-details-label-inline{color:#234b2c;display:block;font-weight:600;height:22px!important;line-height:1.5;margin-bottom:6px!important;padding-bottom:0!important;white-space:nowrap}.admin-system-setting-details-col .input-wrapper{margin:0!important;padding:0!important}.admin-system-setting-details-col .input-field,.admin-system-setting-details-select,.admin-system-setting-details-textarea{background:#f6f6f6;border:1px solid #d6e7db;border-radius:8px;box-sizing:border-box;color:#234b2c;font-size:1rem;margin:0;padding:8px 12px}.admin-system-setting-details-col .input-field,.admin-system-setting-details-select{height:40px!important;width:100%}.admin-system-setting-details-input{height:40px}.admin-system-setting-details-field{display:flex;flex-direction:column;gap:6px}.admin-system-setting-details-col-type{display:flex;flex:0 0 220px;flex-direction:column;max-width:240px}.admin-system-setting-details-col-status{display:flex;flex-direction:column}.admin-system-setting-details-radio-container{align-items:center;display:flex;gap:16px;height:40px!important;margin:0!important;min-height:40px;padding:0!important}.admin-system-setting-details-radio-item{align-items:center;background:#f6f6f6;border:1px solid #d6e7db;border-radius:8px;display:flex;padding:8px 16px;transition:all .2s;width:188px}.admin-system-setting-details-radio-item:hover{background:#eaf3ee}.admin-system-setting-details-radio-item input[type=radio]{height:16px;margin-right:8px;width:16px}.admin-system-setting-details-radio-item label{color:#234b2c;cursor:pointer;font-weight:500;white-space:nowrap}.admin-system-setting-details-radio-item input[type=radio]:checked+label{font-weight:600}.admin-system-setting-details-radio-item:has(input[type=radio]:checked){background:#eaf3ee;border-color:#9ac4a3}.admin-system-setting-details-textarea{background:#f6f6f6;border:1px solid #d6e7db;border-radius:8px;box-sizing:border-box;color:#234b2c;font-size:1rem;min-height:120px;padding:8px 12px;resize:vertical;width:100%}.admin-system-setting-details-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:12px}.admin-system-setting-details-save-btn{background:#12513d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 32px;transition:background .2s}.admin-system-setting-details-save-btn:hover{background:#0d3c2d}.admin-system-setting-details-cancel-btn{background:#ffe7d9;border:none;border-radius:8px;color:#ff6b72;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 32px;transition:background .2s}.admin-system-setting-details-cancel-btn:hover{background:#ff6b72;color:#fff}.admin-system-setting-details-col .input-field-container{margin:0!important;padding:0!important}@media (max-width:1299px) and (min-width:901px){.admin-system-setting-details-radio-item{padding:8px 6px;width:160px}.admin-system-setting-details-col-status{min-width:300px}.admin-system-setting-details-radio-container{gap:8px}}@media (max-width:900px){.admin-system-setting-details-content{margin:24px 0 0;max-width:100%;padding:16px 12px 12px}.admin-system-setting-details-title{font-size:1.3rem}.admin-system-setting-details-row{flex-direction:column;gap:10px}.admin-system-setting-details-col-status{max-width:100%;min-width:0}.admin-system-setting-details-radio-container{flex-direction:column;gap:8px}.admin-system-setting-details-actions{align-items:stretch;flex-direction:column;gap:8px}.admin-system-setting-details-cancel-btn,.admin-system-setting-details-save-btn{padding:10px 0;width:100%}}.admin-message-list-container{padding:20px}.admin-message-title{font-size:24px;font-weight:700;margin-bottom:20px}.admin-message-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.admin-message-table{border-collapse:collapse;width:100%}.admin-message-table td,.admin-message-table th{border-bottom:1px solid #f1f1f1;padding:12px 16px;text-align:left}.admin-message-table th{background:#f9fafb;font-weight:600}.message-content-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-text{color:red}.admin-login-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-login-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:25px;position:relative;width:90%}.admin-login-modal .close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px;z-index:1001}.admin-login-modal .close-button:hover{color:#dc3545}.admin-login-modal h2{color:#333;font-size:24px;margin-bottom:8px;text-align:center}.admin-login-modal p{color:#666;margin-bottom:20px;text-align:center}.admin-login-modal .error-message{background-color:#f8d7da;border-radius:8px;color:#721c24;margin-bottom:20px;padding:12px;text-align:center}.admin-login-modal form{display:flex;flex-direction:column;gap:20px}.admin-login-modal .login-button{align-items:center;background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:center;margin-top:10px;padding:12px;transition:background-color .3s ease}.admin-login-modal .login-button:hover:not(:disabled){background-color:#218838}.admin-login-modal .login-button:disabled{background-color:#6c757d;cursor:not-allowed}.admin-login-modal .loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;width:20px}.admin-login-modal .info-message{background-color:#cff4fc;border-radius:8px;color:#055160;margin-bottom:20px;padding:12px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.admin-login-modal{padding:20px;width:95%}}.notification{background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;max-width:400px;min-width:320px;opacity:0;overflow:hidden;position:relative;transform:translateX(100%);transition:all .3s ease-out;z-index:9999}.notification-visible{opacity:1;transform:translateX(0)}.notification-exiting{opacity:0;transform:translateX(100%)}.notification-top-right{right:20px;top:20px}.notification-top-left{left:20px;top:20px}.notification-bottom-right{bottom:20px;right:20px}.notification-bottom-left{bottom:20px;left:20px}.notification-leaving{animation:slideOut .3s ease-in}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;font-size:20px;margin-top:2px}.notification-icon.success{color:#52c41a}.notification-icon.error{color:#ff4d4f}.notification-icon.warning{color:#faad14}.notification-icon.info{color:#1890ff}.notification-text{flex:1 1}.notification-title{color:#262626;font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{color:#595959;font-size:14px;line-height:1.4}.notification-close{background:none;border:none;border-radius:4px;color:#8c8c8c;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s}.notification-close:hover{background-color:#f5f5f5;color:#595959}.notification-progress{animation:progress linear;height:3px;width:100%}.notification-progress-success{background:linear-gradient(90deg,#52c41a,#73d13d)}.notification-progress-error{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.notification-progress-warning{background:linear-gradient(90deg,#faad14,#ffc53d)}.notification-progress-info{background:linear-gradient(90deg,#1890ff,#40a9ff)}@keyframes progress{0%{width:100%}to{width:0}}.notification-success{border-left-color:#52c41a}.notification-error{border-left-color:#ff4d4f}.notification-warning{border-left-color:#faad14}.notification-info{border-left-color:#1890ff}.notification-container{max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.notification-container .notification{pointer-events:all}@media (max-width:768px){.notification-container{left:10px;max-width:none;right:10px;top:10px}.notification{max-width:100%;min-width:280px}}.scroll-to-top{bottom:30px;opacity:0;pointer-events:none;position:fixed;right:30px;transform:translateY(20px) scale(.8);transition:opacity var(--duration-normal) var(--ease-spring-1),visibility var(--duration-normal) var(--ease-spring-1),transform var(--duration-normal) var(--ease-spring-1);visibility:hidden;z-index:1000}.scroll-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0) scale(1);visibility:visible}.scroll-progress-ring{height:60px;position:relative;width:60px}.progress-ring{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transform:rotate(-90deg)}.progress-ring-background{opacity:.3}.progress-ring-progress{stroke-linecap:round;transition:stroke-dashoffset .1s ease}.scroll-btn{align-items:center;background:linear-gradient(135deg,#0a4b3e,#2c5530);border:none;border-radius:50%;box-shadow:0 4px 12px #0a4b3e4d,0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;left:50%;position:absolute;scale:1;top:50%;transform:translate(-50%,-50%);transition:transform var(--duration-fast) var(--ease-spring-1),box-shadow var(--duration-fast) var(--ease-spring-1),background var(--duration-fast) ease;width:44px}.scroll-btn:hover{background:linear-gradient(135deg,#0d5943,#345933);box-shadow:0 6px 20px #0a4b3e66,0 4px 8px #00000026;scale:1.1}.scroll-btn:active{scale:.95;transition-duration:.1s}.scroll-icon{height:20px;transition:transform var(--duration-fast) var(--ease-spring-1);width:20px}.scroll-btn:hover .scroll-icon{transform:translateY(-2px)}.scroll-to-top.visible .scroll-btn{animation:scrollButtonPulse 2s ease-in-out}@keyframes scrollButtonPulse{0%{box-shadow:0 4px 12px #0a4b3e4d,0 2px 4px #0000001a;scale:1}50%{box-shadow:0 6px 20px #0a4b3e80,0 4px 8px #0003;scale:1.1}to{box-shadow:0 4px 12px #0a4b3e4d,0 2px 4px #0000001a;scale:1}}@media (max-width:768px){.scroll-to-top{bottom:20px;right:20px}.progress-ring,.scroll-progress-ring{height:50px;width:50px}.progress-ring-background,.progress-ring-progress{r:21;cx:25;cy:25}.progress-ring-progress{stroke-dasharray:131.95}.scroll-btn{height:36px;width:36px}.scroll-icon{height:16px;width:16px}}@media (max-width:480px){.scroll-to-top{bottom:15px;right:15px}}@media (prefers-contrast:high){.scroll-btn{border:2px solid #fff}.progress-ring-background{stroke:#000;opacity:.5}}@media (prefers-reduced-motion:reduce){.scroll-to-top{transition:opacity .2s ease}.scroll-btn{transition:none}.scroll-btn:hover .scroll-icon{transform:none}.scroll-to-top.visible .scroll-btn{animation:none}.progress-ring-progress{transition:none}}.scroll-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}@media (prefers-color-scheme:dark){.progress-ring-background{stroke:#4a4a4a}.progress-ring-progress{stroke:#6abad3}.scroll-btn{background:linear-gradient(135deg,#1a5a4a,#2d4a2d)}.scroll-btn:hover{background:linear-gradient(135deg,#206650,#3a5a3a)}}.scroll-btn.loading{opacity:.6;pointer-events:none}.scroll-btn.loading .scroll-icon{animation:spin 1s linear infinite}.scroll-to-top.visible:hover,.scroll-to-top:hover{transform:translateY(-2px) scale(1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{min-height:100vh}
/*# sourceMappingURL=main.de594dcb.css.map*/