@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--primary-green:#909b23;--burnt-orange:#c50;--dark-brown:#302016;--raisin-black:#282520;--white:#fff;--gray-light:#f8f8f8;--gray-medium:#e5e5e5;--gray-dark:#666;--black:#1c1c1c;--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--border-radius:clamp(8px, 2vw, 16px);--transition:all .3s cubic-bezier(.4, 0, .2, 1);--shadow:0 clamp(2px, 1vw, 6px) clamp(10px, 3vw, 25px) #0000001a;--shadow-hover:0 clamp(4px, 1.5vw, 10px) clamp(15px, 4vw, 35px) #00000026;--spacing-xs:clamp(.25rem, 1vw, .5rem);--spacing-sm:clamp(.5rem, 1.5vw, 1rem);--spacing-md:clamp(1rem, 2vw, 1.5rem);--spacing-lg:clamp(1.5rem, 3vw, 2.5rem);--spacing-xl:clamp(2rem, 4vw, 3rem);--spacing-2xl:clamp(3rem, 6vw, 5rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--black);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a,button,input,select,textarea{transition:var(--transition)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-light)}::-webkit-scrollbar-thumb{background:var(--gray-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}.container{box-sizing:border-box;width:100%;margin:0 auto;padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem)}.container-custom{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem)}h1{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:700;line-height:1.2}h2{font-size:clamp(1.4rem,2.5vw,1.95rem);font-weight:600;line-height:1.3}h3{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:500;line-height:1.4}p{font-size:clamp(.85rem,1.6vw,.95rem);line-height:1.6}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);font-size:clamp(.875rem,2vw,1rem);font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary-green);color:var(--white);box-shadow:var(--shadow)}.btn-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary{color:var(--primary-green);border:2px solid var(--primary-green);background:0 0}.btn-secondary:hover{background:var(--primary-green);color:var(--white)}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.section{padding-top:clamp(2rem,8vw,6rem);padding-bottom:clamp(2rem,8vw,6rem)}.section-padding{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(3rem,8vw,6rem)}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mb-8{margin-bottom:4rem}.grid{gap:clamp(1rem,3vw,2rem);display:grid}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(auto-fit,minmax(clamp(280px,45vw,350px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(clamp(220px,30vw,280px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(clamp(180px,22vw,240px),1fr))}@media (width<=768px){.container{padding-left:clamp(1rem,4vw,1.5rem);padding-right:clamp(1rem,4vw,1.5rem)}.section{padding-top:clamp(1.5rem,6vw,3rem);padding-bottom:clamp(1.5rem,6vw,3rem)}}@media (width<=480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}}.kn-header{z-index:100;-webkit-backdrop-filter:blur(10px);background-color:#fffffffa;border-bottom:1px solid #0000000f;transition:all .3s;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.kn-header-container{justify-content:space-between;align-items:center;max-width:1440px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.kn-logo{flex-shrink:0;align-items:center;text-decoration:none;transition:transform .2s;display:flex}.kn-logo:hover{transform:scale(1.02)}.kn-logo-image{width:auto;height:32px;display:block}.kn-nav-desktop{align-items:center;display:flex}.kn-nav-list{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.kn-nav-item{position:relative}.kn-nav-link{letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;border-radius:6px;align-items:center;padding:.5rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;color:var(--dark-brown,#4a3728)!important}.kn-nav-link:hover{background:#909b230d;color:var(--primary-green,#6b8e23)!important}.kn-nav-link.kn-active{background:#909b2314;color:var(--primary-green,#6b8e23)!important}.kn-menu-toggle{cursor:pointer;color:#333;background:#f8f9fa;border:none;border-radius:8px;flex-shrink:0;padding:.6rem;transition:all .2s;display:none}.kn-menu-toggle:hover{color:var(--primary-green,#6b8e23);background:#f0f2f4}.kn-nav-mobile{z-index:1000;background:#fff;flex-direction:column;width:100%;max-width:320px;height:100vh;display:none;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-10px 0 40px #0000001a}.kn-menu-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0006;display:none;position:fixed;inset:0}.kn-mobile-menu-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.kn-mobile-menu-header h2{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem;font-weight:700}.kn-close-button{cursor:pointer;color:#333;background:#f8f9fa;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.kn-close-button:hover{color:var(--primary-green,#6b8e23);background:#f0f2f4}.kn-mobile-nav-list{flex-direction:column;flex:1;margin:0;padding:1rem 0;list-style:none;display:flex;overflow-y:auto}.kn-mobile-nav-link{border-radius:12px;justify-content:space-between;align-items:center;margin:.25rem 1rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;color:#333!important}.kn-mobile-nav-link:hover{background:#f8f9fa}.kn-mobile-nav-link.kn-active{background:#909b2314;color:var(--primary-green,#6b8e23)!important}.kn-nav-link-content,.kn-mobile-link-content{align-items:center;line-height:1;display:inline-flex;position:relative}.kn-nav-badge-premium{color:#fff;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;z-index:2;white-space:nowrap;background-color:#909b23;border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;font-size:8px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.kn-nav-umbrella{background:#909b230a;border:1px solid #909b231a;border-radius:8px;align-items:center;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem;display:flex}.kn-umbrella-separator{color:#0000001a;font-size:1rem;font-weight:200}@media (width<=1024px){.kn-header-container{padding:0 1rem}}@media (width<=768px){.kn-nav-desktop{display:none}.kn-menu-toggle{display:flex}.kn-nav-mobile,.kn-menu-backdrop{display:block}}.kn-active-indicator{display:none}.kn-nav-icon-desktop{color:var(--dark-brown,#4a3728);opacity:1;flex-shrink:0;margin-right:.4rem;transition:all .2s}.kn-nav-link:hover .kn-nav-icon-desktop{color:var(--dark-brown,#4a3728);transform:scale(1.1)}.kn-nav-link.kn-active .kn-nav-icon-desktop{color:var(--primary-green,#6b8e23);transform:scale(1.1)}.kn-nav-icon{color:var(--primary-green,#6b8e23);opacity:.8;margin-right:.6rem}.kn-mobile-link-main{align-items:center;display:flex}.kn-nav-icon-only-btn,.kn-nav-dropdown-toggle{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:.5rem .6rem!important}.kn-nav-icon-only-btn:hover,.kn-nav-dropdown-toggle:hover{transform:scale(1.08);background:#909b2314!important}.kn-nav-icon-only-btn:hover .kn-nav-icon-desktop,.kn-nav-dropdown-toggle:hover .kn-nav-icon-desktop{color:var(--primary-green,#909b23)!important}.kn-mobile-login-btn{transition:all .2s;color:var(--primary-green,#909b23)!important;background:#909b2314!important;border:1px solid #909b2333!important;border-radius:12px!important;font-weight:700!important}.kn-mobile-login-btn:hover{background:var(--primary-green,#909b23)!important;color:#fff!important;border-color:var(--primary-green,#909b23)!important}.kn-mobile-login-btn:hover .kn-nav-icon{color:#fff!important}.kn-nav-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}.kn-nav-dropdown-toggle{cursor:pointer}.kn-nav-dropdown-menu{z-index:200;opacity:0;visibility:hidden;background:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:.1rem;width:210px;margin:0;padding:.5rem 0;list-style:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:calc(100% + 12px);right:-10px;transform:translateY(8px);box-shadow:0 10px 30px #0000001a}.kn-nav-dropdown-menu:before{content:"";z-index:-1;background:#fff;border-top:1px solid #00000014;border-left:1px solid #00000014;width:10px;height:10px;position:absolute;top:-6px;right:25px;transform:rotate(45deg)}.kn-nav-dropdown-wrapper:hover .kn-nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.kn-dropdown-item{letter-spacing:.03em;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.65rem 1.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;color:var(--dark-brown,#4a3728)!important;text-transform:none!important}.kn-dropdown-item:hover{color:var(--primary-green,#909b23)!important;background:#909b230f!important}.kn-dropdown-icon{color:var(--primary-green,#909b23);opacity:.9;transition:transform .2s}.kn-dropdown-item:hover .kn-dropdown-icon{color:var(--primary-green,#909b23);transform:scale(1.1)}.kn-dropdown-divider{background:#0000000f;height:1px;margin:.4rem 0}.kn-logout-btn{color:#dc2626!important}.kn-logout-btn:hover{color:#b91c1c!important;background:#fef2f2!important}.kn-logout-btn .kn-dropdown-icon{color:#dc2626}.kn-logout-btn:hover .kn-dropdown-icon{color:#b91c1c}.kn-mobile-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-dark,#666);border-top:1px solid #0000000f;margin-top:.75rem;padding:1rem 1.5rem .35rem;font-size:.75rem;font-weight:800;display:block}.kn-mobile-sub-link{text-align:left;cursor:pointer;border:none;align-items:center;width:calc(100% - 3.7rem);text-decoration:none;display:flex;background:0 0!important;border-radius:8px!important;margin:.15rem 1.5rem .15rem 2.2rem!important;padding:.6rem 1rem!important;font-size:.85rem!important;font-weight:600!important}.kn-mobile-sub-link .kn-nav-icon{opacity:.8;width:16px;height:16px;margin-right:.5rem}.kn-mobile-sub-link:hover{background:#909b230d!important}.kn-mobile-sub-link.kn-active{color:var(--primary-green,#909b23)!important;background:#909b2314!important}.kn-mobile-logout-btn,.kn-mobile-logout-btn .kn-nav-icon{color:#dc2626!important}.kn-mobile-logout-btn:hover{color:#b91c1c!important;background:#fef2f2!important}.kn-mobile-logout-btn:hover .kn-nav-icon{color:#b91c1c!important}.footer{color:#fff;background:#909b23;margin-top:clamp(4rem,10vw,8rem);position:relative;overflow:visible}.footer-pattern-container{background:#fff;justify-content:center;align-items:center;width:100%;max-height:clamp(40px,8vw,50px);margin-top:0;padding:0;display:flex;overflow:hidden}.footer-pattern-image{object-fit:cover;object-position:center;opacity:1;width:100%;max-width:100%;height:auto;min-height:100%;display:block}.footer-content{z-index:1;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);max-width:clamp(300px,95vw,1400px);margin:0 auto;padding:clamp(1rem,2.5vw,1.5rem) clamp(1.5rem,5vw,3rem);display:flex;position:relative}.footer-main{grid-template-columns:auto 1fr auto;align-items:flex-start;gap:clamp(2rem,5vw,4rem);width:100%;display:grid}.footer-logo-section{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:clamp(.5rem,1vw,.75rem);display:flex}.footer-logo-wrapper{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.footer-logo{object-fit:contain;width:auto;height:clamp(1.5rem,3vw,2rem)}.footer-tagline{color:#ffffffe6;max-width:200px;margin:0;font-size:clamp(.8rem,1.5vw,.95rem);font-weight:500;line-height:1.4}.footer-nav{grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);width:100%;display:grid}.nav-column{flex-direction:column;align-items:flex-start;gap:clamp(.75rem,1.5vw,1rem);display:flex}.footer-nav-link{color:#fff;text-align:left;font-size:clamp(.9rem,1.8vw,1rem);font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.footer-nav-link:hover{color:#f5f3f0;transform:translate(5px)}.footer-social{flex-direction:column;align-items:flex-end;gap:clamp(.75rem,1.5vw,1rem);display:flex}.social-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:600}.social-icons{flex-wrap:wrap;justify-content:flex-end;gap:clamp(.75rem,1.5vw,1rem);display:flex}.social-icon{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;block-size:clamp(40px,6vw,50px);inline-size:clamp(40px,6vw,50px);text-decoration:none;transition:all .3s;display:flex}.social-icon-image{object-fit:contain;border-radius:50%;block-size:100%;inline-size:100%;transition:all .3s}.social-icon:hover{transform:scale(1.15)}.footer-bottom{text-align:center}.copyright{color:#ffffffe6;margin:0;font-size:clamp(.8rem,1.5vw,.9rem);line-height:1.6}.footer-pattern-bg{z-index:0;pointer-events:none;width:100%;height:auto;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.footer-bottom-content{text-align:center;max-width:1200px;margin:0 auto;padding:0 1.5rem}.copyright{color:#fffc;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.9rem;line-height:1.6;display:flex}.footer-separator{color:#ffffff80;margin:0 .5rem}.footer-legal-link{color:#ffffffe6;white-space:nowrap;text-decoration:none;transition:color .2s}.footer-legal-link:hover{color:#fff;text-decoration:underline}@media (width<=768px){.copyright{flex-direction:column;gap:.25rem}.footer-separator{display:none}.footer-legal-link{margin:.25rem 0;display:block}}.footer-pattern-image{object-fit:cover;object-position:bottom center;opacity:1;width:100%;height:auto;display:block}@media (width<=1024px){.footer-main{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem)}.footer-nav{grid-template-columns:1fr 1fr}.footer-social{align-items:flex-start}.social-icons{justify-content:flex-start}}@media (width<=768px){.footer-main{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem)}.footer-nav{grid-template-columns:1fr 1fr}.footer-social{align-items:flex-start}.social-icons{justify-content:flex-start}.footer-pattern-container{padding:0}}@media (width<=480px){.footer-content{gap:clamp(1.5rem,3vw,2rem);padding:clamp(1.5rem,3vw,2rem) clamp(1rem,3vw,1.5rem)}.footer-main{text-align:center;grid-template-columns:1fr;align-items:center;gap:clamp(1.5rem,3vw,2rem)}.footer-logo-section{align-items:center;width:100%}.footer-logo-wrapper{justify-content:center;width:100%}.footer-tagline{text-align:center;max-width:100%}.footer-nav{grid-template-columns:1fr;width:100%}.nav-column{text-align:center;align-items:center;gap:clamp(.5rem,1vw,.75rem)}.footer-nav-link{text-align:center;display:block}.footer-social{align-items:center;width:100%}.social-title{text-align:center}.social-icons{justify-content:center;width:100%}.social-icon{block-size:clamp(36px,5vw,40px);inline-size:clamp(36px,5vw,40px)}.footer-bottom,.copyright{text-align:center}.footer-pattern-container{padding:0}}@media (prefers-reduced-motion:reduce){.nav-link,.social-icon{transition:none}}.footer-nav-label{flex-direction:column-reverse;align-items:flex-start;gap:4px;display:inline-flex}.footer-nav-badge-premium{-webkit-backdrop-filter:blur(5px);color:#fff;text-transform:uppercase;letter-spacing:.12em;pointer-events:none;z-index:2;background-color:#ffffff1f;border:1px solid #ffffff4d;border-radius:3px;justify-content:center;align-items:center;margin-bottom:-6px;padding:1px 5px;font-size:7px;font-weight:800;line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0000000d}.footer-nav-link:hover .footer-nav-badge-premium{background-color:#fff3;border-color:#ffffff80}.scroll-to-top-btn{background:linear-gradient(135deg, var(--primary-green) 0%, #7a8c2b 100%);cursor:pointer;z-index:998;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(48px,10vw,56px);height:clamp(48px,10vw,56px);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:clamp(1.5rem,5vw,2.5rem);right:clamp(1.5rem,5vw,2.5rem);overflow:hidden;box-shadow:0 4px 15px #8a9c3b4d}.scroll-to-top-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s;position:absolute;inset:0 0 0 -100%}.scroll-to-top-btn:hover:before{left:100%}.scroll-to-top-btn:hover{transform:translateY(-4px);box-shadow:0 8px 25px #8a9c3b66}.scroll-to-top-btn:active{box-shadow:0 2px 8px #8a9c3b4d}.scroll-to-top-icon{color:var(--white);z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.scroll-to-top-icon svg{stroke-width:2.5px}.scroll-to-top-btn:focus-visible{outline:2px solid var(--burnt-orange);outline-offset:2px}@media (width<=480px){.scroll-to-top-btn{width:clamp(44px,10vw,48px);height:clamp(44px,10vw,48px);bottom:clamp(1rem,4vw,1.5rem);right:clamp(1rem,4vw,1.5rem)}}@media (prefers-reduced-motion:reduce){.scroll-to-top-btn,.scroll-to-top-btn:before,.scroll-to-top-icon{transition:none;animation:none}}.hero-carousel{background:var(--dark-brown);width:100%;height:clamp(500px,80vh,900px);position:relative;overflow:hidden}.carousel-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.carousel-slide{width:100%;height:100%;position:absolute;top:0;left:0}.carousel-image{object-fit:cover;object-position:center;will-change:opacity;backface-visibility:hidden;width:100%;height:100%;display:block}.carousel-overlay{pointer-events:none;background:linear-gradient(135deg,#3b2416b3 0%,#3b241680 40%,#3b24164d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.carousel-content{z-index:10;justify-content:flex-start;align-items:center;block-size:100%;inline-size:100%;padding:clamp(2rem,5vw,4rem);display:flex;position:absolute;top:0;left:0}.content-wrapper{max-width:clamp(300px,50vw,600px);color:var(--white);will-change:opacity, transform}.content-subtitle{display:none}.content-title{color:var(--white);text-shadow:0 2px 8px #0000004d;margin-bottom:clamp(1rem,2vw,1.5rem);font-size:clamp(1.75rem,4vw,2.8rem);font-weight:700;line-height:1.2}.content-description{color:#fffffff2;text-shadow:0 1px 4px #0003;max-width:90%;margin-bottom:clamp(1.5rem,3vw,2.5rem);font-size:clamp(.95rem,1.8vw,1.125rem);line-height:1.8}.content-cta{letter-spacing:.05em;background:var(--burnt-orange);color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2.25rem);font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #d2691e4d}.content-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.content-cta:hover:before{left:100%}.content-cta:hover{background:#c85a1e;transform:translateY(-2px);box-shadow:0 6px 20px #d2691e66}.content-cta:active{transform:translateY(0)}.cta-arrow{transition:transform .3s;display:inline-block}.content-cta:hover .cta-arrow{transform:translate(4px)}.carousel-nav{block-size:clamp(44px,8vw,56px);inline-size:clamp(44px,8vw,56px);color:var(--white);cursor:pointer;transition:var(--transition);z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav-prev{left:clamp(1rem,3vw,2rem)}.carousel-nav-next{right:clamp(1rem,3vw,2rem)}.dot{cursor:pointer;will-change:transform;background:#fff6;border:2px solid #fff9;border-radius:50%;block-size:clamp(8px,1.5vw,12px);inline-size:clamp(8px,1.5vw,12px);transition:background .2s,border-color .2s,box-shadow .2s}.dot.active{background:var(--burnt-orange);border-color:var(--burnt-orange);box-shadow:0 0 12px #d2691e99}.dot:hover{background:#fff9;border-color:#fffc}@media (width<=768px){.hero-carousel{height:clamp(400px,70vh,650px)}.carousel-content{text-align:center;justify-content:center;padding:clamp(1.5rem,4vw,2.5rem)}.content-wrapper{max-width:90%}.content-description{max-width:100%}.carousel-nav{width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px)}.carousel-counter{padding:.4rem .6rem;font-size:.8rem}}@media (width<=480px){.hero-carousel{height:clamp(350px,60vh,550px)}.carousel-content{padding:1rem}.content-subtitle{letter-spacing:.1em;font-size:.75rem}.content-title{font-size:clamp(1.5rem,4vw,2rem)}.content-description{margin-bottom:1rem;font-size:.9rem}.content-cta{padding:.6rem 1.2rem;font-size:.85rem}.carousel-nav{block-size:40px;inline-size:40px}.carousel-nav svg{block-size:18px;inline-size:18px}.carousel-dots{gap:.4rem}.dot{block-size:8px;inline-size:8px}.carousel-counter{padding:.35rem .5rem;font-size:.7rem;top:.75rem;right:.75rem}}@media (prefers-reduced-motion:reduce){.carousel-slide,.content-wrapper,.carousel-nav,.dot,.content-cta{transition:none;animation:none}}.carousel-nav:focus-visible,.dot:focus-visible,.content-cta:focus-visible{outline:2px solid var(--burnt-orange);outline-offset:2px}.problem-section{background:var(--cream);padding-top:clamp(4rem,10vw,8rem);padding-bottom:clamp(4rem,10vw,8rem);position:relative;overflow:hidden}.problem-header{text-align:center;z-index:1;margin-bottom:clamp(2.5rem,6vw,4rem);position:relative}.problem-header h2{color:var(--dark-brown);margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.2}.problem-text{z-index:1;max-width:clamp(300px,95vw,900px);margin:0 auto clamp(3rem,8vw,5rem);position:relative}.problem-text p{color:var(--gray-dark);margin:0 0 clamp(1.5rem,3vw,2rem);font-size:clamp(1rem,2vw,1.125rem);line-height:1.8}.problem-text p:last-child{margin-bottom:0}.problem-sources{color:var(--gray-dark);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:500}.images-grid{z-index:1;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);max-width:1200px;margin-top:clamp(3rem,8vw,5rem);margin-left:auto;margin-right:auto;display:grid;position:relative}.image-card{aspect-ratio:4/3;transform-origin:50%;will-change:transform;border-radius:5px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 12px 40px #0000002e}.image-card.middle-card{aspect-ratio:16/10}.image-card:hover{transform:translateY(-12px)scale(1.02);box-shadow:0 20px 50px #00000040}.image-card img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block}.image-card:hover img{transform:scale(1.08)}@media (width<=1024px){.images-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem)}}@media (width<=768px){.problem-header h2{font-size:clamp(2rem,5vw,3rem)}.images-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,1.5rem)}.image-card{border-radius:clamp(12px,3vw,20px)}}@media (width<=480px){.problem-section{padding-top:2.5rem;padding-bottom:2.5rem}.problem-header h2{font-size:clamp(1.75rem,5vw,2.5rem)}.problem-text p{font-size:1rem}.images-grid{grid-template-columns:.8fr 1.4fr .8fr;align-items:center;gap:clamp(.75rem,2vw,1rem);margin-top:clamp(2rem,5vw,3rem)}.image-card{aspect-ratio:4/3;border-radius:clamp(12px,3vw,16px);box-shadow:0 8px 24px #00000026}.image-card.middle-card{aspect-ratio:16/10}.image-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 12px 32px #0003}.image-card img{transition:transform .3s}.image-card:hover img{transform:scale(1.05)}}.product-section{width:100%;padding:var(--spacing-3xl) 0;background:#fff;position:relative;overflow:hidden}.product-container{max-width:1440px;margin:0 auto;padding:0 2rem}.product-header-group{text-align:center;max-width:700px;margin-bottom:4rem;margin-left:auto;margin-right:auto}.product-title{color:var(--dark-brown);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800}.product-subtitle{color:var(--primary-green);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:block}.product-category{margin-bottom:5rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;width:100%;display:grid}.shop-product-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:20px;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s;position:relative;overflow:hidden}.shop-product-card:hover{border-color:#e5e5e5;transform:translateY(-8px);box-shadow:0 20px 40px #30201614}.add-to-cart-overlay{background:linear-gradient(#0000 0%,#ffffffe6 100%);justify-content:center;padding:1.25rem;transition:transform .4s cubic-bezier(.165,.84,.44,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.btn-add-cart{background:var(--primary-green);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 20px #909b2340}.product-info{padding:1.5rem}.shop-state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:300px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-retry{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #909b2333}@media (width<=1200px){.product-container{padding:0 1.5rem}}@media (width<=768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.product-title{font-size:2.2rem}}@media (width<=480px){.product-grid{grid-template-columns:1fr}.shop-product-card{border-radius:16px}.product-img-wrapper{height:320px}}.social-impact-section{inline-size:100%;padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,#6b8e230d 0%,#fff0 100%)}.social-impact-container{max-width:1200px;margin:0 auto}.impact-title{color:#2d2d2d;margin-bottom:var(--spacing-sm);text-align:center;font-size:clamp(2rem,5vw,3rem);font-weight:900}.social-impact-subtitle{color:#666;text-align:center;margin-bottom:calc(var(--spacing-3xl));font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500;line-height:1.6}.impact-cards-grid{margin-top:clamp(3rem,6vw,2rem);margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(clamp(250px,25vw,320px),1fr));gap:clamp(1.5rem,4vw,2.5rem);display:grid}.impact-card{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:#fff;flex-direction:column;align-items:center;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.impact-card:hover{box-shadow:0 8px 24px #0000001f}.impact-icon{block-size:clamp(80px,15vw,150px);inline-size:clamp(80px,15vw,150px);margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);color:#6b8e23;background:0 0;justify-content:center;align-items:center;display:flex}.impact-image{object-fit:contain;block-size:100%;inline-size:100%;padding:var(--spacing-sm)}.impact-card-title{color:#1a1a1a;margin-bottom:var(--spacing-sm);font-size:clamp(.85rem,1.8vw,1rem);font-weight:700;line-height:1.3}.impact-card-description{color:#666;margin:0;font-size:clamp(.7rem,1.5vw,.8rem);line-height:1.6}.sdg-goals-grid{grid-template-columns:repeat(5,1fr);gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(3rem,6vw,3rem);display:grid}.sdg-goal-card{cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.sdg-goal-card:hover{transform:scale(1.05)}.sdg-goal-image{object-fit:contain;block-size:100%;inline-size:100%}.sdg-goal-tooltip{color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-align:center;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;text-overflow:ellipsis;background:#000000d9;font-size:clamp(.75rem,2vw,.9rem);font-weight:500;transition:all .3s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.sdg-goal-card:hover .sdg-goal-tooltip{opacity:1;transform:translateY(0)}@media (width<=480px){.social-impact-section{padding:var(--spacing-xl) var(--spacing-md)}.impact-cards-grid{grid-template-columns:1fr}.sdg-goals-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.impact-cards-grid{grid-template-columns:repeat(3,1fr)}.sdg-goals-grid{grid-template-columns:repeat(5,1fr)}}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #0000001a}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 50%,#f0f0f0 100%) 0 0/1000px 100%;width:100%;height:14rem;animation:2s linear infinite shimmer}.skeleton-content{padding:1.5rem}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 50%,#f0f0f0 100%) 0 0/1000px 100%;border-radius:.25rem;height:1rem;margin-bottom:.75rem;animation:2s linear infinite shimmer}.skeleton-line-short{width:40%}.skeleton-line-medium{width:70%}.skeleton-line-title{height:2rem;margin-bottom:1rem}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.skeleton-single-post{max-width:800px;margin:0 auto}.skeleton-header{margin-bottom:2rem}.skeleton-featured-image{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 50%,#f0f0f0 100%) 0 0/1000px 100%;border-radius:1rem;width:100%;height:400px;margin-bottom:2rem;animation:2s linear infinite shimmer}.skeleton-body{margin-bottom:2rem}@media (width<=768px){.skeleton-grid{grid-template-columns:1fr}.skeleton-featured-image{height:250px}}.latest-highlights{background:#fff;padding:clamp(28px,4vw,44px) 0 clamp(60px,8vw,100px)}.latest-highlights-container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.latest-highlights-header{text-align:center;margin-bottom:clamp(28px,4vw,40px)}.latest-highlights-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.5vw,44px);font-weight:800}.latest-highlights-subtitle{color:#64748b;margin:10px 0 0;font-size:clamp(14px,2vw,16px);line-height:1.6}.latest-highlights-view-all{color:#6b8e23;align-items:center;gap:8px;margin-top:14px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.32,.72,0,1);display:inline-flex}.latest-highlights-view-all:hover{color:#5a7a1f;transform:translate(2px)}.latest-highlights-view-all.secondary{margin-top:12px}.latest-highlights-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.latest-highlight-card{background:#fff;border:none;border-radius:1rem;inline-size:100%;max-inline-size:420px;transition:all .35s cubic-bezier(.32,.72,0,1);overflow:hidden;box-shadow:0 4px 12px #0000001a}.latest-highlight-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f}.latest-highlight-link{color:inherit;text-decoration:none;display:block}.latest-highlight-image-wrapper{width:100%;height:14rem;position:relative;overflow:hidden}.latest-highlight-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.32,.72,0,1);display:block}.latest-highlight-card:hover .latest-highlight-image{transform:scale(1.06)}.latest-highlight-overlay{pointer-events:none;background:linear-gradient(#0000000d 0%,#0000002e 100%);position:absolute;inset:0}.latest-highlight-content{padding:1.5rem}.latest-highlight-meta{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-flex}.latest-highlight-meta svg{color:#6b8e23}.latest-highlight-post-title{color:#0f172a;margin:0 0 12px;font-size:clamp(18px,2.4vw,22px);font-weight:800;line-height:1.35;transition:color .3s cubic-bezier(.32,.72,0,1)}.latest-highlight-card:hover .latest-highlight-post-title{color:#6b8e23}.latest-highlight-excerpt{color:#64748b;margin:0 0 16px;font-size:clamp(14px,2vw,15px);line-height:1.6}.latest-highlight-cta{color:#ff8c00;align-items:center;gap:8px;font-weight:800;display:inline-flex}.latest-highlight-cta-arrow{transition:transform .25s cubic-bezier(.32,.72,0,1)}.latest-highlight-card:hover .latest-highlight-cta-arrow{transform:translate(4px)}.latest-highlights-empty{background:#f8fafc;border:1px solid #0f172a0f;border-radius:16px;padding:clamp(18px,3vw,26px)}.latest-highlights-empty p{color:#475569;margin:0;font-weight:600}.latest-highlight-card.skeleton{min-height:320px;box-shadow:none;background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border:1px solid #0f172a0f;animation:1.2s linear infinite latestHighlightsShimmer}@keyframes latestHighlightsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.latest-highlights-header{text-align:center}}.pp-container{background:var(--cream);padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(4rem,10vw,8rem);position:relative;overflow:hidden}.pp-hero{z-index:1;grid-template-columns:1fr 1fr;place-items:center;gap:clamp(.5rem,2vw,1.5rem);margin-bottom:clamp(2.5rem,6vw,4rem);display:grid;position:relative}.pp-hero-content{flex-direction:column;gap:clamp(.5rem,1.5vw,1rem);display:flex}.pp-hero h1{color:var(--dark-brown);margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.2}.pp-hero-stat{color:var(--gray-dark);margin:0;font-size:clamp(1rem,2vw,1.125rem);font-weight:500;line-height:1.6}.pp-hero-highlight{color:#c85a17;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.4}.pp-hero-image{justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.pp-hero-image img{object-fit:contain;filter:drop-shadow(0 12px 32px #00000026);max-width:100%;height:auto;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pp-cards{z-index:1;grid-template-columns:repeat(auto-fit,minmax(clamp(200px,25vw,280px),1fr));gap:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(2.5rem,6vw,4rem);display:grid;position:relative}.pp-card{box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.pp-card:hover{transform:none}.pp-card-image{justify-content:center;align-items:center;width:clamp(60px,12vw,120px);height:clamp(40px,8vw,120px);margin-bottom:clamp(1rem,2vw,1.5rem);display:flex}.pp-card-image img{object-fit:contain;width:100%;height:100%;display:block}.pp-card h3{color:#c85a17;margin:0 0 clamp(.5rem,1vw,.75rem);font-size:clamp(.95rem,1.8vw,1.1rem);font-weight:700;line-height:1.4}.pp-card p{color:var(--gray-dark);margin:0;font-size:clamp(.85rem,1.5vw,.95rem);line-height:1.5}.pp-statement{text-align:center;z-index:1;margin-bottom:clamp(2.5rem,6vw,4rem);position:relative}.pp-statement h2{color:#c85a17;max-width:900px;margin:0 auto;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;line-height:1.5}.pp-images-grid{z-index:1;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);max-width:1200px;margin:0 auto;display:grid;position:relative}.pp-image-card{aspect-ratio:4/3;transform-origin:50%;will-change:transform;border-radius:5px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 12px 40px #0000002e}.pp-image-card-1,.pp-image-card-3{aspect-ratio:4/3}.pp-image-card-2{aspect-ratio:16/10;grid-column:span 1}.pp-image-card:hover{transform:translateY(-12px)scale(1.02);box-shadow:0 20px 50px #00000040}.pp-image-card:nth-child(2):hover{transform:translateY(-12px)scale(1.02)}.pp-image-card img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block}.pp-image-card:hover img{transform:scale(1.08)}@media (width<=1024px){.pp-hero{grid-template-columns:1fr;gap:clamp(2rem,5vw,3rem)}.pp-hero-image{min-height:250px}}@media (width<=768px){.pp-container{padding-top:2.5rem;padding-bottom:3rem}.pp-hero h1{font-size:clamp(2rem,5vw,3rem)}.pp-statement h2{font-size:clamp(1.5rem,3.5vw,2rem)}.pp-image-card{aspect-ratio:1;border-radius:clamp(12px,3vw,20px)}}@media (width<=480px){.pp-container{padding-top:2rem;padding-bottom:2.5rem}.pp-hero{gap:1.5rem;margin-bottom:2.5rem}.pp-hero h1{font-size:clamp(1.75rem,5vw,2.5rem)}.pp-hero-image{min-height:200px}.pp-card{padding:0}.pp-card-image{width:clamp(32px,6.4vw,52px);height:clamp(32px,6.4vw,52px);margin-bottom:clamp(.75rem,1.5vw,1rem)}.pp-statement{margin-bottom:2.5rem}.pp-statement h2{font-size:clamp(1.5rem,4vw,2rem);line-height:1.3}.pp-image-card{aspect-ratio:1;border-radius:clamp(12px,3vw,16px);box-shadow:0 8px 24px #00000026}.pp-image-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 12px 32px #0003}.pp-image-card img{transition:transform .3s}.pp-image-card:hover img{transform:scale(1.05)}}@media (width<=360px){.pp-hero h1{font-size:1.5rem}.pp-hero-stat{font-size:.95rem}.pp-hero-highlight{font-size:1.25rem}.pp-card h3{font-size:.5rem}.pp-card p{font-size:.45rem}}.mission-section{background-color:var(--white);inline-size:100%}.solution-hero-carousel{inline-size:100%;background-color:var(--dark-brown);height:clamp(500px,80vh,900px);margin-bottom:var(--spacing-2xl);position:relative;overflow:hidden}.carousel-container{block-size:100%;inline-size:100%;position:relative}.carousel-slide{block-size:100%;inline-size:100%;position:absolute;inset:0}.carousel-image{object-fit:cover;object-position:center;will-change:opacity;backface-visibility:hidden;block-size:100%;inline-size:100%}.carousel-overlay{z-index:1;background:linear-gradient(135deg,#00000080 0%,#0000004d 100%);position:absolute;inset:0}.carousel-content{z-index:2;justify-content:center;align-items:center;padding:clamp(2rem,5vw,4rem);display:flex;position:absolute;inset:0}.content-wrapper{text-align:center;max-inline-size:700px;color:var(--white);will-change:opacity, transform}.carousel-title{color:var(--white);letter-spacing:-.5px;margin:0 0 clamp(1rem,2vw,1.5rem);font-size:clamp(1.75rem,4vw,2.8rem);font-weight:700;line-height:1.3}.carousel-title .highlight{color:var(--burnt-orange);font-weight:700}.carousel-description{color:#fffffff2;max-inline-size:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.6}.carousel-nav{z-index:3;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;block-size:clamp(40px,8vw,50px);inline-size:clamp(40px,8vw,50px);transition:all .3s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-50%)scale(1.1)}.carousel-nav:active{transform:translateY(-50%)scale(.95)}.carousel-nav-prev{inset-inline-start:clamp(1rem,3vw,2rem)}.carousel-nav-next{inset-inline-end:clamp(1rem,3vw,2rem)}.carousel-dots{z-index:3;gap:clamp(.5rem,1vw,.75rem);display:flex;position:absolute;bottom:clamp(1.5rem,3vw,2.5rem);left:50%;transform:translate(-50%)}.dot{cursor:pointer;will-change:transform;background:#fff6;border:none;border-radius:50%;block-size:10px;inline-size:10px;padding:0;transition:background .2s,box-shadow .2s}.dot.active{background:var(--burnt-orange);box-shadow:0 0 12px #ff8c0080}.dot:hover{background:#fff9}.mission-section{padding:0}.mission-container{inline-size:100%;max-inline-size:1200px;padding:var(--spacing-2xl) clamp(1rem, 5vw, 3rem);margin:0 auto}.mission-hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);margin-bottom:clamp(3rem,8vw,6rem);padding-bottom:clamp(2rem,5vw,4rem);display:grid}.mission-hero-content{flex-direction:column;justify-content:center;display:flex}.mission-hero-title{color:var(--dark-brown);margin:0;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:600;line-height:1.4}.mission-hero-title .highlight{color:var(--burnt-orange);font-weight:700}.mission-hero-image{justify-content:center;align-items:center;display:flex}.hero-product-image{object-fit:contain;max-width:100%;height:auto;max-height:400px}.benefits-grid{background-color:var(--gray-light);margin-bottom:clamp(4rem,10vw,8rem);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,2.5rem);inline-size:100vw;margin-inline:-50vw;padding:clamp(2rem,5vw,3rem);display:grid;position:relative;inset-inline:50%}.benefit-card{text-align:center;transition:var(--transition);flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(1rem,2vw,1.5rem);display:flex}.benefit-icon{block-size:auto;inline-size:auto;box-shadow:none;box-sizing:border-box;background-color:#0000;border-radius:0;justify-content:center;align-items:center;display:flex;overflow:visible}.benefit-icon-image{object-fit:contain;box-sizing:border-box;block-size:auto;inline-size:clamp(60px,14vw,140px);padding:0}.benefit-text{color:var(--dark-brown);margin:0;font-size:clamp(.9rem,1.8vw,1rem);font-weight:500;line-height:1.5}.product-image-section{justify-content:center;align-items:center;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding:clamp(.5rem,1vw,1rem) 0;display:flex}.product-section-image{object-fit:contain;max-width:100%;height:auto;max-height:clamp(200px,35vw,400px)}.triple-bottom-line-wrapper{margin-top:0;margin-bottom:0%}.triple-bottom-line-title{color:var(--dark-brown);text-align:center;margin-top:0;margin-bottom:clamp(2rem,5vw,3.5rem);font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.triple-bottom-line-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,28vw,320px),1fr));gap:clamp(2rem,4vw,3rem);padding-bottom:clamp(2rem,5vw,3rem);display:grid}.triple-bottom-line-card{text-align:center;background-color:var(--white);border-radius:var(--border-radius);transition:var(--transition);flex-direction:column;align-items:center;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,3vw,2rem);display:flex;box-shadow:0 2px 8px #0000000d}.triple-bottom-line-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.tbl-icon{box-sizing:border-box;background:0 0;border-radius:50%;justify-content:center;align-items:center;block-size:clamp(60px,12vw,100px);inline-size:clamp(60px,12vw,100px);display:flex;overflow:hidden}.tbl-icon-image{object-fit:contain;box-sizing:border-box;block-size:100%;inline-size:100%;padding:clamp(.75rem,1.5vw,1rem)}.tbl-card-title{color:var(--burnt-orange);margin:0;font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:700;line-height:1.3}.tbl-card-description{color:var(--gray-dark);margin:0;font-size:clamp(.9rem,1.8vw,1rem);font-weight:400;line-height:1.6}@media (width<=768px){.solution-hero-carousel{height:clamp(400px,70vh,650px);margin-bottom:var(--spacing-xl)}.carousel-title{font-size:clamp(1.5rem,4vw,2.5rem)}.carousel-description{font-size:clamp(.9rem,1.8vw,1.1rem)}.carousel-nav{block-size:clamp(35px,7vw,45px);inline-size:clamp(35px,7vw,45px)}.mission-hero{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(2rem,6vw,4rem);padding-bottom:clamp(1.5rem,4vw,2.5rem)}.mission-hero-title{font-size:clamp(1.25rem,3vw,1.75rem)}.hero-product-image{max-height:300px}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(2.5rem,6vw,4rem);padding:clamp(1.5rem,3vw,2rem)}.benefit-card{gap:clamp(.5rem,1.5vw,1rem);padding:clamp(.75rem,1.5vw,1rem)}.benefit-icon{block-size:auto;inline-size:auto}.benefit-icon-image{inline-size:clamp(70px,16vw,120px)}.triple-bottom-line-grid{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem);padding-bottom:clamp(1.5rem,3vw,2rem)}.triple-bottom-line-card{gap:clamp(.75rem,1.5vw,1rem);padding:clamp(1rem,2vw,1.5rem)}.tbl-icon{width:clamp(80px,18vw,120px);height:clamp(80px,18vw,120px)}.tbl-card-title{font-size:clamp(1rem,2vw,1.2rem)}.tbl-card-description{font-size:clamp(.85rem,1.6vw,.95rem)}}@media (width<=480px){.solution-hero-carousel{height:clamp(350px,60vh,550px);margin-bottom:var(--spacing-lg)}.carousel-title{font-size:clamp(1.25rem,3.5vw,2rem)}.carousel-description{font-size:clamp(.85rem,1.6vw,1rem)}.carousel-nav{block-size:clamp(32px,6vw,40px);inline-size:clamp(32px,6vw,40px)}.carousel-nav-prev{inset-inline-start:clamp(.75rem,2vw,1rem)}.carousel-nav-next{inset-inline-end:clamp(.75rem,2vw,1rem)}.mission-container{padding:0 clamp(1rem,4vw,1.5rem)}.mission-hero{margin-bottom:clamp(1.5rem,4vw,2.5rem);padding-bottom:clamp(1rem,3vw,1.5rem)}.mission-hero-title{font-size:clamp(1.1rem,2.5vw,1.5rem)}.hero-product-image{max-height:250px}.benefits-grid{grid-template-columns:repeat(2,1fr);margin-bottom:clamp(2rem,5vw,3rem);padding:clamp(1rem,2vw,1.5rem)}.benefit-icon{block-size:auto;inline-size:auto}.benefit-icon-image{inline-size:clamp(65px,15vw,100px)}.benefit-text{font-size:clamp(.8rem,1.5vw,.9rem)}.triple-bottom-line-title{margin-bottom:clamp(1.5rem,3vw,2rem);font-size:clamp(1.5rem,3vw,2rem)}.triple-bottom-line-grid{gap:clamp(1rem,2vw,1.5rem)}.tbl-icon{width:clamp(70px,16vw,100px);height:clamp(70px,16vw,100px)}.tbl-card-title{font-size:clamp(.95rem,1.8vw,1.1rem)}.tbl-card-description{font-size:clamp(.8rem,1.5vw,.9rem)}}.team-member-card{cursor:pointer;background-color:#0000;border-radius:0;flex-direction:row;align-items:flex-start;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(.75rem,2vw,1rem);transition:transform .3s,box-shadow .3s;display:flex}.team-member-card:hover{transform:translateY(-4px)}.team-member-card:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #6b8e23}.team-member-image-wrapper{background-color:#f5f5f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(60px,12vw,90px);height:clamp(60px,12vw,90px);display:flex;overflow:hidden}.team-member-image{object-fit:cover;object-position:center;width:100%;height:100%}.team-member-content{flex-direction:column;flex:1;gap:clamp(.25rem,1vw,.5rem);min-width:0;display:flex}.team-member-name{color:#2d2d2d;margin:0;font-family:Poppins,sans-serif;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:700;line-height:1.3}.team-member-role{color:#909b23;margin:0;font-family:Poppins,sans-serif;font-size:clamp(.8rem,2vw,.9rem);font-weight:500;line-height:1.3}.team-member-social{gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(.25rem,1vw,.5rem);display:flex}.social-icon{color:#fff;box-sizing:border-box;background-color:#6b8e23;border-radius:50%;justify-content:center;align-items:center;width:clamp(32px,7vw,40px);height:clamp(32px,7vw,40px);padding:0;text-decoration:none;transition:all .3s;display:inline-flex}.team-member-header{justify-content:space-between;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);width:100%;display:flex}.team-member-action-icon{color:#6b8e23;opacity:.6;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.team-member-card:hover .team-member-action-icon{opacity:1;color:#5a7620;transform:translate(3px)}.skeleton-card{pointer-events:none}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:100%;height:100%;animation:1.5s infinite skeleton-loading}.skeleton-social:before,.skeleton-social:after{content:"";background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px);animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=480px){.team-member-card{gap:clamp(.5rem,1.5vw,.75rem);padding:clamp(.5rem,1.5vw,.75rem)}.team-member-name{font-size:clamp(.9rem,2vw,1rem)}.team-member-role{font-size:clamp(.75rem,1.5vw,.85rem)}}@media (prefers-reduced-motion:reduce){.team-member-card{transition:none}.team-member-card:hover{transform:none}.social-icon{transition:none}.social-icon:hover{transform:none}.skeleton-image,.skeleton-name,.skeleton-role,.skeleton-social:before,.skeleton-social:after{background:#f0f0f0;animation:none}}.team-section{background-color:#fff;border-top:1px solid #f0f0f0;padding:clamp(2rem,8vw,5rem) clamp(1.5rem,5vw,3rem)}.team-subsection{max-width:900px;margin:0 auto clamp(2rem,6vw,4rem)}.team-subsection:last-child{margin-bottom:0}.team-subsection-title{color:#2d2d2d;margin-bottom:clamp(1.5rem,4vw,2rem);font-family:Poppins,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.team-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,40vw,350px),1fr));gap:clamp(1.5rem,4vw,2.5rem);display:grid}.no-data{text-align:center;color:#999;grid-column:1/-1;margin:0;padding:clamp(1rem,3vw,2rem);font-size:clamp(.95rem,2vw,1.05rem)}.error-message{text-align:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;max-width:900px;margin:0 auto;padding:clamp(1rem,3vw,1.5rem)}.error-message p{color:#856404;margin:0 0 1rem;font-size:clamp(.9rem,2vw,1rem)}.retry-button{color:#333;cursor:pointer;background-color:#ffc107;border:none;border-radius:4px;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,3vw,1.5rem);font-family:Poppins,sans-serif;font-size:clamp(.9rem,2vw,1rem);font-weight:600;transition:all .3s}.retry-button:hover{background-color:#ffb300;transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}@media (width<=768px){.team-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,3vw,1.5rem)}}@media (width<=480px){.team-section{padding:clamp(1.5rem,5vw,2rem) clamp(1rem,4vw,1.5rem)}.team-subsection{margin-bottom:clamp(1.5rem,4vw,2rem)}.team-grid{grid-template-columns:1fr;gap:clamp(.75rem,2vw,1rem)}.team-subsection-title{font-size:clamp(1.25rem,3vw,1.5rem)}}@media (width<=360px){.team-subsection-title{font-size:clamp(1.1rem,2.5vw,1.3rem)}}@media (prefers-reduced-motion:reduce){.retry-button{transition:none}.retry-button:hover,.retry-button:active{transform:none}}.about-page{background-color:#fff;width:100%}.about-hero{background-color:#302016;justify-content:center;align-items:center;width:100%;height:clamp(380px,55vh,550px);margin-top:0;display:flex;position:relative;overflow:hidden}.about-hero-bg-wrapper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-image{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.32,.72,0,1);display:block}.about-hero:hover .about-hero-image{transform:scale(1.04)}.about-hero-overlay{z-index:2;background:linear-gradient(#00000059 0%,#0003 50%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-content-container{z-index:3;justify-content:center;align-items:center;width:100%;max-width:1200px;padding:0 clamp(1.5rem,5vw,3rem);display:flex;position:relative}.about-hero-content{text-align:center;color:#fff;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);max-width:800px;display:flex}.about-hero-title{color:#fff;text-shadow:0 4px 15px #00000059;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.2rem,5.5vw,4.2rem);font-style:italic;font-weight:700;line-height:1.15}.about-hero-subtitle{color:#fffffff2;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #00000040;margin:0;font-family:Poppins,sans-serif;font-size:clamp(.9rem,2.2vw,1.25rem);font-weight:500}.story-section{background-color:#fff;border-bottom:1px solid #f0f0f0;padding:clamp(2rem,8vw,5rem) clamp(1.5rem,5vw,3rem)}.story-container{max-width:900px;margin:0 auto}.story-title{color:#2d2d2d;margin-bottom:clamp(1.5rem,4vw,2rem);font-family:Poppins,sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700}.story-content{flex-direction:column;gap:clamp(1rem,3vw,1.5rem);display:flex}.story-paragraph{color:#555;text-align:justify;margin:0;font-family:Poppins,sans-serif;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8}.story-paragraph strong{color:#ff8c00;font-weight:600}.vision-mission-section{background-color:#fff;border-bottom:1px solid #f0f0f0;padding:clamp(2rem,8vw,5rem) clamp(1.5rem,5vw,3rem)}.vision-mission-container{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);max-width:900px;margin:0 auto;display:grid}.vision-card,.mission-card{text-align:center;flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1.25rem);display:flex}.icon-wrapper{background-color:#0000;justify-content:center;align-items:center;width:clamp(50px,10vw,80px);height:clamp(50px,10vw,80px);display:flex}.card-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:100%;height:100%}.card-title{color:#2d2d2d;margin:0;font-family:Poppins,sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700}.card-description{color:#666;margin:0;font-family:Poppins,sans-serif;font-size:clamp(.9rem,1.8vw,1rem);line-height:1.7}.vision-mission-divider{background:linear-gradient(#0000,#ddd 20% 80%,#0000);width:2px;height:clamp(150px,30vh,250px)}.values-section{background-color:#fff;padding:clamp(2rem,8vw,5rem) clamp(1.5rem,5vw,3rem)}.values-container{max-width:900px;margin:0 auto}.values-title{color:#2d2d2d;text-align:center;margin-bottom:clamp(2rem,5vw,3rem);font-family:Poppins,sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700}.values-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(120px,20vw,180px),1fr));justify-items:center;gap:clamp(1.5rem,4vw,2.5rem);display:grid}.value-card{text-align:center;flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1rem);transition:transform .3s,box-shadow .3s;display:flex}.value-card:hover{transform:translateY(-8px)}.value-icon-wrapper{background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:clamp(50px,12vw,100px);height:clamp(50px,12vw,100px);transition:transform .3s;display:flex}.value-card:hover .value-icon-wrapper{transform:scale(1.1)}.value-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:70%;height:70%}.value-title{color:#2d2d2d;margin:0;font-family:Poppins,sans-serif;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600}@media (width<=768px){.vision-mission-container{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem)}.vision-mission-divider{display:none}}@media (width<=480px){.story-section,.vision-mission-section,.values-section{padding:clamp(1.5rem,5vw,2rem) clamp(1rem,4vw,1.5rem)}.story-paragraph{text-align:left}.card-description{font-size:clamp(.85rem,1.5vw,.95rem)}}@media (width<=360px){.story-title,.values-title{font-size:clamp(1.5rem,4vw,2rem)}}@media (prefers-reduced-motion:reduce){.value-card{transition:none}.value-card:hover{transform:none}.value-icon-wrapper{transition:none}.value-card:hover .value-icon-wrapper{transform:none}}.contact-page{background-color:var(--white);inline-size:100%;padding-block:var(--spacing-2xl)}.contact-container{inline-size:100%;max-inline-size:1200px;margin-inline:auto;padding-inline:clamp(1rem,5vw,3rem)}.contact-header{text-align:center;margin-bottom:var(--spacing-2xl)}.contact-title{color:var(--dark-brown);margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2}.contact-subtitle{color:var(--gray-dark);margin-bottom:var(--spacing-sm);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.contact-instruction{color:var(--burnt-orange);margin-bottom:0;font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:500}.contact-info-section{margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(clamp(220px,28vw,300px),1fr));gap:clamp(2rem,4vw,3rem);padding:clamp(2rem,4vw,3rem) 0;display:grid}.info-card{text-align:center;align-items:center;gap:var(--spacing-md);border-radius:var(--border-radius);transition:var(--transition);background:linear-gradient(135deg,#909b230d 0%,#ff8c000d 100%);border:1px solid #909b231a;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);display:flex}.info-card:hover{background:linear-gradient(135deg,#909b231a 0%,#ff8c001a 100%);border-color:#909b2333;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.info-icon{background-color:var(--primary-green);border-radius:var(--border-radius);width:clamp(48px,10vw,56px);height:clamp(48px,10vw,56px);color:var(--white);justify-content:center;align-items:center;display:flex}.info-label{color:var(--dark-brown);margin:0;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700}.info-value{color:var(--gray-dark);margin:0;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.5}.social-icons{margin-top:var(--spacing-sm);justify-content:center;gap:clamp(.75rem,2vw,1rem);display:flex}.social-icon{block-size:clamp(40px,8vw,48px);inline-size:clamp(40px,8vw,48px);transition:var(--transition);background-color:#909b231a;border:2px solid #909b2333;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.social-icon-image{object-fit:contain;block-size:60%;inline-size:60%;transition:var(--transition)}.social-icon:hover{background-color:var(--primary-green);border-color:var(--primary-green);transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #909b2340}.social-icon:hover .social-icon-image{filter:brightness(2)}.contact-form-section{background:linear-gradient(135deg, var(--gray-light) 0%, #909b2305 100%);border-radius:var(--border-radius);border:1px solid #909b2314;padding:clamp(2.5rem,5vw,4rem);box-shadow:0 4px 16px #0000000a}.contact-form{grid-template-columns:1fr;gap:clamp(1.75rem,3.5vw,2.25rem);display:grid}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--dark-brown);align-items:center;gap:var(--spacing-xs);font-size:clamp(.95rem,1.8vw,1rem);font-weight:600;display:flex}.required{color:var(--burnt-orange)}.form-input,.form-textarea{width:100%;font-size:clamp(.95rem,1.8vw,1rem);font-family:var(--font-family);border:2px solid var(--gray-medium);border-radius:var(--border-radius);background-color:var(--white);color:var(--black);transition:var(--transition);box-sizing:border-box;padding:clamp(.85rem,2.2vw,1.1rem)}.form-input::placeholder,.form-textarea::placeholder{color:#bbb}.form-input:focus,.form-textarea:focus{border-color:var(--primary-green);background-color:var(--white);outline:none;box-shadow:0 0 0 4px #909b2326}.form-textarea{resize:vertical;min-height:clamp(140px,22vh,220px);font-family:var(--font-family)}.form-hint{color:var(--gray-dark);margin-top:var(--spacing-xs);font-size:clamp(.85rem,1.5vw,.9rem);line-height:1.5}.submit-button{font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg, var(--dark-brown) 0%, #3d2817 100%);color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);letter-spacing:.3px;border:none;align-self:flex-start;padding:clamp(.85rem,2.2vw,1.1rem) clamp(1.75rem,3.5vw,2.25rem);box-shadow:0 4px 16px #3d281733}.submit-button:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-green) 0%, #7a9b2a 100%);transform:translateY(-3px);box-shadow:0 8px 24px #909b234d}.submit-button:active:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.status-message{border-radius:var(--border-radius);grid-column:1/-1;padding:clamp(1rem,2vw,1.25rem);font-size:clamp(.95rem,1.8vw,1rem);font-weight:500;animation:.3s ease-out slideIn}.status-message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.status-message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.contact-container{padding-inline:clamp(1rem,4vw,1.5rem)}.contact-header{margin-bottom:var(--spacing-xl)}.contact-info-section{grid-template-columns:repeat(auto-fit,minmax(clamp(180px,35vw,260px),1fr));gap:clamp(1.5rem,3vw,2rem);padding:clamp(1.5rem,3vw,2.5rem) 0}.info-card{padding:clamp(1.25rem,2.5vw,1.75rem)}.contact-form-section{padding:clamp(2rem,4vw,3rem)}.form-row{grid-template-columns:repeat(auto-fit,minmax(clamp(140px,40vw,380px),1fr));gap:clamp(1rem,2vw,1.5rem)}}@media (width<=480px){.contact-page{padding-block:var(--spacing-xl)}.contact-container{padding-inline:var(--spacing-md)}.contact-header{margin-bottom:var(--spacing-lg)}.contact-title{margin-bottom:var(--spacing-sm)}.contact-subtitle{margin-bottom:var(--spacing-xs)}.contact-info-section{gap:var(--spacing-lg);padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-xl);grid-template-columns:1fr}.info-card{padding:var(--spacing-md);gap:var(--spacing-sm)}.info-icon{width:44px;height:44px}.social-icons{gap:var(--spacing-sm);justify-content:center}.contact-form-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.contact-form{gap:var(--spacing-md)}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-group{gap:var(--spacing-xs)}.form-label{font-size:.95rem}.form-input,.form-textarea{padding:.75rem;font-size:1rem}.form-textarea{min-height:120px}.submit-button{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.form-input,.form-textarea,.submit-button,.social-icon{transition:none}@keyframes slideIn{0%{opacity:0}to{opacity:1}}}.team-list-page{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);min-height:100vh;padding:clamp(60px,8vw,100px) clamp(16px,5vw,40px) clamp(40px,6vw,60px)}.search-container{flex:0 320px;margin:0;padding:0}.search-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:4px 12px;transition:all .2s;display:flex;position:relative}.search-icon{color:#6b8e23;opacity:.6;flex-shrink:0;width:16px;height:16px;margin-right:10px}.search-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:14px;font-weight:500}.search-input::placeholder{color:#a1a5b0;font-weight:500}.search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:all .2s;display:flex}.search-clear:hover{color:#6b7280;transform:scale(1.1)}.search-results{color:#6b7280;letter-spacing:.2px;margin-top:clamp(8px,1.5vw,12px);font-size:clamp(12px,1.8vw,14px);font-weight:500}.no-results{text-align:center;background:#fff;border-radius:12px;max-width:1200px;margin:0 auto 60px;padding:40px;box-shadow:0 2px 8px #0000000d}.no-results p{color:#6b7280;margin:0 0 20px;font-size:16px}.btn-clear-search{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-clear-search:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8a9c3b4d}.skeleton-card{background:#fff;border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.skeleton-image{aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;animation:1.5s infinite loading}.skeleton-content{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.skeleton-name{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:70%;height:18px;animation:1.5s infinite loading}.skeleton-role{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:90%;height:14px;animation:1.5s infinite loading}.skeleton-button{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;height:40px;margin-top:auto;animation:1.5s infinite loading}.search-bar-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:12px;max-width:1200px;height:50px;margin:0 auto 60px;padding:0 20px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.team-list-page.loading-state,.team-list-page.error-state{justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-container,.error-container{text-align:center;max-width:500px;padding:60px 40px}.loading-container{flex-direction:column;align-items:center;gap:24px;display:flex}.loading-container .spinner{color:#8a9c3b;animation:1s linear infinite spin}.error-container{flex-direction:column;align-items:center;gap:20px;display:flex}.error-container .error-icon{color:#ef4444;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.btn-back-home{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:24px;padding:12px 28px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-back-home:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8a9c3b4d}.page-header-with-search{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(30px,6vw,80px);max-width:1400px;margin:0 auto clamp(40px,8vw,80px);padding:0 clamp(16px,5vw,40px);display:flex}.header-content{z-index:1;flex-direction:column;flex:1;gap:clamp(8px,2vw,16px);min-width:clamp(200px,100%,600px);display:flex;position:relative}.page-title{color:#0f172a;letter-spacing:-1.5px;margin:0;font-size:clamp(32px,6vw,52px);font-weight:800;line-height:1.1}.page-subtitle{color:#6b7280;letter-spacing:.3px;max-width:600px;margin:0;font-size:clamp(15px,2.2vw,18px);font-weight:500;line-height:1.7}.team-section,.board-section{background:0 0;max-width:1400px;margin:0 auto clamp(60px,10vw,120px);padding:0 clamp(16px,5vw,40px)}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(16px,3vw,30px);margin-bottom:clamp(30px,5vw,60px);display:flex}.section-title-wrapper{align-items:center;gap:16px;display:flex}.section-icon{color:#8a9c3b}.section-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:clamp(26px,4vw,36px);font-weight:800}.section-count{display:none}.team-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(280px,40vw,380px),1fr));gap:clamp(24px,4vw,36px);padding:0;display:grid}.team-card{display:none}.board-section .section-icon{color:#d2691e}@media (width<=1024px){.page-header-with-search{flex-direction:column;align-items:stretch;gap:clamp(20px,4vw,40px)}.header-content,.search-container{min-width:100%}.team-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(260px,35vw,340px),1fr))}}@media (width<=768px){.team-list-page{padding:60px 16px 40px}.page-header-with-search{flex-direction:column;align-items:stretch;gap:24px;margin-bottom:40px}.header-content,.search-container{min-width:100%}.team-section,.board-section{margin-bottom:60px}.section-header{flex-direction:column;align-items:flex-start;margin-bottom:40px}.team-grid{grid-template-columns:repeat(2,1fr);gap:20px}.card-content{padding:20px}.card-name{font-size:16px}.card-role{font-size:13px}}@media (width<=480px){.team-list-page{padding:50px 12px 30px}.page-title{font-size:28px}.page-subtitle{font-size:14px}.team-grid{grid-template-columns:1fr;gap:24px}.section-header{margin-bottom:30px}.section-title{font-size:24px}.card-image-wrapper{aspect-ratio:4/3}.card-content{padding:16px}.card-name{font-size:15px}.card-role{font-size:12px}.card-cta{padding:8px 12px;font-size:12px}}.member-details-page{background-color:var(--white);flex-direction:column;align-items:center;gap:clamp(2rem,4vw,3rem);min-height:100vh;padding:clamp(2rem,6vw,4rem) clamp(1rem,5vw,3rem);display:flex}.btn-back-top{color:var(--dark-brown);border:2px solid var(--gray-medium);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background-color:#0000;align-self:flex-start;align-items:center;gap:.75rem;inline-size:fit-content;margin-bottom:clamp(1rem,2vw,1.5rem);padding:.75rem 1.5rem;font-size:clamp(.875rem,2vw,1rem);font-weight:500;display:inline-flex}.btn-back-top:hover{border-color:var(--primary-green);color:var(--primary-green);background-color:#909b230d}.member-details-container{flex-direction:column;gap:clamp(2rem,4vw,3rem);width:100%;max-width:900px;display:flex}.member-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(2rem,6vw,4rem);padding:clamp(2rem,4vw,3rem) 0;display:flex}.member-image-wrapper{flex-shrink:0}.member-image{background-color:var(--gray-light);border-radius:50%;justify-content:center;align-items:center;block-size:clamp(200px,30vw,320px);inline-size:clamp(200px,30vw,320px);display:flex;overflow:hidden;box-shadow:0 clamp(4px,1.5vw,10px) clamp(20px,4vw,40px) #0000001a}.member-img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.member-placeholder{background:linear-gradient(135deg, var(--gray-medium) 0%, var(--gray-light) 100%);block-size:100%;inline-size:100%;display:none}.member-details-info{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:clamp(.5rem,1vw,1rem);min-width:250px;display:flex}.member-details-name{color:var(--dark-brown);text-align:center;margin:0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2;display:block}.member-details-role{color:var(--primary-green);text-align:center;letter-spacing:.5px;margin:0;font-size:clamp(1rem,2vw,1.3rem);font-weight:500;line-height:1.5;display:block}.member-details-social{justify-content:center;gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(1rem,2vw,1.5rem);display:flex}.social-icon{background-color:var(--primary-green);color:#fff;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:clamp(32px,7vw,40px);height:clamp(32px,7vw,40px);padding:0;text-decoration:none;transition:all .3s;display:inline-flex}.social-icon:hover{background-color:#7a8520;transform:scale(1.15);box-shadow:0 4px 12px #909b234d}.social-icon img{object-fit:contain;width:65%;height:65%}.social-icon svg{fill:#fff;width:60%;height:60%}.copy-icon{background-color:var(--primary-green);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:all .3s;display:inline-flex}.copy-icon:hover{background-color:#7a8520;transform:scale(1.15);box-shadow:0 4px 12px #909b234d}.copy-icon:active{transform:scale(.95)}.copy-toast{z-index:1500;color:#0f172aeb;-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #0f172a1a;border-radius:999px;padding:.75rem 1rem;position:fixed;bottom:clamp(1rem,3vw,1.5rem);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f,inset 0 1px #ffffff80}.copy-toast-content{align-items:center;gap:.6rem;display:inline-flex}.copy-toast-dot{background:var(--primary-green);border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 4px #909b232e}.copy-toast-text{letter-spacing:.2px;font-size:clamp(.9rem,2vw,.95rem);font-weight:650;line-height:1.2}.divider{background:linear-gradient(90deg, transparent 0%, var(--gray-medium) 50%, transparent 100%);transform-origin:50%;height:2px;margin:clamp(1.5rem,3vw,2.5rem) 0}.member-bio{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(2rem,4vw,3rem) 0;display:flex}.bio-paragraph{color:var(--black);text-align:justify;letter-spacing:.3px;margin:0;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8}.founder-story-section{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(2rem,4vw,3rem) 0;display:flex}.story-title{color:var(--burnt-orange);text-align:center;letter-spacing:-.5px;margin:0 0 clamp(1rem,2vw,1.5rem);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.3}.story-quote{color:var(--burnt-orange);border-left:4px solid var(--burnt-orange);letter-spacing:.2px;text-align:justify;margin:0;padding:clamp(1.5rem,3vw,2rem) 0 clamp(1.5rem,3vw,2rem) clamp(1.5rem,3vw,2rem);font-size:clamp(1rem,2vw,1.1rem);font-style:normal;line-height:1.8;position:relative}.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:500px;min-height:60vh;margin:0 auto;padding:clamp(2rem,4vw,3rem);display:flex}.skeleton-btn{background-color:var(--gray-light);color:#0000;cursor:default;pointer-events:none;border-radius:var(--border-radius);border:none;padding:12px 24px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-image{background:linear-gradient(90deg, var(--gray-light) 25%, var(--gray-medium) 50%, var(--gray-light) 75%);background-size:200% 100%;border-radius:50%;width:100%;height:100%;animation:1.5s infinite skeleton-loading}.skeleton-name{background:linear-gradient(90deg, var(--gray-light) 25%, var(--gray-medium) 50%, var(--gray-light) 75%);background-size:200% 100%;border-radius:4px;width:80%;height:clamp(2rem,8vw,3.5rem);margin-bottom:1rem;animation:1.5s infinite skeleton-loading}.skeleton-role{background:linear-gradient(90deg, var(--gray-light) 25%, var(--gray-medium) 50%, var(--gray-light) 75%);background-size:200% 100%;border-radius:4px;width:60%;height:clamp(1.3rem,3vw,2rem);margin-bottom:1rem;animation:1.5s infinite skeleton-loading}.skeleton-social{gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(1rem,2vw,1.5rem);display:flex}.skeleton-social-icon{background:linear-gradient(90deg, var(--gray-light) 25%, var(--gray-medium) 50%, var(--gray-light) 75%);background-size:200% 100%;border-radius:50%;flex-shrink:0;width:clamp(32px,7vw,40px);height:clamp(32px,7vw,40px);animation:1.5s infinite skeleton-loading}.skeleton-divider{background-color:var(--gray-light);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-paragraph{background:linear-gradient(90deg, var(--gray-light) 25%, var(--gray-medium) 50%, var(--gray-light) 75%);background-size:200% 100%;border-radius:4px;width:100%;height:clamp(.95rem,2vw,1.1rem);margin-bottom:1rem;animation:1.5s infinite skeleton-loading}.skeleton-paragraph-short{width:85%}.skeleton-story-title{background:linear-gradient(90deg, var(--gray-light) 25%, var(--gray-medium) 50%, var(--gray-light) 75%);background-size:200% 100%;border-radius:4px;width:70%;height:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;animation:1.5s infinite skeleton-loading}.skeleton-story-quote{background:linear-gradient(90deg, var(--gray-light) 25%, var(--gray-medium) 50%, var(--gray-light) 75%);border-left:4px solid var(--gray-medium);background-size:200% 100%;border-radius:4px;height:clamp(4rem,8vw,6rem);animation:1.5s infinite skeleton-loading}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.skeleton-image,.skeleton-name,.skeleton-role,.skeleton-divider,.skeleton-paragraph,.skeleton-story-title,.skeleton-story-quote,.skeleton-btn{background:var(--gray-light);animation:none}}.error-icon{color:var(--burnt-orange);margin-bottom:1rem;animation:2s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.error-container h2{color:var(--dark-brown);margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.error-container p{color:var(--gray-dark);margin:0;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6}.btn-back{background-color:var(--primary-green);color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.75rem;margin-top:1rem;padding:clamp(.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2rem);font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;display:inline-flex;box-shadow:0 4px 12px #909b2333}.btn-back:hover{background-color:#7a8520;transform:translateY(-3px);box-shadow:0 8px 20px #909b234d}@media (width<=768px){.member-details-page{align-items:center}.member-header{text-align:center;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vw,2rem)}.member-details-info{text-align:center;align-items:center;padding-top:0}.member-details-name{text-align:center;font-size:clamp(1.75rem,5vw,2.5rem)}.member-details-role{text-align:center;font-size:clamp(1rem,2vw,1.2rem)}.member-details-social{justify-content:center}.bio-paragraph{text-align:left}.story-quote{border-left-width:4px}}@media (width<=480px){.member-details-page{padding:clamp(1.5rem,4vw,2rem) clamp(1rem,3vw,1.5rem)}.member-image{block-size:clamp(150px,50vw,200px);inline-size:clamp(150px,50vw,200px)}.member-header{gap:clamp(1rem,3vw,1.5rem)}.member-details-name{font-size:clamp(1.3rem,4vw,2rem)}.member-details-role{font-size:clamp(.95rem,2vw,1.1rem)}.story-title{font-size:clamp(1.25rem,3vw,1.5rem)}}.sdg-details-page{min-height:100vh;padding:var(--spacing-lg) var(--spacing-md);background:linear-gradient(135deg,#f5f5f5 0%,#fff 100%)}.btn-back-top{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:#2d2d2d;cursor:pointer;margin-bottom:var(--spacing-lg);background:0 0;border:1px solid #e0e0e0;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.btn-back-top:hover{color:#6b8e23;background:#f5f5f5;border-color:#6b8e23}.btn-back-top:disabled{opacity:.5;cursor:not-allowed}.skeleton-btn{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;width:120px;height:40px;animation:1.5s infinite loading}.sdg-details-container{border-radius:var(--border-radius-lg);background:#fff;max-width:900px;margin:0 auto;padding:clamp(2rem,5vw,4rem);box-shadow:0 4px 20px #00000014}.sdg-header{grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:clamp(2rem,5vw,3rem);margin-bottom:clamp(2rem,5vw,3rem);display:grid}@media (width<=768px){.sdg-header{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem)}}.sdg-image-wrapper{border-radius:var(--border-radius-lg);aspect-ratio:1;background:linear-gradient(135deg,#f5f5f5 0%,#efefef 100%);justify-content:center;align-items:center;padding:clamp(1rem,3vw,2rem);display:flex;overflow:hidden}.sdg-image{object-fit:contain;width:100%;height:100%}.sdg-info{gap:var(--spacing-sm);flex-direction:column;display:flex}.sdg-title{color:#2d2d2d;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2}.sdg-number{color:#6b8e23;margin:0;font-size:clamp(1rem,3vw,1.2rem);font-weight:600}.divider{transform-origin:0;background:linear-gradient(90deg,#0000,#6b8e23,#0000);width:100%;height:2px;margin:clamp(2rem,5vw,3rem) 0}.sdg-description{margin-bottom:clamp(2rem,5vw,3rem)}.description-text{color:#555;margin:0;font-size:clamp(1rem,2vw,1.1rem);line-height:1.8}.key-targets-section,.contribution-section{margin-bottom:clamp(2rem,5vw,3rem)}.section-title{color:#2d2d2d;margin:0 0 var(--spacing-md) 0;font-size:clamp(1.3rem,4vw,1.6rem);font-weight:700}.contribution-title{color:#6b8e23}.targets-list{gap:var(--spacing-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.target-item{padding-left:var(--spacing-md);color:#555;font-size:clamp(.95rem,2vw,1rem);line-height:1.6;position:relative}.target-item:before{content:"•";color:#6b8e23;font-size:1.2rem;font-weight:700;position:absolute;left:0}.contribution-text{color:#555;margin:0;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8}.error-container{justify-content:center;align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;min-height:60vh;display:flex}.error-icon{color:#e74c3c;opacity:.8}.error-container h2{color:#2d2d2d;margin:0;font-size:clamp(1.5rem,4vw,2rem)}.btn-back{padding:var(--spacing-sm) var(--spacing-lg);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;background:#6b8e23;border:none;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-back:hover{background:#5a7a1f;transform:translateY(-2px);box-shadow:0 4px 12px #6b8e234d}.btn-back:active{transform:translateY(0)}.skeleton-image{border-radius:var(--border-radius-lg);background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;width:100%;height:300px;animation:1.5s infinite loading}.skeleton-title{border-radius:var(--border-radius-md);width:80%;height:40px;margin-bottom:var(--spacing-md);background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;animation:1.5s infinite loading}.skeleton-paragraph{border-radius:var(--border-radius-sm);width:100%;height:20px;margin-bottom:var(--spacing-sm);background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;animation:1.5s infinite loading}.skeleton-paragraph:last-child{width:90%}@media (width<=480px){.sdg-details-page{padding:var(--spacing-md) var(--spacing-sm)}.sdg-details-container{padding:var(--spacing-lg) var(--spacing-md)}.sdg-header{gap:var(--spacing-lg)}.sdg-image-wrapper{aspect-ratio:auto;min-height:250px}}.privacy-page,.terms-page{background:var(--bg-light,#fafafa);min-height:100vh}.policy-hero{color:#fff;padding:clamp(3rem, 8vw, 6rem) var(--spacing-md);text-align:center;background-color:#909b23;margin-top:clamp(60px,10vw,80px);position:relative;overflow:hidden}.policy-hero:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.policy-hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.policy-hero h1{letter-spacing:-.5px;margin:0 0 clamp(1rem,2vw,1.5rem);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2}.policy-lead{opacity:.95;max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.policy-content{padding:clamp(3rem, 8vw, 5rem) var(--spacing-md);background:#fff}.policy-container{max-width:900px;margin:0 auto}.policy-article{flex-direction:column;gap:clamp(2rem,5vw,3rem);display:flex}.policy-article section{scroll-margin-top:100px}.policy-article h2{color:#909b23;border-bottom:2px solid #909b2333;margin:0 0 clamp(.75rem,2vw,1rem);padding-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3}.policy-article p{color:var(--text-dark,#333);margin:0;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8}.policy-article a{color:#909b23;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s}.policy-article a:hover{color:#7a8620;border-bottom-color:#909b23}.policy-list{flex-direction:column;gap:clamp(1rem,2vw,1.25rem);margin:0;padding:0;list-style:none;display:flex}.policy-list li{color:var(--text-dark,#333);padding-left:clamp(1.5rem,3vw,2rem);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8;position:relative}.policy-list li:before{content:"✓";color:#909b23;font-size:1.2em;font-weight:700;position:absolute;top:0;left:0}.policy-list strong{color:#7a8620;font-weight:600}.contact-section{background:#909b230d;border-left:4px solid #909b23;border-radius:clamp(.75rem,2vw,1rem);padding:clamp(2rem,4vw,3rem)}.contact-card{background:#fff;border:1px solid #909b2333;border-radius:clamp(.5rem,1vw,.75rem);align-items:center;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1.5rem,3vw,2rem);padding:clamp(1.25rem,2vw,1.5rem);transition:all .3s;display:flex}.contact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #909b2326}.contact-card svg{color:#909b23;flex-shrink:0;width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem)}.contact-label{color:var(--text-muted,#666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .25rem;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:500}.contact-link{color:#909b23;font-size:clamp(1rem,1.5vw,1.1rem);font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.contact-link:hover{color:#7a8620;transform:translate(4px)}.policy-footer{text-align:center;border-top:1px solid #909b2333;margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(2rem,4vw,3rem)}.policy-footer p{color:var(--text-muted,#666);margin:0;font-size:clamp(.85rem,1.5vw,.95rem)}.policy-footer time{color:#909b23;font-weight:500}@media (width<=768px){.policy-hero{margin-top:60px;padding:2rem 1rem}.policy-content{padding:2rem 1rem}.policy-article section{scroll-margin-top:80px}.contact-card{text-align:center;flex-direction:column}.contact-link:hover{transform:none}}@media (width<=480px){.policy-hero h1{font-size:1.75rem}.policy-lead{font-size:.95rem}.policy-article h2{font-size:1.25rem}.policy-list li{padding-left:1.5rem}.contact-section{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.policy-article a,.contact-card,.contact-link{transition:none}.contact-card:hover{transform:none}}.hero-icon{color:#ffffffe6;justify-content:center;margin-bottom:clamp(1rem,2vw,1.5rem);display:flex}.hero-icon svg{width:clamp(2.5rem,5vw,3.5rem);height:clamp(2.5rem,5vw,3.5rem)}.cookie-table-wrapper{border-radius:clamp(.5rem,1vw,.75rem);margin:clamp(1rem,2vw,1.5rem) 0;overflow-x:auto;box-shadow:0 2px 8px #2d7a4a14}.cookie-table{border-collapse:collapse;background:#fff;width:100%}.cookie-table thead{color:#fff;background-color:#909b23}.cookie-table th{text-align:left;letter-spacing:.5px;padding:clamp(.75rem,1.5vw,1rem);font-size:clamp(.85rem,1.5vw,.95rem);font-weight:600}.cookie-table td{color:var(--text-dark,#333);border-bottom:1px solid #909b231a;padding:clamp(.75rem,1.5vw,1rem);font-size:clamp(.9rem,1.5vw,1rem)}.cookie-table tbody tr:hover{background:#909b2308;transition:background .3s}.cookie-table tbody tr:last-child td{border-bottom:none}@media print{.policy-hero{color:#000;background:#fff;border-bottom:2px solid #ccc}.policy-hero h1{color:#000}.policy-article a{color:#000;text-decoration:underline}.contact-card{page-break-inside:avoid;border:1px solid #ccc}.cookie-table{border:1px solid #ccc}.cookie-table thead{background:#f0f0f0}.cookie-table th{color:#000}}.faq-page{background:var(--bg-light,#fafafa);min-height:100vh}.faq-hero{background:linear-gradient(135deg, var(--primary-green,#2d7a4a) 0%, var(--primary-green-dark,#1e5a35) 100%);color:#fff;padding:clamp(3rem, 8vw, 6rem) var(--spacing-md);text-align:center;margin-top:clamp(60px,10vw,80px);position:relative;overflow:hidden}.faq-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.faq-hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.faq-hero h1{letter-spacing:-.5px;margin:0 0 clamp(1rem,2vw,1.5rem);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2}.faq-lead{opacity:.95;max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.faq-search-section{padding:clamp(2rem, 5vw, 3rem) var(--spacing-md);border-bottom:1px solid var(--primary-green-light,#e8f5e9);background:#fff}.faq-container{max-width:900px;margin:0 auto}.search-wrapper{background:var(--bg-light,#fafafa);border:2px solid var(--primary-green-light,#e8f5e9);border-radius:clamp(.5rem,1vw,.75rem);align-items:center;gap:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);transition:all .3s;display:flex}.search-wrapper:focus-within{border-color:var(--primary-green,#2d7a4a);box-shadow:0 0 0 3px #2d7a4a1a}.search-icon{color:var(--primary-green,#2d7a4a);flex-shrink:0}.search-input{color:var(--text-dark,#333);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:clamp(.95rem,1.5vw,1.05rem)}.search-input::placeholder{color:var(--text-muted,#999)}.faq-content{padding:clamp(3rem, 8vw, 5rem) var(--spacing-md);background:#fff}.faq-categories{flex-direction:column;gap:clamp(2.5rem,5vw,3.5rem);display:flex}.faq-category{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);display:flex}.category-header{align-items:center;gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(.5rem,1vw,.75rem);display:flex}.category-icon{width:clamp(1.75rem,3vw,2.25rem);height:clamp(1.75rem,3vw,2.25rem);color:var(--primary-green,#2d7a4a);flex-shrink:0}.category-title{color:var(--primary-green,#2d7a4a);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3}.faq-items{flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);display:flex}.faq-item{border:1px solid var(--primary-green-light,#e8f5e9);border-radius:clamp(.5rem,1vw,.75rem);transition:all .3s;overflow:hidden}.faq-item:hover{border-color:var(--primary-green,#2d7a4a);box-shadow:0 4px 12px #2d7a4a14}.faq-item.expanded{border-color:var(--primary-green,#2d7a4a);box-shadow:0 4px 16px #2d7a4a1f}.faq-question{cursor:pointer;text-align:left;background:#fff;border:none;justify-content:space-between;align-items:center;gap:clamp(1rem,2vw,1.5rem);width:100%;padding:clamp(1rem,2vw,1.25rem) clamp(1.25rem,2vw,1.5rem);font-family:inherit;transition:all .3s;display:flex}.faq-question:hover{background:#2d7a4a05}.faq-item.expanded .faq-question{background:#2d7a4a0a}.question-text{color:var(--text-dark,#333);flex:1;font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:600;line-height:1.5}.chevron-icon{color:var(--primary-green,#2d7a4a);flex-shrink:0;justify-content:center;align-items:center;width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);display:flex}.faq-answer{border-top:1px solid var(--primary-green-light,#e8f5e9);background:#2d7a4a05;padding:clamp(1rem,2vw,1.25rem) clamp(1.25rem,2vw,1.5rem)}.faq-answer p{color:var(--text-dark,#333);margin:0;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.8}.faq-answer a{color:var(--primary-green,#2d7a4a);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s}.faq-answer a:hover{color:var(--primary-green-dark,#1e5a35);border-bottom-color:var(--primary-green,#2d7a4a)}.no-results{text-align:center;border:2px dashed var(--primary-green-light,#e8f5e9);background:#2d7a4a0d;border-radius:clamp(.75rem,2vw,1rem);padding:clamp(2rem,4vw,3rem)}.no-results p{color:var(--text-muted,#666);margin:0;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.6}.faq-cta{padding:clamp(3rem, 8vw, 5rem) var(--spacing-md);background:linear-gradient(135deg,#2d7a4a14 0%,#2d7a4a0a 100%)}.cta-button{background:linear-gradient(135deg, var(--primary-green,#2d7a4a) 0%, var(--primary-green-dark,#1e5a35) 100%);color:#fff;cursor:pointer;border:none;border-radius:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,1.5vw,.875rem) clamp(1.5rem,3vw,2rem);font-size:clamp(.9rem,1.5vw,1rem);font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 12px #2d7a4a33}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2d7a4a4d}.cta-button:active{transform:translateY(0)}@media (width<=768px){.faq-hero{margin-top:60px;padding:2rem 1rem}.faq-search-section{padding:1.5rem 1rem}.faq-content{padding:2rem 1rem}.faq-question{gap:.75rem}.question-text{font-weight:600}}@media (width<=480px){.faq-hero h1{font-size:1.75rem}.faq-lead{font-size:.95rem}.category-title{font-size:1.25rem}.search-wrapper{gap:.5rem;padding:.5rem .75rem}.faq-question{gap:.5rem;padding:.75rem 1rem}.faq-answer{padding:.75rem 1rem}.cta-button{width:100%}}@media (prefers-reduced-motion:reduce){.faq-item,.faq-question,.chevron-icon,.cta-button{transition:none}.cta-button:hover{transform:none}}@media print{.faq-search-section{display:none}.faq-item{page-break-inside:avoid;border:1px solid #ccc}.faq-question{background:#fff;border:none;padding:.75rem 0}.chevron-icon{display:none}.faq-answer{background:#fff;border:none;padding:.5rem 0;display:block}.cta-content{display:none}}.case-studies-page{background:var(--bg-light,#fafafa);min-height:100vh}.case-studies-hero{background:linear-gradient(135deg, var(--primary-green,#2d7a4a) 0%, var(--primary-green-dark,#1e5a35) 100%);color:#fff;padding:clamp(3rem, 8vw, 6rem) var(--spacing-md);text-align:center;margin-top:clamp(60px,10vw,80px);position:relative;overflow:hidden}.case-studies-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.case-studies-hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.case-studies-hero h1{letter-spacing:-.5px;margin:0 0 clamp(1rem,2vw,1.5rem);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2}.case-studies-lead{opacity:.95;max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.case-studies-content{padding:clamp(3rem, 8vw, 5rem) var(--spacing-md);background:#fff}.case-studies-container{max-width:1200px;margin:0 auto}.case-studies-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(300px,45vw,500px),1fr));gap:clamp(1.5rem,3vw,2.5rem);display:grid}.case-study-card{border:1px solid var(--primary-green-light,#e8f5e9);background:#fff;border-radius:clamp(.75rem,1.5vw,1rem);flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,3vw,2rem);transition:all .3s;display:flex;box-shadow:0 2px 8px #2d7a4a0d}.case-study-card:hover{border-color:var(--primary-green,#2d7a4a);box-shadow:0 8px 24px #2d7a4a1f}.case-study-header{align-items:flex-start;gap:clamp(1rem,2vw,1.5rem);display:flex}.case-study-icon{background:linear-gradient(135deg, var(--primary-green,#2d7a4a) 0%, var(--primary-green-dark,#1e5a35) 100%);color:#fff;border-radius:clamp(.5rem,1vw,.75rem);flex-shrink:0;justify-content:center;align-items:center;width:clamp(2.5rem,5vw,3rem);height:clamp(2.5rem,5vw,3rem);display:flex}.case-study-meta{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);display:flex}.case-study-category{color:var(--primary-green,#2d7a4a);text-transform:uppercase;letter-spacing:.5px;font-size:clamp(.75rem,1.2vw,.85rem);font-weight:600}.case-study-location{color:var(--text-muted,#666);font-size:clamp(.8rem,1.3vw,.9rem)}.case-study-title{color:var(--text-dark,#333);margin:0;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;line-height:1.4}.case-study-sections{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);display:flex}.section{flex-direction:column;gap:clamp(.5rem,1vw,.75rem);display:flex}.section-title{color:var(--primary-green,#2d7a4a);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:clamp(.9rem,1.5vw,1rem);font-weight:600}.section-text{color:var(--text-dark,#333);margin:0;font-size:clamp(.85rem,1.3vw,.95rem);line-height:1.6}.results-grid{background:#2d7a4a0a;border-radius:clamp(.5rem,1vw,.75rem);grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,1.5vw,1rem);padding:clamp(1rem,2vw,1.5rem);display:grid}.result-item{text-align:center;flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);display:flex}.result-metric{color:var(--primary-green,#2d7a4a);font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700}.result-description{color:var(--text-muted,#666);font-size:clamp(.75rem,1.2vw,.85rem);line-height:1.4}.case-study-impact{border-left:4px solid var(--primary-green,#2d7a4a);background:linear-gradient(135deg,#2d7a4a14 0%,#2d7a4a0a 100%);border-radius:clamp(.5rem,1vw,.75rem);flex-direction:column;gap:clamp(.5rem,1vw,.75rem);padding:clamp(1rem,2vw,1.5rem);display:flex}.case-study-testimonial{border:1px solid var(--primary-green-light,#e8f5e9);background:#2d7a4a05;border-radius:clamp(.5rem,1vw,.75rem);flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);padding:clamp(1rem,2vw,1.5rem);display:flex}.testimonial-quote{color:var(--text-dark,#333);margin:0;font-size:clamp(.85rem,1.3vw,.95rem);font-style:italic;line-height:1.6}.testimonial-author{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);display:flex}.author-name{color:var(--primary-green,#2d7a4a);margin:0;font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600}.author-role{color:var(--text-muted,#666);margin:0;font-size:clamp(.75rem,1.2vw,.85rem)}.case-studies-cta{padding:clamp(3rem, 8vw, 5rem) var(--spacing-md);background:linear-gradient(135deg,#2d7a4a14 0%,#2d7a4a0a 100%)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{color:var(--primary-green,#2d7a4a);margin:0 0 clamp(.75rem,1.5vw,1rem);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3}.cta-content p{color:var(--text-dark,#333);margin:0 0 clamp(1.5rem,3vw,2rem);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.6}.cta-buttons{flex-direction:column;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1rem);display:flex}.cta-button{border:2px solid #0000;border-radius:clamp(.5rem,1vw,.75rem);align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,1.5vw,.875rem) clamp(1.5rem,3vw,2rem);font-size:clamp(.9rem,1.5vw,1rem);font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button.primary{background:linear-gradient(135deg, var(--primary-green,#2d7a4a) 0%, var(--primary-green-dark,#1e5a35) 100%);color:#fff;box-shadow:0 4px 12px #2d7a4a33}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2d7a4a4d}.cta-button.secondary{color:var(--primary-green,#2d7a4a);border-color:var(--primary-green,#2d7a4a);background:#fff}.cta-button.secondary:hover{background:var(--primary-green-light,#e8f5e9)}@media (width<=768px){.case-studies-hero{margin-top:60px;padding:2rem 1rem}.case-studies-content{padding:2rem 1rem}.case-studies-grid{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column;width:100%}.cta-button{justify-content:center;width:100%}}@media (width<=480px){.case-studies-hero h1{font-size:1.75rem}.case-studies-lead{font-size:.95rem}.case-study-title{font-size:1.05rem}.results-grid{grid-template-columns:1fr}.case-study-sections{gap:.75rem}}@media (prefers-reduced-motion:reduce){.case-study-card,.cta-button{transition:none}.cta-button:hover{transform:none}}@media print{.case-studies-cta{display:none}.case-study-card{page-break-inside:avoid;border:1px solid #ccc}}.highlights-page{background:#fff;min-height:100vh}.highlights-hero{background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 50%,#4a6819 100%);padding:clamp(100px,15vh,140px) clamp(20px,5vw,40px) clamp(60px,10vh,80px);position:relative;overflow:hidden}.highlights-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff8c0026 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.highlights-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-30%;left:-10%}.highlights-hero-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:50px;align-items:center;gap:8px;margin-bottom:clamp(20px,3vh,28px);padding:8px 20px;font-size:clamp(13px,1.8vw,15px);font-weight:600;display:inline-flex}.hero-badge svg{color:#ff8c00}.hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:clamp(16px,2.5vh,24px);font-size:clamp(48px,8vw,72px);font-weight:800;line-height:1.1}.hero-subtitle{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:clamp(18px,2.5vw,22px);line-height:1.6}.highlights-container{max-width:1200px;margin:0 auto;padding:clamp(40px,6vh,60px) clamp(20px,5vw,40px) clamp(80px,12vh,120px)}.highlights-search-filter-bar{justify-content:center;width:100%;margin-bottom:clamp(24px,4vh,32px);display:flex}.highlights-search-wrapper{align-items:center;width:100%;max-width:500px;display:flex;position:relative}.highlights-search-icon{color:#64748b;pointer-events:none;z-index:1;position:absolute;left:14px}.highlights-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;min-height:44px;padding:12px 42px 12px 44px;font-size:clamp(15px,2vw,16px);line-height:1.2;transition:all .3s cubic-bezier(.32,.72,0,1);box-shadow:0 1px 2px #0f172a0f}.highlights-search-input::-ms-clear{display:none}.highlights-search-input:hover{border-color:#cbd5e1}.highlights-search-input:focus{background:#fff;border-color:#6b8e23;outline:none;box-shadow:0 0 0 3px #6b8e231f,0 1px 2px #0f172a0f}.highlights-search-input::placeholder{color:#94a3b8;font-weight:400}.highlights-clear-search{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;transition:all .2s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;right:12px}.highlights-clear-search:hover{color:#0f172a;background:#f1f5f9}.highlights-filter-toggle{color:#475569;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-size:clamp(14px,1.8vw,15px);font-weight:600;line-height:1.1;transition:all .3s cubic-bezier(.32,.72,0,1);display:flex;position:relative;box-shadow:0 1px 2px #0f172a0f}.highlights-filter-toggle svg{flex-shrink:0}.highlights-filter-toggle span{align-items:center;display:inline-flex}.highlights-filter-toggle:focus-visible{border-color:#6b8e23;outline:none;box-shadow:0 0 0 3px #6b8e231f,0 1px 2px #0f172a0f}.highlights-filter-toggle:hover{background:#f8f9fa;border-color:#cbd5e1}.highlights-filter-badge{color:#fff;background:#6b8e23;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.highlights-filters-panel{margin-bottom:clamp(24px,4vh,32px);overflow:hidden}.highlights-filters-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:8px;padding:14px;display:flex;box-shadow:0 1px 2px #0f172a0f}.highlights-filter-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:8px 14px;font-size:clamp(13px,1.8vw,14px);font-weight:600;transition:all .3s cubic-bezier(.32,.72,0,1)}.highlights-filter-chip:hover{color:#6b8e23;background:#fff;border-color:#6b8e23;box-shadow:0 2px 10px #6b8e231a}.highlights-filter-chip.active{color:#fff;background:#6b8e23;border-color:#6b8e23;box-shadow:0 6px 14px #6b8e2338}.search-results-info{color:#475569;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #6b8e23;border-radius:12px;align-items:center;gap:8px;margin-bottom:clamp(24px,4vh,32px);padding:12px 20px;font-size:clamp(14px,1.8vw,15px);display:flex}.search-results-info svg{color:#6b8e23;flex-shrink:0}.search-results-info strong{color:#6b8e23;font-weight:700}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:clamp(40px,6vh,60px);display:grid}.post-card-link{color:inherit;text-decoration:none}.post-card{box-sizing:border-box;background:#fff;border:none;border-radius:1rem;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.32,.72,0,1);display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.post-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.post-image-wrapper{width:100%;height:14rem;position:relative;overflow:hidden}.post-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.32,.72,0,1)}.post-card:hover .post-image{transform:scale(1.08)}.post-overlay{opacity:0;background:linear-gradient(#0000 0%,#0006 100%);transition:opacity .4s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.post-card:hover .post-overlay{opacity:1}.post-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;background:#6b8e23f2;border-radius:8px;padding:6px 14px;font-size:clamp(11px,1.5vw,13px);font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #00000026}.post-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.post-meta{align-items:center;gap:16px;margin-bottom:16px;display:flex}.post-title{color:#0f172a;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:clamp(18px,2.5vw,22px);font-weight:700;line-height:1.4;transition:color .3s cubic-bezier(.32,.72,0,1);display:-webkit-box;overflow:hidden}.post-card:hover .post-title{color:#6b8e23}.post-excerpt{color:#64748b;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:20px;font-size:clamp(14px,2vw,16px);line-height:1.7;display:-webkit-box;overflow:hidden}.post-footer{border-top:1px solid #f1f5f9;padding-top:16px}.read-more{color:#6b8e23;align-items:center;gap:8px;font-size:clamp(14px,1.8vw,15px);font-weight:700;transition:gap .3s cubic-bezier(.32,.72,0,1);display:inline-flex}.post-card:hover .read-more{gap:12px}.read-more .arrow{transition:transform .3s cubic-bezier(.32,.72,0,1)}.post-card:hover .read-more .arrow{transform:translate(4px)}.pagination{justify-content:center;align-items:center;gap:8px;display:flex}.pagination-button{color:#475569;cursor:pointer;box-sizing:border-box;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.32,.72,0,1);display:flex}.pagination-button:hover:not(:disabled){color:#6b8e23;background:#f1f5f9;border-color:#6b8e23}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{align-items:center;gap:6px;display:flex}.page-number{color:#475569;cursor:pointer;box-sizing:border-box;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.32,.72,0,1);display:flex}.page-number:hover{color:#6b8e23;background:#f1f5f9;border-color:#6b8e23}.page-number.active{color:#fff;background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 100%);border-color:#6b8e23;box-shadow:0 4px 12px #6b8e2333}.pagination-dots{color:#cbd5e1;padding:0 4px;font-weight:700}.error-icon{color:#ff8c00;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.error-icon svg{width:clamp(44px,7vw,56px);height:clamp(44px,7vw,56px)}.error-message{color:#64748b;max-width:500px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:clamp(15px,2vw,17px)}.retry-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 100%);border:none;border-radius:12px;padding:14px 32px;font-size:clamp(14px,1.8vw,16px);font-weight:700;transition:all .3s cubic-bezier(.32,.72,0,1);box-shadow:0 4px 12px #6b8e2333}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b8e234d}.empty-state{text-align:center;padding:clamp(60px,10vh,100px) clamp(20px,5vw,40px)}.highlights-page .empty-state{text-align:center}.empty-icon{color:#6b8e23;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.empty-icon svg{width:clamp(44px,7vw,56px);height:clamp(44px,7vw,56px)}.empty-title{color:#0f172a;margin-bottom:12px;font-size:clamp(24px,4vw,32px);font-weight:700}.empty-message{color:#64748b;text-align:center;max-width:500px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:clamp(15px,2vw,17px)}.highlights-empty-message{text-align:center;width:100%;max-width:500px;margin-left:auto;margin-right:auto;display:block}.clear-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 100%);border:none;border-radius:12px;padding:14px 32px;font-size:clamp(14px,1.8vw,16px);font-weight:700;transition:all .3s cubic-bezier(.32,.72,0,1);box-shadow:0 4px 12px #6b8e2333}.clear-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b8e234d}@media (width<=768px){.highlights-search-filter-bar{flex-direction:column}.highlights-filter-toggle{justify-content:center}.posts-grid{grid-template-columns:1fr}.pagination-numbers{flex-wrap:wrap}}@media (width<=480px){.highlights-hero{padding-top:80px}.hero-badge{font-size:13px}.highlights-search-input{padding:12px 40px}.highlights-filter-toggle{padding:12px 16px}.highlights-filters-grid{padding:12px}.post-content{padding:20px}.pagination-button,.page-number{box-sizing:border-box;width:36px;min-width:36px;height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.toast{z-index:9999;background:#fff;border-left:4px solid;border-radius:.75rem;align-items:center;gap:1rem;min-width:300px;max-width:500px;padding:1rem 1.5rem;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 40px #00000026}.toast-icon{flex-shrink:0;font-size:1.5rem}.toast-message{color:#1f2937;flex:1;font-size:.95rem;font-weight:500;line-height:1.5}.toast-close{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;transition:color .2s;display:flex}.toast-close:hover{color:#1f2937}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}@media (width<=640px){.toast{min-width:auto;max-width:none;top:1rem;left:1rem;right:1rem}}.blog-detail-new{background:#fff;min-height:100vh;padding-top:clamp(80px,10vh,120px)}.reading-progress-bar{z-index:9999;background:linear-gradient(90deg,#6b8e23 0%,#ff8c00 100%);height:3px;position:fixed;top:0;left:0;box-shadow:0 2px 8px #6b8e234d}.article-container{max-width:800px;margin:0 auto;padding:0 clamp(20px,5vw,40px) clamp(60px,10vh,100px)}.article-header{margin-bottom:clamp(40px,6vh,60px)}.back-button{color:#6b8e23;align-items:center;gap:8px;margin-bottom:clamp(24px,4vh,32px);font-size:clamp(14px,2vw,16px);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.32,.72,0,1);display:inline-flex}.back-button:hover{color:#5a7a1f;transform:translate(-4px)}.back-button svg{transition:transform .3s cubic-bezier(.32,.72,0,1)}.back-button:hover svg{transform:translate(-2px)}.article-meta-top,.article-tags{flex-wrap:wrap;gap:8px;margin-bottom:clamp(20px,3vh,28px);display:flex}.tag-badge{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;padding:6px 14px;font-size:clamp(12px,1.5vw,14px);font-weight:600;transition:all .3s cubic-bezier(.32,.72,0,1);display:inline-flex}.tag-badge:hover{color:#ff8c00;background:#fff;border-color:#ff8c00;transform:translateY(-1px);box-shadow:0 6px 18px #ff8c0024}.tag-badge:focus-visible{border-color:#ff8c00;outline:none;box-shadow:0 0 0 3px #ff8c002e}.article-tags-bottom{border-top:1px solid #e5e7eb;margin-top:clamp(36px,6vh,56px);padding-top:clamp(18px,3vh,22px)}.article-tags-bottom-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:10px;font-size:12px;font-weight:900}.category-badge{color:#fff;background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 100%);border-radius:20px;align-items:center;padding:6px 16px;font-size:clamp(12px,1.5vw,14px);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.32,.72,0,1);display:inline-flex;box-shadow:0 2px 8px #6b8e2333}.category-badge:hover{background:linear-gradient(135deg,#5a7a1f 0%,#4a6819 100%);transform:translateY(-2px);box-shadow:0 4px 12px #6b8e234d}.article-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:clamp(20px,3vh,28px);font-size:clamp(24px,4.2vw,42px);font-weight:800;line-height:1.2}.article-meta-info{border-bottom:2px solid #f5f5f5;flex-wrap:wrap;gap:clamp(16px,3vw,24px);padding-bottom:clamp(24px,4vh,32px);display:flex}.meta-item{color:#64748b;align-items:center;gap:8px;font-size:clamp(14px,1.8vw,16px);font-weight:500;display:flex}.meta-item svg{color:#6b8e23;flex-shrink:0}.featured-image-wrapper{border-radius:clamp(16px,2vw,24px);margin:clamp(40px,6vh,60px) 0;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}.featured-image-wrapper:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0000000d 100%);position:absolute;inset:0}.featured-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .6s cubic-bezier(.32,.72,0,1);display:block}.featured-image-wrapper:hover .featured-image{transform:scale(1.02)}.article-actions-bar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(32px,5vh,48px);padding:clamp(20px,3vh,28px) 0;display:flex}.actions-left,.actions-right{align-items:center;gap:12px;display:flex}.action-button{color:#475569;cursor:pointer;background:#f8f9fa;border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.32,.72,0,1);display:inline-flex}.action-button:hover{background:#f1f3f5;border-color:#e5e7eb;transform:translateY(-1px)}.action-button.active{color:#fff;background:linear-gradient(135deg,#ff8c00 0%,#f70 100%);border-color:#ff8c00}.action-button.active:hover{background:linear-gradient(135deg,#f70 0%,#f60 100%);border-color:#f70}.action-button svg{flex-shrink:0}.share-wrapper{position:relative}.share-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:200px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #00000026}.share-menu-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.32,.72,0,1);display:flex}.share-menu-item:hover{color:#0f172a;background:#f8f9fa}.share-menu-item.facebook:hover{color:#fff;background:#1877f2}.share-menu-item.twitter:hover{color:#fff;background:#000}.share-menu-item.linkedin:hover{color:#fff;background:#0a66c2}.share-menu-item.email:hover{color:#fff;background:#6b8e23}.share-menu-item.copy:hover{color:#fff;background:#ff8c00}.share-menu-item svg{flex-shrink:0}.article-content{color:#334155;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:clamp(60px,10vh,100px);font-size:clamp(17px,2.2vw,19px);line-height:1.8}.article-content h2{color:#0f172a;letter-spacing:-.01em;border-bottom:3px solid #6b8e23;margin-top:clamp(48px,8vh,64px);margin-bottom:clamp(20px,3vh,28px);padding-bottom:16px;font-size:clamp(28px,4vw,36px);font-weight:700;line-height:1.3}.article-content h3{color:#1e293b;margin-top:clamp(36px,6vh,48px);margin-bottom:clamp(16px,2.5vh,20px);font-size:clamp(22px,3.5vw,28px);font-weight:600;line-height:1.4}.article-content h4{color:#334155;margin-top:clamp(28px,5vh,36px);margin-bottom:clamp(12px,2vh,16px);font-size:clamp(19px,3vw,22px);font-weight:600;line-height:1.5}.article-content p{color:#475569;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:clamp(20px,3vh,28px)}.article-content a{color:#6b8e23;border-bottom:2px solid #0000;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.32,.72,0,1)}.article-content a:hover{color:#5a7a1f;border-bottom-color:#6b8e23}.article-content strong{color:#0f172a;font-weight:700}.article-content em{color:var(--primary-green);font-style:italic}.article-content i,.article-content q{color:var(--primary-green)}.article-content img{border-radius:clamp(12px,2vw,20px);width:100%;height:auto;margin:clamp(32px,5vh,48px) 0;box-shadow:0 10px 30px #0000001a}.article-content blockquote{color:var(--primary-green);background:linear-gradient(135deg,#f8faf6 0%,#fff 100%);border-left:4px solid #ff8c00;border-radius:0 16px 16px 0;margin:clamp(32px,5vh,48px) 0;padding:clamp(24px,4vw,32px);font-size:clamp(18px,2.5vw,21px);font-style:italic;line-height:1.7;box-shadow:0 4px 16px #6b8e2314}.article-content ul,.article-content ol{margin:clamp(24px,4vh,32px) 0;padding-left:clamp(24px,4vw,32px)}.article-content li{color:#475569;margin-bottom:12px;line-height:1.8}.article-content li::marker{color:#6b8e23;font-weight:700}.article-content code{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-family:Courier New,monospace;font-size:.9em}.article-content pre{color:#e2e8f0;background:#0f172a;border-radius:16px;margin:clamp(32px,5vh,48px) 0;padding:clamp(20px,3vw,28px);overflow-x:auto;box-shadow:0 10px 30px #0003}.article-content pre code{color:inherit;background:0 0;border:none;padding:0;font-size:clamp(13px,1.8vw,15px)}.article-content table{border-collapse:collapse;border-radius:16px;width:100%;margin:clamp(32px,5vh,48px) 0;overflow:hidden;box-shadow:0 4px 16px #00000014}.article-content th{color:#fff;text-align:left;background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 100%);padding:16px;font-size:clamp(14px,2vw,16px);font-weight:700}.article-content td{border-bottom:1px solid #e5e7eb;padding:16px;font-size:clamp(14px,2vw,16px)}.article-content tr:nth-child(2n){background:#f8f9fa}.article-content tr:hover{background:#f1f3f5}.article-content hr{border:none;border-top:2px solid #e5e7eb;margin:clamp(48px,8vh,64px) 0}.related-posts-section,.comments-section{border-top:2px solid #f5f5f5;margin-top:clamp(60px,10vh,100px);padding-top:clamp(48px,8vh,64px)}.comments-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(20px,3vh,28px);display:flex}.comments-title{color:#0f172a;letter-spacing:-.01em;font-size:clamp(26px,4vw,34px);font-weight:800}.comments-count{color:#64748b;font-size:clamp(13px,1.8vw,15px);font-weight:700}.comments-error{color:#b91c1c;background:#ef44440f;border:1px solid #ef444440;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:600}.comments-empty{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px;font-weight:600}.comments-list{flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vh,36px);display:flex}.comment-item.is-reply{margin-left:clamp(16px,3vw,28px)}.comment-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 2px 12px #0f172a0f}.comment-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.comment-author{align-items:center;gap:12px;min-width:0;display:flex}.comment-status{color:#92400e;white-space:nowrap;background:#f59e0b1a;border:1px solid #f59e0b47;border-radius:999px;margin-left:12px;padding:6px 10px;font-size:12px;font-weight:800}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.comment-avatar-fallback{color:#fff;background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.comment-author-meta{min-width:0}.comment-author-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.comment-date{color:#64748b;font-size:13px;font-weight:600}.comment-reply-button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-weight:700;transition:all .25s cubic-bezier(.32,.72,0,1);display:inline-flex}.comment-reply-button:hover{color:#6b8e23;background:#fff;border-color:#6b8e23;transform:translateY(-1px);box-shadow:0 6px 18px #6b8e231f}.comment-reply-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.comment-content{color:#475569;font-size:15px;line-height:1.8}.comment-content a{color:#6b8e23;border-bottom:2px solid #0000;font-weight:700;text-decoration:none}.comment-content a:hover{border-bottom-color:#6b8e23}.comment-replies{flex-direction:column;gap:12px;margin-top:12px;display:flex}.comment-form-wrapper{background:linear-gradient(135deg,#f8faf6 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:18px;padding:clamp(16px,3vw,22px)}.comment-form-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.comment-form-title{color:#0f172a;font-size:18px;font-weight:800}.comment-login-required{background:#f59e0b14;border:1px solid #f59e0b47;border-radius:14px;margin-bottom:14px;padding:14px}.comment-login-required-title{color:#92400e;margin-bottom:4px;font-weight:900}.comment-login-required-text{color:#78350f;margin-bottom:10px;font-weight:600}.comment-login-button{color:#fff;background:linear-gradient(135deg,#ff8c00 0%,#f70 100%);border:1px solid #ff8c0040;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:900;text-decoration:none;transition:all .25s cubic-bezier(.32,.72,0,1);display:inline-flex}.comment-login-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff8c0033}.replying-to{color:#475569;font-size:13px;font-weight:600}.reply-cancel{color:#ff8c00;cursor:pointer;background:0 0;border:none;margin-left:10px;font-weight:800}.reply-cancel:hover{text-decoration:underline}.comment-form{flex-direction:column;gap:14px;display:flex}.comment-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.comment-form .field{flex-direction:column;gap:6px;display:flex}.comment-form label{color:#0f172a;font-size:13px;font-weight:800}.comment-form input,.comment-form textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:12px;font-size:15px;transition:all .25s cubic-bezier(.32,.72,0,1)}.comment-form textarea{resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:#6b8e23;outline:none;box-shadow:0 0 0 3px #6b8e231f}.field-error{color:#b91c1c;font-size:12px;font-weight:700}.comment-form-actions{justify-content:flex-end;display:flex}.comment-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 100%);border:1px solid #6b8e2340;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;transition:all .25s cubic-bezier(.32,.72,0,1);display:inline-flex}.comment-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #6b8e2338}.comment-submit:disabled{opacity:.6;cursor:not-allowed}.related-posts-title{color:#0f172a;letter-spacing:-.01em;margin-bottom:clamp(32px,5vh,48px);font-size:clamp(28px,4vw,36px);font-weight:700}.related-posts-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(280px,40vw,340px),1fr));gap:clamp(24px,4vw,32px);display:grid}.related-post-card{background:#fff;border:1px solid #f5f5f5;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.32,.72,0,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000f}.related-post-card:hover{border-color:#6b8e23;transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.related-post-image{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.related-post-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.32,.72,0,1)}.related-post-card:hover .related-post-image img{transform:scale(1.08)}.related-post-content{padding:clamp(20px,3vw,28px)}.related-post-meta{color:#64748b;margin-bottom:12px;font-size:clamp(12px,1.5vw,14px);font-weight:500}.related-post-title{color:#0f172a;margin-bottom:12px;font-size:clamp(18px,2.5vw,22px);font-weight:700;line-height:1.4;transition:color .3s cubic-bezier(.32,.72,0,1)}.related-post-card:hover .related-post-title{color:#6b8e23}.related-post-excerpt{color:#64748b;font-size:clamp(14px,2vw,16px);line-height:1.6}.back-to-top-button{color:#fff;cursor:pointer;z-index:999;background:linear-gradient(135deg,#6b8e23 0%,#5a7a1f 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:clamp(24px,4vh,40px);right:clamp(24px,4vw,40px);box-shadow:0 8px 24px #6b8e234d}.back-to-top-button:hover{background:linear-gradient(135deg,#5a7a1f 0%,#4a6819 100%);transform:translateY(-4px);box-shadow:0 12px 32px #6b8e2366}.back-to-top-button:active{transform:translateY(-2px)}.error-state{text-align:center;padding:clamp(60px,10vh,100px) clamp(20px,5vw,40px)}.error-icon{color:#cbd5e1;margin-bottom:24px}.error-title{color:#0f172a;margin-bottom:24px;font-size:clamp(24px,4vw,32px);font-weight:700}@media (width<=768px){.article-actions-bar{flex-flow:wrap;justify-content:space-between;align-items:center}.actions-left,.actions-right{flex:1}.actions-left{justify-content:flex-start}.actions-right{justify-content:flex-end}.share-menu{min-width:0;max-width:min(320px,100vw - 32px);left:auto;right:0;transform:none}.related-posts-grid,.comment-form-row{grid-template-columns:1fr}.action-button span{display:inline}}@media (width<=480px){.blog-detail-new{padding-top:80px}.article-meta-info{flex-direction:column;gap:12px}.action-button{padding:8px 16px;font-size:13px}.back-to-top-button{width:48px;height:48px;bottom:20px;right:20px}}@media print{.reading-progress-bar,.back-button,.article-actions-bar,.related-posts-section,.back-to-top-button{display:none}.article-content{font-size:12pt;line-height:1.6}.article-title{page-break-after:avoid;font-size:24pt}.featured-image-wrapper{page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.shop-page{background-color:#faf9f7;min-height:100vh;padding-top:80px}.shop-hero{text-align:center;background:linear-gradient(150deg, var(--dark-brown) 0%, var(--raisin-black) 100%);color:#fff;margin-bottom:0;padding:5rem 2rem;position:relative;overflow:hidden}.shop-hero:before{content:"";pointer-events:none;background:radial-gradient(at 60% 40%,#909b231f 0%,#0000 65%);position:absolute;inset:0}.shop-hero-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.shop-hero-badge{color:#c8d45a;letter-spacing:.1em;text-transform:uppercase;background:#909b2326;border:1px solid #909b2359;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.3rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.shop-hero h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800}.shop-hero p{color:#ffffffa6;font-size:1rem;font-weight:400;line-height:1.6}.shop-container{align-items:flex-start;gap:2.5rem;max-width:1280px;margin:0 auto;padding:3rem 2rem;display:flex}.side-filters{flex-shrink:0;width:220px;position:sticky;top:100px}.filter-group{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:1.5rem}.filter-group h3{letter-spacing:.12em;text-transform:uppercase;color:var(--dark-brown);border-bottom:1px solid #f0f0f0;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.7rem;font-weight:800}.category-list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.category-item{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.category-item:hover{color:var(--dark-brown);background:#909b230f}.category-item.active{color:var(--primary-green);background:#909b231a;font-weight:700}.cat-dot{background:0 0;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s}.category-item.active .cat-dot{background:var(--primary-green)}.product-list-container{flex:1;min-width:0}.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.shop-product-card{cursor:pointer;background:#fff;border:1px solid #ebebeb;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden}.shop-product-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #3020161a}.product-img-wrapper{background:#f5f3ef;justify-content:center;align-items:center;height:260px;display:flex;position:relative;overflow:hidden}.product-img-wrapper>div:first-child{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.product-img-wrapper img{box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;padding:1.25rem;transition:transform .4s;object-fit:contain!important}.product-info-link{color:inherit;text-decoration:none;display:block}.shop-product-card:hover .product-img-wrapper img{transform:scale(1.04)}.product-img-placeholder{color:#ccc;justify-content:center;align-items:center;display:flex}.add-to-cart-overlay{justify-content:center;padding:1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.shop-product-card:hover .add-to-cart-overlay{transform:translateY(0)}.btn-add-cart{background:var(--primary-green);color:#fff;letter-spacing:.04em;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.6rem 1.4rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #909b2359}.btn-add-cart:hover{background:#7d871f;transform:scale(1.04)}.btn-add-cart.added{background:var(--dark-brown);box-shadow:none}.product-info{border-top:1px solid #f5f5f5;padding:1.25rem}.product-cat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--primary-green);margin-bottom:.35rem;font-size:.65rem;font-weight:700}.product-name{color:var(--dark-brown);margin-bottom:.4rem;font-size:.95rem;font-weight:700;line-height:1.35}.price-tag{color:var(--primary-green);font-size:1.1rem;font-weight:800}.bulk-badge{color:#16a34a;text-transform:uppercase;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.price-container{position:relative}.bulk-pricing-preview{border-top:1px dashed #e2e8f0;flex-direction:column;gap:.25rem;margin-top:.75rem;padding-top:.75rem;display:flex}.bulk-price-row{color:#64748b;justify-content:space-between;font-size:.75rem;display:flex}.bulk-price-row strong{color:#1e293b}.shop-state-container{color:#aaa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.shop-state-container h3{color:var(--dark-brown);font-size:1.1rem;font-weight:700}.shop-state-container p{color:#999;font-size:.9rem}.shop-state-icon{color:#ddd;margin-bottom:.5rem}.shop-spinner{border:3px solid #e8e8e8;border-top-color:var(--primary-green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.btn-retry{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem 1.4rem;font-size:.875rem;font-weight:600;display:inline-flex}@media (width<=900px){.shop-container{flex-direction:column;padding:2rem 1.25rem}.side-filters{width:100%;position:static}.category-list{flex-flow:wrap}.category-item{background:#f5f5f5;border-radius:999px;padding:.4rem .8rem;font-size:.8rem}.category-item.active{background:#909b231f}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}.coming-soon-badge-overlay{z-index:5;color:#fff;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#909b23e6;border:1px solid #ffffff26;border-radius:999px;padding:.35rem .85rem;font-size:.72rem;font-weight:700;transition:transform .3s;position:absolute;top:1rem;left:1rem;box-shadow:0 4px 12px #30201626}.shop-product-card:hover .coming-soon-badge-overlay{transform:scale(1.05)}.btn-add-cart.disabled{color:#a0aec0!important;cursor:not-allowed!important;box-shadow:none!important;background:#e2e8f0!important;border:1px solid #cbd5e0!important;transform:none!important}.btn-add-cart.disabled:hover{background:#e2e8f0!important;transform:none!important}.skeleton-box{background-color:#e2e8f0;height:1em;display:inline-block;position:relative;overflow:hidden}.skeleton-box:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-box.text{border-radius:4px;width:100%;height:.8em;margin-bottom:.5em}.skeleton-box.rect{border-radius:8px;width:100%;height:100%}.skeleton-box.circle{border-radius:50%}.rh-container{display:inline-block;position:relative}.rh-popover{z-index:1000;background:#fff;border:1px solid #edf2f7;border-radius:12px;width:320px;margin-top:12px;padding:1.25rem;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #00000026}.rh-popover-arrow{background:#fff;border-top:1px solid #edf2f7;border-left:1px solid #edf2f7;width:12px;height:12px;position:absolute;top:-6px;left:20px;transform:rotate(45deg)}.rh-header{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.rh-avg-text{color:#1a1a1a;font-size:1.1rem;font-weight:700}.rh-total-text{color:#718096;margin-bottom:1.5rem;font-size:.85rem}.rh-distribution{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.rh-dist-row{grid-template-columns:50px 1fr 40px;align-items:center;gap:.75rem;display:grid}.rh-star-label{color:var(--primary-green);font-size:.85rem;font-weight:600}.rh-progress-bg{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;height:20px;overflow:hidden}.rh-progress-fill{background:linear-gradient(90deg,#ffa41c,#ff7b00);border-radius:4px;height:100%}.rh-percentage{color:var(--primary-green);text-align:right;font-size:.85rem;font-weight:600}.rh-variations{border-top:1px solid #edf2f7;margin-bottom:1rem;padding-top:1rem}.rh-variations h6{color:#4a5568;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.rh-var-list{flex-direction:column;gap:.4rem;display:flex}.rh-var-item{color:#2d3748;justify-content:space-between;font-size:.85rem;display:flex}.rh-var-item strong{color:var(--primary-green)}.rh-footer{text-align:center;border-top:1px solid #edf2f7;padding-top:.75rem}.rh-link{color:var(--primary-green);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600;transition:color .2s}.rh-link:hover{color:#c45500;text-decoration:underline}.prv-root{position:relative}.prv-toast{z-index:9999;border-radius:12px;align-items:center;gap:.6rem;padding:.9rem 1.4rem;font-size:.9rem;font-weight:600;animation:.3s prv-slide-in;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 24px #00000026}.prv-toast--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.prv-toast--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}@keyframes prv-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prv-loading{color:#718096;flex-direction:column;align-items:center;gap:1rem;padding:4rem;display:flex}.prv-spinner{border:3px solid #e2e8f0;border-top-color:var(--primary-green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite prv-spin}@keyframes prv-spin{to{transform:rotate(360deg)}}.prv-grid{grid-template-columns:300px 1fr;align-items:start;gap:4rem;display:grid}.prv-grid--full{grid-template-columns:1fr}.prv-sidebar{flex-direction:column;gap:1.75rem;display:flex;position:sticky;top:100px}.prv-stats-block{background:#fff;border:1px solid #edf2f7;border-radius:16px;padding:1.5rem}.prv-stats-title{color:#1a1a1a;margin-bottom:1rem;font-size:1.25rem;font-weight:800}.prv-avg-row{align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.prv-avg-label{color:#1a1a1a;font-size:1rem;font-weight:700}.prv-total-label{color:#718096;margin-bottom:1.25rem;font-size:.85rem}.prv-distribution{flex-direction:column;gap:.6rem;display:flex}.prv-dist-row{grid-template-columns:44px 1fr 36px;align-items:center;gap:.75rem;display:grid}.prv-dist-label{color:#007185;white-space:nowrap;font-size:.8rem;font-weight:600}.prv-dist-bar-bg{background:#f1f5f9;border-radius:99px;height:14px;overflow:hidden}.prv-dist-bar-fill{background:linear-gradient(90deg,#ffa41c,#ff7b00);border-radius:99px;height:100%;transition:width .5s}.prv-dist-pct{color:#718096;text-align:right;font-size:.78rem;font-weight:600}.prv-write-block{background:#fff;border:1px solid #edf2f7;border-radius:16px;padding:1.5rem}.prv-write-block--inline{margin-top:2.5rem;position:static}.prv-write-title{color:#1a1a1a;margin-bottom:.35rem;font-size:1.05rem;font-weight:700}.prv-write-sub{color:#718096;margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.prv-auth-prompt{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.prv-auth-icon{color:var(--primary-green);margin-bottom:.25rem}.prv-auth-prompt h4{color:#1a1a1a;font-size:.95rem;font-weight:700}.prv-auth-prompt p{color:#718096;margin-bottom:.75rem;font-size:.85rem}.prv-auth-actions{flex-wrap:wrap;gap:.75rem;width:100%;display:flex}.prv-btn-login,.prv-btn-register{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.prv-btn-login{background:var(--primary-green);color:#fff;border:none}.prv-btn-login:hover{background:#7d8620}.prv-btn-register{color:var(--primary-green);border:1.5px solid var(--primary-green);background:#fff}.prv-btn-register:hover{background:#f0fdf4}.prv-not-eligible{color:#718096;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;align-items:center;gap:.6rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.prv-not-eligible svg{color:#a0aec0;flex-shrink:0}.prv-btn-write{color:#1a1a1a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.prv-btn-write:hover{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.prv-see-all-link{color:#1a1a1a;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.prv-see-all-link:hover{color:var(--primary-green);background:#edf2f7}.prv-main{flex-direction:column;gap:1rem;display:flex}.prv-sort-bar{color:#718096;border-bottom:1px solid #edf2f7;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:1rem;font-size:.875rem;display:flex}.prv-sort-select{color:#1a1a1a;cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem;font-weight:700}.prv-list{flex-direction:column;gap:0;display:flex}.prv-empty{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.prv-empty-icon{color:#d1d5db}.prv-empty h3{color:#1a1a1a;font-size:1.1rem;font-weight:700}.prv-empty p{color:#718096;max-width:260px;font-size:.9rem}.prv-review-card{border-bottom:1px solid #f1f5f9;padding:1.75rem 0}.prv-review-card:last-child{border-bottom:none}.prv-reviewer-row{align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.prv-avatar{width:36px;height:36px;color:var(--primary-green);background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.prv-reviewer-name{color:#1a1a1a;font-size:.95rem;font-weight:700}.prv-rating-row{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.prv-headline{color:#1a1a1a;font-size:.95rem;font-weight:800}.prv-variation-badge{color:#718096;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}.prv-variation-badge svg{color:#a0aec0}.prv-meta-row{color:#718096;align-items:center;gap:.6rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.prv-meta-sep{background:#d1d5db;width:1px;height:12px;display:inline-block}.prv-verified{text-transform:uppercase;letter-spacing:.05em;color:var(--burnt-orange,#c50);font-size:.75rem;font-weight:700}.prv-comment{color:#2d3748;margin-bottom:1rem;font-size:.95rem;line-height:1.7}.prv-actions-row{align-items:center;gap:1rem;display:flex}.prv-helpful-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.prv-helpful-btn:hover{background:#f8fafc;border-color:#cbd5e1}.prv-report-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .2s}.prv-report-btn:hover{color:#718096}.prv-form-card{background:#fff;border:2px solid #dcfce7;border-radius:20px;margin-top:2.5rem;padding:2.5rem;scroll-margin-top:100px;box-shadow:0 8px 30px #909b2314}.prv-form-title{color:#1a1a1a;margin-bottom:2rem;font-size:1.4rem;font-weight:800}.prv-form{flex-direction:column;gap:1.5rem;display:flex}.prv-form-field{flex-direction:column;gap:.6rem;display:flex}.prv-form-label{color:#1a1a1a;font-size:.875rem;font-weight:700}.prv-star-picker{align-items:center;gap:.25rem;display:flex}.prv-star-btn{cursor:pointer;background:0 0;border:none;padding:.25rem;line-height:0;transition:transform .15s}.prv-star-btn:hover{transform:scale(1.2)}.prv-star-label{color:#ffa41c;margin-left:.75rem;font-size:.85rem;font-weight:700}.prv-input{color:#1a1a1a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.prv-input:focus{border-color:var(--primary-green);background:#fff;outline:none;box-shadow:0 0 0 4px #909b2314}.prv-textarea{resize:vertical;min-height:120px}.prv-form-actions{flex-wrap:wrap;gap:1rem;display:flex}.prv-btn-cancel{color:#718096;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.prv-btn-cancel:hover{background:#f8fafc}.prv-btn-submit{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.75rem 2rem;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #909b2340}.prv-btn-submit:hover:not(:disabled){background:#7d8620;transform:translateY(-1px)}.prv-btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.prv-grid{grid-template-columns:1fr;gap:2rem}.prv-sidebar{position:static}}@media (width<=480px){.prv-form-card{padding:1.5rem}.prv-auth-actions{flex-direction:column}.prv-btn-login,.prv-btn-register{flex:unset;width:100%}.prv-toast{bottom:1rem;left:1rem;right:1rem}}.product-detail-page{color:#1a1a1a;background-color:#fff;min-height:100vh;padding-top:80px}.pd-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.pd-breadcrumbs{color:#718096;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.pd-breadcrumbs a{color:inherit;align-items:center;gap:.4rem;text-decoration:none;transition:color .2s;display:flex}.pd-breadcrumbs a:hover{color:var(--primary-green)}.pd-breadcrumbs span.current{color:#1a1a1a;font-weight:600}.pd-main-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:4rem;display:grid}.pd-gallery{gap:1.5rem;display:flex}.pd-thumbnails{flex-direction:column;gap:1rem;display:flex}.pd-thumb{cursor:pointer;background:#f7f7f7;border:2px solid #0000;border-radius:8px;width:70px;height:70px;transition:all .2s;overflow:hidden}.pd-thumb img{object-fit:contain;width:100%;height:100%}.pd-thumb.active{border-color:var(--primary-green)}.pd-image-wrapper{flex-direction:column;flex:1;gap:.75rem;width:100%;max-width:480px;display:flex;position:relative}.pd-main-image-container{aspect-ratio:1;cursor:crosshair;background:#fff;border:1px solid #edf2f7;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:480px;display:flex;position:relative}.pd-main-image{object-fit:contain;box-sizing:border-box;border-radius:12px;width:100%;max-width:100%;height:100%;max-height:100%;padding:.75rem}.pd-image-lens{pointer-events:none;z-index:10;background-color:#ffffff59;border:1.5px solid #909b2380;border-radius:4px;width:180px;height:180px;position:absolute;box-shadow:0 0 0 1px #00000014}.pd-image-zoom-window{z-index:200;pointer-events:none;background-color:#fff;background-repeat:no-repeat;background-size:400%;border:1px solid #edf2f7;border-radius:12px;width:480px;height:480px;position:absolute;top:0;left:calc(100% + 2rem);box-shadow:0 15px 40px #0000002e}.pd-full-view-btn{color:#007185;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.45rem;padding:.35rem 0;font-size:.8rem;font-weight:600;text-decoration:underline;transition:color .2s;display:inline-flex}.pd-full-view-btn:hover{color:#005f6b}.pd-info{flex-direction:column;display:flex}.pd-header-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pd-rating{align-items:center;gap:.25rem;display:flex}.pd-rating-count{color:#007185;cursor:pointer;margin-left:.5rem;font-size:.8rem}.pd-rating-count:hover{color:#c45500;text-decoration:underline}.pd-category-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-green);font-size:.75rem;font-weight:700}.pd-title{margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;line-height:1.3}.pd-price-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.25rem}.pd-price-row{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.pd-price{color:#1a1a1a;font-size:2rem;font-weight:800}.pd-savings-badge{color:#cc0c39;font-size:.8rem;font-weight:600}.pd-stock-row{align-items:center;display:flex}.pd-stock-status{align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;display:flex}.pd-stock-status.in-stock{color:#166534;background:#f0fdf4}.pd-stock-status.out-stock{color:#991b1b;background:#fef2f2}.pd-description{color:#4a5568;margin-bottom:2rem;font-size:1rem;line-height:1.7}.pd-varieties{margin-bottom:2rem}.pd-label{color:#1a1a1a;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:block}.pd-variety-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.pd-variety-box{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .2s;position:relative}.pd-variety-box:hover{background:#f8fafc;border-color:#cbd5e1}.pd-variety-box.active{border-color:var(--primary-green);background:#f0fdf4;box-shadow:0 4px 12px #909b231a}.pd-variety-name{margin-bottom:.15rem;font-size:.9rem;font-weight:700}.pd-variety-price-info{color:#1a1a1a;font-size:.85rem;font-weight:600}.pd-variety-stock-info{color:#718096;font-size:.7rem}.pd-variety-check{background:var(--primary-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-6px;right:-6px}.pd-buy-box{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:2.5rem;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.pd-quantity-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.pd-moq-hint{color:#718096;font-size:.75rem;font-style:italic}.pd-main-actions{flex-direction:column;gap:.75rem;display:flex}.pd-quantity-selector{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:.2rem;display:flex}.pd-quantity-selector button{cursor:pointer;color:#4a5568;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pd-add-btn{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #909b2333}.pd-add-btn:hover{background:#7d8620;transform:translateY(-2px);box-shadow:0 6px 16px #909b234d}.pd-buy-btn{background:var(--burnt-orange);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #c503}.pd-buy-btn:hover{background:#b34a00;transform:translateY(-2px);box-shadow:0 6px 16px #cc55004d}.pd-trust-badges{background:#fafafa;border-radius:12px;gap:2rem;margin-bottom:2.5rem;padding:1.5rem;display:flex}.pd-trust-item{color:#4a5568;align-items:center;gap:.75rem;font-size:.85rem;font-weight:600;display:flex}.pd-trust-item svg{color:var(--primary-green)}.pd-accordions{border-top:1px solid #e2e8f0}.pd-accordion-item{border-bottom:1px solid #e2e8f0}.pd-accordion-header{color:#1a1a1a;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 0;font-size:1rem;font-weight:700;transition:color .2s;display:flex}.pd-accordion-header:hover{color:var(--primary-green)}.pd-icon-chevron{transition:transform .3s}.pd-accordion-item.open .pd-icon-chevron{transform:rotate(180deg)}.pd-accordion-content{overflow:hidden}.pd-accordion-inner{color:#718096;padding-bottom:1.5rem;font-size:.95rem;line-height:1.7}.pd-accordions.amazon-style{border-top:none}.pd-accordions.amazon-style .pd-accordion-item{border-bottom:1px solid #eee}.pd-highlights-grid{flex-direction:column;gap:.75rem;padding-top:.5rem;display:flex}.pd-highlight-row{grid-template-columns:140px 1fr;gap:1.5rem;font-size:.95rem;display:grid}.pd-highlight-attr{color:#111;font-weight:700}.pd-highlight-detail{color:#333}.pd-features-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.pd-features-list li{color:#333;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;display:flex}.pd-bullet{background:#333;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:.5rem}.pd-warranty-section{padding-top:.5rem}.pd-warranty-section h4{color:#111;margin-bottom:.75rem;font-size:.95rem;font-weight:700}.pd-warranty-section p{color:#444;font-size:.9rem;line-height:1.6}.pd-related{border-top:1px solid #e2e8f0;margin-top:5rem;padding-top:4rem}.pd-section-title{margin-bottom:2rem;font-size:1.5rem;font-weight:800}.pd-related-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem;display:grid}.pd-related-card{color:inherit;text-decoration:none;transition:transform .3s}.pd-related-card:hover{transform:translateY(-8px)}.pd-related-img{aspect-ratio:1;background:#f7f7f7;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex;overflow:hidden}.pd-related-img img{object-fit:contain;width:100%;height:100%}.pd-related-cat{text-transform:uppercase;color:var(--primary-green);margin-bottom:.25rem;font-size:.65rem;font-weight:700}.pd-related-name{margin-bottom:.35rem;font-size:1rem;font-weight:700}.pd-related-price{color:var(--primary-green);font-weight:800}@media (width<=968px){.pd-main-grid{grid-template-columns:1fr;gap:2rem}.pd-gallery{flex-direction:column-reverse}.pd-thumbnails{flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.pd-thumb{flex-shrink:0;width:60px;height:60px}.pd-image-lens,.pd-image-zoom-window{display:none!important}.pd-image-wrapper{flex-direction:column}}@media (width<=480px){.pd-title{font-size:1.75rem}.pd-trust-badges{flex-direction:column;gap:1rem}.pd-actions{flex-direction:column}}.pd-lightbox{z-index:2000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pd-lightbox-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;width:100%;height:100%;position:absolute;top:0;left:0}.pd-lightbox-content{background:#fff;border-radius:16px;flex-direction:column;width:95vw;height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080}.pd-lightbox-close{color:#1a1a1a;cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 12px #0000001a}.pd-lightbox-close:hover{background:#f8fafc;transform:scale(1.1)}.pd-lightbox-main{flex:1;grid-template-columns:1fr 300px;height:100%;display:grid}.pd-lightbox-image-area{background:#f8fafc;justify-content:center;align-items:center;padding:3rem;display:flex;overflow:hidden}.pd-lightbox-image-area img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.pd-lightbox-sidebar{border-left:1px solid #edf2f7;flex-direction:column;gap:2rem;padding:2.5rem;display:flex;overflow-y:auto}.pd-lightbox-info h3{color:#1a1a1a;margin-bottom:.75rem;font-size:1.25rem;font-weight:800;line-height:1.4}.pd-lightbox-variation{color:#718096;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.pd-lightbox-thumbs-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.pd-lightbox-thumb{aspect-ratio:1;cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:8px;padding:0;transition:all .2s;overflow:hidden}.pd-lightbox-thumb.active{border-color:var(--primary-green);box-shadow:0 4px 12px #909b2333}.pd-lightbox-thumb img{object-fit:contain;width:100%;height:100%}@media (width<=768px){.pd-lightbox-main{grid-template-rows:1fr 200px;grid-template-columns:1fr}.pd-lightbox-sidebar{border-top:1px solid #edf2f7;border-left:none;padding:1.5rem}.pd-lightbox-thumbs-grid{grid-template-columns:repeat(4,1fr)}}.pd-variations{margin-bottom:2rem}.pd-label{text-transform:uppercase;color:#718096;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:block}.pd-var-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.pd-var-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #edf2f7;border-radius:10px;flex-direction:column;align-items:flex-start;padding:.75rem 1rem;transition:all .2s;display:flex}.pd-var-btn:hover{background:#f8fafc;border-color:#cbd5e1}.pd-var-btn.active{border-color:var(--primary-green);background:#f0fdf4;box-shadow:0 4px 12px #909b231a}.pd-var-name{color:#1a1a1a;margin-bottom:.15rem;font-size:.9rem;font-weight:700}.pd-var-price{color:#718096;font-size:.8rem;font-weight:600}.pd-var-btn.active .pd-var-price{color:var(--primary-green)}.pd-not-found-container{background-color:#f8fafc;justify-content:center;align-items:center;min-height:70vh;padding:2rem;display:flex}.pd-not-found-card{text-align:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;width:100%;max-width:480px;padding:3.5rem 2.5rem;box-shadow:0 20px 40px #0000000d}.pd-not-found-icon{color:#94a3b8;background:#f1f5f9;border-radius:32px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 2rem;display:flex}.pd-not-found-card h1{color:#0f172a;margin-bottom:1rem;font-size:1.75rem;font-weight:800}.pd-not-found-card p{color:#64748b;margin-bottom:2.5rem;line-height:1.6}.pd-not-found-btn{color:#fff;background:#909b23;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 20px #909b2333}.pd-not-found-btn:hover{background:#7a841d;transform:translateY(-2px);box-shadow:0 12px 24px #909b234d}@media (width<=640px){.pd-not-found-card{padding:2.5rem 1.5rem}.pd-not-found-card h1{font-size:1.5rem}}.pd-bulk-savings{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.25rem}.pd-bulk-table{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.pd-bulk-row{background:#fff;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;display:flex}.pd-bulk-row.header{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;background:0 0;border:none;padding:0 1rem .25rem;font-size:.75rem;font-weight:700}.pd-bulk-price{color:var(--primary-green);font-weight:700}.pd-important-info-wrapper{flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.pd-info-card{background-color:#f8fafc;border-left:4px solid #cbd5e1;border-radius:12px;padding:1.25rem 1.5rem;font-size:.9rem;line-height:1.6}.pd-info-card h5{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-top:0;margin-bottom:.6rem;font-size:.85rem;font-weight:800;display:flex}.pd-info-card.general{color:#4a5568;background-color:#f8fafc;border-left-color:#cbd5e1}.pd-info-card.safety{color:#444;background-color:#d9534f05;border-left-color:#d9534f}.pd-info-card.safety h5{color:#d9534f}.pd-info-card.ingredients{color:#333;background-color:#909b2308;border-left-color:#909b23}.pd-info-card.ingredients h5{color:#909b23}.pd-info-card.directions{color:#333;background-color:#3182ce05;border-left-color:#3182ce}.pd-info-card.directions h5{color:#3182ce}.pd-details-specifications-section{border-top:1px solid #edf2f7;margin-top:5rem;margin-bottom:2rem;padding-top:4rem}.pd-specs-main-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:2rem;display:grid}.pd-specs-column-card{background:#fff;border:1px solid #edf2f7;border-radius:16px;padding:1.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px #00000003}.pd-specs-column-card:hover{border-color:#e2e8f0;transform:translateY(-3px);box-shadow:0 12px 24px #00000008}.pd-specs-column-card h3{color:#0f172a;letter-spacing:-.01em;border-bottom:3px solid #909b23;margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:800;display:inline-block}.pd-technical-specs-table{border-collapse:collapse;width:100%}.pd-technical-specs-table tr{border-bottom:1px solid #f1f5f9}.pd-technical-specs-table tr:last-child{border-bottom:none}.pd-technical-specs-table tr:hover td{background-color:#909b2305}.pd-technical-specs-table td{vertical-align:top;padding:.85rem 1rem;font-size:.875rem;line-height:1.5}.pd-technical-specs-table td.spec-attr{color:#64748b;text-transform:capitalize;width:130px;padding-left:0;padding-right:.5rem;font-weight:700}.pd-technical-specs-table td.spec-val{color:#1e293b;text-align:left;padding-right:0;font-weight:600}@media (width<=992px){.pd-specs-main-grid{grid-template-columns:1fr;gap:1.5rem}}.pd-full-info-section{border-top:1px solid #edf2f7;margin-top:3rem;padding-top:3rem}.pd-full-info-body{max-width:860px}.pd-full-info-general{color:#334155;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.pd-full-info-block{margin-bottom:1.25rem}.pd-full-info-block h4{color:#0f172a;margin:0 0 .35rem;font-size:.95rem;font-weight:700}.pd-full-info-block p{color:#475569;margin:0;font-size:.9rem;line-height:1.65}.pd-full-info-disclaimer{color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:1.5rem;padding-top:1rem;font-size:.75rem;line-height:1.6}.pd-full-desc-section{border-top:1px solid #edf2f7;margin-top:3rem;margin-bottom:3rem;padding-top:3rem}.pd-full-desc-images{border:1px solid #edf2f7;border-radius:12px;flex-direction:column;gap:0;margin-bottom:2rem;display:flex;overflow:hidden}.pd-full-desc-img{width:100%;height:auto;display:block}.pd-full-desc-text{max-width:860px}.pd-full-desc-text p{color:#334155;margin:0 0 1rem;font-size:.95rem;line-height:1.75}.pd-full-desc-features{margin-top:1.25rem}.pd-full-desc-features h4{color:#0f172a;margin:0 0 .75rem;font-size:.95rem;font-weight:700}.pd-coming-soon-badge{color:var(--primary-green);text-transform:uppercase;letter-spacing:.05em;background:#909b231f;border:1px solid #909b2359;border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.pd-add-btn.disabled-btn{color:#64748b!important;cursor:not-allowed!important;box-shadow:none!important;background:#cbd5e1!important;border:1px solid #94a3b8!important;transform:none!important}.pd-add-btn.disabled-btn:hover{background:#cbd5e1!important;transform:none!important}.pd-type-badge-container{padding-top:.25rem}.pd-type-badge{color:#909b23;text-transform:capitalize;background:#909b2314;border:1px solid #909b2333;border-radius:99px;padding:.35rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.pd-ingredient-text{color:#4a5568;border-left:3px solid #909b23;margin:0;padding-left:.5rem;font-size:.95rem;font-style:italic;line-height:1.6}.pd-info-card.legal-disclaimer-sub{color:#4a5568;background-color:#909b2305;border-left:3px solid #909b23}.pd-info-card.legal-disclaimer-sub h5{color:#909b23;font-size:.85rem;font-weight:700}.pd-info-card.safety-disclaimer-sub{color:#4a5568;background-color:#d9534f05;border-left:3px solid #d9534f}.pd-info-card.safety-disclaimer-sub h5{color:#d9534f;font-size:.85rem;font-weight:700}.pd-accordion-desc-text{color:#4a5568;font-size:.95rem;line-height:1.7}.pd-desc-features-wrapper{background:#fdfdfd;border:1px dashed #e2e8f0;border-radius:8px;padding:1rem}.pd-desc-marketing-media{transition:transform .3s}.pd-desc-marketing-media:hover{transform:scale(1.015)}.product-reviews-page{background-color:#fcfcfc;min-height:100vh;padding-top:100px}.prp-container{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem}.prp-back{color:#718096;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.prp-back:hover{color:var(--primary-green)}.prp-layout{grid-template-columns:320px 1fr;gap:4rem;display:grid}.prp-sidebar{flex-direction:column;gap:2rem;display:flex}.prp-stats-card{background:#fff;border:1px solid #edf2f7;border-radius:16px;padding:1.5rem}.prp-stats-card h2{margin-bottom:1.25rem;font-size:1.25rem;font-weight:800}.prp-avg-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.prp-avg-text{font-size:1.1rem;font-weight:700}.prp-total-text{color:#718096;margin-bottom:1.5rem;font-size:.9rem}.prp-distribution{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.prp-dist-row{grid-template-columns:50px 1fr 40px;align-items:center;gap:1rem;display:grid}.prp-dist-label{color:var(--primary-green);font-size:.85rem;font-weight:600}.prp-progress-bg{background:#f1f5f9;border-radius:4px;height:20px;overflow:hidden}.prp-progress-fill{background:linear-gradient(90deg,#ffa41c,#ff7b00);height:100%}.prp-dist-pct{color:var(--primary-green);text-align:right;font-size:.85rem;font-weight:600}.prp-variations-card{border-top:1px solid #edf2f7;padding-top:1.5rem}.prp-variations-card h3{color:#4a5568;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.9rem;font-weight:800}.prp-var-list{flex-direction:column;gap:.75rem;display:flex}.prp-var-row{color:#2d3748;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.prp-var-info{align-items:center;gap:.5rem;display:flex}.prp-var-info svg{color:#a0aec0}.prp-var-count{color:var(--primary-green);background:#f0fdf4;border-radius:999px;padding:.1rem .5rem;font-size:.8rem;font-weight:700}.prp-write-card{background:#fff;border:1px solid #edf2f7;border-radius:16px;padding:1.5rem}.prp-write-card h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.prp-write-card p{color:#718096;margin-bottom:1.25rem;font-size:.9rem}.prp-btn-write{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s}.prp-btn-write:hover{background:#f8fafc;border-color:#cbd5e1}.prp-main{flex-direction:column;display:flex}.prp-header{border-bottom:1px solid #edf2f7;margin-bottom:3rem;padding-bottom:2rem}.prp-header h1{color:#1a1a1a;margin-bottom:1.5rem;font-size:1.75rem;font-weight:800}.prp-product-link{background:#fff;border:1px solid #edf2f7;border-radius:12px;align-items:center;gap:1.5rem;padding:1.25rem;display:flex}.prp-product-link img{object-fit:contain;background:#f8fafc;border-radius:8px;width:60px;height:60px}.prp-product-link a{color:var(--primary-green);font-size:1rem;font-weight:700;text-decoration:none}.prp-product-link a:hover{color:#c45500;text-decoration:underline}.prp-product-link p{color:#1a1a1a;margin-top:.25rem;font-size:.9rem;font-weight:700}@media (width<=968px){.prp-layout{grid-template-columns:1fr;gap:3rem}.prp-sidebar{order:2}.prp-main{order:1}}:root{--primary-green:#909b23;--primary-green-dark:#7a841d;--primary-green-light:#909b231a;--dark-brown:#1e293b;--bg-slate:#f8fafc;--border-slate:#e2e8f0;--text-main:#334155;--text-muted:#64748b;--shadow-sm:0 1px 3px #0000001f, 0 1px 2px #0000003d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}.checkout-page{background-color:var(--bg-slate);min-height:100vh;padding-top:120px;padding-bottom:60px}.checkout-container{grid-template-columns:1fr 420px;align-items:start;gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}.checkout-form-section{box-shadow:var(--shadow-md);border:1px solid var(--border-slate);background:#fff;border-radius:24px;padding:2.5rem}.checkout-title{color:var(--dark-brown);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.5rem;font-weight:800;display:flex}.checkout-title:before{content:"";background:var(--primary-green);border-radius:4px;width:4px;height:24px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-slate);width:100%;color:var(--dark-brown);background:#fdfdfd;border-radius:12px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-green);background:#fff;outline:none;box-shadow:0 0 0 4px #909b231a}.form-row-2col{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.payment-method-selection{border-top:1px solid var(--border-slate);margin-top:3rem;padding-top:2rem}.payment-option{border:2px solid var(--border-slate);cursor:pointer;border-radius:16px;align-items:center;margin-bottom:1rem;padding:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.payment-option:hover{border-color:var(--primary-green);background:var(--primary-green-light)}.payment-option.active{border-color:var(--primary-green);background:var(--primary-green-light);box-shadow:0 4px 12px #909b231a}.payment-option input[type=radio]{width:20px;height:20px;accent-color:var(--primary-green);margin-right:1rem}.checkout-summary-section{box-shadow:var(--shadow-md);border:1px solid var(--border-slate);background:#fff;border-radius:24px;padding:2rem;position:sticky;top:110px}.checkout-summary-section h3{color:var(--dark-brown);margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.cart-items-scroll{max-height:400px;padding-right:.5rem;overflow-y:auto}.cart-items-scroll::-webkit-scrollbar{width:4px}.cart-items-scroll::-webkit-scrollbar-thumb{background:var(--border-slate);border-radius:10px}.cart-item-row{border-bottom:1px solid var(--border-slate);gap:1rem;padding:1rem 0;display:flex}.cart-item-img{object-fit:contain;background:#f1f5f9;border-radius:12px;width:70px;height:70px;padding:4px}.btn-remove-item{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-top:.25rem;padding:0;font-size:.75rem;font-weight:700;transition:all .2s}.btn-remove-item:hover{color:#b91c1c;text-decoration:underline}.cart-item-info{flex:1}.cart-item-info h4{color:var(--dark-brown);margin-bottom:.5rem;font-size:.9rem;font-weight:700}.qty-controls{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.btn-qty{border:1px solid var(--border-slate);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-qty:hover:not(:disabled){border-color:var(--primary-green);color:var(--primary-green)}.qty-input{text-align:center;border:1px solid var(--border-slate);border-radius:8px;width:45px;height:28px;font-size:.875rem;font-weight:700}.summary-totals{background:var(--bg-slate);border-radius:16px;margin-top:1.5rem;padding:1.5rem}.total-row{color:var(--text-muted);justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;display:flex}.total-row.grand-total{border-top:2px dashed var(--border-slate);color:var(--dark-brown);margin-top:1rem;padding-top:1rem;font-size:1.25rem;font-weight:800}.btn-pay{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1.5rem;padding:1.125rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.btn-pay:hover:not(:disabled){background:var(--primary-green-dark);transform:translateY(-2px);box-shadow:0 8px 20px #909b2333}.btn-pay:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px){.checkout-container{grid-template-columns:1fr}.checkout-summary-section{order:-1;position:static}}@media (width<=640px){.checkout-page{padding-top:80px}.checkout-container{padding:0 1rem}.checkout-form-section{padding:1.5rem}.form-row-2col{grid-template-columns:1fr}}.saved-address-section{border:1px solid var(--border-slate);background:#f1f5f9;border-radius:16px;margin-bottom:2rem;padding:1.25rem}.address-picker-wrapper{position:relative}.address-picker-btn{border:1px solid var(--border-slate);cursor:pointer;width:100%;color:var(--dark-brown);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;font-weight:600;transition:all .2s;display:flex}.address-picker-btn:hover{border-color:var(--primary-green)}.address-picker-dropdown{border:1px solid var(--border-slate);z-index:50;background:#fff;border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.address-option{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f5f9;width:100%;padding:1rem;transition:all .2s}.address-option:last-child{border-bottom:none}.address-option:hover{background:#f8fafc}.address-option.selected{border-color:var(--kn-primary);background-color:#909b2314}.delete-address-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.delete-address-btn:hover{color:#ef4444;background-color:#fee2e2}.address-option-main{color:var(--dark-brown);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.95rem;font-weight:700;display:flex}.address-option-sub{color:var(--text-muted);font-size:.8rem}.default-badge{color:#166534;text-transform:uppercase;background:#dcfce7;border-radius:4px;padding:.1rem .5rem;font-size:.7rem;font-weight:800}.checkout-success-page{background-color:var(--bg-slate);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.success-card{text-align:center;border:1px solid var(--border-slate);background:#fff;border-radius:32px;width:100%;max-width:600px;padding:3.5rem 2.5rem;box-shadow:0 20px 40px #0000000d}.success-icon-wrapper{justify-content:center;margin-bottom:2rem;display:flex}.success-title{color:var(--dark-brown);letter-spacing:-.02em;margin-bottom:1rem;font-size:2rem;font-weight:800}.success-message{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.success-message strong{color:var(--text-main)}.order-info-box{background:var(--bg-slate);border:1px solid var(--border-slate);border-radius:20px;justify-content:space-around;margin-bottom:3rem;padding:1.5rem;display:flex}.info-item{flex-direction:column;gap:.5rem;display:flex}.info-item span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.info-item strong{color:var(--dark-brown);font-size:1rem}.status-badge{color:#166534;background:#dcfce7;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.success-actions{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.btn-primary-success,.btn-secondary-success{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.btn-primary-success{background:var(--primary-green);color:#fff}.btn-primary-success:hover{background:var(--primary-green-dark);transform:translateY(-2px);box-shadow:0 4px 12px #909b2333}.btn-secondary-success{color:var(--text-main);border:1px solid var(--border-slate);background:#fff}.btn-secondary-success:hover{background:var(--bg-slate);border-color:var(--text-muted)}.success-footer{color:var(--text-muted);font-size:.9rem}.success-footer a{color:var(--primary-green);font-weight:600;text-decoration:none}.success-footer a:hover{text-decoration:underline}@media (width<=640px){.success-card{padding:2.5rem 1.5rem}.success-title{font-size:1.5rem}.order-info-box{flex-direction:column;gap:1.5rem}}.profile-page{background-color:#f8fafc;min-height:100vh;padding-top:100px;padding-bottom:45px}.profile-container{grid-template-columns:240px 1fr;align-items:start;gap:1.75rem;max-width:1200px;margin:0 auto;padding:0 1.25rem;display:grid}.profile-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;position:sticky;top:90px;box-shadow:0 4px 6px -1px #0000000d}.user-info-brief{text-align:center;border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:1.25rem}.user-avatar{color:#fff;background:#909b23;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto .75rem;display:flex}.user-info-brief h3{color:#1e293b;margin-bottom:.2rem;font-size:.95rem;font-weight:700}.user-info-brief p{color:#64748b;margin-bottom:.75rem;font-size:.8rem}.loyalty-tier-badge{color:#334155;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border:1px solid #00000014;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;width:fit-content;margin:.4rem auto 1rem;padding:.45rem 1rem;font-size:.7rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #0000000f}.loyalty-tier-badge span{color:inherit}.loyalty-tier-badge svg{flex-shrink:0}.tier-progress-container{text-align:left;margin-top:.75rem}.progress-label{color:#64748b;justify-content:space-between;margin-bottom:.35rem;font-size:.65rem;font-weight:700;display:flex}.progress-bar-bg{background:#f1f5f9;border-radius:10px;height:5px;overflow:hidden}.progress-bar-fill{background:#909b23;border-radius:10px;height:100%;transition:width 1s ease-out}.profile-nav{flex-direction:column;gap:.35rem;display:flex}.profile-nav-item{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.profile-nav-item.active{color:#909b23;background:#f1f5f9}.profile-nav-item:hover:not(.active){color:#1e293b;background:#f8fafc}.profile-nav-item.logout-btn{color:#dc2626;background:#fff;border:1px solid #fee2e2;justify-content:center;margin-top:1.25rem}.profile-logout-action{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:1.25rem;padding:.65rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.profile-logout-action:hover,.profile-nav-item.logout-btn:hover{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262626}.profile-content{background:0 0}.content-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;display:flex}.content-header p{color:#64748b;font-size:.85rem}.loading-dots{align-items:center;gap:4px;display:flex}.loading-dots span{background:#909b23;border-radius:50%;width:5px;height:5px;animation:1.5s infinite dot-pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.skeleton-card{cursor:default;pointer-events:none;border-color:#f1f5f9}.orders-grid{flex-direction:column;gap:1rem;display:flex}.order-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.15rem 1.35rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000008}.order-card:hover{border-color:#909b23;transform:translateY(-1px);box-shadow:0 8px 12px -3px #0000000f}.order-card.expanded{border-color:#909b23}.order-card-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.order-number{color:#1e293b;margin-right:.75rem;font-size:.95rem;font-weight:800}.order-date{color:#64748b;font-size:.8rem}.order-status-tags{gap:.5rem;display:flex}.status-badge{text-transform:uppercase;border-radius:9999px;padding:.2rem .65rem;font-size:.65rem;font-weight:800}.status-pay_on_delivery,.status-pod{color:#92400e;background:#fef3c7}.payment-status-badge.status-pay_on_delivery,.payment-status-badge.status-pod{color:#854d0e!important;background:#fefce8!important;border:1px solid #fef08a!important}.payment-status-badge.status-paid{color:#166534!important;background:#dcfce7!important;border:1px solid #bbf7d0!important}.chevron{color:#cbd5e1;transition:transform .3s}.chevron.up{color:#909b23;transform:rotate(-90deg)}.order-summary-strip{background:#f8fafc;border-radius:10px;grid-template-columns:repeat(3,1fr);padding:.75rem 1rem;display:grid}.strip-item{flex-direction:column;gap:.15rem;display:flex}.strip-item .label{color:#64748b;text-transform:uppercase;font-size:.625rem;font-weight:700}.strip-item .value{color:#1e293b;font-size:.875rem;font-weight:700}.strip-item.highlight .value{color:#909b23}.order-card-details{border-top:1px solid #f1f5f9;margin-top:1.5rem;padding-top:1.5rem}.details-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.details-section h4{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:flex}.items-mini-list{flex-direction:column;gap:.75rem;display:flex}.mini-item{color:#475569;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.875rem;display:flex}.mini-item-name{flex:1;line-height:1.4}.mini-item-price{color:#1e293b;white-space:nowrap;font-weight:700}.payment-timeline{flex-direction:column;gap:1rem;display:flex}.timeline-entry{background:#f8fafc;border-left:3px solid #909b23;border-radius:12px;padding:.75rem 1rem}.entry-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.entry-date{color:#64748b;font-size:.75rem;font-weight:600}.btn-invoice{color:#909b23;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;display:flex}.entry-body{justify-content:space-between;display:flex}.entry-amount{color:#1e293b;font-size:.9rem;font-weight:700}.entry-method{color:#94a3b8;text-transform:uppercase;font-size:.7rem;font-weight:700}.tracking-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;padding:1rem}.tracking-provider{color:#0369a1;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:800}.tracking-number{color:#0c4a6e;margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.tracking-hint{color:#64748b;font-size:.75rem;line-height:1.4}.no-tracking,.no-payments{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.825rem;display:flex}.no-tracking svg,.no-payments svg{color:#94a3b8;flex-shrink:0}.empty-orders,.empty-addresses{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:24px;padding:4rem 2rem}.empty-orders h3,.empty-addresses h3{color:#1e293b;margin:1.5rem 0 .5rem}.empty-orders svg,.empty-addresses svg{color:#cbd5e1}.btn-shop{color:#fff;cursor:pointer;background:#909b23;border:none;border-radius:12px;margin-top:1.5rem;padding:.75rem 2rem;font-weight:700}.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner[type=number]{-moz-appearance:textfield}@media (width<=900px){.profile-container{grid-template-columns:1fr}.profile-sidebar{position:static}.details-grid{grid-template-columns:1fr}}.confirm-modal{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.confirm-modal h3{color:#1e293b;margin-bottom:1rem;font-size:1.5rem;font-weight:800}.confirm-modal p{color:#64748b;margin-bottom:2rem;line-height:1.6}.modal-actions{gap:1rem;display:flex}.modal-actions button{cursor:pointer;border-radius:12px;flex:1;padding:.85rem;font-weight:700;transition:all .2s}.btn-cancel{color:#475569;background:#f1f5f9;border:none}.btn-confirm-logout{color:#fff;background:#dc2626;border:none}.btn-confirm-logout:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.address-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.address-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.15rem;transition:all .3s;position:relative;overflow:hidden}.address-card:hover{border-color:#909b23;box-shadow:0 8px 12px -3px #0000000a}.address-card.default{background:#909b2305;border-color:#909b23}.default-ribbon{color:#fff;background:#909b23;border-bottom-left-radius:8px;align-items:center;gap:.35rem;padding:.3rem 1.2rem;font-size:.6rem;font-weight:900;display:flex;position:absolute;top:0;right:0;transform:rotate(0)}.address-card-body{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.address-info-row{color:#475569;align-items:flex-start;gap:.6rem;display:flex}.address-info-row svg{color:#94a3b8;flex-shrink:0;margin-top:.15rem}.main-address{color:#1e293b;font-size:.95rem;font-weight:700;line-height:1.4}.address-card-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.85rem;display:flex}.address-card-actions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-set-default:hover{color:#eab308;background:#fefce8;border-color:#eab308}.btn-edit-addr:hover{color:#909b23;background:#f7fee7;border-color:#909b23}.btn-delete-addr:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.address-modal{scrollbar-width:thin;scrollbar-color:#00000026 transparent;background:#fff;border-radius:16px;width:100%;max-width:460px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #00000026}.address-modal::-webkit-scrollbar{width:6px}.address-modal::-webkit-scrollbar-track{background:0 0}.address-modal::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.modal-header h3{color:#1e293b;font-size:1.1rem;font-weight:800}.btn-close{cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.address-modal form{flex-direction:column;gap:1rem;display:flex}.address-modal .form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.address-modal .form-group{flex-direction:column;gap:.4rem;display:flex}.address-modal label{color:#475569;font-size:.8rem;font-weight:700}.address-modal input,.address-modal textarea{border:1px solid #e2e8f0;border-radius:8px;padding:.65rem .85rem;font-size:.875rem;transition:border-color .2s}.address-modal input:focus,.address-modal textarea:focus{border-color:#909b23;outline:none}.address-modal textarea{resize:none;height:70px}.form-group-checkbox{align-items:center;gap:.6rem;margin:.35rem 0;display:flex}.form-group-checkbox input{cursor:pointer;width:16px;height:16px}.form-group-checkbox label{cursor:pointer;font-size:.8rem}.btn-save{color:#fff;background:#909b23;border:none;justify-content:center;align-items:center;display:flex;border-radius:8px!important;padding:.65rem!important;font-size:.9rem!important}.btn-save:hover:not(:disabled){background:#7d871e;box-shadow:0 4px 12px #909b2333}.btn-save:disabled{opacity:.7;cursor:not-allowed}.refund-modal-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.refund-estimated-total{text-align:left}.refund-estimated-total .label{color:#64748b;font-size:.8rem;font-weight:500;display:block}.refund-estimated-total .value{color:#909b23;font-size:1.15rem;font-weight:800;display:block}.refund-action-buttons{gap:.75rem;display:flex}.btn-submit-request{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#909b23;border:1px solid #909b23;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-submit-request:hover:not(:disabled){background-color:#7d871e;border-color:#7d871e;box-shadow:0 4px 12px #909b2333}.btn-submit-request:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.refund-modal-footer{flex-direction:column-reverse;align-items:stretch;gap:1rem}.refund-estimated-total{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem}.refund-action-buttons{flex-direction:column;gap:.5rem}.refund-action-buttons button,.refund-action-buttons .btn-submit-request{height:36px;border-radius:8px!important;width:100%!important;padding:.65rem!important;font-size:.85rem!important}}.kovanoid-auth-page{background-color:#f8fafc;justify-content:center;align-items:center;min-height:80vh;padding:8rem 2rem 4rem;display:flex}.kovanoid-auth-container{background:#fff;border-radius:12px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 10px 25px #0000000d}.kovanoid-auth-tabs{background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex}.kovanoid-auth-tab{color:#64748b;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.kovanoid-auth-tab:hover{background:#e2e8f0}.kovanoid-auth-tab.active{color:#909b23;background:#fff;box-shadow:inset 0 2px #909b23}.kovanoid-auth-tab:focus{outline:none}.kovanoid-auth-tab:focus-visible{outline-offset:-2px;outline:2px solid #909b23}.kovanoid-auth-form-container{padding:2rem}.kovanoid-auth-form-container h2{color:#1e293b;margin-bottom:.5rem;font-size:1.75rem}.kovanoid-auth-subtitle{color:#64748b;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.kovanoid-auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.kovanoid-auth-form{flex-direction:column;gap:1.25rem;display:flex}.kovanoid-auth-form-group{flex-direction:column;gap:.5rem;display:flex}.kovanoid-auth-form-group label{color:#334155;margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.kovanoid-auth-input-wrapper{box-sizing:border-box!important;align-items:center!important;width:100%!important;display:flex!important;position:relative!important}.kovanoid-auth-icon-left{color:#94a3b8!important;pointer-events:none!important;z-index:10!important;width:18px!important;height:18px!important;transition:color .25s!important;display:block!important;position:absolute!important;top:50%!important;left:1rem!important;transform:translateY(-50%)!important}.kovanoid-auth-input{color:#1e293b!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;width:100%!important;padding:.875rem 1rem .875rem 3rem!important;font-size:1rem!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.kovanoid-auth-input.has-toggle{padding-right:3rem!important}.kovanoid-auth-input:hover{border-color:#94a3b8!important}.kovanoid-auth-input:focus{border-color:#909b23!important;outline:none!important;box-shadow:0 0 0 4px #909b231f!important}.kovanoid-auth-input:focus~.kovanoid-auth-icon-left{color:#909b23!important}.kovanoid-auth-password-toggle{cursor:pointer!important;color:#94a3b8!important;z-index:10!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:.5rem!important;transition:color .2s!important;display:flex!important;position:absolute!important;top:50%!important;right:.5rem!important;transform:translateY(-50%)!important}.kovanoid-auth-password-toggle:hover{color:#909b23!important}.kovanoid-auth-password-toggle svg{color:inherit!important;width:1.25rem!important;height:1.25rem!important}.kovanoid-auth-btn-submit{color:#fff!important;cursor:pointer!important;background:#909b23!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;width:100%!important;padding:1rem!important;font-size:1rem!important;font-weight:700!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:0 4px 12px #909b2333!important}.kovanoid-auth-btn-submit:hover:not(:disabled){background:#7d871f!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #909b234d!important}.kovanoid-auth-btn-submit:active:not(:disabled){transform:translateY(0)!important}.kovanoid-auth-btn-submit:disabled{cursor:not-allowed!important;box-shadow:none!important;background:#94a3b8!important}.kovanoid-auth-forgot-link{color:#909b23!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;font-size:.82rem!important;font-weight:600!important;text-decoration:underline!important;transition:opacity .2s!important}.kovanoid-auth-forgot-link:hover{opacity:.75!important}.kovanoid-auth-back-link{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;gap:.4rem!important;margin-bottom:1.5rem!important;padding:0!important;font-size:.9rem!important;font-weight:600!important;transition:color .2s!important;display:flex!important}.kovanoid-auth-back-link:hover{color:#334155!important}.kovanoid-auth-btn-back{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-top:.75rem!important;padding:1rem!important;font-size:1rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.kovanoid-auth-btn-back:hover{color:#334155!important;background:#f1f5f9!important}.kovanoid-auth-otp-input{letter-spacing:.5rem!important;text-align:center!important;padding-left:1rem!important;font-weight:700!important}.not-found-number{background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 40px #0000001a;letter-spacing:10px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:180px;font-weight:900;line-height:1}@media (width<=768px){.not-found-number{letter-spacing:5px;font-size:120px}.not-found-title{font-size:36px}.not-found-description{font-size:16px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:14px}.not-found-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.app-with-sidebar{background-color:#f9faf7;min-height:100vh;display:flex}.app-main{background-color:#f7f9f3;flex:1;min-height:100vh;margin-left:268px;padding:28px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.app-with-sidebar.collapsed .app-main{margin-left:80px}.App{background-color:#f3f4f6;flex-direction:column;min-height:100vh;display:flex}.app-navbar{color:#fff;background:#8a9c3b;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 2px 8px #0000001a}.navbar-content{flex:1;max-width:1200px;margin:0 auto}.navbar-user{align-items:center;gap:16px;margin-left:24px;display:flex}.user-name{opacity:.95;font-size:14px;font-weight:600}.btn-logout{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-logout:hover{background:#ffffff4d;border-color:#ffffff80}.app-title{letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.app-subtitle{opacity:.9;margin:0;font-size:14px;font-weight:400}.app-loading-container{background-color:#f9faf7;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #8a9c3b1a;border-top-color:#8a9c3b;border-radius:50%;width:40px;height:40px;animation:.8s ease-in-out infinite spin}@media (width<=768px){.app-main{margin-left:0;padding:80px 16px 20px}.app-with-sidebar{flex-direction:column}}@media (width<=480px){.app-main{padding:70px 12px 16px}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;background:#fff;border-left:4px solid;border-radius:10px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:14px 18px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 10px 30px #00000026}.toast-success{background:#f1f8f4;border-left-color:#4caf50}.toast-success .toast-icon{color:#4caf50}.toast-error{background:#fef5f5;border-left-color:#f44336}.toast-error .toast-icon{color:#f44336}.toast-warning{background:#fff8f0;border-left-color:#ff9800}.toast-warning .toast-icon{color:#ff9800}.toast-info{background:#f0f7ff;border-left-color:#2196f3}.toast-info .toast-icon{color:#2196f3}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-content{flex-direction:column;flex:1;gap:4px;display:flex}.toast-message{color:#333;margin:0;font-size:14px;font-weight:500;line-height:1.4}.toast-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#333;background:#0000000d}@media (width<=480px){.toast-container{top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:none}}@keyframes progress{0%{width:100%}to{width:0}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:420px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.confirm-modal-header{align-items:center;gap:1rem;padding:1.5rem 1.5rem .5rem;display:flex}.confirm-icon-bg{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.confirm-icon-bg.danger{color:#dc2626;background:#fee2e2}.confirm-icon-bg.warning{color:#d97706;background:#fef3c7}.confirm-modal-header h3{color:#1e293b;flex-grow:1;margin:0;font-size:1.15rem;font-weight:700}.confirm-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.confirm-close-btn:hover{color:#475569;background:#f1f5f9}.confirm-modal-body{padding:.5rem 1.5rem 1.5rem}.confirm-modal-body p{color:#475569;margin:0 0 0 56px;font-size:.95rem;line-height:1.5}.confirm-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.confirm-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.confirm-btn-cancel:hover{color:#1e293b;background:#f1f5f9}.confirm-btn-confirm{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.confirm-btn-confirm.primary{background:#909b23}.confirm-btn-confirm.primary:hover{background:#7d871f}.confirm-btn-confirm.danger{background:#dc2626}.confirm-btn-confirm.danger:hover{background:#b91c1c}.sidebar-toggle{z-index:1000;color:#fff;cursor:pointer;background:#6b7c2d;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:none;position:fixed;top:16px;left:16px;box-shadow:0 4px 12px #00000026}.sidebar-toggle:hover{background:#7d9030;transform:scale(1.05)}.sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998;background:#0000008c;display:none;position:fixed;inset:0}.sidebar{z-index:999;background:#1a1f14;flex-direction:column;width:268px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:visible;box-shadow:10px 0 30px #0006}.sidebar.hovered{box-shadow:15px 0 45px #00000080}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;padding:20px 16px;display:flex;position:relative}.sidebar.collapsed:not(.hovered) .sidebar-header{flex-direction:column;justify-content:center;gap:15px;padding:16px 0}.logo-section{align-items:center;gap:12px;display:flex;overflow:hidden}.sidebar.collapsed:not(.hovered) .logo-section{justify-content:center;gap:0;width:100%}.logo-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:6px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.sidebar-logo-img{object-fit:contain;width:100%;height:100%}.logo-text h2{color:#f0f4e8;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.logo-text p{color:#ffffff59;white-space:nowrap;margin:2px 0 0;font-size:11px;font-weight:500}.sidebar.collapsed:not(.hovered) .logo-text,.sidebar.collapsed:not(.hovered) .profile-info,.sidebar.collapsed:not(.hovered) .nav-section-title,.sidebar.collapsed:not(.hovered) .nav-item span,.sidebar.collapsed:not(.hovered) .btn-logout span{display:none!important}.collapse-toggle{cursor:pointer;z-index:1001;color:#ffffff80;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.collapse-toggle:hover{color:#fff;background:#8a9c3b;border-color:#8a9c3b;box-shadow:0 0 0 3px #8a9c3b33}.sidebar.collapsed:not(.hovered) .collapse-toggle{background:#1a1f14;border-color:#ffffff26;position:absolute;bottom:-11px}.admin-profile{cursor:pointer;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;margin:0;padding:14px 16px;transition:background .2s;display:flex}.admin-profile:hover{background:#ffffff0a}.sidebar.collapsed:not(.hovered) .admin-profile{justify-content:center;gap:0;padding:15px 0}.profile-avatar{color:#fff;background:linear-gradient(135deg,#8a9c3b,#6b7c2d);border:2px solid #8a9c3b4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #8a9c3b40}.avatar-img{object-fit:cover;width:100%;height:100%}.profile-info{flex:1;min-width:0}.profile-name{color:#e8eede;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.profile-role{color:#8a9c3bcc;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;font-weight:500;overflow:hidden}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex:1;padding:12px 0 8px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nav-section{margin-bottom:6px}.nav-section-title{color:#fff3;text-transform:uppercase;letter-spacing:1px;margin:0;padding:8px 16px 4px;font-size:10px;font-weight:700}.nav-list{margin:0;padding:0 12px;list-style:none}.sidebar.collapsed .nav-list{flex-direction:column;align-items:center;padding:0;display:flex}.nav-item{color:#ffffffb3;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item svg:first-child{opacity:.85;flex-shrink:0;transition:all .2s}.nav-item span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item svg:last-child{opacity:0;flex-shrink:0;margin-left:auto;transition:opacity .18s,transform .18s}.nav-item:hover{color:#ffffffd9;background:#8a9c3b1a}.nav-item:hover svg:first-child{opacity:1}.nav-item.active{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#d8eb6d;background:#8a9c3b33;font-weight:700;box-shadow:inset 0 0 10px #8a9c3b1a}.nav-item.active svg:first-child{opacity:1;color:#c8d96a!important}.nav-item.active svg:last-child{opacity:.7;transform:translate(2px)}.nav-item.active:before{content:"";background:#8a9c3b;border-radius:0 4px 4px 0;width:4px;height:70%;position:absolute;top:15%;left:0;box-shadow:2px 0 10px #8a9c3b80}.nav-item.icon-only{border-radius:14px;justify-content:center;gap:0;width:48px;height:48px;margin:4px 0;padding:0}.nav-item.icon-only:before{display:none}.sidebar-footer{background:#00000026;border-top:1px solid #ffffff0f;flex-shrink:0;padding:12px}.sidebar.collapsed .sidebar-footer{flex-direction:column;align-items:center;padding:16px 0;display:flex}.btn-logout{color:#ff7878cc;cursor:pointer;background:#dc3c3c1f;border:1px solid #dc3c3c26;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{color:#ff8080;background:#dc3c3c33;border-color:#dc3c3c4d;transform:translateY(-1px)}.btn-logout:active{transform:translateY(0)}.btn-logout.icon-only{gap:0;width:48px;height:48px;padding:0}.app-with-sidebar{min-height:100vh;display:flex}.app-with-sidebar .app-main{background:#f7f9f3;flex:1;min-height:100vh;margin-left:268px;padding:28px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidebar.collapsed~.app-main,.app-with-sidebar.sidebar-collapsed .app-main{margin-left:80px}@media (width<=768px){.sidebar-toggle{display:flex}.sidebar-overlay{display:block}.sidebar{transition:transform .3s cubic-bezier(.32,.72,0,1);transform:translate(-100%);width:268px!important}.sidebar.open{transform:translate(0)}.app-with-sidebar .app-main{margin-left:0;padding:72px 16px 20px}}@media (width<=480px){.sidebar{width:100%!important;max-width:290px!important}.app-with-sidebar .app-main{padding:60px 14px 16px}}.login-page{background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.form-label{color:#334155;margin-left:2px;font-size:.875rem;font-weight:600}.kovanoid-auth-input-exclusive{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box!important;width:100%!important;padding:14px 16px 14px 64px!important}.kovanoid-auth-input-exclusive::placeholder{color:#c8d4e0}.kovanoid-auth-input-exclusive:focus{background:#fff;border-color:#8a9c3b;outline:none;box-shadow:0 0 0 3px #8a9c3b1f}.error-message,.info-message{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.error-message{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.info-message{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.login-button{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #8a9c3b33}.login-button:hover:not(:disabled){background:#7a8a34;transform:translateY(-1px);box-shadow:0 6px 20px #8a9c3b40}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.otp-screen{text-align:center;flex-direction:column;align-items:center;gap:0;padding:24px 0 12px;display:flex}.otp-icon-ring{color:#8a9c3b;background:linear-gradient(135deg,#8a9c3b26,#8a9c3b0d);border:2px solid #8a9c3b33;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.otp-title{color:#0f172a;margin:0 0 8px;font-size:1.35rem;font-weight:700}.otp-subtitle{color:#64748b;margin:0 0 28px;font-size:.9rem;line-height:1.6}.otp-subtitle strong{color:#334155;font-weight:600}.otp-boxes{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.otp-box{text-align:center;color:#0f172a;caret-color:#8a9c3b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:48px;height:56px;font-size:1.4rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.otp-box:focus{background:#fff;border-color:#8a9c3b;transform:scale(1.05);box-shadow:0 0 0 4px #8a9c3b1f}.otp-box.filled{background:#8a9c3b0a;border-color:#8a9c3b}.otp-box:disabled{opacity:.6;cursor:not-allowed}.otp-actions{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.otp-resend-btn,.otp-back-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.otp-resend-btn{color:#8a9c3b}.otp-resend-btn:hover:not(:disabled){color:#7a8a34;background:#8a9c3b14}.otp-back-btn{color:#64748b}.otp-back-btn:hover:not(:disabled){color:#334155;background:#f1f5f9}.otp-resend-btn:disabled,.otp-back-btn:disabled{opacity:.5;cursor:not-allowed}.login-form .login-button[data-step=otp]{display:none}.forgot-password-link{text-align:center;color:#8a9c3b;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#7a8a34}.link-button{color:#8a9c3b;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .2s}.link-button:hover:not(:disabled){color:#7a8a34;text-decoration:underline}.link-button:disabled{opacity:.55;cursor:not-allowed}.login-footer{color:#94a3b8;font-size:.8rem;position:absolute;bottom:24px}@media (width<=992px){.login-image-side{display:none}.login-form-side{padding:24px}}@media (width<=480px){.login-container{max-width:100%}.login-title{font-size:1.75rem}.otp-box{width:42px;height:50px;font-size:1.2rem}.otp-boxes{gap:8px}}.forgot-password-page{background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.login-form{flex-direction:column;gap:20px;display:flex}.form-label{color:#475569;text-transform:uppercase;letter-spacing:.025em;font-size:.875rem;font-weight:600}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;z-index:1;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-form-input::placeholder{color:#c8d4e0}.input-icon-wrapper:focus-within .input-icon{color:#8a9c3b}.btn-primary{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #8a9c3b33}.success-view{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.success-icon-ring{color:#22c55e;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;animation:.5s cubic-bezier(.175,.885,.32,1.275) success-pop;display:flex;box-shadow:0 0 0 8px #22c55e0d}.success-view h3{color:#1e293b;margin-bottom:12px;font-size:1.5rem;font-weight:700}.success-view p{color:#64748b;margin-bottom:32px;font-size:.95rem;line-height:1.6}.success-view p strong{color:#334155}@keyframes success-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.form-footer{text-align:center;margin-top:24px}.btn-link{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:500;transition:color .2s;display:flex}.btn-link:hover{color:#8a9c3b}@media (width<=992px){.login-image-side{display:none}}.reset-password-page{background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.login-wrapper{width:100%;min-height:100vh;display:flex}.login-image-side{background-color:#5a6e1f;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1.2;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.image-overlay{z-index:1;background:linear-gradient(160deg,#1e2a08bf 0%,#5064148c 60%,#141e05d1 100%);position:absolute;inset:0}.branding-content{z-index:2;color:#fff;max-width:480px;position:relative}.brand-name{letter-spacing:-1px;text-shadow:0 4px 12px #0000001a;margin:0;font-size:3.5rem;font-weight:800}.brand-tagline{opacity:.9;margin:10px 0 30px;font-size:1.25rem;font-weight:500}.brand-divider{background:#fff;border-radius:2px;width:60px;height:4px;margin-bottom:30px}.brand-description{opacity:.85;font-size:1.1rem;font-weight:400;line-height:1.6}.login-form-side{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.login-container{width:100%;max-width:400px}.logo-badge{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;padding:8px;display:flex;overflow:hidden;box-shadow:0 8px 24px #8a9c3b2e,0 2px 8px #0000000f}.logo-img{object-fit:contain;width:100%;height:100%;display:block}.login-header{text-align:center;margin-bottom:32px}.login-title{color:#0f172a;margin:0 0 8px;font-size:2rem;font-weight:700}.login-subtitle{color:#64748b;margin:0;font-size:.95rem}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:#475569;text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.password-input-wrapper{align-items:center;display:flex;position:relative}.auth-form-input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box!important;width:100%!important;padding:14px 44px 14px 16px!important}.input-with-icon{padding-left:60px!important}.input-icon-left{color:#94a3b8;z-index:1;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-form-input:focus{background:#fff;border-color:#8a9c3b;outline:none;box-shadow:0 0 0 3px #8a9c3b1f}.toggle-password{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex;position:absolute;right:12px}.toggle-password:hover{color:#8a9c3b}.btn-primary{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #8a9c3b33}.btn-primary:hover:not(:disabled){background:#7a8b34;transform:translateY(-1px);box-shadow:0 6px 16px #8a9c3b4d}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.success-view,.error-state{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.status-icon-ring{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;animation:.5s cubic-bezier(.175,.885,.32,1.275) pop;display:flex}.success-ring{color:#22c55e;background:#f0fdf4;box-shadow:0 0 0 8px #22c55e0d}.error-ring{color:#e11d48;background:#fff1f2;box-shadow:0 0 0 8px #e11d480d}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.error-message{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:.875rem;display:flex}.login-footer{text-align:center;color:#94a3b8;margin-top:48px;font-size:.875rem}@media (width<=992px){.login-image-side{display:none}}#modal-root{pointer-events:none;z-index:2000;position:fixed;inset:0}#modal-root>*{pointer-events:auto}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.modal-container{z-index:2001;box-sizing:border-box;max-width:clamp(300px,90vw,480px);text-align:center;inline-size:100%;background:#fff;border-radius:clamp(12px,2vw,16px);max-height:85vh;padding:clamp(32px,4vw,40px);position:fixed;top:40%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000004d}.modal-close-btn{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);transition:all .3s;display:flex;position:absolute;top:clamp(12px,2vw,16px);right:clamp(12px,2vw,16px)}.modal-close-btn:hover{color:#333;background:#e0e0e0;transform:scale(1.1)}.modal-close-btn:active{transform:scale(.9)}.modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);margin:0 auto clamp(16px,2.5vw,24px);animation:.6s ease-out modalIconPulse;display:flex}@keyframes modalIconPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.modal-icon svg{width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px)}.modal-title{color:#1a1a1a;margin:0 0 clamp(12px,2vw,16px);font-size:clamp(18px,4vw,24px);font-weight:700;line-height:1.3}.modal-message{color:#666;margin:0 0 clamp(24px,3vw,32px);font-size:clamp(13px,2vw,15px);line-height:1.6}.modal-actions{flex-direction:row-reverse;justify-content:center;gap:clamp(10px,2vw,14px);display:flex}.btn-modal-ok{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:clamp(6px,1vw,8px);flex:1;max-width:200px;min-height:clamp(36px,6vw,44px);padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,28px);font-size:clamp(12px,2vw,14px);font-weight:600;transition:all .3s}.btn-modal-ok:hover{background:#1976d2;box-shadow:0 5px 15px #2196f34d}.btn-modal-ok:active{transform:scale(.98)}.btn-modal-cancel{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:clamp(6px,1vw,8px);flex:1;min-height:clamp(36px,6vw,44px);padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,28px);font-size:clamp(12px,2vw,14px);font-weight:600;transition:all .3s}.btn-modal-cancel:hover{color:#333;background:#efefef;border-color:#d0d0d0}.btn-modal-cancel:active{transform:scale(.98)}.btn-modal-confirm{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:clamp(6px,1vw,8px);flex:1;min-height:clamp(36px,6vw,44px);padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,28px);font-size:clamp(12px,2vw,14px);font-weight:600;transition:all .3s}.btn-modal-confirm:hover{background:#45a049;box-shadow:0 5px 15px #4caf504d}.btn-modal-confirm:active{transform:scale(.98)}.btn-modal-confirm.btn-danger{background:#f44336}.btn-modal-confirm.btn-danger:hover{background:#da190b;box-shadow:0 5px 15px #f443364d}@media (width<=480px){.modal-container{max-width:clamp(280px,85vw,380px);padding:clamp(24px,3vw,28px)}.modal-actions{flex-direction:column-reverse}.btn-modal-ok,.btn-modal-cancel,.btn-modal-confirm{max-width:none;inline-size:100%}}@media (width<=360px){.modal-container{max-width:clamp(260px,90vw,320px);padding:clamp(20px,2.5vw,24px)}.modal-title{font-size:clamp(16px,3.5vw,20px)}.modal-message{font-size:clamp(12px,1.8vw,13px)}.modal-icon{width:clamp(52px,10vw,64px);height:clamp(52px,10vw,64px);margin-bottom:clamp(12px,2vw,16px)}}.team-list-container{background:#fff;border-radius:clamp(8px,2vw,12px);overflow:hidden;box-shadow:0 2px 8px #00000014}.team-list-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:clamp(16px,3vw,24px);display:flex}.team-list-header h2{color:#1a1a1a;margin:0;font-size:clamp(16px,2.5vw,18px);font-weight:700}.filter-controls{gap:12px;display:flex}.filter-select{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.filter-select:hover{border-color:#8a9c3b}.filter-select:focus{border-color:#8a9c3b;outline:none;box-shadow:0 0 0 3px #8a9c3b1a}.error-message{color:#c33;background:#fee;border-left:4px solid #f44336;padding:16px 24px;font-size:14px}.empty-state p{margin:0;font-size:14px}.draggable-list{padding:clamp(12px,2vw,20px)}.drag-hint{color:#999;background:#f9faf7;border:1px solid #f0f0f0;border-radius:clamp(6px,1vw,8px);align-items:center;gap:clamp(6px,1vw,8px);margin-bottom:clamp(12px,2vw,16px);padding:clamp(10px,1.5vw,12px) clamp(12px,2vw,16px);font-size:clamp(12px,1.5vw,13px);display:flex}.drag-hint svg{color:#8a9c3b;flex-shrink:0;width:clamp(14px,2vw,16px);height:clamp(14px,2vw,16px)}.reorder-group{flex-direction:column;gap:clamp(8px,1.5vw,12px);display:flex}.team-member-row{list-style:none}.member-card{cursor:grab;background:#fff;border:2px solid #f0f0f0;border-radius:clamp(8px,1.5vw,10px);align-items:center;gap:clamp(12px,2vw,16px);padding:clamp(12px,2vw,16px);transition:all .2s;display:flex}.member-card:hover{border-color:#8a9c3b;box-shadow:0 4px 12px #8a9c3b1a}.member-card:active{cursor:grabbing;box-shadow:0 8px 24px #8a9c3b33}.drag-handle{color:#ccc;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.drag-handle svg{width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px)}.member-card:hover .drag-handle{color:#8a9c3b}.member-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.member-avatar{object-fit:cover;border-radius:clamp(6px,1vw,8px);flex-shrink:0;width:clamp(40px,8vw,48px);height:clamp(40px,8vw,48px)}.member-details{flex:1;min-width:0}.draggable-member-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 clamp(2px,.5vw,4px);font-size:clamp(13px,1vw,14px);font-weight:600;overflow:hidden}.draggable-member-role{color:#999;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(11px,1.1vw,12px);overflow:hidden}.member-meta{flex-wrap:wrap;align-items:center;gap:clamp(8px,1.5vw,12px);display:flex}.type-badge{text-transform:capitalize;border-radius:20px;padding:clamp(3px,.5vw,4px) clamp(8px,1.5vw,10px);font-size:clamp(11px,1.3vw,12px);font-weight:600;display:inline-block}.type-badge.type-team_member{color:#1976d2;background:#e3f2fd}.type-badge.type-board_member{color:#7b1fa2;background:#f3e5f5}.order-badge{box-sizing:border-box;color:#8a9c3b;background:#f0f5e8;border-radius:clamp(4px,1vw,6px);justify-content:center;align-items:center;min-width:clamp(28px,5vw,32px);min-height:clamp(28px,5vw,32px);font-size:clamp(11px,1.3vw,12px);font-weight:700;display:inline-flex}.member-actions{flex-shrink:0;gap:8px;display:flex}.btn-view,.btn-edit,.btn-delete{box-sizing:border-box;cursor:pointer;color:#666;background:0 0;border:1px solid #e0e0e0;border-radius:clamp(4px,1vw,6px);justify-content:center;align-items:center;min-width:clamp(32px,6vw,36px);min-height:clamp(32px,6vw,36px);transition:all .2s;display:flex}.btn-view:hover{color:#2196f3;background:#e3f2fd;border-color:#2196f3}.btn-edit:hover{color:#8a9c3b;background:#f9faf7;border-color:#8a9c3b}.btn-delete:hover{color:#f44336;background:#fef5f5;border-color:#f44336}.loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;display:flex}@media (width<=768px){.team-list-header{flex-direction:column;align-items:flex-start;gap:clamp(12px,2vw,16px)}.member-card{flex-direction:column;align-items:flex-start}.member-meta{width:100%}.member-actions{justify-content:flex-end;gap:clamp(6px,1vw,8px);width:100%}.drag-handle{display:none}}@media (width<=480px){.team-list-container{border-radius:clamp(6px,1.5vw,8px)}.team-list-header{padding:clamp(12px,2vw,16px)}.draggable-list{padding:clamp(8px,1.5vw,12px)}.member-card{gap:clamp(10px,1.5vw,12px);padding:clamp(10px,1.5vw,12px)}.member-avatar{width:clamp(36px,7vw,40px);height:clamp(36px,7vw,40px)}.draggable-member-name{font-size:clamp(11px,1.5vw,13px)}.draggable-member-role{font-size:clamp(10px,1.3vw,11px)}.type-badge,.status-badge{padding:clamp(2px,.3vw,3px) clamp(6px,1vw,8px);font-size:clamp(10px,1.2vw,11px)}.order-badge{min-width:clamp(26px,4vw,28px);min-height:clamp(26px,4vw,28px);font-size:clamp(10px,1.2vw,11px)}.btn-edit,.btn-delete{min-width:clamp(30px,5vw,32px);min-height:clamp(30px,5vw,32px)}}.form-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.form-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.team-form{padding:24px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{color:#1f2937;border-bottom:2px solid #f3f4f6;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-row .form-group{margin-bottom:0}.form-group.checkbox{align-items:center;margin-bottom:0;display:flex}.form-group.checkbox label{cursor:pointer;align-items:center;gap:8px;margin-bottom:0;display:flex}.form-group.checkbox input[type=checkbox]{cursor:pointer;width:auto;margin:0}.image-upload{flex-direction:column;align-items:center;gap:16px;display:flex}.image-preview{aspect-ratio:1;background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:200px;display:flex;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.upload-label{cursor:pointer;color:#6b7280;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-weight:500;transition:all .2s;display:flex}.upload-label:hover{color:#8a9c3b;background-color:#8a9c3b0d;border-color:#8a9c3b}.error-message{color:#991b1b;background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:14px}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-cancel{color:#374151;background-color:#e5e7eb}.btn-cancel:hover{background-color:#d1d5db}.btn-submit{color:#fff;background-color:#8a9c3b}.btn-submit:hover:not(:disabled){background-color:#7a8a2f}@media (width<=640px){.form-modal{border-radius:12px 12px 0 0;max-width:100%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.team-management-page{background-color:#f3f4f6;min-height:100vh;padding:clamp(16px,5vw,30px)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(16px,3vw,24px);margin-bottom:clamp(24px,5vw,32px);display:flex}.header-content h1{color:#1f2937;margin:0 0 clamp(4px,1vw,8px);font-size:clamp(24px,6vw,32px);font-weight:700}.header-content p{color:#6b7280;margin:0;font-size:clamp(14px,2vw,16px)}.btn-add-member{color:#fff;cursor:pointer;white-space:nowrap;background-color:#8a9c3b;border:none;border-radius:8px;justify-content:center;align-items:center;gap:clamp(6px,1vw,8px);padding:clamp(10px,2vw,12px) clamp(16px,3vw,24px);font-size:clamp(12px,1.5vw,14px);font-weight:600;transition:all .2s;display:flex}.btn-add-member:hover{background-color:#7a8a2f;transform:translateY(-2px);box-shadow:0 4px 12px #8a9c3b4d}.btn-add-member svg{flex-shrink:0;width:clamp(18px,2vw,20px);height:clamp(18px,2vw,20px)}.tabs-container{border-bottom:2px solid #e5e7eb;gap:clamp(8px,2vw,16px);margin-bottom:clamp(20px,4vw,32px);display:flex}.tab-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:clamp(10px,2vw,14px) clamp(12px,2vw,20px);font-size:clamp(13px,1.5vw,15px);font-weight:600;transition:all .3s;position:relative}.tab-button:hover{color:#8a9c3b}.tab-button.active{color:#8a9c3b;border-bottom-color:#8a9c3b}.page-content{max-width:1200px;margin:0 auto}@media (width<=768px){.team-management-page{padding:clamp(12px,4vw,20px)}.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(16px,4vw,24px)}.header-content h1{font-size:clamp(20px,5vw,28px)}.btn-add-member{justify-content:center;width:100%}.tabs-container{gap:clamp(4px,1vw,8px)}.tab-button{padding:clamp(8px,1.5vw,12px) clamp(10px,1.5vw,16px);font-size:clamp(12px,1.3vw,14px)}}@media (width<=480px){.team-management-page{padding:clamp(8px,3vw,16px)}.page-header{gap:clamp(8px,2vw,12px)}.btn-add-member span{display:none}.btn-add-member{padding:clamp(8px,1.5vw,10px) clamp(12px,2vw,16px)}.tabs-container{gap:clamp(2px,.5vw,4px);margin-bottom:clamp(16px,3vw,20px)}.tab-button{padding:clamp(6px,1vw,10px) clamp(8px,1vw,12px);font-size:clamp(11px,1.2vw,12px)}}.admin-management{background:#f3f4f6;min-height:calc(100vh - 80px);padding:24px}.admin-management.loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.admin-management.loading .spinner{color:#8a9c3b;animation:1s linear infinite spin}.admin-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.admin-title{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.admin-subtitle{color:#6b7280;margin:0;font-size:14px}.btn-add-admin{color:#fff;cursor:pointer;white-space:nowrap;background:#8a9c3b;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.btn-add-admin:hover{box-shadow:0 8px 20px #8a9c3b4d}.error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.admins-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.admins-table{border-collapse:collapse;width:100%}.admins-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.admins-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:12px;font-weight:600}.admins-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.admins-table tbody tr:hover{background:#f9fafb}.admins-table td{color:#374151;padding:16px;font-size:14px}.admin-name{color:#1f2937;font-weight:600}.admin-email{color:#6b7280}.role-badge{text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.role-badge.role-admin{color:#1e40af;background:#dbeafe}.role-badge.role-super_admin{color:#be185d;background:#fce7f3}.status-badge.inactive{color:#991b1b;background:#fee2e2}.last-login{color:#6b7280;font-size:13px}.btn-action{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:0;transition:all .2s;display:flex}.btn-action.toggle{color:#b45309;background:#fef3c7}.btn-action.toggle:hover{background:#fde68a}.btn-action.toggle.deactivate{color:#991b1b;background:#fee2e2}.btn-action.toggle.deactivate:hover{background:#fecaca}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:650px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-title{color:#1f2937;margin:0 0 24px;font-size:24px;font-weight:700}.form-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.admin-form{flex-direction:column;gap:16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group input,.form-group select{background:#fcfcfc;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#8a9c3b;outline:none;box-shadow:0 0 0 3px #8a9c3b1a}.form-actions{gap:12px;margin-top:8px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-cancel:hover:not(:disabled){background:#d1d5db}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #8a9c3b4d}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-submit .spinner{animation:1s linear infinite spin}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px;padding:12px;display:grid}.requirement{align-items:center;gap:6px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.requirement.met{color:#10b981}.requirement.not-met{color:#94a3b8}.requirement svg{flex-shrink:0}.checkbox-group{margin-top:4px}.checkbox-label{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.checkbox-label:hover{background:#f1f5f9;border-color:#e2e8f0}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#8a9c3b;width:20px;height:20px}.checkbox-label span{color:#475569;text-transform:uppercase;letter-spacing:.025em;font-size:13px;font-weight:600}@media (width<=768px){.admin-header{flex-direction:column;align-items:flex-start}.admins-table{font-size:13px}.admins-table th,.admins-table td{padding:12px}.actions{gap:4px}.btn-action{width:32px;height:32px}.modal-content{padding:24px}.form-grid{grid-template-columns:1fr;gap:12px}.password-requirements{grid-template-columns:1fr}}.field-help{color:#6b7280;margin:-4px 0 0;font-size:11px;font-style:italic}.password-fields{background:#8a9c3b08;border:1px dashed #8a9c3b33;border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.searchable-select-container{width:100%;position:relative}.searchable-select-trigger{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;transition:all .2s;display:flex}.searchable-select-trigger:hover{border-color:#d1d5db}.searchable-select-trigger.active{border-color:#8a9c3b;box-shadow:0 0 0 3px #8a9c3b1a}.selected-value{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.selected-value .placeholder{color:#9ca3af;font-weight:400}.searchable-select-trigger .chevron{color:#6b7280;transition:transform .2s}.searchable-select-trigger .chevron.rotate{color:#8a9c3b;transform:rotate(45deg)}.searchable-select-dropdown{z-index:1100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.search-box{border-bottom:1px solid #f1f5f9;padding:12px}.search-box input{border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px}.search-box input:focus{border-color:#8a9c3b}.options-list{max-height:250px;padding:6px;overflow-y:auto}.option-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.option-item:hover{background:#f8fafc}.option-item.selected{background:#8a9c3b14}.option-item strong{color:#1e293b;font-size:13px;display:block}.option-item span{color:#64748b;font-size:11px;display:block}.option-item .check-icon{color:#8a9c3b;flex-shrink:0}.no-results{text-align:center;color:#94a3b8;padding:16px;font-size:13px;font-style:italic}.contact-messages-page{max-width:1400px;margin:0 auto;padding:clamp(2rem,4vw,3rem)}.messages-header{margin-bottom:clamp(2rem,4vw,3rem)}.header-content{justify-content:space-between;align-items:flex-start;gap:clamp(1rem,2vw,2rem);display:flex}.messages-header h1{color:var(--dark-brown);margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(2rem,4vw,2.5rem)}.messages-header p{color:var(--gray-dark);margin:0;font-size:clamp(.95rem,1.8vw,1.1rem)}.btn-export{background:var(--primary-green);color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,1.5vw,1rem) clamp(1.25rem,2.5vw,1.75rem);font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;display:flex}.btn-export:hover{background:#7d8620;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-export:active{transform:translateY(0)}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(150px,20vw,200px),1fr));gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(2rem,4vw,3rem);display:grid}.stat-card{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--border-radius);text-align:center;transition:var(--transition);padding:clamp(1.5rem,3vw,2rem)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.new{border-left:4px solid #909b23}.stat-card.read{border-left:4px solid #c50}.stat-card.replied{border-left:4px solid #302016}.stat-card.archived{border-left:4px solid #666}.stat-value{color:var(--dark-brown);margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.stat-label{color:var(--gray-dark);font-size:clamp(.85rem,1.5vw,.95rem)}.filters-section{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(2rem,4vw,3rem);display:flex}.search-box{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--border-radius);color:var(--gray-dark);align-items:center;gap:clamp(.75rem,1.5vw,1rem);padding:clamp(.875rem,1.5vw,1rem);display:flex}.search-box input{font-family:var(--font-family);color:var(--black);background:0 0;border:none;outline:none;flex:1;font-size:clamp(.95rem,1.8vw,1rem)}.search-box input::placeholder{color:var(--gray-dark);opacity:.6}.filter-buttons{flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1rem);display:flex}.filter-btn{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--border-radius);color:var(--dark-brown);cursor:pointer;transition:var(--transition);padding:clamp(.625rem,1vw,.75rem) clamp(1rem,2vw,1.5rem);font-size:clamp(.9rem,1.8vw,1rem);font-weight:500}.filter-btn:hover{border-color:var(--primary-green);color:var(--primary-green)}.filter-btn.active{background:var(--primary-green);border-color:var(--primary-green);color:var(--white)}.error-alert{border-radius:var(--border-radius);color:#d32f2f;background:#d32f2f1a;border:1px solid #d32f2f4d;margin-bottom:clamp(1.5rem,3vw,2rem);padding:clamp(1rem,2vw,1.25rem);font-size:clamp(.9rem,1.8vw,1rem)}.messages-list{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);display:flex}.loading,.no-messages{text-align:center;color:var(--gray-dark);padding:clamp(3rem,6vw,4rem);font-size:clamp(1rem,1.8vw,1.1rem)}.no-messages{flex-direction:column;align-items:center;gap:clamp(1rem,2vw,1.5rem);display:flex}.no-messages svg{color:var(--gray-medium);opacity:.5}.message-card{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--border-radius);transition:var(--transition);cursor:pointer;padding:clamp(1.5rem,3vw,2rem)}.message-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.message-header{justify-content:space-between;align-items:flex-start;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem);display:flex}.message-info h3{color:var(--dark-brown);margin:0 0 clamp(.25rem,.5vw,.5rem);font-size:clamp(1.1rem,2vw,1.3rem)}.message-info .email{color:var(--primary-green);margin:0 0 clamp(.25rem,.5vw,.5rem);font-size:clamp(.9rem,1.8vw,1rem)}.message-info .date{color:var(--gray-dark);margin:0;font-size:clamp(.8rem,1.5vw,.9rem)}.message-status{gap:clamp(.5rem,1vw,.75rem);display:flex}.status-badge{color:var(--white);border-radius:20px;padding:clamp(.375rem,.75vw,.5rem) clamp(.75rem,1.5vw,1rem);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600}.message-preview{color:var(--gray-dark);margin-bottom:clamp(1rem,2vw,1.5rem);font-size:clamp(.95rem,1.8vw,1rem);line-height:1.6}.message-actions{gap:clamp(.75rem,1.5vw,1rem);display:flex}.btn-view,.btn-delete{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.625rem,1vw,.75rem) clamp(1rem,2vw,1.25rem);font-size:clamp(.85rem,1.5vw,.95rem);font-weight:600;display:flex}.btn-view{background:var(--primary-green);color:var(--white)}.btn-view:hover{background:#7d8620;transform:translateY(-2px)}.btn-delete{color:#d32f2f;background:#d32f2f1a;border:1px solid #d32f2f4d}.btn-delete:hover{background:#d32f2f33}.modal-content{background:var(--white);border-radius:var(--border-radius);max-width:600px;max-block-size:90vh;inline-size:100%;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--gray-medium);background:var(--white);justify-content:space-between;align-items:center;padding:clamp(1.5rem,3vw,2rem);display:flex;position:sticky;top:0}.close-btn{color:var(--gray-dark);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.close-btn:hover{color:var(--dark-brown)}.modal-body{padding:clamp(1.5rem,3vw,2rem)}.message-details{border-bottom:1px solid var(--gray-medium);flex-direction:column;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1.5rem,3vw,2rem);padding-bottom:clamp(1.5rem,3vw,2rem);display:flex}.detail-row{justify-content:space-between;align-items:center;gap:clamp(1rem,2vw,1.5rem);display:flex}.detail-row label{color:var(--dark-brown);min-width:100px;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600}.detail-row span,.detail-row a{color:var(--gray-dark);font-size:clamp(.9rem,1.8vw,1rem)}.detail-row a{color:var(--primary-green);text-decoration:none}.detail-row a:hover{text-decoration:underline}.status-select{border:1px solid var(--gray-medium);border-radius:var(--border-radius);font-family:var(--font-family);color:var(--black);cursor:pointer;transition:var(--transition);padding:clamp(.5rem,1vw,.75rem);font-size:clamp(.9rem,1.8vw,1rem)}.status-select:hover,.status-select:focus{border-color:var(--primary-green);outline:none}.message-body{margin-bottom:clamp(1.5rem,3vw,2rem)}.message-body h3,.admin-notes h3,.reply-section h3{color:var(--dark-brown);margin:0 0 clamp(.75rem,1.5vw,1rem);font-size:clamp(1.1rem,2vw,1.3rem)}.message-body p{color:var(--gray-dark);margin:0;font-size:clamp(.95rem,1.8vw,1rem);line-height:1.8}.admin-notes{border-left:4px solid var(--primary-green);border-radius:var(--border-radius);background:#909b230d;margin-bottom:clamp(1.5rem,3vw,2rem);padding:clamp(1rem,2vw,1.5rem)}.admin-notes p{color:var(--dark-brown);margin:0}.btn-reply{background:var(--primary-green);color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.75rem,1.5vw,1rem) clamp(1.25rem,2.5vw,1.75rem);font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;display:flex}.btn-reply:hover{background:#7d8620;transform:translateY(-2px)}.reply-section{border-radius:var(--border-radius);background:#909b230d;border:1px solid #909b2333;padding:clamp(1.5rem,3vw,2rem)}.reply-textarea{box-sizing:border-box;border:1px solid var(--gray-medium);border-radius:var(--border-radius);inline-size:100%;font-family:var(--font-family);color:var(--black);resize:vertical;margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.875rem,1.5vw,1rem);font-size:clamp(.95rem,1.8vw,1rem)}.reply-textarea:focus{border-color:var(--primary-green);outline:none;box-shadow:0 0 0 3px #909b231a}.reply-actions{gap:clamp(.75rem,1.5vw,1rem);display:flex}.btn-send,.btn-cancel{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;padding:clamp(.75rem,1.5vw,1rem) clamp(1.25rem,2.5vw,1.75rem);font-size:clamp(.9rem,1.8vw,1rem);font-weight:600}.btn-send{background:var(--primary-green);color:var(--white);flex:1}.btn-send:hover:not(:disabled){background:#7d8620;transform:translateY(-2px)}.btn-send:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:var(--gray-medium);color:var(--dark-brown);flex:1}.security-section{border-radius:var(--border-radius);background:#cc55000d;border-left:4px solid #c50;margin-top:clamp(1rem,2vw,1.5rem);padding:clamp(1rem,2vw,1.5rem)}.security-title{color:#c50;margin:0 0 clamp(.75rem,1.5vw,1rem);font-size:clamp(1rem,1.8vw,1.1rem);font-weight:600}.security-section .detail-row{border-bottom:1px solid #cc55001a;padding:clamp(.5rem,1vw,.75rem) 0}.security-section .detail-row:last-child{border-bottom:none}.referrer-text,.user-agent-text{word-break:break-all;background:#cc55000d;border-radius:4px;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);font-family:Courier New,monospace;font-size:clamp(.8rem,1.5vw,.9rem)}@media (width<=768px){.contact-messages-page{padding:clamp(1rem,3vw,2rem)}.header-content{flex-direction:column;align-items:stretch}.btn-export{justify-content:center;width:100%}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(120px,22vw,150px),1fr));gap:clamp(.75rem,1.5vw,1rem)}.message-header{flex-direction:column;align-items:flex-start}.message-status{align-self:flex-start}.detail-row{flex-direction:column;align-items:flex-start;gap:clamp(.5rem,1vw,.75rem)}.detail-row label{min-width:auto;font-weight:700}.reply-actions{flex-direction:column}.btn-send,.btn-cancel{width:100%}.modal-content{max-width:95vw;max-block-size:95vh}.filter-buttons,.message-actions{flex-wrap:wrap}}@media (width<=480px){.contact-messages-page{padding:clamp(.75rem,2vw,1.5rem)}.messages-header h1{font-size:clamp(1.5rem,5vw,2rem)}.messages-header p{font-size:clamp(.85rem,2vw,.95rem)}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(100px,25vw,130px),1fr));gap:clamp(.5rem,1vw,.75rem)}.stat-card{padding:clamp(1rem,2vw,1.5rem)}.stat-value{font-size:clamp(1.5rem,4vw,2rem)}.stat-label{font-size:clamp(.75rem,1.5vw,.85rem)}.search-box{flex-direction:column;align-items:flex-start}.search-box input{width:100%}.filter-buttons{gap:clamp(.5rem,1vw,.75rem)}.filter-btn{padding:clamp(.5rem,.8vw,.625rem) clamp(.75rem,1.5vw,1rem);font-size:clamp(.8rem,1.5vw,.9rem)}.message-card{padding:clamp(1rem,2vw,1.5rem)}.message-header{gap:clamp(.5rem,1vw,.75rem)}.message-info h3{font-size:clamp(1rem,2vw,1.1rem)}.message-info .email{font-size:clamp(.85rem,1.5vw,.9rem)}.message-info .date{font-size:clamp(.75rem,1.5vw,.8rem)}.message-preview{font-size:clamp(.9rem,1.5vw,.95rem)}.message-actions{flex-direction:column;gap:clamp(.5rem,1vw,.75rem)}.btn-view,.btn-delete{justify-content:center;width:100%}.modal-overlay{padding:clamp(.5rem,1vw,1rem)}.modal-content{max-width:100%;border-radius:12px 12px 0 0;max-block-size:100vh}.modal-header{gap:clamp(.5rem,1vw,.75rem);padding:clamp(1rem,2vw,1.5rem)}.modal-header h2{font-size:clamp(1.1rem,2vw,1.3rem)}.modal-body{padding:clamp(1rem,2vw,1.5rem)}.detail-row label,.detail-row span,.detail-row a{font-size:clamp(.85rem,1.5vw,.9rem)}.message-body h3,.admin-notes h3,.reply-section h3{font-size:clamp(1rem,1.8vw,1.1rem)}.message-body p,.reply-textarea{font-size:clamp(.9rem,1.5vw,.95rem)}.btn-reply{justify-content:center;width:100%}.btn-send,.btn-cancel{padding:clamp(.625rem,1vw,.75rem) clamp(1rem,2vw,1.25rem);font-size:clamp(.85rem,1.5vw,.9rem)}.security-section{padding:clamp(.75rem,1.5vw,1rem)}.security-title{font-size:clamp(.9rem,1.5vw,1rem)}.referrer-text,.user-agent-text{padding:clamp(.25rem,.5vw,.375rem) clamp(.375rem,.75vw,.5rem);font-size:clamp(.75rem,1.5vw,.85rem)}}@media (width<=360px){.contact-messages-page{padding:clamp(.5rem,1vw,1rem)}.statistics-grid{grid-template-columns:repeat(2,1fr)}.filter-buttons{flex-direction:column}.filter-btn{width:100%}.message-actions{flex-direction:column}.btn-view,.btn-delete{width:100%}.modal-content{max-block-size:100vh}}.sdg-management{background:#f5f5f5;min-height:100vh;padding:2rem}.sdg-management-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.sdg-management-header h1{color:#2d2d2d;margin:0;font-size:2rem}.btn-add-goal{color:#fff;cursor:pointer;background:#6b8e23;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-add-goal:hover{background:#5a7a1f;transform:translateY(-2px);box-shadow:0 4px 12px #6b8e234d}.alert{border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-weight:500}.alert-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.alert-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.loading,.empty-state{text-align:center;color:#666;background:#fff;border-radius:8px;padding:3rem;font-size:1.1rem}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.goal-card{background:#fff;border-radius:8px;padding:1.5rem;transition:all .3s;box-shadow:0 2px 8px #0000001a}.goal-card:hover{box-shadow:0 4px 16px #00000026}.goal-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.goal-number-badge{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex}.goal-actions{gap:.5rem;display:flex}.btn-icon{cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-icon.edit{color:#6b8e23}.btn-icon.edit:hover{background:#e8f5e9}.btn-icon.delete{color:#e74c3c}.btn-icon.delete:hover{background:#fadbd8}.goal-title{color:#2d2d2d;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.goal-description{color:#666;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.goal-meta{gap:1rem;font-size:.85rem;display:flex}.status{border-radius:20px;padding:.25rem .75rem;font-weight:600}.status.active{color:#155724;background:#d4edda}.status.inactive{color:#721c24;background:#f8d7da}.order{color:#999}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:#2d2d2d;margin:0;font-size:1.5rem}.btn-close{cursor:pointer;color:#999;background:0 0;border:none;transition:color .2s}.btn-close:hover{color:#2d2d2d}.sdg-form{padding:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;inline-size:100%;padding-block:.75rem;padding-inline:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#6b8e23;outline:none;box-shadow:0 0 0 3px #6b8e231a}.form-group input:disabled{cursor:not-allowed;background:#f5f5f5}.form-group textarea{resize:vertical;min-height:100px}.targets-input{gap:.5rem;margin-bottom:1rem;display:flex}.targets-input input{flex:1}.btn-add-target{color:#fff;cursor:pointer;background:#6b8e23;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.btn-add-target:hover{background:#5a7a1f}.targets-list{flex-wrap:wrap;gap:.5rem;display:flex}.target-tag{color:#2d2d2d;background:#e8f5e9;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.btn-remove{color:#6b8e23;cursor:pointer;background:0 0;border:none;block-size:auto;inline-size:auto;font-size:1.2rem;line-height:1}.btn-remove:hover{color:#5a7a1f}.form-group.checkbox{margin-bottom:0}.form-group.checkbox label{align-items:center;gap:.5rem;margin-bottom:0;display:flex}.form-group.checkbox input{width:auto;margin:0}.form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:1rem;padding-top:1.5rem;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-cancel{color:#2d2d2d;background:#f5f5f5}.btn-cancel:hover{background:#e0e0e0}.btn-submit{color:#fff;background:#6b8e23}@media (width<=768px){.sdg-management{padding:1rem}.sdg-management-header{flex-direction:column;align-items:flex-start;gap:1rem}.goals-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.product-management{max-width:1400px;margin:0 auto;padding:2rem}.pm-loading{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.pm-spinner-icon{color:#909b23;animation:1s linear infinite pm-spin}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.pm-header h1{color:#1c1c1c;margin-bottom:.25rem;font-size:1.6rem;font-weight:800}.pm-header p{color:#888;font-size:.875rem}.pm-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.pm-btn-primary{color:#fff;cursor:pointer;background:#909b23;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.pm-btn-primary:hover:not(:disabled){background:#7d871f;transform:translateY(-1px)}.pm-btn-primary:disabled{opacity:.55;cursor:not-allowed}.pm-btn-secondary{color:#333;cursor:pointer;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.pm-btn-secondary:hover{background:#eaeaea}.pm-btn-ghost{color:#666;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:8px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.pm-btn-ghost:hover{background:#f5f5f5}.pm-btn-icon{color:#777;cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.pm-btn-icon:hover{color:#333;background:#f5f5f5}.pm-btn-icon.danger:hover{color:#c53030;background:#fff0f0;border-color:#fca5a5}.pm-products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.pm-product-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;flex-direction:column;transition:box-shadow .25s;display:flex;overflow:hidden}.pm-product-card:hover{box-shadow:0 8px 24px #00000014}.pm-product-image{background:#f7f5f2;justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.pm-product-image img{object-fit:contain;width:100%;height:100%}.pm-stock-badge{border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.pm-stock-badge.in-stock{color:#065f46;background:#d1fae5}.pm-stock-badge.low-stock{color:#92400e;background:#fef3c7}.pm-stock-badge.out-stock{color:#991b1b;background:#fee2e2}.pm-product-body{flex-grow:1;padding:1rem 1.25rem}.pm-cat-label{letter-spacing:.12em;text-transform:uppercase;color:#909b23;margin-bottom:.3rem;font-size:.65rem;font-weight:700}.pm-product-name{color:#1c1c1c;margin-bottom:.35rem;font-size:.95rem;font-weight:700;line-height:1.35}.pm-product-price{color:#909b23;font-size:1rem;font-weight:800}.pm-product-footer{border-top:1px solid #f3f3f3;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.pm-status{border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.pm-status.active{color:#065f46;background:#d1fae5}.pm-status.draft{color:#6b7280;background:#f3f4f6}.pm-actions{gap:.4rem;display:flex}.pm-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.pm-empty-state h3{color:#333;font-size:1.1rem;font-weight:700}.pm-empty-state p{color:#999;margin-bottom:.5rem;font-size:.875rem}.pm-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.pm-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0000002e}.pm-modal-wide{max-width:760px}.pm-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem 1.75rem 0;display:flex}.pm-modal-header h2{color:#1c1c1c;font-size:1.2rem;font-weight:800}.pm-close-btn{color:#888;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.pm-close-btn:hover{color:#333;background:#ebebeb}.pm-form{flex-direction:column;gap:1rem;padding:0 1.75rem 1.75rem;display:flex}.pm-form-group{flex-direction:column;gap:.4rem;display:flex}.pm-form-group label{color:#555;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.pm-form-group input,.pm-form-group select,.pm-form-group textarea{color:#1c1c1c;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:8px;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.pm-form-group input:focus,.pm-form-group select:focus,.pm-form-group textarea:focus{background:#fff;border-color:#909b23}.pm-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pm-checkbox-label{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:.875rem;display:flex}.pm-checkbox-label input[type=checkbox]{accent-color:#909b23;width:16px;height:16px}.pm-modal-footer{gap:.75rem;margin-top:.5rem;display:flex}.pm-cat-layout{grid-template-columns:1fr 1fr;gap:1.5rem;padding:0 1.75rem 1.75rem;display:grid}.pm-cat-form-panel h4,.pm-cat-list-panel h4{text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:1rem;font-size:.8rem;font-weight:800}.pm-cat-form-panel{flex-direction:column;gap:.85rem;display:flex}.pm-cat-list-panel{border-left:1px solid #f0f0f0;padding-left:1.5rem}.pm-cat-empty{color:#bbb;text-align:center;margin-top:2rem;font-size:.85rem}.pm-cat-list{flex-direction:column;gap:.5rem;max-height:360px;padding:0;list-style:none;display:flex;overflow-y:auto}.pm-cat-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.pm-cat-item strong{color:#1c1c1c;font-size:.875rem;font-weight:700;display:block}.pm-cat-item p{color:#999;margin-top:.15rem;font-size:.75rem;line-height:1.3}.pm-cat-actions{flex-shrink:0;gap:.35rem;display:flex}@media (width<=700px){.pm-cat-layout{grid-template-columns:1fr}.pm-cat-list-panel{border-top:1px solid #f0f0f0;border-left:none;padding-top:1rem;padding-left:0}.pm-form-row{grid-template-columns:1fr}}.pm-bulk-section{border-top:1px solid #f0f0f0;margin-top:1rem;padding-top:1.5rem}.pm-bulk-section h3{color:#1c1c1c;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:800}.pm-help-text{color:#888;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;padding:1rem;font-size:.8rem}.pm-bulk-list{flex-direction:column;gap:.75rem;display:flex}.pm-bulk-row{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;grid-template-columns:100px 1fr 40px;align-items:flex-end;gap:.75rem;padding:.75rem;display:grid}.pm-btn-ghost.mini{border-radius:6px;padding:.4rem .75rem;font-size:.75rem}.pm-image-manager{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.pm-image-grid{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.pm-image-thumb{border:2px solid #fff;border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.pm-image-thumb img{object-fit:cover;width:100%;height:100%}.pm-image-remove{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s;display:flex;position:absolute;top:2px;right:2px}.pm-image-thumb:hover .pm-image-remove{opacity:1}.pm-image-add{color:#94a3b8;cursor:pointer;border:2px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex}.pm-image-add:hover{color:#909b23;background:#fff;border-color:#909b23}.product-form-page{background:#f8fafc;min-height:100vh;padding:2rem}.pfp-container{max-width:1200px;margin:0 auto}.pfp-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.pfp-spinner{color:#909b23;animation:1s linear infinite pfp-spin}@keyframes pfp-spin{to{transform:rotate(360deg)}}.pfp-header{margin-bottom:2.5rem}.pfp-back-link{color:#64748b;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.pfp-back-link:hover{color:#909b23}.pfp-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.pfp-title-row h1{color:#0f172a;margin:0;font-size:1.875rem;font-weight:800}.pfp-header-actions{gap:.75rem;display:flex}.pfp-btn-primary{color:#fff;cursor:pointer;background:#909b23;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #909b2333}.pfp-btn-primary:hover:not(:disabled){background:#7a841d;transform:translateY(-1px);box-shadow:0 6px 16px #909b234d}.pfp-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s}.pfp-btn-secondary:hover:not(:disabled){background:#f1f5f9}.pfp-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.pfp-btn-ghost:hover{color:#0f172a;background:#f1f5f9}.pfp-btn-ghost.mini{background:#fff;border-radius:6px;padding:.4rem .75rem;font-size:.75rem}.pfp-main-grid{grid-template-columns:1.8fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.pfp-side-col{flex-direction:column;gap:2rem;display:flex}.pfp-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pfp-card-header{background:#fafafa;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.header-title{align-items:center;gap:.75rem;display:flex}.pfp-card-header h2{color:#334155;text-transform:uppercase;letter-spacing:.025em;margin:0;font-size:1rem;font-weight:700}.pfp-card-header svg{color:#909b23}.pfp-card-body{padding:1.5rem}.pfp-form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.pfp-form-group:last-child{margin-bottom:0}.pfp-form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:700}.pfp-form-group input,.pfp-form-group select,.pfp-form-group textarea{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.pfp-form-group input:focus,.pfp-form-group select:focus,.pfp-form-group textarea:focus{background:#fff;border-color:#909b23;outline:none;box-shadow:0 0 0 4px #909b231a}.pfp-form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.pfp-checkbox-label{cursor:pointer;color:#475569;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.9375rem;font-weight:500;display:flex}.pfp-checkbox-label input{accent-color:#909b23;width:18px;height:18px}.pfp-image-manager{flex-direction:column;gap:1rem;display:flex}.pfp-image-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;display:grid}.pfp-image-thumb{aspect-ratio:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;position:relative;overflow:hidden}.pfp-image-thumb img{object-fit:contain;width:100%;height:100%}.pfp-image-remove{color:#fff;cursor:pointer;opacity:0;background:#0f172acc;border:none;border-radius:6px;padding:.25rem;transition:opacity .2s;position:absolute;top:.25rem;right:.25rem}.pfp-image-thumb:hover .pfp-image-remove{opacity:1}.pfp-image-add{aspect-ratio:1;color:#94a3b8;cursor:pointer;border:2px dashed #e2e8f0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pfp-image-add:hover:not(.loading){color:#909b23;background:#f7f9e8;border-color:#909b23}.pfp-image-add.loading{cursor:not-allowed;background:#f1f5f9}.pfp-bottom-sections{flex-direction:column;gap:2rem;display:flex}.pfp-dynamic-list{flex-direction:column;gap:1rem;display:flex}.pfp-dynamic-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-end;gap:1rem;padding:1.25rem;display:grid}.pfp-properties-list .pfp-dynamic-row{grid-template-columns:1fr 1.5fr auto}.pfp-variations-list .pfp-dynamic-row{grid-template-columns:2fr 1fr 1fr auto}.pfp-bulk-list .pfp-dynamic-row{grid-template-columns:1fr 1fr auto}.pfp-feature-row{grid-template-columns:1fr auto}.pfp-input-group{flex-direction:column;gap:.4rem;display:flex}.pfp-input-group label{color:#94a3b8;text-transform:uppercase;font-size:.7rem;font-weight:700}.pfp-input-group input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem .75rem;font-size:.875rem}.pfp-btn-delete{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.pfp-btn-delete:hover{background:#fef2f2;transform:scale(1.05)}.pfp-info-box{color:#856404;background:#fff9eb;border:1px solid #ffeeba;border-radius:8px;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.pfp-help-text{color:#94a3b8;margin:0;font-size:.75rem}.pfp-empty-text{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;padding:2rem;font-size:.875rem}.pfp-status-indicator{align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.pfp-status-indicator.active{color:#059669}.pfp-status-indicator.draft{color:#64748b}.pfp-status-indicator .dot{border-radius:50%;width:10px;height:10px}.pfp-status-indicator.active .dot{background:#10b981;box-shadow:0 0 0 4px #10b98133}.pfp-status-indicator.draft .dot{background:#94a3b8}.pfp-blob-preview{opacity:.7;border:2px dashed #f59e0b!important}.pfp-upload-disabled{opacity:.4;pointer-events:none;cursor:not-allowed!important}.flex-1{flex:1}@media (width<=968px){.pfp-main-grid{grid-template-columns:1fr}}@media (width<=640px){.product-form-page{padding:1rem}.pfp-title-row{flex-direction:column;align-items:flex-start}.pfp-header-actions{width:100%}.pfp-header-actions button{flex:1}.pfp-form-row{grid-template-columns:1fr}.pfp-dynamic-row{padding-top:3rem;position:relative;grid-template-columns:1fr!important}.pfp-btn-delete{position:absolute;top:.75rem;right:.75rem}}.pfp-variation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:1rem;overflow:hidden}.pfp-variation-card:last-child{margin-bottom:0}.pfp-variation-fields{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:flex-end;gap:1rem;padding:1.25rem;display:grid}.pfp-var-delete{align-self:flex-end}.pfp-variation-images{background:#fff;border-top:1px solid #e2e8f0;padding:1rem 1.25rem}.pfp-var-img-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.pfp-var-img-hint{text-transform:none;color:#94a3b8;letter-spacing:0;font-weight:400}.pfp-var-image-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))!important}.pfp-bulk-header{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;grid-template-columns:1fr 1fr auto;gap:1rem;padding:0 1.25rem .5rem;font-size:.7rem;font-weight:700;display:grid}.pfp-properties-list-row{grid-template-columns:1fr 1.5fr auto}@media (width<=640px){.pfp-variation-fields{grid-template-columns:1fr;padding-top:3.5rem;position:relative}.pfp-bulk-header{display:none}}.pfp-quick-templates{background:#909b2305;border:1.5px dashed #909b2326;border-radius:12px;margin-bottom:1.25rem;padding:1rem}.pfp-quick-templates-title{color:#909b23;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:800;display:block}.pfp-quick-pills-row{flex-wrap:wrap;gap:.5rem;display:flex}.pfp-quick-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.pfp-quick-pill:hover{color:#909b23;background:#909b230a;border-color:#909b23;transform:translateY(-1px);box-shadow:0 4px 6px #909b231a}.pfp-quick-pill:active{transform:translateY(0)}.global-settings{max-width:1200px;margin:0 auto;padding:2rem}.settings-header{border-bottom:1px solid #0000001a;margin-bottom:2rem;padding-bottom:1rem}.settings-title{color:#1a1a1a;margin-bottom:.5rem;font-size:2rem;font-weight:700}.settings-subtitle{color:#666;font-size:1rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.settings-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-title{color:#1a202c;border-bottom:1px solid #f7fafc;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:700;display:flex}.card-title svg{color:#909b23}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.75rem;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#909b23;outline:none;box-shadow:0 0 0 3px #909b231a}.settings-actions{justify-content:flex-end;margin-top:3rem;display:flex}.btn-save-settings{color:#fff;background:#909b23;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 2rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #909b2333}.btn-save-settings:hover{background:#7d871f;transform:translateY(-1px);box-shadow:0 4px 8px #909b234d}.btn-save-settings:disabled{cursor:not-allowed;background:#a0aec0}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.success-badge{color:#38a169;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.recipient-picker-container{position:relative}.recipient-actions{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.btn-add-recipient{color:#fff;cursor:pointer;white-space:nowrap;background:#1e293b;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-add-recipient:hover{background:#334155;transform:translateY(-1px)}.custom-email-group{flex:1;gap:.5rem;min-width:280px;display:flex}.btn-add-email-action{color:#fff;cursor:pointer;white-space:nowrap;background:#909b23;border:none;border-radius:8px;padding:0 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-add-email-action:hover{background:#7d871f}.add-zone-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1.25rem;display:grid}.zones-list-table{overflow-x:auto}@media (width<=768px){.global-settings{padding:1rem}.settings-title{font-size:1.5rem}.settings-grid{grid-template-columns:1fr;gap:1.5rem}.recipient-actions{flex-direction:column;align-items:stretch;gap:.75rem}.btn-add-recipient{justify-content:center;width:100%;padding:.85rem}.custom-email-group{width:100%;min-width:0}.btn-add-email-action{padding:.85rem 1.25rem}}@media (width<=480px){.custom-email-group{flex-direction:column;gap:.5rem}.btn-add-email-action{width:100%}}.order-management{background-color:#f8fafc;min-height:100vh;padding:2rem}.order-header{margin-bottom:2rem}.order-header h1{color:#1e293b;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.order-header p{color:#64748b}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.stat-icon{color:#059669;background:#ecfdf5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-label{color:#64748b;margin-bottom:.25rem;font-size:.875rem}.stat-value{color:#1e293b;font-size:1.5rem;font-weight:700}.orders-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000001a}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.orders-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem;font-size:.875rem}.payment-method-tag{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.order-status-badge{text-transform:capitalize;border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.loyalty-tier-badge{color:#fff;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.7rem;font-weight:800;display:inline-flex}.loyalty-tier-badge.mini{padding:.2rem .5rem;font-size:.65rem}.status-pending{color:#92400e;background:#fef3c7}.status-confirmed{color:#166534;background:#dcfce7}.status-fulfilled{color:#1e40af;background:#dbeafe}.status-cancelled{color:#991b1b;background:#fee2e2}.status-paid{color:#166534;background:#dcfce7}.status-partially_paid{color:#0369a1;background:#e0f2fe}.status-unpaid{color:#92400e;background:#fef3c7}.order-detail-view{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;min-height:calc(100vh - 4rem);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.detail-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem}.btn-back{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;transition:color .2s;display:flex}.btn-back:hover{color:#909b23}.header-main{justify-content:space-between;align-items:center;display:flex}.header-main h2{color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.header-main p{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.detail-status-badge{letter-spacing:.05em;border-radius:999px;padding:.5rem 1rem;font-size:.75rem;font-weight:800}.detail-content{background:#f8fafc;flex:1;padding:2rem}.detail-grid{grid-template-columns:1fr 340px;align-items:start;gap:2rem;display:grid}.detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.detail-section.highlight{border-left:4px solid #909b23}.detail-section.financial{color:#fff;background:#1e293b;border:none}.detail-section.financial h3{color:#94a3b8}.section-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-title h3{color:#1e293b;text-transform:uppercase;letter-spacing:.025em;margin:0;font-size:1rem;font-weight:800}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.items-table-container{border:1px solid #f1f5f9;border-radius:12px;overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table th{text-align:left;text-transform:uppercase;color:#64748b;background:#f8fafc;padding:.75rem 1rem;font-size:.7rem;font-weight:700}.items-table td{border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.875rem}.product-cell{color:#1e293b;font-weight:600}.items-table tfoot td{background:#f8fafc;padding:1.25rem 1rem}.payment-form{background:#f1f5f9;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.input-wrapper svg{color:#94a3b8;position:absolute;left:.75rem}.input-wrapper input{padding-left:2.25rem!important}.payment-form-inner{flex-direction:column;gap:.5rem;display:flex}.btn-submit{color:#fff;cursor:pointer;background:#909b23;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;display:flex}.btn-submit:hover:not(:disabled){background:#7a841d;transform:translateY(-1px)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.payments-mini-table{border-collapse:collapse;width:100%}.payments-mini-table th{text-align:left;color:#64748b;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem;font-size:.7rem}.payments-mini-table td{border-bottom:1px solid #f1f5f9;padding:1rem 0;font-size:.875rem}.method-cell{color:#64748b;font-size:.75rem;font-weight:700}.financial-card{flex-direction:column;gap:1rem;display:flex}.summary-row{color:#cbd5e1;justify-content:space-between;font-size:.95rem;display:flex}.summary-row.paid{color:#4ade80;font-weight:600}.summary-row.balance{color:#f87171;border-top:1px solid #334155;margin-top:.5rem;padding-top:1rem;font-size:1.15rem;font-weight:800}.btn-send-reminder{color:#fff;cursor:pointer;background:#334155;border:1px solid #334155;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-send-reminder:hover{background:#475569}.fulfillment-card{flex-direction:column;gap:1.25rem;display:flex}.fulfillment-card .form-group label{color:#64748b;margin-bottom:.4rem;font-size:.7rem}.fulfillment-card input{background:#f8fafc;border:1px solid #e2e8f0}.status-actions{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.btn-status-action{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-status-action.shipped{color:#fff;background:#3b82f6}.btn-status-action.fulfill{color:#fff;background:#909b23}.btn-status-action.cancel{color:#dc2626;background:#fff;border:1px solid #fee2e2}.btn-status-action:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-status-action.disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0}.fulfillment-action-wrapper{flex-direction:column;gap:.5rem;display:flex}.fulfillment-warning{color:#ef4444;align-items:center;gap:.35rem;margin:0;padding:0 .5rem;font-size:.75rem;font-weight:600;display:flex}.customer-info-card p{color:#475569;margin:.75rem 0;font-size:.9rem}.customer-info-card .divider{background:#f1f5f9;height:1px;margin:1.25rem 0}.address-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:1rem}.address-box strong{color:#1e293b;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.address-box p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.btn-add-payment{color:#0369a1;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:flex}.btn-add-payment:hover{background:#e0f2fe}.empty-state{text-align:center;color:#94a3b8;padding:2rem}.empty-state p{margin-top:.5rem;font-size:.875rem}.empty-state.mini{padding:1rem}.empty-state.mini p{color:#475569;font-weight:600}.method-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.method-badge.cash{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.method-badge.mobile_money{color:#9a3412;background:#fff7ed;border:1px solid #ffedd5}.method-badge.bank_transfer{color:#075985;background:#f0f9ff;border:1px solid #e0f2fe}.method-badge.paystack{color:#5b21b6;background:#f5f3ff;border:1px solid #ede9fe}.amount-cell{color:#059669;font-weight:800;font-size:.95rem!important}.payment-form-inner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.form-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.25rem;display:grid}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg{color:#94a3b8;pointer-events:none;position:absolute;left:.875rem}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem .75rem .75rem 2.5rem;font-size:.9rem;transition:all .2s}.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper textarea:focus{border-color:#909b23;outline:none;box-shadow:0 0 0 4px #909b231a}.textarea-wrapper textarea{resize:vertical;min-height:80px;padding-left:2.5rem}.admin-tag{color:#b91c1c;vertical-align:middle;background:#fef2f2;border:1px solid #fee2e2;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.6rem}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-submit{color:#fff;cursor:pointer;background:#909b23;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #909b2333}.btn-submit:hover{background:#7a841d;transform:translateY(-1px);box-shadow:0 10px 15px -3px #909b234d}.btn-submit:active{transform:translateY(0)}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1.5rem;font-weight:700;transition:all .2s}.btn-cancel:hover{color:#1e293b;background:#f1f5f9}.btn-download{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-download:hover{color:#000;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-download svg{color:#64748b;transition:color .2s}.btn-download:hover svg{color:#1e293b}@media (width<=1100px){.detail-grid{grid-template-columns:1fr}.sidebar-column{grid-template-columns:1fr 1fr;gap:2rem;display:grid}}@media (width<=768px){.sidebar-column,.form-grid{grid-template-columns:1fr}.header-main{flex-direction:column;align-items:flex-start;gap:1rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{justify-content:center;width:100%}}@media (width<=1000px){.form-grid{grid-template-columns:1fr 1fr}}.refund-mgmt-page{background-color:#f8fafc;min-height:100vh;padding:2rem}.refund-mgmt-page .page-header{margin-bottom:2rem}.refund-mgmt-page .page-header h1{color:#1e293b;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.refund-mgmt-page .page-header p{color:#64748b;font-size:.95rem}.table-loading{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex;box-shadow:0 1px 3px #0000000d}.table-loading p{margin-top:1rem;font-weight:500}.spinner{color:#909b23;animation:1s linear infinite spin}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.table-card:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{text-transform:uppercase;color:#64748b;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.admin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem;font-size:.875rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#f8fafc}.bold-cell{color:#1e293b;font-weight:700}.customer-info-cell{flex-direction:column;gap:.25rem;display:flex}.customer-name{color:#1e293b;font-weight:600}.customer-email{color:#64748b;font-size:.75rem}.order-num-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.price-cell{color:#1e293b;font-weight:700}.date-cell{color:#475569;align-items:center;gap:.5rem;display:flex}.date-cell svg{color:#94a3b8}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.pending{color:#d97706;background-color:#fef3c7;border:1px solid #fde68a}.status-badge.approved{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.status-badge.rejected{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.btn-action-view{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-action-view:hover{color:#909b23;background-color:#f8fafc;border-color:#909b23;transform:translateY(-1px)}.btn-action-view svg{color:#64748b;transition:color .2s}.btn-action-view:hover svg{color:#909b23}.empty-state-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem;display:flex;box-shadow:0 1px 3px #0000000d}.empty-state-card svg{color:#94a3b8;margin-bottom:1.5rem}.empty-state-card h3{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-state-card p{color:#64748b;max-width:320px;font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.refund-modal-container{background:#fff;border:1px solid #fff3;border-radius:20px;flex-direction:column;width:100%;max-width:1050px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.refund-modal-container .modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.refund-modal-container .modal-header h2{color:#1e293b;margin:0;font-size:1.35rem;font-weight:800}.refund-modal-container .modal-header p{color:#64748b;margin:.25rem 0 0;font-size:.8rem}.btn-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:.25rem .5rem;font-size:2rem;line-height:1;transition:all .2s;display:flex}.btn-modal-close:hover{color:#1e293b;background-color:#f1f5f9}.modal-body-grid{background-color:#f8fafc;flex:1;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;display:grid;overflow-y:auto}.modal-body-grid::-webkit-scrollbar{width:8px}.modal-body-grid::-webkit-scrollbar-track{background:#f1f5f9}.modal-body-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.detail-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #00000005}.detail-section-card:last-child{margin-bottom:0}.detail-section-card h3{text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.95rem;font-weight:700;display:flex}.detail-section-card h3 svg{color:#909b23}.info-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;padding:.65rem 0;font-size:.9rem;display:flex}.info-row:last-of-type{border-bottom:none;padding-bottom:0}.info-row .label{color:#64748b;font-weight:500}.info-row .val{color:#1e293b;text-align:right;font-weight:600}.info-row .bold-val{color:#909b23;font-weight:700}.reason-bubble{background-color:#f1f5f9;border-left:4px solid #cbd5e1;border-radius:12px;padding:1.25rem}.reason-bubble p{color:#334155;white-space:pre-line;margin:0;font-size:.925rem;line-height:1.6}.images-preview-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem;margin-top:.5rem;display:grid}.evidence-thumb-link{aspect-ratio:1;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s;display:block;overflow:hidden}.evidence-thumb-link:hover{border-color:#909b23;transform:scale(1.05);box-shadow:0 4px 10px #0000001a}.evidence-thumb-img{object-fit:cover;width:100%;height:100%}.no-photos-msg{color:#64748b;margin:0;font-size:.875rem;font-style:italic}.returned-items-list{flex-direction:column;gap:1rem;max-height:250px;margin-bottom:1.25rem;padding-right:.5rem;display:flex;overflow-y:auto}.returned-items-list::-webkit-scrollbar{width:6px}.returned-items-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.returned-item-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.returned-item-row .item-details{flex-direction:column;gap:.15rem;display:flex}.returned-item-row .item-name{color:#1e293b;font-size:.9rem;font-weight:600}.returned-item-row .item-var{color:#64748b;font-size:.75rem;font-style:italic}.returned-item-row .item-unit-price{color:#94a3b8;font-size:.75rem;font-weight:500}.returned-item-row .item-qty-total{align-items:center;gap:1rem;display:flex}.qty-pill{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.line-total{color:#1e293b;text-align:right;min-width:80px;font-size:.9rem;font-weight:700}.refund-total-bar{color:#9d174d;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:10px;justify-content:space-between;align-items:center;padding:1.25rem;font-size:.95rem;font-weight:700;display:flex}.refund-total-bar .total-amount{font-size:1.25rem;font-weight:800}.decision-card{border-left:4px solid #909b23}.form-group-custom{margin-bottom:1.25rem}.form-group-custom label{color:#475569;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.form-group-custom textarea{resize:vertical;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem;font-family:inherit;font-size:.9rem;line-height:1.5;transition:all .2s}.form-group-custom textarea:focus{border-color:#909b23;outline:none;box-shadow:0 0 0 3px #909b2326}.decision-actions-row{gap:1rem;display:flex}.btn-decision-reject{color:#b91c1c;cursor:pointer;background-color:#fff;border:1px solid #fee2e2;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-decision-reject:hover{background-color:#fee2e2}.btn-decision-approve{color:#fff;cursor:pointer;background-color:#909b23;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #909b2333}.btn-decision-approve:hover{background-color:#7a841d;transform:translateY(-1px)}.btn-decision-reject:disabled,.btn-decision-approve:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.resolution-banner{border-radius:10px;align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;padding:1.25rem;display:flex}.resolution-banner.approved{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.resolution-banner.rejected{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.resolution-banner svg{flex-shrink:0;margin-top:.15rem}.resolution-banner h4{margin:0;font-size:.95rem;font-weight:700}.resolution-banner p{opacity:.9;margin:.25rem 0 0;font-size:.825rem;line-height:1.4}.notes-block{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem}.notes-block h5{text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin:0 0 .5rem;font-size:.8rem;font-weight:700}.notes-block p{color:#334155;white-space:pre-line;margin:0;font-size:.875rem;line-height:1.5}.resolution-date-row{color:#64748b;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.resolution-date-row svg{color:#94a3b8}@media (width<=992px){.modal-body-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}}@media (width<=768px){.refund-mgmt-page,.admin-table th,.admin-table td{padding:1rem}.decision-actions-row{flex-direction:column}}.email-management{max-width:1400px;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.email-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;display:flex}@media (width<=640px){.email-header{flex-direction:column;align-items:stretch}}.email-title{color:#1a202c;margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.email-subtitle{color:#718096;font-size:clamp(.875rem,2vw,1rem)}.btn-add-email{color:#fff;cursor:pointer;white-space:nowrap;background:#8a9c3b;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.btn-add-email:hover{background:#7d8e35;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.email-controls{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width<=768px){.email-controls{flex-direction:column;align-items:stretch}}.search-wrapper{flex:1;max-width:400px;position:relative}.search-icon{color:#a0aec0;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-wrapper input{border:1px solid #e2e8f0;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;transition:border-color .2s}.search-wrapper input:focus{border-color:#8a9c3b}.btn-refresh{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-refresh:hover{background:#f7fafc;border-color:#cbd5e0}.email-list-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.list-loading{text-align:center;color:#718096;flex-direction:column;align-items:center;gap:1rem;padding:5rem;display:flex}.table-responsive{width:100%;overflow-x:auto}.email-table{border-collapse:collapse;width:100%}.email-table th{text-align:left;text-transform:uppercase;color:#64748b;letter-spacing:.025em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.email-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.875rem}.email-cell{align-items:center;gap:.75rem;font-weight:500;display:flex}.cell-icon{color:#8a9c3b}.usage-cell{color:#64748b;align-items:center;gap:.5rem;font-family:monospace;display:flex}.status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.active{color:#166534;background:#dcfce7}.actions{gap:.5rem;display:flex}.btn-action{cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-action.reset{color:#3b82f6;background:#eff6ff}.btn-action.reset:hover{background:#dbeafe}.btn-action.delete{color:#ef4444;background:#fef2f2}.btn-action.delete:hover{background:#fee2e2}.no-results{text-align:center;color:#94a3b8;padding:3rem}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.email-form-modal{background:#fff;border-radius:1rem;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.email-form-modal .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:0;padding:1.5rem;display:flex}.email-form-modal .modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:700}.btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem}.email-form-modal form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#475569;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.input-with-suffix{border:1px solid #e2e8f0;border-radius:.5rem;display:flex;overflow:hidden}.input-with-suffix input{border:none;outline:none;flex:1;padding:.75rem 1rem}.input-with-suffix .suffix{color:#64748b;background:#f8fafc;border-left:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.875rem}.form-group input[type=email]{border:1px solid #e2e8f0;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem}.helper-text{color:#94a3b8;margin-top:.25rem;font-size:.75rem}.email-form-modal .modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600}.btn-submit{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.search-member-wrapper{align-items:center;display:flex;position:relative}.search-member-wrapper .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.member-search-input{border:1px solid #e2e8f0;border-radius:.5rem;outline:none;width:100%;font-size:.875rem;transition:all .2s;padding:.75rem 1rem .75rem 2.5rem!important}.member-search-input:focus{border-color:#8a9c3b;box-shadow:0 0 0 3px #8a9c3b1a}.member-results{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.member-result-item{cursor:pointer;flex-direction:column;padding:.75rem 1rem;transition:background .2s;display:flex}.member-result-item:hover{background:#f8fafc}.member-result-item .member-name{color:#1e293b;font-size:.875rem;font-weight:600}.member-result-item .member-role{color:#64748b;font-size:.75rem}.no-members{text-align:center;color:#94a3b8;padding:1rem;font-size:.875rem}.btn-clear-selection{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.btn-clear-selection:hover{color:#ef4444;background:#e2e8f0}.selected-member-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem}.selected-member-badge strong{color:#15803d}.member-link-cell{flex-direction:column;display:flex}.linked-member .member-name{color:#1e293b;font-weight:600;display:block}.linked-member .member-role-small{color:#64748b;font-size:.75rem;display:block}.unlinked-text{color:#94a3b8;font-size:.8125rem;font-style:italic}.btn-action.edit{color:#8a9c3b;background:#8a9c3b1a}.btn-action.edit:hover{background:#8a9c3b33}.helper-text.warning{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:.375rem;padding:.4rem .6rem}.input-with-suffix.disabled{background:#f1f5f9;border-color:#e2e8f0}.disabled-input{color:#64748b;cursor:not-allowed;background:#f1f5f9!important}.dashboard-page{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2.5rem}.dashboard-header h1{color:#1e293b;margin-bottom:.5rem;font-size:2rem;font-weight:800}.dashboard-header p{color:#64748b}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background:#fff;border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.stat-card:hover{transform:translateY(-4px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-info .stat-label{color:#64748b;margin-bottom:.25rem;font-size:.875rem}.stat-info .stat-value{color:#1e293b;font-size:1.5rem;font-weight:700}.dashboard-content-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.dashboard-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.dashboard-card h2{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700;display:flex}.timeline-placeholder{background:#f8fafc;border-radius:12px;align-items:flex-end;gap:4px;height:300px;padding:1rem;display:flex}.bar-container{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar{background:#909b23;border-radius:4px 4px 0 0;width:100%;transition:height .5s}.bar-label{color:#94a3b8;white-space:nowrap;margin-top:8px;font-size:10px;transform:rotate(-45deg)}.popular-list{flex-direction:column;gap:1rem;display:flex}.popular-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.popular-item:last-child{border-bottom:none}.product-name{color:#334155;font-size:.95rem;font-weight:500}.sold-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.loyalty-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.tier-stat{text-align:center;border-radius:12px;padding:1rem}.tier-count{margin-top:.5rem;font-size:1.25rem;font-weight:700;display:block}@media (width<=1024px){.dashboard-content-grid{grid-template-columns:1fr}}.review-management{max-width:1400px;margin:0 auto;padding:2rem}.rm-header{margin-bottom:2.5rem}.rm-header h1{color:#1a202c;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.rm-header p{color:#718096}.rm-loading{color:#718096;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.rm-spinner-icon{color:#38a169;margin-bottom:1rem;animation:1s linear infinite spin}.rm-empty-state{text-align:center;background:#f7fafc;border:2px dashed #e2e8f0;border-radius:1rem;padding:5rem 2rem}.rm-empty-state h3{margin-top:1rem;font-weight:700}.rm-filters{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.rm-search-box{flex:1;position:relative}.rm-search-icon{color:#a0aec0;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.rm-search-box input{border:1px solid #e2e8f0;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem .75rem 3rem;font-size:.95rem;transition:all .2s}.rm-search-box input:focus{border-color:#38a169;box-shadow:0 0 0 3px #38a1691a}.rm-filter-group{color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.rm-select{color:#2d3748;cursor:pointer;background:0 0;border:none;outline:none;font-weight:600}.rm-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.rm-table{border-collapse:collapse;text-align:left;width:100%}.rm-table th{text-transform:uppercase;letter-spacing:.05em;color:#718096;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.75rem}.rm-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.rm-td-product{max-width:200px}.rm-product-info{color:#2d3748;align-items:center;gap:.75rem;font-weight:600;display:flex}.rm-icon-bg{color:#38a169;background:#f0fff4;border-radius:.5rem;padding:.5rem}.rm-user-info{color:#4a5568;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.rm-rating-stars{gap:2px;display:flex}.rm-review-content{max-width:400px}.rm-headline{color:#1a202c;margin-bottom:.25rem;font-weight:700}.rm-comment{color:#4a5568;margin-bottom:.5rem;font-size:.9rem;line-height:1.5}.rm-date{color:#a0aec0;font-size:.75rem}.rm-status-badge{cursor:pointer;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.rm-status-badge.verified{color:#2f855a;background:#ebfbee}.rm-status-badge.unverified{color:#c53030;background:#fff5f5}.rm-status-badge:hover{filter:brightness(.95);transform:scale(1.05)}.rm-btn-delete{color:#e53e3e;border-radius:.5rem;padding:.5rem;transition:all .2s}.rm-btn-delete:hover{color:#c53030;background:#fff5f5}.rm-pagination{justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.rm-page-btn{color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s}.rm-page-btn:hover:not(:disabled){color:#38a169;border-color:#38a169}.rm-page-btn:disabled{opacity:.5;cursor:not-allowed}.rm-page-info{color:#718096;font-size:.9rem}.role-management{max-width:1200px;margin:0 auto;padding:2rem}.role-management .page-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.role-management .page-header h1{color:#1e293b;margin:0 0 .5rem;font-size:1.875rem;font-weight:800}.role-management .page-header p{color:#64748b;margin:0}.role-management .btn-create{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #8a9c3b33}.role-management .btn-create:hover{background:#7a8c2b;transform:translateY(-2px);box-shadow:0 6px 16px #8a9c3b4d}.role-management .roles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.role-management .role-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.role-management .role-card:hover{border-color:#8a9c3b;box-shadow:0 10px 25px #0000000d}.role-management .role-card.system-role{background:#f8fafc}.role-management .role-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.role-management .role-icon{color:#8a9c3b;background:#f0f5e8;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.role-management .system-tag{text-transform:uppercase;letter-spacing:.5px;color:#475569;background:#e2e8f0;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.role-management .role-info h3{color:#1e293b;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.role-management .role-info p{color:#64748b;min-height:3rem;margin:0;font-size:.9rem;line-height:1.5}.role-management .role-stats{border-top:1px solid #f1f5f9;gap:1.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.role-management .stat{flex-direction:column;display:flex}.role-management .stat-value{color:#1e293b;font-size:1.25rem;font-weight:700}.role-management .stat-label{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:600}.role-management .role-actions{gap:.75rem;margin-top:auto;padding-top:1.5rem;display:flex}.role-management .btn-edit{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.role-management .btn-edit:hover:not(:disabled){color:#1e293b;background:#e2e8f0}.role-management .btn-edit:disabled{opacity:.5;cursor:not-allowed}.role-management .btn-delete{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;padding:.6rem;transition:all .2s}.role-management .btn-delete:hover{background:#fee2e2}.role-management .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a99;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.role-management .role-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.role-management .modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.role-management .modal-header h2{margin:0;font-size:1.25rem;font-weight:700}.role-management .btn-close{cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.role-management .modal-body{flex:1;padding:2rem;overflow-y:auto}.role-management .form-section{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.role-management .form-group label{color:#475569;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.role-management .form-group input,.role-management .form-group textarea{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.role-management .form-group input:focus{border-color:#8a9c3b;outline:none;box-shadow:0 0 0 3px #8a9c3b1a}.role-management .permissions-section .section-header{margin-bottom:1.5rem}.role-management .permissions-section .section-header h3{margin:0 0 .25rem;font-size:1rem;font-weight:700}.role-management .permissions-section .section-header p{color:#64748b;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.role-management .permission-group{margin-bottom:2rem}.role-management .group-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.role-management .group-header h4{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin:0;font-size:.85rem;font-weight:700}.role-management .btn-toggle-group{color:#8a9c3b;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700}.role-management .group-items{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.role-management .permission-item{cursor:pointer;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative}.role-management .permission-item:hover,.role-management .permission-item.active{background:#f0f5e8;border-color:#8a9c3b}.role-management .permission-item input{display:none}.role-management .p-content{flex:1}.role-management .p-name{color:#1e293b;margin-bottom:.2rem;font-size:.9rem;font-weight:600;display:block}.role-management .p-key{color:#94a3b8;font-family:monospace;font-size:.7rem;display:block}.role-management .p-check{color:#0000;border:2px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.role-management .permission-item.active .p-check{color:#fff;background:#8a9c3b;border-color:#8a9c3b}.role-management .modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.role-management .btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1.5rem;font-weight:600}.role-management .btn-primary{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;transition:all .2s;display:flex}.role-management .btn-primary:hover{background:#7a8c2b}.role-management .btn-primary:disabled{opacity:.7;cursor:not-allowed}@media (width<=768px){.role-management .form-section,.role-management .group-items{grid-template-columns:1fr}}.role-form-page{padding-bottom:100px}.role-form-page .page-header{margin-bottom:32px}.role-form-page .btn-back{color:#6b7a1f;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:16px;padding:0;font-weight:600;transition:transform .2s;display:flex}.role-form-page .btn-back:hover{transform:translate(-4px)}.role-form-page .header-title{align-items:center;gap:20px;display:flex}.role-form-page .title-icon{color:#8a9c3b;background:#8a9c3b1a;border-radius:16px;padding:12px}.role-form-page h1{color:#1a1f14;margin:0;font-size:28px;font-weight:800}.role-form-page .header-title p{color:#64748b;margin:4px 0 0}.role-form-page .form-sections-grid{grid-template-columns:350px 1fr;align-items:start;gap:32px;display:grid}@media (width<=1100px){.role-form-page .form-sections-grid{grid-template-columns:1fr}}.role-form-page .form-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:32px;box-shadow:0 4px 20px #00000008}.role-form-page .section-title{color:#1a1f14;align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.role-form-page .form-group{margin-bottom:24px}.role-form-page .form-group label{color:#475569;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.role-form-page .form-input,.role-form-page .form-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s}.role-form-page .form-input:focus,.role-form-page .form-textarea:focus{background:#fff;border-color:#8a9c3b;outline:none;box-shadow:0 0 0 4px #8a9c3b1a}.role-form-page .system-notice{color:#e11d48;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.role-form-page .section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;display:flex}.role-form-page .section-subtitle{color:#64748b;align-items:center;gap:8px;margin-top:4px;font-size:14px;display:flex}.role-form-page .selection-stats{color:#475569;background:#f1f5f9;border-radius:99px;padding:8px 16px;font-size:13px}.role-form-page .selection-stats strong{color:#8a9c3b}.role-form-page .permission-group-block{margin-bottom:40px}.role-form-page .permission-group-block:last-child{margin-bottom:0}.role-form-page .group-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.role-form-page .group-header h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.role-form-page .btn-select-all{color:#8a9c3b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;transition:background .2s}.role-form-page .btn-select-all:hover{background:#8a9c3b14}.role-form-page .permissions-items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.role-form-page .permission-item-box{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.role-form-page .permission-item-box:hover{background:#f1f5f9;border-color:#cbd5e1}.role-form-page .permission-item-box.checked{background:#f0f4e8;border-color:#8a9c3b}.role-form-page .hidden-checkbox{display:none}.role-form-page .permission-content{flex-direction:column;display:flex}.role-form-page .permission-desc{color:#1a1f14;font-size:14px;font-weight:600}.role-form-page .permission-slug{color:#64748b;margin-top:2px;font-family:monospace;font-size:11px}.role-form-page .check-indicator{color:#0000;background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.role-form-page .permission-item-box.checked .check-indicator{color:#fff;background:#8a9c3b;border-color:#8a9c3b;transform:scale(1.1)}.role-form-page .form-sticky-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffc;border-top:1px solid #e2e8f0;padding:20px 40px;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:80px;right:0}.sidebar.open~.app-main .role-form-page .form-sticky-footer,.app-with-sidebar:not(.collapsed) .role-form-page .form-sticky-footer{left:268px}.role-form-page .footer-content{flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.role-form-page .btn-cancel-flat{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 32px;font-weight:600;transition:all .2s}.role-form-page .btn-cancel-flat:hover{color:#1a1f14;background:#f1f5f9;border-color:#cbd5e1}.role-form-page .btn-save-role{color:#fff;cursor:pointer;white-space:nowrap;background:#8a9c3b;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 32px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #8a9c3b4d}.role-form-page .btn-save-role:hover:not(:disabled){background:#7a8b1b;transform:translateY(-2px);box-shadow:0 20px 25px -5px #8a9c3b66}.role-form-page .btn-save-role:disabled{opacity:.7;cursor:not-allowed}@media (width<=768px){.role-form-page .form-sticky-footer{padding:16px 20px;left:0!important}.role-form-page .footer-content{justify-content:center;gap:12px}.role-form-page .btn-cancel-flat,.role-form-page .btn-save-role{flex:1;min-width:0;padding:12px 16px;font-size:14px}}.profile-page{max-width:1200px;margin:0 auto;padding:32px}.profile-header{margin-bottom:40px}.profile-header h1{color:#1a202c;margin:0 0 8px;font-size:32px;font-weight:800}.profile-header p{color:#718096;font-size:16px}.profile-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.profile-card{background:#fff;border-radius:16px;flex-direction:column;gap:24px;padding:32px;display:flex;box-shadow:0 4px 20px #0000000d}.card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding-bottom:20px;display:flex}.card-header h2{color:#1a202c;margin:0;font-size:20px;font-weight:700}.card-header svg{color:#8a9c3b}.profile-photo-section{background:#f8fafc;border-radius:16px;align-items:center;gap:24px;padding:20px;display:flex}.photo-container{width:100px;height:100px;position:relative}.profile-image{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 4px 12px #0000001a}.profile-initials{color:#fff;background:#8a9c3b;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.photo-upload-btn{color:#fff;cursor:pointer;background:#1a202c;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:0;right:0}.photo-upload-btn:hover{background:#8a9c3b;transform:scale(1.1)}.photo-info h3{color:#1a202c;margin:0 0 4px;font-size:16px;font-weight:700}.photo-info p{color:#718096;margin:0;font-size:13px}.security-action-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.action-text h3{color:#0369a1;margin:0 0 4px;font-size:16px;font-weight:700}.action-text p{color:#0c4a6e;margin:0;font-size:13px}.btn-request-link{color:#fff;cursor:pointer;white-space:nowrap;background:#0ea5e9;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-request-link:hover{background:#0284c7;transform:translateY(-2px)}.divider{text-align:center;align-items:center;margin:8px 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.divider span{color:#a0aec0;padding:0 16px;font-size:12px;font-weight:700}.profile-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#4a5568;font-size:14px;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#a0aec0;position:absolute;left:12px}.input-with-icon input{padding-left:40px!important}.read-only-input{cursor:not-allowed;color:#64748b;background:#f1f5f9}.form-group input{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#8a9c3b;outline:none;box-shadow:0 0 0 4px #8a9c3b1a}.account-meta{background:#f8fafc;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.meta-item{color:#4a5568;align-items:center;gap:10px;font-size:14px;display:flex}.meta-item svg{color:#8a9c3b}.btn-save{color:#fff;cursor:pointer;background:#8a9c3b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px;font-weight:700;transition:all .2s;display:flex}.btn-save:hover{background:#7d8e35;transform:translateY(-2px);box-shadow:0 8px 20px #8a9c3b40}.btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:1s linear infinite spin}@media (width<=992px){.profile-grid{grid-template-columns:1fr}}@media (width<=640px){.profile-page{padding:20px}.profile-header h1{font-size:24px}.profile-card{padding:20px}.security-action-box{flex-direction:column;align-items:stretch}}.not-found-page{background:#8a9c3b;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.not-found-container{text-align:center;z-index:10;position:relative}.not-found-number{color:#fff;text-shadow:0 10px 40px #0000001a;letter-spacing:10px;margin:0;font-size:180px;font-weight:900;line-height:1}.not-found-content{color:#fff;margin-top:30px}.not-found-title{letter-spacing:-1px;margin:0 0 15px;font-size:48px;font-weight:700}.not-found-description{opacity:.9;max-width:500px;margin:0 0 40px;font-size:18px;line-height:1.6}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#8a9c3b;background:#f5f3f0;box-shadow:0 10px 30px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0000004d}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.decoration{opacity:.1;pointer-events:none;box-sizing:border-box;border-radius:50%;position:absolute}.decoration-1{border:3px solid #fff;width:300px;height:300px;top:-100px;right:-100px}.decoration-2{border:3px solid #fff;width:200px;height:200px;bottom:-50px;left:-50px}@media (width<=768px){.not-found-number{letter-spacing:5px;font-size:120px}.not-found-title{font-size:36px}.not-found-description{font-size:16px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:14px}.not-found-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.usage-analytics-page{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem}.usage-analytics-page .analytics-header{margin-bottom:2rem}.usage-analytics-page .analytics-header h1{color:#1e293b;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.usage-analytics-page .analytics-header p{color:#64748b;margin:0;font-size:.9rem}.analytics-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.period-selector{background:#f1f5f9;border-radius:10px;gap:.25rem;padding:4px;display:flex}.period-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.82rem;font-weight:500;transition:all .25s}.period-btn.active{color:#1e293b;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.period-btn:hover:not(.active){color:#334155}.analytics-tab-nav{background:#f1f5f9;border-radius:10px;gap:.25rem;padding:4px;display:flex}.tab-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:500;transition:all .25s;display:flex}.tab-btn.active{color:#5a6a1f;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.tab-btn:hover:not(.active){color:#334155}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.kpi-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-info{flex-direction:column;gap:.15rem;display:flex}.kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:500}.kpi-value{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.2}.analytics-chart-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.analytics-chart-card h2{color:#1e293b;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1rem;font-weight:600;display:flex}.chart-bar-container{align-items:flex-end;gap:3px;height:200px;padding:0;display:flex;overflow-x:auto}.chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:20px;max-width:50px;display:flex}.chart-bar{cursor:pointer;border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .6s cubic-bezier(.4,0,.2,1);position:relative}.chart-bar.views-bar{background:linear-gradient(#a3b84d,#8a9c3b)}.chart-bar.visitors-bar{background:linear-gradient(#60a5fa,#3b82f6)}.chart-bar:hover{opacity:.85}.chart-bar-label{color:#94a3b8;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;max-height:50px;font-size:.6rem;overflow:hidden;transform:rotate(180deg)}.chart-legend{justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}.legend-item{color:#64748b;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.analytics-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;margin-bottom:2rem;padding:1.5rem;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.analytics-table-card h2{color:#1e293b;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex}.analytics-table{border-collapse:collapse;width:100%;font-size:.85rem}.analytics-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:2px solid #f1f5f9;padding:.6rem .75rem;font-size:.75rem;font-weight:600}.analytics-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:.65rem .75rem}.analytics-table tbody tr{transition:background .15s}.analytics-table tbody tr:hover{background:#fafbfc}.path-cell{color:#5a6a1f;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;font-weight:500;overflow:hidden}.method-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.method-badge.GET{color:#059669;background:#ecfdf5}.method-badge.POST{color:#2563eb;background:#eff6ff}.method-badge.PUT{color:#d97706;background:#fffbeb}.method-badge.DELETE{color:#dc2626;background:#fef2f2}.method-badge.PATCH{color:#7c3aed;background:#f5f3ff}.status-pill{border-radius:20px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.status-pill.success{color:#059669;background:#ecfdf5}.status-pill.redirect{color:#2563eb;background:#eff6ff}.status-pill.client-error{color:#d97706;background:#fffbeb}.status-pill.server-error{color:#dc2626;background:#fef2f2}.duration-badge{font-size:.8rem;font-weight:600}.duration-badge.fast{color:#059669}.duration-badge.medium{color:#d97706}.duration-badge.slow{color:#dc2626}.device-section{margin-bottom:2rem}.device-section-title{color:#334155;align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.85rem;font-weight:600;display:flex}.device-bar-list{flex-direction:column;gap:.6rem;display:flex}.device-bar-row{align-items:center;gap:.75rem;display:flex}.device-bar-label{color:#475569;text-align:right;flex-shrink:0;width:90px;font-size:.8rem;font-weight:500}.device-bar-track{background:#f1f5f9;border-radius:6px;flex:1;height:26px;position:relative;overflow:hidden}.device-bar-fill{border-radius:6px;align-items:center;min-width:2px;height:100%;padding-left:.5rem;transition:width .8s cubic-bezier(.4,0,.2,1);display:flex}.device-bar-fill span{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #0003;font-size:.7rem;font-weight:600}.device-bar-count{color:#94a3b8;text-align:left;flex-shrink:0;width:55px;font-size:.78rem}.device-bar-fill.browser-0{background:linear-gradient(135deg,#8a9c3b,#a3b84d)}.device-bar-fill.browser-1{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.device-bar-fill.browser-2{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.device-bar-fill.browser-3{background:linear-gradient(135deg,#ef4444,#f87171)}.device-bar-fill.browser-4{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.device-bar-fill.browser-5{background:linear-gradient(135deg,#ec4899,#f472b6)}.device-bar-fill.device-0{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.device-bar-fill.device-1{background:linear-gradient(135deg,#8a9c3b,#a3b84d)}.device-bar-fill.device-2{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.device-bar-fill.os-0{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.device-bar-fill.os-1{background:linear-gradient(135deg,#8a9c3b,#a3b84d)}.device-bar-fill.os-2{background:linear-gradient(135deg,#6366f1,#818cf8)}.device-bar-fill.os-3{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.device-bar-fill.os-4{background:linear-gradient(135deg,#64748b,#94a3b8)}.analytics-two-col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.analytics-three-col{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.analytics-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.analytics-loading p{color:#64748b;font-size:.9rem}.analytics-error{text-align:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:14px;padding:2.5rem}.analytics-error h2{color:#991b1b;margin-bottom:.5rem}.analytics-error p{color:#b91c1c;margin-bottom:1.5rem}.analytics-error .retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:.5rem 1.5rem;font-weight:500;transition:background .2s}.analytics-error .retry-btn:hover{background:#b91c1c}.no-data-message{text-align:center;color:#94a3b8;padding:2.5rem;font-size:.9rem}@media (width<=1024px){.analytics-two-col,.analytics-three-col{grid-template-columns:1fr}}@media (width<=768px){.usage-analytics-page{padding:1rem}.analytics-controls{flex-direction:column;align-items:stretch}.period-selector,.analytics-tab-nav{justify-content:flex-start;overflow-x:auto}.kpi-grid{grid-template-columns:1fr 1fr}.chart-bar-container{height:150px}.device-bar-label{width:70px;font-size:.72rem}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.analytics-tab-nav{gap:.15rem}.tab-btn{padding:.4rem .6rem;font-size:.75rem}}.country-grid{flex-direction:column;gap:1.5rem;margin-top:.5rem;display:flex}.country-top-strip{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.country-top-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.country-top-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.country-top-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.country-top-card:first-child:before{background:#fbbf24}.country-top-card:nth-child(2):before{background:#94a3b8}.country-top-card:nth-child(3):before{background:#b45309}.country-top-rank{color:#64748b;width:24px;font-size:.95rem;font-weight:700}.country-top-card:reveal-rank .country-top-rank{font-size:1rem}.country-top-card:first-child .country-top-rank{color:#d97706}.country-top-card:nth-child(2) .country-top-rank{color:#475569}.country-top-card:nth-child(3) .country-top-rank{color:#9a3412}.country-top-flag{font-size:1.75rem;line-height:1}.country-top-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.country-top-name{color:#1e293b;font-size:.88rem;font-weight:600}.country-top-count{color:#64748b;font-size:.75rem}.country-top-pct{color:#1e293b;font-size:1.1rem;font-weight:700}.country-bar-list{flex-direction:column;gap:.75rem;display:flex}.country-bar-row{align-items:center;gap:1rem;display:flex}.country-bar-meta{flex-shrink:0;align-items:center;gap:.5rem;width:140px;display:flex}.country-flag{font-size:1.25rem;line-height:1}.country-name{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.country-bar-track{background:#f1f5f9;border-radius:6px;flex:1;height:24px;overflow:hidden}.country-bar-fill{border-radius:6px;align-items:center;min-width:4px;height:100%;padding-left:.5rem;display:flex}.country-bar-fill span{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #0003;font-size:.7rem;font-weight:600}.country-bar-stats{flex-shrink:0;align-items:center;gap:.75rem;width:90px;display:flex}.country-count{color:#334155;text-align:right;width:50px;font-size:.8rem;font-weight:600}.country-pct{color:#94a3b8;text-align:right;width:32px;font-size:.75rem}.country-bar-fill.country-0{background:linear-gradient(135deg,#8a9c3b,#a3b84d)}.country-bar-fill.country-1{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.country-bar-fill.country-2{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.country-bar-fill.country-3{background:linear-gradient(135deg,#10b981,#34d399)}.country-bar-fill.country-4{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.country-bar-fill.country-5{background:linear-gradient(135deg,#ec4899,#f472b6)}.country-bar-fill.country-6{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.country-bar-fill.country-7{background:linear-gradient(135deg,#64748b,#94a3b8)}@media (width<=768px){.country-bar-meta{width:110px}.country-bar-stats{width:80px}.country-count{width:44px}}.App{background:var(--white);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;position:relative}.App{animation:.4s ease-out fadeIn}@media (width<=1024px){.App{font-size:.95rem}}@media (width<=768px){.App{font-size:.9rem}}@media (width<=480px){.App{font-size:.85rem}}