: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 0.3s cubic-bezier(0.4,0,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(0.25rem,1vw,0.5rem);--spacing-sm:clamp(0.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{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#1c1c1c;color:var(--black);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f8f8;background:var(--gray-light)}::-webkit-scrollbar-thumb{background:#666;background:var(--gray-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#909b23;background:var(--primary-green)}.container,.container-custom{box-sizing:border-box;margin:0 auto;padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem);width:100%}.container-custom{max-width:1280px}h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.2}h2{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:600;line-height:1.3}h3{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:500;line-height:1.4}p{font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.btn{align-items:center;border:none;border-radius:clamp(8px,2vw,16px);border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:clamp(.875rem,2vw,1rem);font-weight:500;gap:clamp(.5rem,1vw,.75rem);justify-content:center;overflow:hidden;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:#909b23;background:var(--primary-green);box-shadow:0 clamp(2px,1vw,6px) clamp(10px,3vw,25px) #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--white)}.btn-primary:hover{box-shadow:0 clamp(4px,1.5vw,10px) clamp(15px,4vw,35px) #00000026;box-shadow:var(--shadow-hover)}.btn-secondary{background:#0000;border:2px solid #909b23;border:2px solid var(--primary-green);color:#909b23;color:var(--primary-green)}.btn-secondary:hover{background:#909b23;background:var(--primary-green);color:#fff;color:var(--white)}.card{background:#fff;background:var(--white);border-radius:clamp(8px,2vw,16px);border-radius:var(--border-radius);box-shadow:0 clamp(2px,1vw,6px) clamp(10px,3vw,25px) #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{box-shadow:0 clamp(4px,1.5vw,10px) clamp(15px,4vw,35px) #00000026;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.section{padding-bottom:clamp(2rem,8vw,6rem);padding-top:clamp(2rem,8vw,6rem)}.section-padding{padding-bottom:clamp(3rem,8vw,6rem);padding-top:clamp(3rem,8vw,6rem)}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mb-8{margin-bottom:4rem}.grid{grid-gap:clamp(1rem,3vw,2rem);display:grid;gap:clamp(1rem,3vw,2rem)}.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 (max-width:768px){.container{padding-left:clamp(1rem,4vw,1.5rem);padding-right:clamp(1rem,4vw,1.5rem)}.section{padding-bottom:clamp(1.5rem,6vw,3rem);padding-top:clamp(1.5rem,6vw,3rem)}}@media (max-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)}}.header{background-color:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{gap:clamp(1rem,3vw,2rem);justify-content:space-between;margin:0 auto;max-width:clamp(300px,95vw,1400px);padding:.75rem clamp(1rem,4vw,3rem)}.header-container,.logo{align-items:center;display:flex}.logo{flex-shrink:0;text-decoration:none;transition:opacity .3s ease}.logo:hover{opacity:.85}.logo-image{display:block;height:clamp(1.5rem,3vw,2rem);width:auto}.nav-desktop{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.nav-list{display:flex;gap:clamp(2rem,4vw,3.5rem)}.nav-item,.nav-link{position:relative}.nav-link{font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:500;letter-spacing:-.3px;padding:.5rem 0;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link,.nav-link.active,.nav-link:hover,.nav-link:visited{color:var(--dark-brown)!important}.nav-link.active{border-bottom:2px solid var(--dark-brown);padding-bottom:calc(.5rem - 2px)}.menu-toggle{background:none;border:none;color:#333;cursor:pointer;display:none;flex-shrink:0;padding:.5rem;transition:color .3s ease}.menu-toggle:hover{color:#6b8e23}.menu-toggle:focus-visible{border-radius:4px;outline:2px solid #6b8e23;outline-offset:2px}.nav-mobile{background:#fff;box-shadow:-8px 0 32px #00000014;flex-direction:column;height:100vh;max-width:320px;overflow:hidden;width:75vw;z-index:1000}.menu-backdrop,.nav-mobile{display:none;position:fixed;right:0;top:0}.menu-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000004d;bottom:0;left:0;z-index:999}.mobile-menu-header{align-items:center;background:#fff;border-bottom:1px solid #f5f5f5;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.mobile-menu-header:before{display:none}.mobile-menu-header h2{color:#999;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0;position:relative;text-transform:uppercase;z-index:1}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:all .2s ease;z-index:1}.close-button:hover{background:#f5f5f5;color:#6b8e23}.close-button:active{transform:scale(.92)}.close-button:focus-visible{outline:2px solid #6b8e23;outline-offset:2px}.mobile-nav-list{display:flex;flex:1 1;flex-direction:column;gap:0;list-style:none;margin:0;overflow-y:auto;padding:.5rem 0}.mobile-nav-link{align-items:center;background:#0000;border-left:3px solid #0000;border-radius:0;color:#333!important;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;overflow:visible;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.mobile-nav-link:before{display:none}.mobile-nav-link:active{background:#f9f9f9}.mobile-nav-link.active{background:#f5f9f0;border-left-color:#6b8e23;color:#6b8e23;font-weight:600}.mobile-nav-link.active .active-indicator{transform:scale(1)}.active-indicator{display:none}@media (max-width:768px){.nav-desktop{display:none}.menu-toggle{align-items:center;display:flex;justify-content:center}.nav-mobile{display:flex}.menu-backdrop{display:block}}@media (max-width:480px){.header-container{padding:1rem}.logo-image{height:clamp(1.25rem,2.5vw,1.5rem)}.nav-mobile{max-width:280px;width:80vw}}@media (prefers-reduced-motion:reduce){.close-button,.logo,.menu-toggle,.mobile-nav-link,.nav-link{transition:none}.menu-backdrop,.nav-mobile{animation:none}}.nav-link:focus-visible{border-radius:2px;outline:2px solid #6b8e23;outline-offset:4px}.mobile-nav-link:focus-visible{outline:2px solid #6b8e23;outline-offset:-2px}.footer{background:#909b23;color:#fff;margin-top:clamp(4rem,10vw,8rem);overflow:visible;position:relative}.footer-pattern-container{align-items:center;background:#fff;display:flex;justify-content:center;margin-top:0;max-height:clamp(40px,8vw,50px);overflow:hidden;padding:0;width:100%}.footer-pattern-image{max-width:100%;min-height:100%;object-position:center}.footer-content{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);margin:0 auto;max-width:clamp(300px,95vw,1400px);padding:clamp(1rem,2.5vw,1.5rem) clamp(1.5rem,5vw,3rem);position:relative;z-index:1}.footer-main{grid-gap:clamp(2rem,5vw,4rem);align-items:flex-start;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:auto 1fr auto;width:100%}.footer-logo-section{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:clamp(.5rem,1vw,.75rem)}.footer-logo-wrapper{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.footer-logo{height:clamp(1.5rem,3vw,2rem);object-fit:contain;width:auto}.footer-tagline{color:#ffffffe6;font-size:clamp(.8rem,1.5vw,.95rem);font-weight:500;line-height:1.4;margin:0;max-width:200px}.footer-nav{grid-gap:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);display:grid;gap:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);grid-template-columns:1fr 1fr;width:100%}.nav-column{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem)}.footer-nav-link{color:#fff;display:inline-block;font-size:clamp(.9rem,1.8vw,1rem);font-weight:500;text-decoration:none;transition:all .3s ease}.footer-nav-link:hover{color:#f5f3f0;transform:translateX(5px)}.footer-social{align-items:flex-end;display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem)}.social-title{color:#fff;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.social-icons{flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1rem);justify-content:flex-end}.social-icon{background:#0000;block-size:clamp(40px,6vw,50px);border:none;display:flex;inline-size:clamp(40px,6vw,50px)}.social-icon-image{block-size:100%;border-radius:50%;inline-size:100%;transition:all .3s ease}.social-icon:hover .social-icon-image{filter:brightness(1.1)}.footer-bottom{text-align:center}.copyright{color:#ffffffe6;font-size:clamp(.8rem,1.5vw,.9rem)}.footer-pattern-bg{bottom:0;height:auto;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;width:100%;z-index:0}.footer-bottom-content{margin:0 auto;max-width:1200px;padding:0 1.5rem;text-align:center}.copyright{align-items:center;color:#fffc;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;justify-content:center;line-height:1.6;margin:0}.footer-separator{color:#ffffff80;margin:0 .5rem}.footer-legal-link{color:#ffffffe6;text-decoration:none;transition:color .2s ease;white-space:nowrap}.footer-legal-link:hover{color:#fff;text-decoration:underline}@media (max-width:768px){.copyright{flex-direction:column;gap:.25rem}.footer-separator{display:none}.footer-legal-link{display:block;margin:.25rem 0}}.footer-pattern-image{display:block;height:auto;object-fit:cover;object-position:bottom center;opacity:1;width:100%}@media (max-width:1024px){.footer-main{gap:clamp(1.5rem,3vw,2rem);grid-template-columns:1fr}.footer-nav{grid-template-columns:1fr 1fr}.footer-social{align-items:flex-start}.social-icons{justify-content:flex-start}}@media (max-width:768px){.footer-main{gap:clamp(1.5rem,3vw,2rem);grid-template-columns:1fr}.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 (max-width:480px){.footer-content{gap:clamp(1.5rem,3vw,2rem);padding:clamp(1.5rem,3vw,2rem) clamp(1rem,3vw,1.5rem)}.footer-main{align-items:center;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:1fr;text-align:center}.footer-logo-section{align-items:center;width:100%}.footer-logo-wrapper{justify-content:center;width:100%}.footer-tagline{max-width:100%;text-align:center}.footer-nav{grid-template-columns:1fr;width:100%}.nav-column{gap:clamp(.5rem,1vw,.75rem);text-align:center}.footer-nav-link{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)}.copyright,.footer-bottom{text-align:center}.footer-pattern-container{padding:0}}@media (prefers-reduced-motion:reduce){.nav-link,.social-icon{transition:none}}.scroll-to-top-btn{align-items:center;background:linear-gradient(135deg,var(--primary-green) 0,#7a8c2b 100%);border:none;border-radius:50%;bottom:clamp(1.5rem,5vw,2.5rem);box-shadow:0 4px 15px #8a9c3b4d;cursor:pointer;display:flex;height:clamp(48px,10vw,56px);justify-content:center;overflow:hidden;position:fixed;right:clamp(1.5rem,5vw,2.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(48px,10vw,56px);z-index:998}.scroll-to-top-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;left:-100%;position:absolute;transition:left .5s ease}.scroll-to-top-btn:hover:before{left:100%}.scroll-to-top-btn:hover{box-shadow:0 8px 25px #8a9c3b66;transform:translateY(-4px)}.scroll-to-top-btn:active{box-shadow:0 2px 8px #8a9c3b4d}.scroll-to-top-icon{align-items:center;color:var(--white);display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.scroll-to-top-icon svg{stroke-width:2.5}.scroll-to-top-btn:focus-visible{outline:2px solid var(--burnt-orange);outline-offset:2px}@media (max-width:480px){.scroll-to-top-btn{bottom:clamp(1rem,4vw,1.5rem);height:clamp(44px,10vw,48px);right:clamp(1rem,4vw,1.5rem);width:clamp(44px,10vw,48px)}}@media (prefers-reduced-motion:reduce){.scroll-to-top-btn,.scroll-to-top-btn:before,.scroll-to-top-icon{animation:none;transition:none}}.hero-carousel{background:var(--dark-brown);height:clamp(500px,80vh,900px);overflow:hidden;position:relative;width:100%}.carousel-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.carousel-slide{height:100%;left:0;top:0;width:100%}.carousel-image{display:block;height:100%;width:100%}.carousel-overlay{background:linear-gradient(135deg,#3b2416b3,#3b241680 40%,#3b24164d);height:100%;left:0;pointer-events:none;top:0;width:100%}.carousel-content{block-size:100%;inline-size:100%;justify-content:flex-start;left:0;top:0;z-index:10}.content-wrapper{max-width:clamp(300px,50vw,600px)}.content-subtitle{display:none}.content-title{color:var(--white);font-size:clamp(1.75rem,4vw,2.8rem);font-weight:700;line-height:1.2;margin-bottom:clamp(1rem,2vw,1.5rem);text-shadow:0 2px 8px #0000004d}.content-description{color:#fffffff2;font-size:clamp(.95rem,1.8vw,1.125rem);line-height:1.8;margin-bottom:clamp(1.5rem,3vw,2.5rem);max-width:90%;text-shadow:0 1px 4px #0003}.content-cta{align-items:center;background:var(--burnt-orange);border:none;border-radius:var(--border-radius);box-shadow:0 4px 15px #d2691e4d;color:var(--white);cursor:pointer;display:inline-flex;font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:600;gap:clamp(.5rem,1vw,.75rem);letter-spacing:.05em;overflow:hidden;padding:clamp(.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2.25rem);position:relative;transition:var(--transition)}.content-cta:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.content-cta:hover:before{left:100%}.content-cta:hover{background:#c85a1e;box-shadow:0 6px 20px #d2691e66;transform:translateY(-2px)}.content-cta:active{transform:translateY(0)}.cta-arrow{display:inline-block;transition:transform .3s ease}.content-cta:hover .cta-arrow{transform:translateX(4px)}.carousel-nav{block-size:clamp(44px,8vw,56px);border:2px solid #ffffff4d;inline-size:clamp(44px,8vw,56px);transition:var(--transition);z-index:20}.carousel-nav-prev{left:clamp(1rem,3vw,2rem)}.carousel-nav-next{right:clamp(1rem,3vw,2rem)}.carousel-dots{z-index:20}.dot{block-size:clamp(8px,1.5vw,12px);border:2px solid #fff9;inline-size:clamp(8px,1.5vw,12px);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.dot.active{border-color:var(--burnt-orange);box-shadow:0 0 12px #d2691e99}.dot:hover{border-color:#fffc}@media (max-width:768px){.hero-carousel{height:clamp(400px,70vh,650px)}.carousel-content{justify-content:center;padding:clamp(1.5rem,4vw,2.5rem);text-align:center}.content-wrapper{max-width:90%}.content-description{max-width:100%}.carousel-nav{height:clamp(40px,10vw,48px);width:clamp(40px,10vw,48px)}.carousel-counter{font-size:.8rem;padding:.4rem .6rem}}@media (max-width:480px){.hero-carousel{height:clamp(350px,60vh,550px)}.carousel-content{padding:1rem}.content-subtitle{font-size:.75rem;letter-spacing:.1em}.content-title{font-size:clamp(1.5rem,4vw,2rem)}.content-description{font-size:.9rem;margin-bottom:1rem}.content-cta{font-size:.85rem;padding:.6rem 1.2rem}.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{font-size:.7rem;padding:.35rem .5rem;right:.75rem;top:.75rem}}@media (prefers-reduced-motion:reduce){.carousel-nav,.carousel-slide,.content-cta,.content-wrapper,.dot{animation:none;transition:none}}.carousel-nav:focus-visible,.content-cta:focus-visible,.dot:focus-visible{outline:2px solid var(--burnt-orange);outline-offset:2px}.pp-container{background:var(--cream);overflow:hidden;padding-bottom:clamp(4rem,10vw,8rem);padding-top:clamp(3rem,8vw,6rem);position:relative}.pp-hero{grid-gap:clamp(.5rem,2vw,1.5rem);align-items:center;display:grid;gap:clamp(.5rem,2vw,1.5rem);grid-template-columns:1fr 1fr;justify-items:center;margin-bottom:clamp(2.5rem,6vw,4rem);position:relative;z-index:1}.pp-hero-content{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,1rem)}.pp-hero h1{color:var(--dark-brown);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.2;margin:0}.pp-hero-stat{color:var(--gray-dark);font-size:clamp(1rem,2vw,1.125rem);font-weight:500;line-height:1.6;margin:0}.pp-hero-highlight{color:#c85a17;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.4;margin:0}.pp-hero-image{align-items:center;display:flex;justify-content:center;min-height:300px;position:relative}.pp-hero-image img{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 12px 32px rgba(0,0,0,.15));height:auto;max-width:100%;object-fit:contain}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pp-cards{grid-gap:clamp(1.5rem,3vw,2.5rem);display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(clamp(200px,25vw,280px),1fr));margin-bottom:clamp(2.5rem,6vw,4rem);position:relative;z-index:1}.pp-card{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;padding:0;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pp-card:hover{transform:none}.pp-card-image{align-items:center;display:flex;height:clamp(40px,8vw,120px);justify-content:center;margin-bottom:clamp(1rem,2vw,1.5rem);width:clamp(60px,12vw,120px)}.pp-card-image img{display:block;height:100%;object-fit:contain;width:100%}.pp-card h3{color:#c85a17;font-size:clamp(.95rem,1.8vw,1.1rem);font-weight:700;line-height:1.4;margin:0 0 clamp(.5rem,1vw,.75rem)}.pp-card p{color:var(--gray-dark);font-size:clamp(.85rem,1.5vw,.95rem);line-height:1.5;margin:0}.pp-statement{margin-bottom:clamp(2.5rem,6vw,4rem);position:relative;text-align:center;z-index:1}.pp-statement h2{color:#c85a17;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;line-height:1.5;margin:0 auto;max-width:900px}.pp-images-grid{grid-gap:clamp(1.5rem,3vw,2.5rem);align-items:center;display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:1fr 1.4fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.pp-image-card{border-radius:5px;box-shadow:0 12px 40px #0000002e;overflow:hidden;position:relative;transform-origin:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);will-change:transform}.pp-image-card,.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{box-shadow:0 20px 50px #00000040}.pp-image-card:hover,.pp-image-card:nth-child(2):hover{transform:translateY(-12px) scale(1.02)}.pp-image-card img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:100%}.pp-image-card:hover img{transform:scale(1.08)}@media (max-width:1024px){.pp-hero{gap:clamp(2rem,5vw,3rem);grid-template-columns:1fr}.pp-hero-image{min-height:250px}}@media (max-width:768px){.pp-container{padding-bottom:3rem;padding-top:2.5rem}.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/1;border-radius:clamp(12px,3vw,20px)}}@media (max-width:480px){.pp-container{padding-bottom:2.5rem;padding-top:2rem}.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{height:clamp(32px,6.4vw,52px);margin-bottom:clamp(.75rem,1.5vw,1rem);width:clamp(32px,6.4vw,52px)}.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/1;border-radius:clamp(12px,3vw,16px);box-shadow:0 8px 24px #00000026}.pp-image-card:hover{box-shadow:0 12px 32px #0003;transform:translateY(-6px) scale(1.01)}.pp-image-card img{transition:transform .3s ease}.pp-image-card:hover img{transform:scale(1.05)}}@media (max-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}}.problem-section{background:var(--cream);overflow:hidden;padding-bottom:clamp(4rem,10vw,8rem);padding-top:clamp(4rem,10vw,8rem);position:relative}.problem-header{margin-bottom:clamp(2.5rem,6vw,4rem);position:relative;text-align:center;z-index:1}.problem-header h2{color:var(--dark-brown);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.2;margin:0}.problem-text{margin:0 auto clamp(3rem,8vw,5rem);max-width:clamp(300px,95vw,900px);position:relative;z-index:1}.problem-text p{color:var(--gray-dark);font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;margin:0 0 clamp(1.5rem,3vw,2rem)}.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{grid-gap:clamp(1.5rem,3vw,2.5rem);align-items:center;display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:1fr 1.5fr 1fr;margin-left:auto;margin-right:auto;margin-top:clamp(3rem,8vw,5rem);max-width:1200px;position:relative;z-index:1}.image-card{aspect-ratio:4/3;border-radius:5px;box-shadow:0 12px 40px #0000002e;overflow:hidden;position:relative;transform-origin:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);will-change:transform}.image-card.middle-card{aspect-ratio:16/10}.image-card:hover{box-shadow:0 20px 50px #00000040;transform:translateY(-12px) scale(1.02)}.image-card img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:100%}.image-card:hover img{transform:scale(1.08)}@media (max-width:1024px){.images-grid{gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.problem-header h2{font-size:clamp(2rem,5vw,3rem)}.images-grid{gap:clamp(1rem,2.5vw,1.5rem);grid-template-columns:repeat(3,1fr)}.image-card{border-radius:clamp(12px,3vw,20px)}}@media (max-width:480px){.problem-section{padding-bottom:2.5rem;padding-top:2.5rem}.problem-header h2{font-size:clamp(1.75rem,5vw,2.5rem)}.problem-text p{font-size:1rem}.images-grid{align-items:center;gap:clamp(.75rem,2vw,1rem);grid-template-columns:.8fr 1.4fr .8fr;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{box-shadow:0 12px 32px #0003;transform:translateY(-6px) scale(1.01)}.image-card img{transition:transform .3s ease}.image-card:hover img{transform:scale(1.05)}}.product-section{background:linear-gradient(135deg,#6b8e230d,#fff0);inline-size:100%;padding:var(--spacing-2xl) var(--spacing-lg)}.product-container{margin:0 auto;max-width:1200px}.product-title{color:#1a1a1a;font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-bottom:var(--spacing-sm);text-align:center}.product-subtitle{color:#6b8e23;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;margin-bottom:var(--spacing-2xl);text-align:center}.product-category{margin-bottom:var(--spacing-3xl)}.category-title{color:#1a1a1a;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.product-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(clamp(250px,25vw,320px),1fr));margin-bottom:var(--spacing-xl)}.product-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #fff9;border-radius:clamp(1rem,3vw,1.5rem);box-shadow:0 8px 32px #00000014,inset 0 1px 1px #fffc;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all .4s cubic-bezier(.32,.72,0,1)}.product-card:before{background:linear-gradient(135deg,#6b8e23,#0000);background:linear-gradient(135deg,var(--accent-color,#6b8e23) 0,#0000 100%);border-radius:clamp(1rem,3vw,1.5rem);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.product-card:hover{border-color:#fffc;box-shadow:0 20px 48px #00000026,inset 0 1px 1px #fffc,0 0 40px #6b8e231a;transform:translateY(-12px) scale(1.02)}.product-card:hover:before{opacity:.05}.product-image-wrapper{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#f5f5f5,#fafafa);border:1px solid #6b8e2314;border-radius:clamp(.75rem,2vw,1.25rem);display:flex;inline-size:100%;justify-content:center;margin-bottom:var(--spacing-md);overflow:hidden;position:relative;transition:all .4s ease}.product-image-glow{background:radial-gradient(circle at 30% 30%,#6b8e2326 0,#0000 70%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.product-card:hover .product-image-wrapper{background:linear-gradient(135deg,#f0f0f0,#f5f5f5);border-color:#6b8e2326;box-shadow:0 8px 24px #6b8e231a}.product-card:hover .product-image-glow{opacity:1}.product-image{block-size:100%;inline-size:100%;object-fit:contain;padding:var(--spacing-md);position:relative;transition:transform .4s ease;z-index:1}.product-card:hover .product-image{transform:scale(1.08) rotate(2deg)}.product-name{color:#1a1a1a;font-size:clamp(.85rem,1.8vw,1rem);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-xs)}.category-description{color:#666;font-size:clamp(.875rem,2vw,1rem);line-height:1.6;margin-top:var(--spacing-lg);text-align:center}.product-badge{animation:badgePulse 2s ease-in-out infinite;background:#6b8e23;background:var(--accent-color,#6b8e23);border-radius:50px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:clamp(.7rem,1.5vw,.85rem);font-weight:700;letter-spacing:.5px;padding:clamp(.4rem,1vw,.6rem) clamp(.8rem,2vw,1.2rem);position:absolute;right:var(--spacing-md);text-transform:uppercase;top:var(--spacing-md);z-index:2}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-accent-line{background:linear-gradient(90deg,#6b8e23,#0000);background:linear-gradient(90deg,var(--accent-color,#6b8e23) 0,#0000 100%);bottom:0;height:3px;left:0;opacity:0;position:absolute;right:0;transition:opacity .4s ease}.product-card:hover .product-accent-line{opacity:1}.product-description{color:#666;font-size:clamp(.7rem,1.5vw,.8rem);line-height:1.5;margin-bottom:0;transition:color .3s ease}.product-card:hover .product-description{color:#555}@media (max-width:480px){.product-section{inline-size:100%;padding:var(--spacing-xl) var(--spacing-md)}.product-grid{grid-template-columns:1fr}.product-card{inline-size:100%;padding:var(--spacing-md)}.product-badge{right:var(--spacing-sm);top:var(--spacing-sm)}}@media (min-width:768px){.product-grid{grid-template-columns:repeat(3,1fr)}}.social-impact-section{background:linear-gradient(135deg,#6b8e230d,#fff0);inline-size:100%;padding:var(--spacing-2xl) var(--spacing-lg)}.social-impact-container{margin:0 auto;max-width:1200px}.impact-title{color:#2d2d2d;font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-bottom:var(--spacing-sm);text-align:center}.social-impact-subtitle{color:#666;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500;line-height:1.6;margin-bottom:calc(var(--spacing-3xl));text-align:center}.impact-cards-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(clamp(250px,25vw,320px),1fr));margin-bottom:var(--spacing-3xl);margin-top:clamp(3rem,6vw,2rem)}.impact-card{align-items:center;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.impact-card:hover{box-shadow:0 8px 24px #0000001f}.impact-icon{align-items:center;background:#0000;block-size:clamp(80px,15vw,150px);border-radius:var(--radius-lg);color:#6b8e23;display:flex;inline-size:clamp(80px,15vw,150px);justify-content:center;margin-bottom:var(--spacing-md)}.impact-image{block-size:100%;inline-size:100%;object-fit:contain;padding:var(--spacing-sm)}.impact-card-title{color:#1a1a1a;font-size:clamp(.85rem,1.8vw,1rem);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-sm)}.impact-card-description{color:#666;font-size:clamp(.7rem,1.5vw,.8rem);line-height:1.6;margin:0}.sdg-goals-grid{grid-gap:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(5,1fr);margin-top:clamp(3rem,6vw,3rem)}.sdg-goal-card{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.sdg-goal-card:hover{transform:scale(1.05)}.sdg-goal-image{block-size:100%;inline-size:100%;object-fit:contain}.sdg-goal-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;color:#fff;font-size:clamp(.75rem,2vw,.9rem);font-weight:500;left:0;opacity:0;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:0;text-align:center;text-overflow:ellipsis;transform:translateY(100%);transition:all .3s ease;white-space:nowrap}.sdg-goal-card:hover .sdg-goal-tooltip{opacity:1;transform:translateY(0)}@media (max-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 (min-width:768px){.impact-cards-grid{grid-template-columns:repeat(3,1fr)}.sdg-goals-grid{grid-template-columns:repeat(5,1fr)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-card{border-radius:1rem;box-shadow:0 4px 12px #0000001a}.skeleton-image{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:1000px 100%;height:14rem}.skeleton-content{padding:1.5rem}.skeleton-line{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:1000px 100%;border-radius:.25rem;height:1rem;margin-bottom:.75rem}.skeleton-line-short{width:40%}.skeleton-line-medium{width:70%}.skeleton-line-title{height:2rem;margin-bottom:1rem}.skeleton-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-single-post{margin:0 auto;max-width:800px}.skeleton-header{margin-bottom:2rem}.skeleton-featured-image{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:1000px 100%;border-radius:1rem;height:400px;margin-bottom:2rem;width:100%}.skeleton-body{margin-bottom:2rem}@media (max-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{margin:0 auto;max-width:1200px;padding:0 clamp(20px,5vw,40px)}.latest-highlights-header{margin-bottom:clamp(28px,4vw,40px);text-align:center}.latest-highlights-title{color:#0f172a;font-size:clamp(28px,4.5vw,44px);font-weight:800;letter-spacing:-.02em;margin:0}.latest-highlights-subtitle{color:#64748b;font-size:clamp(14px,2vw,16px);line-height:1.6;margin:10px 0 0}.latest-highlights-view-all{align-items:center;color:#6b8e23;display:inline-flex;font-weight:700;gap:8px;margin-top:14px;text-decoration:none;transition:all .3s cubic-bezier(.32,.72,0,1)}.latest-highlights-view-all:hover{color:#5a7a1f;transform:translateX(2px)}.latest-highlights-view-all.secondary{margin-top:12px}.latest-highlights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.latest-highlight-card{background:#fff;border:none;border-radius:1rem;box-shadow:0 4px 12px #0000001a;inline-size:100%;max-inline-size:420px;overflow:hidden;transition:all .35s cubic-bezier(.32,.72,0,1)}.latest-highlight-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.latest-highlight-link{color:inherit;display:block;text-decoration:none}.latest-highlight-image-wrapper{height:14rem;overflow:hidden;position:relative;width:100%}.latest-highlight-image{display:block;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.32,.72,0,1);width:100%}.latest-highlight-card:hover .latest-highlight-image{transform:scale(1.06)}.latest-highlight-overlay{background:linear-gradient(180deg,#0000000d,#0000002e);inset:0;pointer-events:none;position:absolute}.latest-highlight-content{padding:1.5rem}.latest-highlight-meta{align-items:center;color:#64748b;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.latest-highlight-meta svg{color:#6b8e23}.latest-highlight-post-title{color:#0f172a;font-size:clamp(18px,2.4vw,22px);font-weight:800;line-height:1.35;margin:0 0 12px;transition:color .3s cubic-bezier(.32,.72,0,1)}.latest-highlight-card:hover .latest-highlight-post-title{color:#6b8e23}.latest-highlight-excerpt{color:#64748b;font-size:clamp(14px,2vw,15px);line-height:1.6;margin:0 0 16px}.latest-highlight-cta{align-items:center;color:#ff8c00;display:inline-flex;font-weight:800;gap:8px}.latest-highlight-cta-arrow{transition:transform .25s cubic-bezier(.32,.72,0,1)}.latest-highlight-card:hover .latest-highlight-cta-arrow{transform:translateX(4px)}.latest-highlights-empty{background:#f8fafc;border:1px solid #0f172a0f;border-radius:16px;padding:clamp(18px,3vw,26px)}.latest-highlights-empty p{color:#475569;font-weight:600;margin:0}.latest-highlight-card.skeleton{animation:latestHighlightsShimmer 1.2s linear infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;border:1px solid #0f172a0f;box-shadow:none;min-height:320px}@keyframes latestHighlightsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.latest-highlights-header{text-align:center}}.mission-section{background-color:var(--white);inline-size:100%}.solution-hero-carousel{background-color:var(--dark-brown);inline-size:100%;height:clamp(500px,80vh,900px);margin-bottom:var(--spacing-2xl);overflow:hidden;position:relative}.carousel-container{block-size:100%;inline-size:100%;position:relative}.carousel-slide{inset:0;position:absolute}.carousel-image,.carousel-slide{block-size:100%;inline-size:100%}.carousel-image{backface-visibility:hidden;-webkit-backface-visibility:hidden;object-fit:cover;object-position:center;will-change:opacity}.carousel-overlay{background:linear-gradient(135deg,#00000080,#0000004d);inset:0;position:absolute;z-index:1}.carousel-content{align-items:center;display:flex;inset:0;justify-content:center;padding:clamp(2rem,5vw,4rem);position:absolute;z-index:2}.content-wrapper{color:var(--white);max-inline-size:700px;text-align:center;will-change:opacity,transform}.carousel-title{color:var(--white);font-size:clamp(1.75rem,4vw,2.8rem);font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0 0 clamp(1rem,2vw,1.5rem)}.carousel-title .highlight{color:var(--burnt-orange);font-weight:700}.carousel-description{color:#fffffff2;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.6;margin:0 auto;max-inline-size:600px}.carousel-nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;block-size:clamp(40px,8vw,50px);border:1px solid #ffffff4d;border-radius:50%;color:var(--white);cursor:pointer;display:flex;inline-size:clamp(40px,8vw,50px);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.32,.72,0,1);z-index:3}.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{bottom:clamp(1.5rem,3vw,2.5rem);display:flex;gap:clamp(.5rem,1vw,.75rem);left:50%;position:absolute;transform:translateX(-50%);z-index:3}.dot{background:#fff6;block-size:10px;border:none;border-radius:50%;cursor:pointer;inline-size:10px;padding:0;transition:background .2s ease,box-shadow .2s ease;will-change:transform}.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%;margin:0 auto;max-inline-size:1200px;padding:var(--spacing-2xl) clamp(1rem,5vw,3rem)}.mission-hero{grid-gap:clamp(2rem,5vw,4rem);align-items:center;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:1fr 1fr;margin-bottom:clamp(3rem,8vw,6rem);padding-bottom:clamp(2rem,5vw,4rem)}.mission-hero-content{display:flex;flex-direction:column;justify-content:center}.mission-hero-title{color:var(--dark-brown);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:600;line-height:1.4;margin:0}.mission-hero-title .highlight{color:var(--burnt-orange);font-weight:700}.mission-hero-image{align-items:center;display:flex;justify-content:center}.hero-product-image{height:auto;max-height:400px;max-width:100%;object-fit:contain}.benefits-grid{grid-gap:clamp(1.5rem,3vw,2.5rem);background-color:var(--gray-light);border-radius:0;display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(4,1fr);inline-size:100vw;inset-inline-end:50%;inset-inline-start:50%;margin-bottom:clamp(4rem,10vw,8rem);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-inline:-50vw;padding:clamp(2rem,5vw,3rem);position:relative}.benefit-card{flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(1rem,2vw,1.5rem);text-align:center;transition:var(--transition)}.benefit-card,.benefit-icon{align-items:center;display:flex}.benefit-icon{background-color:initial;border-radius:0;box-shadow:none;inline-size:auto;justify-content:center;overflow:visible}.benefit-icon,.benefit-icon-image{block-size:auto;box-sizing:border-box}.benefit-icon-image{inline-size:clamp(60px,14vw,140px);object-fit:contain;padding:0}.benefit-text{color:var(--dark-brown);font-size:clamp(.9rem,1.8vw,1rem);font-weight:500;line-height:1.5;margin:0}.product-image-section{align-items:center;display:flex;justify-content:center;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding:clamp(.5rem,1vw,1rem) 0}.product-section-image{height:auto;max-height:clamp(200px,35vw,400px);max-width:100%;object-fit:contain}.triple-bottom-line-wrapper{margin-bottom:0;margin-top:0}.triple-bottom-line-title{color:var(--dark-brown);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:clamp(2rem,5vw,3.5rem);margin-top:0;text-align:center}.triple-bottom-line-grid{grid-gap:clamp(2rem,4vw,3rem);display:grid;gap:clamp(2rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(clamp(250px,28vw,320px),1fr));padding-bottom:clamp(2rem,5vw,3rem)}.triple-bottom-line-card{align-items:center;background-color:var(--white);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,3vw,2rem);text-align:center;transition:var(--transition)}.triple-bottom-line-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.tbl-icon{align-items:center;background:#0000;block-size:clamp(60px,12vw,100px);border-radius:50%;box-sizing:border-box;display:flex;inline-size:clamp(60px,12vw,100px);justify-content:center;overflow:hidden}.tbl-icon-image{block-size:100%;box-sizing:border-box;inline-size:100%;object-fit:contain;padding:clamp(.75rem,1.5vw,1rem)}.tbl-card-title{color:var(--burnt-orange);font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:700;line-height:1.3;margin:0}.tbl-card-description{color:var(--gray-dark);font-size:clamp(.9rem,1.8vw,1rem);font-weight:400;line-height:1.6;margin:0}@media (max-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{gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:1fr;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{gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(2,1fr);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{gap:clamp(1.5rem,3vw,2rem);grid-template-columns:1fr;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{height:clamp(80px,18vw,120px);width: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 (max-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{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(1.5rem,3vw,2rem)}.triple-bottom-line-grid{gap:clamp(1rem,2vw,1.5rem)}.tbl-icon{height:clamp(70px,16vw,100px);width: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{align-items:flex-start;background-color:initial;border-radius:0;cursor:pointer;display:flex;flex-direction:row;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(.75rem,2vw,1rem);transition:transform .3s ease,box-shadow .3s ease}.team-member-card:hover{transform:translateY(-4px)}.team-member-card:focus-visible{border-radius:4px;outline:2px solid #6b8e23;outline-offset:4px}.team-member-image-wrapper{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;flex-shrink:0;height:clamp(60px,12vw,90px);justify-content:center;overflow:hidden;width:clamp(60px,12vw,90px)}.team-member-image{height:100%;object-fit:cover;object-position:center;width:100%}.team-member-content{display:flex;flex:1 1;flex-direction:column;gap:clamp(.25rem,1vw,.5rem);min-width:0}.team-member-name{color:#2d2d2d;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:700}.team-member-name,.team-member-role{font-family:Poppins,sans-serif;line-height:1.3;margin:0}.team-member-role{color:#909b23;font-size:clamp(.8rem,2vw,.9rem);font-weight:500}.team-member-social{display:flex;gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(.25rem,1vw,.5rem)}.social-icon{background-color:#6b8e23}.social-icon:hover{background-color:#5a7620;box-shadow:0 4px 12px #6b8e234d}.team-member-header{align-items:center;display:flex;gap:clamp(.5rem,1.5vw,.75rem);justify-content:space-between;width:100%}.team-member-action-icon{align-items:center;color:#6b8e23;display:flex;flex-shrink:0;justify-content:center;opacity:.6;transition:all .3s ease}.team-member-card:hover .team-member-action-icon{color:#5a7620;opacity:1;transform:translateX(3px)}.skeleton-card{pointer-events:none}.skeleton-name{height:clamp(.9rem,2vw,1rem)}.skeleton-role{height:clamp(.75rem,1.8vw,.85rem);width:50%}.skeleton-social{gap:.5rem;margin-top:.5rem}.skeleton-social:after,.skeleton-social:before{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;content:"";height:clamp(28px,6vw,36px);width:clamp(28px,6vw,36px)}@media (max-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:after,.skeleton-social:before{animation:none;background:#f0f0f0}}.team-section{background-color:#fff;border-top:1px solid #f0f0f0;padding:clamp(2rem,8vw,5rem) clamp(1.5rem,5vw,3rem)}.team-subsection{margin:0 auto clamp(2rem,6vw,4rem);max-width:900px}.team-subsection:last-child{margin-bottom:0}.team-subsection-title{color:#2d2d2d;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:clamp(1.5rem,4vw,2rem)}.team-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(clamp(250px,40vw,350px),1fr))}.no-data{color:#999;font-size:clamp(.95rem,2vw,1.05rem);grid-column:1/-1;margin:0;padding:clamp(1rem,3vw,2rem);text-align:center}.error-message{background-color:#fff3cd;border:1px solid #ffc107;margin:0 auto;max-width:900px;padding:clamp(1rem,3vw,1.5rem);text-align:center}.error-message p{color:#856404;margin:0 0 1rem}.error-message p,.retry-button{font-size:clamp(.9rem,2vw,1rem)}.retry-button{background-color:#ffc107;border-radius:4px;color:#333;font-family:Poppins,sans-serif;font-weight:600;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,3vw,1.5rem);transition:all .3s ease}.retry-button:hover{background-color:#ffb300}.retry-button:active{transform:translateY(0)}@media (max-width:768px){.team-grid{gap:clamp(1rem,3vw,1.5rem);grid-template-columns:repeat(2,1fr)}}@media (max-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{gap:clamp(.75rem,2vw,1rem);grid-template-columns:1fr}.team-subsection-title{font-size:clamp(1.25rem,3vw,1.5rem)}}@media (max-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:active,.retry-button:hover{transform:none}}.about-page{background-color:#fff;width:100%}.story-section{background-color:#fff;border-bottom:1px solid #f0f0f0;padding:clamp(2rem,8vw,5rem) clamp(1.5rem,5vw,3rem)}.story-container{margin:0 auto;max-width:900px}.story-title{color:#2d2d2d;font-family:Poppins,sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:clamp(1.5rem,4vw,2rem)}.story-content{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem)}.story-paragraph{color:#555;font-family:Poppins,sans-serif;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8;margin:0;text-align:justify}.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-gap:clamp(1.5rem,4vw,3rem);align-items:center;display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:900px}.mission-card,.vision-card{align-items:center;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);text-align:center}.icon-wrapper{align-items:center;background-color:initial;display:flex;height:clamp(50px,10vw,80px);justify-content:center;width:clamp(50px,10vw,80px)}.card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:100%;object-fit:contain;width:100%}.card-title{color:#2d2d2d;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700}.card-description,.card-title{font-family:Poppins,sans-serif;margin:0}.card-description{color:#666;font-size:clamp(.9rem,1.8vw,1rem);line-height:1.7}.vision-mission-divider{background:linear-gradient(180deg,#0000,#ddd 20%,#ddd 80%,#0000);height:clamp(150px,30vh,250px);width:2px}.values-section{background-color:#fff;padding:clamp(2rem,8vw,5rem) clamp(1.5rem,5vw,3rem)}.values-container{margin:0 auto;max-width:900px}.values-title{color:#2d2d2d;font-family:Poppins,sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;margin-bottom:clamp(2rem,5vw,3rem);text-align:center}.values-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(clamp(120px,20vw,180px),1fr));justify-items:center}.value-card{align-items:center;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-8px)}.value-icon-wrapper{align-items:center;background-color:initial;border-radius:50%;display:flex;height:clamp(50px,12vw,100px);justify-content:center;transition:transform .3s ease;width:clamp(50px,12vw,100px)}.value-card:hover .value-icon-wrapper{transform:scale(1.1)}.value-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:70%;object-fit:contain;width:70%}.value-title{color:#2d2d2d;font-family:Poppins,sans-serif;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600;margin:0}@media (max-width:768px){.vision-mission-container{gap:clamp(1.5rem,4vw,2rem);grid-template-columns:1fr}.vision-mission-divider{display:none}}@media (max-width:480px){.story-section,.values-section,.vision-mission-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 (max-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%;margin-inline:auto;max-inline-size:1200px;padding-inline:clamp(1rem,5vw,3rem)}.contact-header{margin-bottom:var(--spacing-2xl);text-align:center}.contact-title{color:var(--dark-brown);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}.contact-subtitle{color:var(--gray-dark);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;margin-bottom:var(--spacing-sm)}.contact-instruction{color:var(--burnt-orange);font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:500;margin-bottom:0}.contact-info-section{grid-gap:clamp(2rem,4vw,3rem);display:grid;gap:clamp(2rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(clamp(220px,28vw,300px),1fr));margin-bottom:var(--spacing-2xl);padding:clamp(2rem,4vw,3rem) 0}.info-card{align-items:center;background:linear-gradient(135deg,#909b230d,#ff8c000d);border:1px solid #909b231a;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--spacing-md);padding:clamp(1.5rem,3vw,2rem);text-align:center;transition:var(--transition)}.info-card:hover{background:linear-gradient(135deg,#909b231a,#ff8c001a);border-color:#909b2333;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.info-icon{align-items:center;background-color:var(--primary-green);border-radius:var(--border-radius);color:var(--white);display:flex;height:clamp(48px,10vw,56px);justify-content:center;width:clamp(48px,10vw,56px)}.info-label{color:var(--dark-brown);font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700;margin:0}.info-value{color:var(--gray-dark);font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.5;margin:0}.social-icons{display:flex;gap:clamp(.75rem,2vw,1rem);justify-content:center;margin-top:var(--spacing-sm)}.social-icon{background-color:#909b231a;block-size:clamp(40px,8vw,48px);border:2px solid #909b2333;inline-size:clamp(40px,8vw,48px);transition:var(--transition)}.social-icon-image{block-size:60%;inline-size:60%;object-fit:contain;transition:var(--transition)}.social-icon:hover{background-color:var(--primary-green);border-color:var(--primary-green);box-shadow:0 8px 20px #909b2340;transform:translateY(-4px) scale(1.05)}.social-icon:hover .social-icon-image{filter:brightness(2)}.contact-form-section{background:linear-gradient(135deg,var(--gray-light) 0,#909b2305 100%);border:1px solid #909b2314;border-radius:var(--border-radius);box-shadow:0 4px 16px #0000000a;padding:clamp(2.5rem,5vw,4rem)}.contact-form{grid-gap:clamp(1.75rem,3.5vw,2.25rem);display:grid;gap:clamp(1.75rem,3.5vw,2.25rem);grid-template-columns:1fr}.form-row{grid-gap:clamp(1.25rem,2.5vw,1.75rem);gap:clamp(1.25rem,2.5vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(clamp(160px,45vw,420px),1fr))}.form-group{gap:var(--spacing-sm)}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--dark-brown);font-size:clamp(.95rem,1.8vw,1rem);gap:var(--spacing-xs)}.required{color:var(--burnt-orange)}.form-input,.form-textarea{background-color:var(--white);border:2px solid var(--gray-medium);border-radius:var(--border-radius);box-sizing:border-box;color:var(--black);font-family:var(--font-family);font-size:clamp(.95rem,1.8vw,1rem);padding:clamp(.85rem,2.2vw,1.1rem);transition:var(--transition);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#bbb}.form-input:focus,.form-textarea:focus{background-color:var(--white);border-color:var(--primary-green);box-shadow:0 0 0 4px #909b2326;outline:none}.form-textarea{font-family:var(--font-family);min-height:clamp(140px,22vh,220px);resize:vertical}.form-hint{color:var(--gray-dark);font-size:clamp(.85rem,1.5vw,.9rem);line-height:1.5;margin-top:var(--spacing-xs)}.submit-button{align-self:flex-start;background:linear-gradient(135deg,var(--dark-brown) 0,#3d2817 100%);border:none;border-radius:var(--border-radius);box-shadow:0 4px 16px #3d281733;color:var(--white);cursor:pointer;font-family:var(--font-family);font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:700;letter-spacing:.3px;padding:clamp(.85rem,2.2vw,1.1rem) clamp(1.75rem,3.5vw,2.25rem);transition:var(--transition)}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-green) 0,#7a9b2a 100%);box-shadow:0 8px 24px #909b234d;transform:translateY(-3px)}.submit-button:active:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.status-message{animation:slideIn .3s ease-out;border-radius:var(--border-radius);font-size:clamp(.95rem,1.8vw,1rem);font-weight:500;grid-column:1/-1;padding:clamp(1rem,2vw,1.25rem)}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.contact-container{padding-inline:clamp(1rem,4vw,1.5rem)}.contact-header{margin-bottom:var(--spacing-xl)}.contact-info-section{gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(clamp(180px,35vw,260px),1fr));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{gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(clamp(140px,40vw,380px),1fr))}}@media (max-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);grid-template-columns:1fr;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.info-card{gap:var(--spacing-sm);padding:var(--spacing-md)}.info-icon{height:44px;width:44px}.social-icons{gap:var(--spacing-sm);justify-content:center}.contact-form-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.contact-form,.form-row{gap:var(--spacing-md)}.form-row{grid-template-columns:1fr}.form-group{gap:var(--spacing-xs)}.form-label{font-size:.95rem}.form-input,.form-textarea{font-size:1rem;padding:.75rem}.form-textarea{min-height:120px}.submit-button{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.form-input,.form-textarea,.social-icon,.submit-button{transition:none}@keyframes slideIn{0%{opacity:0}to{opacity:1}}}.team-list-page{background:linear-gradient(135deg,#fff,#fafbfc);min-height:100vh;padding:clamp(60px,8vw,100px) clamp(16px,5vw,40px) clamp(40px,6vw,60px)}.search-container{flex:0 1 clamp(250px,40vw,450px);margin:0;padding:0}.search-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 16px #0000000f;padding:clamp(12px,2vw,16px);position:relative;transition:all .3s cubic-bezier(.32,.72,0,1)}.search-wrapper:focus-within{background:#fff;border-color:#6b8e23;box-shadow:0 0 0 5px #6b8e231f}.search-icon{color:#6b8e23;margin-right:clamp(10px,2vw,14px);opacity:.8}.search-input{color:#1f2937;font-size:clamp(14px,2vw,16px);font-weight:500;padding:clamp(10px,1.5vw,14px) 0}.search-input::placeholder{color:#a1a5b0;font-weight:500}.search-clear{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:8px;padding:4px;transition:all .2s ease}.search-clear:hover{color:#6b7280;transform:scale(1.1)}.search-results{color:#6b7280;font-size:clamp(12px,1.8vw,14px);font-weight:500;letter-spacing:.2px;margin-top:clamp(8px,1.5vw,12px)}.no-results{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:0 auto 60px;max-width:1200px;padding:40px}.no-results p{color:#6b7280;font-size:16px;margin:0 0 20px}.btn-clear-search{align-items:center;background:#8a9c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.btn-clear-search:hover{box-shadow:0 4px 12px #8a9c3b4d;transform:translateY(-2px)}.skeleton-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.skeleton-image{aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%)}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:24px}.skeleton-name{height:18px;width:70%}.skeleton-name,.skeleton-role{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%)}.skeleton-role{height:14px;width:90%}.skeleton-button{border-radius:8px;height:40px;margin-top:auto}.search-bar-skeleton,.skeleton-button{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.search-bar-skeleton{border-radius:12px;height:50px;margin:0 auto 60px;max-width:1200px;padding:0 20px}.team-list-page.error-state,.team-list-page.loading-state{align-items:center;display:flex;justify-content:center;min-height:100vh}.error-container,.loading-container{max-width:500px;padding:60px 40px;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:24px}.loading-container .spinner{animation:spin 1s linear infinite;color:#8a9c3b}.error-container{gap:20px}.error-container .error-icon{animation:shake .5s ease-in-out;color:#ef4444}.error-container h2{color:#1f2937;font-size:28px}.error-container p{color:#6b7280;font-size:16px}.btn-back-home{align-items:center;background:#8a9c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;margin-top:24px;padding:12px 28px;transition:all .2s}.btn-back-home:hover{box-shadow:0 8px 20px #8a9c3b4d;transform:translateY(-2px)}.page-header-with-search{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(30px,6vw,80px);justify-content:space-between;margin:0 auto clamp(40px,8vw,80px);max-width:1400px;padding:0 clamp(16px,5vw,40px)}.header-content{flex:1 1;flex-direction:column;gap:clamp(8px,2vw,16px);min-width:clamp(200px,100%,600px);position:relative;z-index:1}.page-title{color:#0f172a;font-size:clamp(32px,6vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0}.page-subtitle{color:#6b7280;font-size:clamp(15px,2.2vw,18px);font-weight:500;letter-spacing:.3px;line-height:1.7;margin:0;max-width:600px}.board-section,.team-section{background:#0000;margin:0 auto clamp(60px,10vw,120px);max-width:1400px;padding:0 clamp(16px,5vw,40px)}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,30px);justify-content:space-between;margin-bottom:clamp(30px,5vw,60px)}.section-title-wrapper{align-items:center;display:flex;gap:16px}.section-icon{color:#8a9c3b}.section-title{color:#0f172a;font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.5px}.section-count{display:none}.team-grid{grid-gap:clamp(24px,4vw,36px);display:grid;gap:clamp(24px,4vw,36px);grid-template-columns:repeat(auto-fill,minmax(clamp(280px,40vw,380px),1fr));padding:0}.team-card{display:none}.board-section .section-icon{color:#d2691e}@media (max-width:1024px){.page-header-with-search{align-items:stretch;flex-direction:column;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 (max-width:768px){.team-list-page{padding:60px 16px 40px}.page-header-with-search{align-items:stretch;flex-direction:column;gap:24px;margin-bottom:40px}.header-content,.search-container{min-width:100%}.board-section,.team-section{margin-bottom:60px}.section-header{align-items:flex-start;flex-direction:column;margin-bottom:40px}.team-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.card-content{padding:20px}.card-name{font-size:16px}.card-role{font-size:13px}}@media (max-width:480px){.team-list-page{padding:50px 12px 30px}.page-title{font-size:28px}.page-subtitle{font-size:14px}.team-grid{gap:24px;grid-template-columns:1fr}.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-cta,.card-role{font-size:12px}.card-cta{padding:8px 12px}}.member-details-page{align-items:center;background-color:var(--white);display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem);min-height:100vh;padding:clamp(2rem,6vw,4rem) clamp(1rem,5vw,3rem)}.btn-back-top{align-self:flex-start;background-color:initial;border:2px solid var(--gray-medium);border-radius:var(--border-radius);color:var(--dark-brown);display:inline-flex;font-size:clamp(.875rem,2vw,1rem);gap:.75rem;inline-size:-webkit-fit-content;inline-size:fit-content;margin-bottom:clamp(1rem,2vw,1.5rem);padding:.75rem 1.5rem;transition:var(--transition)}.btn-back-top:hover{background-color:#909b230d;border-color:var(--primary-green);color:var(--primary-green)}.member-details-container{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem);max-width:900px;width:100%}.member-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(2rem,6vw,4rem);justify-content:center;padding:clamp(2rem,4vw,3rem) 0}.member-image-wrapper{flex-shrink:0}.member-image{align-items:center;background-color:var(--gray-light);block-size:clamp(200px,30vw,320px);border-radius:50%;box-shadow:0 clamp(4px,1.5vw,10px) clamp(20px,4vw,40px) #0000001a;display:flex;inline-size:clamp(200px,30vw,320px);justify-content:center;overflow:hidden}.member-img{display:block;object-fit:cover}.member-img,.member-placeholder{block-size:100%;inline-size:100%}.member-placeholder{background:linear-gradient(135deg,var(--gray-medium) 0,var(--gray-light) 100%);display:none}.member-details-info{display:flex;flex:1 1;flex-direction:column;gap:clamp(.5rem,1vw,1rem);justify-content:center;min-width:250px;text-align:center}.member-details-name{color:var(--dark-brown);display:block;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin:0;text-align:center}.member-details-role{color:var(--primary-green);display:block;font-size:clamp(1rem,2vw,1.3rem);font-weight:500;letter-spacing:.5px;line-height:1.5;margin:0;text-align:center}.member-details-social{display:flex;gap:clamp(.5rem,1.5vw,.75rem);justify-content:center;margin-top:clamp(1rem,2vw,1.5rem)}.social-icon{align-items:center;background-color:var(--primary-green);border-radius:50%;box-sizing:border-box;color:#fff;display:inline-flex;height:clamp(32px,7vw,40px);justify-content:center;padding:0;text-decoration:none;transition:all .3s ease;width:clamp(32px,7vw,40px)}.social-icon:hover{background-color:#7a8520;box-shadow:0 4px 12px #909b234d;transform:scale(1.15)}.social-icon img{height:65%;object-fit:contain;width:65%}.social-icon svg{fill:#fff;height:60%;width:60%}.copy-icon{align-items:center;background-color:var(--primary-green);border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:all .3s ease}.copy-icon:hover{background-color:#7a8520;box-shadow:0 4px 12px #909b234d;transform:scale(1.15)}.copy-icon:active{transform:scale(.95)}.copy-toast{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #0f172a1a;border-radius:999px;bottom:clamp(1rem,3vw,1.5rem);box-shadow:0 10px 30px #0000001f,inset 0 1px 0 #ffffff80;color:#0f172aeb;left:50%;padding:.75rem 1rem;position:fixed;transform:translateX(-50%);z-index:1500}.copy-toast-content{align-items:center;display:inline-flex;gap:.6rem}.copy-toast-dot{background:var(--primary-green);border-radius:50%;box-shadow:0 0 0 4px #909b232e;flex-shrink:0;height:10px;width:10px}.copy-toast-text{font-size:clamp(.9rem,2vw,.95rem);font-weight:650;letter-spacing:.2px;line-height:1.2}.divider{background:linear-gradient(90deg,#0000 0,var(--gray-medium) 50%,#0000 100%);margin:clamp(1.5rem,3vw,2.5rem) 0;transform-origin:center}.member-bio{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(2rem,4vw,3rem) 0}.bio-paragraph{color:var(--black);font-size:clamp(.95rem,2vw,1.1rem);letter-spacing:.3px;line-height:1.8;margin:0;text-align:justify}.founder-story-section{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(2rem,4vw,3rem) 0}.story-title{color:var(--burnt-orange);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0 0 clamp(1rem,2vw,1.5rem);text-align:center}.story-quote{border-left:4px solid var(--burnt-orange);color:var(--burnt-orange);font-size:clamp(1rem,2vw,1.1rem);font-style:normal;letter-spacing:.2px;line-height:1.8;margin:0;padding:clamp(1.5rem,3vw,2rem) 0 clamp(1.5rem,3vw,2rem) clamp(1.5rem,3vw,2rem);position:relative;text-align:justify}.error-container{gap:2rem;margin:0 auto;max-width:500px;padding:clamp(2rem,4vw,3rem)}.skeleton-btn{animation:skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--gray-light);border:none;border-radius:var(--border-radius);color:#0000;cursor:default;padding:12px 24px;pointer-events:none}.skeleton-image{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--gray-light) 25%,var(--gray-medium) 50%,var(--gray-light) 75%);border-radius:50%;height:100%}.skeleton-name{height:clamp(2rem,8vw,3.5rem);width:80%}.skeleton-name,.skeleton-role{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--gray-light) 25%,var(--gray-medium) 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:4px;margin-bottom:1rem}.skeleton-role{height:clamp(1.3rem,3vw,2rem);width:60%}.skeleton-social{display:flex;gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(1rem,2vw,1.5rem)}.skeleton-social-icon{animation:skeleton-loading 1.5s infinite;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;height:clamp(32px,7vw,40px);width:clamp(32px,7vw,40px)}.skeleton-divider{animation:skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--gray-light)}.skeleton-paragraph{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--gray-light) 25%,var(--gray-medium) 50%,var(--gray-light) 75%);border-radius:4px;height:clamp(.95rem,2vw,1.1rem);margin-bottom:1rem}.skeleton-paragraph-short{width:85%}.skeleton-story-title{height:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;width:70%}.skeleton-story-quote,.skeleton-story-title{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--gray-light) 25%,var(--gray-medium) 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:4px}.skeleton-story-quote{border-left:4px solid var(--gray-medium);height:clamp(4rem,8vw,6rem)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.skeleton-btn,.skeleton-divider,.skeleton-image,.skeleton-name,.skeleton-paragraph,.skeleton-role,.skeleton-story-quote,.skeleton-story-title{animation:none;background:var(--gray-light)}}.error-icon{animation:pulse-icon 2s ease-in-out infinite;color:var(--burnt-orange);margin-bottom:1rem}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.error-container h2{color:var(--dark-brown);font-weight:700}.error-container p{color:var(--gray-dark);line-height:1.6;margin:0}.btn-back,.error-container p{font-size:clamp(.95rem,2vw,1.1rem)}.btn-back{background-color:var(--primary-green);border-radius:var(--border-radius);box-shadow:0 4px 12px #909b2333;color:var(--white);gap:.75rem;margin-top:1rem;padding:clamp(.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2rem);transition:var(--transition)}.btn-back:hover{background-color:#7a8520;box-shadow:0 8px 20px #909b234d;transform:translateY(-3px)}.btn-back:active{transform:translateY(-1px)}@media (max-width:768px){.member-details-page{align-items:center}.member-header{flex-direction:column;gap:clamp(1.5rem,4vw,2rem)}.member-details-info,.member-header{align-items:center;text-align:center}.member-details-info{padding-top:0}.member-details-name{font-size:clamp(1.75rem,5vw,2.5rem);text-align:center}.member-details-role{font-size:clamp(1rem,2vw,1.2rem);text-align:center}.member-details-social{justify-content:center}.bio-paragraph{text-align:left}.story-quote{border-left-width:4px}}@media (max-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{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}.btn-back-top{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:var(--border-radius-md);color:#2d2d2d;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.btn-back-top:hover{background:#f5f5f5;border-color:#6b8e23;color:#6b8e23}.btn-back-top:disabled{cursor:not-allowed;opacity:.5}.skeleton-btn{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;height:40px;width:120px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sdg-details-container{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:900px;padding:clamp(2rem,5vw,4rem)}.sdg-header{grid-gap:clamp(2rem,5vw,3rem);align-items:center;display:grid;gap:clamp(2rem,5vw,3rem);grid-template-columns:minmax(200px,300px) 1fr;margin-bottom:clamp(2rem,5vw,3rem)}@media (max-width:768px){.sdg-header{gap:clamp(1.5rem,4vw,2rem);grid-template-columns:1fr}}.sdg-image-wrapper{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#f5f5f5,#efefef);border-radius:var(--border-radius-lg);display:flex;justify-content:center;overflow:hidden;padding:clamp(1rem,3vw,2rem)}.sdg-image{height:100%;object-fit:contain;width:100%}.sdg-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sdg-title{color:#2d2d2d;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2;margin:0}.sdg-number{color:#6b8e23;font-size:clamp(1rem,3vw,1.2rem);font-weight:600;margin:0}.divider{background:linear-gradient(90deg,#0000,#6b8e23,#0000);height:2px;margin:clamp(2rem,5vw,3rem) 0;transform-origin:left;width:100%}.sdg-description{margin-bottom:clamp(2rem,5vw,3rem)}.description-text{color:#555;font-size:clamp(1rem,2vw,1.1rem);line-height:1.8;margin:0}.contribution-section,.key-targets-section{margin-bottom:clamp(2rem,5vw,3rem)}.section-title{color:#2d2d2d;font-size:clamp(1.3rem,4vw,1.6rem);font-weight:700;margin:0 0 var(--spacing-md) 0}.contribution-title{color:#6b8e23}.targets-list{flex-direction:column;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.target-item{color:#555;font-size:clamp(.95rem,2vw,1rem);line-height:1.6;padding-left:var(--spacing-md);position:relative}.target-item:before{color:#6b8e23;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.contribution-text{color:#555;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8;margin:0}.error-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh;text-align:center}.error-icon{color:#e74c3c;opacity:.8}.error-container h2{color:#2d2d2d;font-size:clamp(1.5rem,4vw,2rem);margin:0}.btn-back{background:#6b8e23;border-radius:var(--border-radius-md);font-size:1rem;gap:.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.btn-back:hover{background:#5a7a1f;box-shadow:0 4px 12px #6b8e234d}.btn-back:active{transform:translateY(0)}.skeleton-image{border-radius:var(--border-radius-lg);height:300px;width:100%}.skeleton-image,.skeleton-title{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%}.skeleton-title{border-radius:var(--border-radius-md);height:40px;margin-bottom:var(--spacing-md);width:80%}.skeleton-paragraph{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:var(--border-radius-sm);height:20px;margin-bottom:var(--spacing-sm);width:100%}.skeleton-paragraph:last-child{width:90%}@media (max-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:#fafafa;background:var(--bg-light,#fafafa);min-height:100vh}.policy-hero{background-color:#909b23;color:#fff;margin-top:clamp(60px,10vw,80px);overflow:hidden;padding:clamp(3rem,8vw,6rem) var(--spacing-md);position:relative;text-align:center}.policy-hero:before{background:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.policy-hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.policy-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 clamp(1rem,2vw,1.5rem)}.policy-lead{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 auto;max-width:700px;opacity:.95}.policy-content{background:#fff;padding:clamp(3rem,8vw,5rem) var(--spacing-md)}.policy-container{margin:0 auto;max-width:900px}.policy-article{display:flex;flex-direction:column;gap:clamp(2rem,5vw,3rem)}.policy-article section{scroll-margin-top:100px}.policy-article h2{border-bottom:2px solid #909b2333;color:#909b23;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3;margin:0 0 clamp(.75rem,2vw,1rem);padding-bottom:clamp(.5rem,1vw,.75rem)}.policy-article p{color:#333;color:var(--text-dark,#333);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8;margin:0}.policy-article a{border-bottom:1px solid #0000;color:#909b23;font-weight:500;text-decoration:none;transition:all .3s ease}.policy-article a:hover{border-bottom-color:#909b23;color:#7a8620}.policy-list{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.25rem);list-style:none;margin:0;padding:0}.policy-list li{color:#333;color:var(--text-dark,#333);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8;padding-left:clamp(1.5rem,3vw,2rem);position:relative}.policy-list li:before{color:#909b23;content:"✓";font-size:1.2em;font-weight:700;left:0;position:absolute;top: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{align-items:center;background:#fff;border:1px solid #909b2333;border-radius:clamp(.5rem,1vw,.75rem);display:flex;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1.5rem,3vw,2rem);padding:clamp(1.25rem,2vw,1.5rem);transition:all .3s ease}.contact-card:hover{box-shadow:0 4px 12px #909b2326;transform:translateY(-2px)}.contact-card svg{color:#909b23;flex-shrink:0;height:clamp(1.5rem,3vw,2rem);width:clamp(1.5rem,3vw,2rem)}.contact-label{color:#666;color:var(--text-muted,#666);font-size:clamp(.85rem,1.5vw,.95rem);font-weight:500;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.contact-link{color:#909b23;display:inline-block;font-size:clamp(1rem,1.5vw,1.1rem);font-weight:600;text-decoration:none;transition:all .3s ease}.contact-link:hover{color:#7a8620;transform:translateX(4px)}.policy-footer{border-top:1px solid #909b2333;margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(2rem,4vw,3rem);text-align:center}.policy-footer p{color:#666;color:var(--text-muted,#666);font-size:clamp(.85rem,1.5vw,.95rem);margin:0}.policy-footer time{color:#909b23;font-weight:500}@media (max-width:768px){.policy-hero{margin-top:60px}.policy-content,.policy-hero{padding:2rem 1rem}.policy-article section{scroll-margin-top:80px}.contact-card{flex-direction:column;text-align:center}.contact-link:hover{transform:none}}@media (max-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){.contact-card,.contact-link,.policy-article a{transition:none}.contact-card:hover{transform:none}}.hero-icon{color:#ffffffe6;display:flex;justify-content:center;margin-bottom:clamp(1rem,2vw,1.5rem)}.hero-icon svg{height:clamp(2.5rem,5vw,3.5rem);width:clamp(2.5rem,5vw,3.5rem)}.cookie-table-wrapper{border-radius:clamp(.5rem,1vw,.75rem);box-shadow:0 2px 8px #2d7a4a14;margin:clamp(1rem,2vw,1.5rem) 0;overflow-x:auto}.cookie-table{background:#fff;border-collapse:collapse;width:100%}.cookie-table thead{background-color:#909b23;color:#fff}.cookie-table th{font-size:clamp(.85rem,1.5vw,.95rem);font-weight:600;letter-spacing:.5px;padding:clamp(.75rem,1.5vw,1rem);text-align:left}.cookie-table td{border-bottom:1px solid #909b231a;color:#333;color:var(--text-dark,#333);font-size:clamp(.9rem,1.5vw,1rem);padding:clamp(.75rem,1.5vw,1rem)}.cookie-table tbody tr:hover{background:#909b2308;transition:background .3s ease}.cookie-table tbody tr:last-child td{border-bottom:none}@media print{.policy-hero{background:#fff;border-bottom:2px solid #ccc;color:#000}.policy-hero h1{color:#000}.policy-article a{color:#000;text-decoration:underline}.contact-card{page-break-inside:avoid}.contact-card,.cookie-table{border:1px solid #ccc}.cookie-table thead{background:#f0f0f0}.cookie-table th{color:#000}}.faq-page{background:#fafafa;background:var(--bg-light,#fafafa);min-height:100vh}.faq-hero{background:linear-gradient(135deg,#2d7a4a,#1e5a35);background:linear-gradient(135deg,var(--primary-green,#2d7a4a) 0,var(--primary-green-dark,#1e5a35) 100%);color:#fff;margin-top:clamp(60px,10vw,80px);overflow:hidden;padding:clamp(3rem,8vw,6rem) var(--spacing-md);position:relative;text-align:center}.faq-hero:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.faq-hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.faq-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 clamp(1rem,2vw,1.5rem)}.faq-lead{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 auto;max-width:700px;opacity:.95}.faq-search-section{background:#fff;border-bottom:1px solid #e8f5e9;border-bottom:1px solid var(--primary-green-light,#e8f5e9);padding:clamp(2rem,5vw,3rem) var(--spacing-md)}.faq-container{margin:0 auto;max-width:900px}.search-wrapper{align-items:center;background:#fafafa;background:var(--bg-light,#fafafa);border:2px solid #e8f5e9;border:2px solid var(--primary-green-light,#e8f5e9);border-radius:clamp(.5rem,1vw,.75rem);display:flex;gap:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);transition:all .3s ease}.search-wrapper:focus-within{border-color:#2d7a4a;border-color:var(--primary-green,#2d7a4a);box-shadow:0 0 0 3px #2d7a4a1a}.search-icon{color:#2d7a4a;color:var(--primary-green,#2d7a4a);flex-shrink:0}.search-input{background:#0000;border:none;color:#333;color:var(--text-dark,#333);flex:1 1;font-family:inherit;font-size:clamp(.95rem,1.5vw,1.05rem);outline:none}.search-input::placeholder{color:#999;color:var(--text-muted,#999)}.faq-content{background:#fff;padding:clamp(3rem,8vw,5rem) var(--spacing-md)}.faq-categories{gap:clamp(2.5rem,5vw,3.5rem)}.faq-categories,.faq-category{display:flex;flex-direction:column}.faq-category{gap:clamp(1rem,2vw,1.5rem)}.category-header{align-items:center;display:flex;gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(.5rem,1vw,.75rem)}.category-icon{flex-shrink:0;height:clamp(1.75rem,3vw,2.25rem);width:clamp(1.75rem,3vw,2.25rem)}.category-icon,.category-title{color:#2d7a4a;color:var(--primary-green,#2d7a4a)}.category-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3;margin:0}.faq-items{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem)}.faq-item{border:1px solid #e8f5e9;border:1px solid var(--primary-green-light,#e8f5e9);border-radius:clamp(.5rem,1vw,.75rem);overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 12px #2d7a4a14}.faq-item.expanded,.faq-item:hover{border-color:#2d7a4a;border-color:var(--primary-green,#2d7a4a)}.faq-item.expanded{box-shadow:0 4px 16px #2d7a4a1f}.faq-question{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-family:inherit;gap:clamp(1rem,2vw,1.5rem);justify-content:space-between;padding:clamp(1rem,2vw,1.25rem) clamp(1.25rem,2vw,1.5rem);text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:#2d7a4a05}.faq-item.expanded .faq-question{background:#2d7a4a0a}.question-text{color:#333;color:var(--text-dark,#333);flex:1 1;font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:600;line-height:1.5}.chevron-icon{align-items:center;color:#2d7a4a;color:var(--primary-green,#2d7a4a);display:flex;flex-shrink:0;height:clamp(1.5rem,3vw,2rem);justify-content:center;width:clamp(1.5rem,3vw,2rem)}.faq-answer{background:#2d7a4a05;border-top:1px solid #e8f5e9;border-top:1px solid var(--primary-green-light,#e8f5e9);padding:clamp(1rem,2vw,1.25rem) clamp(1.25rem,2vw,1.5rem)}.faq-answer p{color:#333;color:var(--text-dark,#333);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.8;margin:0}.faq-answer a{border-bottom:1px solid #0000;color:#2d7a4a;color:var(--primary-green,#2d7a4a);font-weight:500;text-decoration:none;transition:all .3s ease}.faq-answer a:hover{border-bottom-color:#2d7a4a;border-bottom-color:var(--primary-green,#2d7a4a);color:#1e5a35;color:var(--primary-green-dark,#1e5a35)}.no-results{background:#2d7a4a0d;border:2px dashed #e8f5e9;border:2px dashed var(--primary-green-light,#e8f5e9);border-radius:clamp(.75rem,2vw,1rem);padding:clamp(2rem,4vw,3rem);text-align:center}.no-results p{color:#666;color:var(--text-muted,#666);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.6;margin:0}.faq-cta{background:linear-gradient(135deg,#2d7a4a14,#2d7a4a0a);padding:clamp(3rem,8vw,5rem) var(--spacing-md)}.cta-content{max-width:600px}.cta-button{background:linear-gradient(135deg,#2d7a4a,#1e5a35);background:linear-gradient(135deg,var(--primary-green,#2d7a4a) 0,var(--primary-green-dark,#1e5a35) 100%);border:none;box-shadow:0 4px 12px #2d7a4a33;color:#fff;cursor:pointer;display:inline-block}.cta-button:hover{box-shadow:0 6px 16px #2d7a4a4d;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}@media (max-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 (max-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}.faq-answer,.faq-question{padding:.75rem 1rem}.cta-button{width:100%}}@media (prefers-reduced-motion:reduce){.chevron-icon,.cta-button,.faq-item,.faq-question{transition:none}.cta-button:hover{transform:none}}@media print{.faq-search-section{display:none}.faq-item{border:1px solid #ccc;page-break-inside:avoid}.faq-question{background:#fff;border:none;padding:.75rem 0}.chevron-icon{display:none}.faq-answer{background:#fff;border:none;display:block;padding:.5rem 0}.cta-content{display:none}}.case-studies-page{background:#fafafa;background:var(--bg-light,#fafafa);min-height:100vh}.case-studies-hero{background:linear-gradient(135deg,#2d7a4a,#1e5a35);background:linear-gradient(135deg,var(--primary-green,#2d7a4a) 0,var(--primary-green-dark,#1e5a35) 100%);color:#fff;margin-top:clamp(60px,10vw,80px);overflow:hidden;padding:clamp(3rem,8vw,6rem) var(--spacing-md);position:relative;text-align:center}.case-studies-hero:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.case-studies-hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.case-studies-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 clamp(1rem,2vw,1.5rem)}.case-studies-lead{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 auto;max-width:700px;opacity:.95}.case-studies-content{background:#fff;padding:clamp(3rem,8vw,5rem) var(--spacing-md)}.case-studies-container{margin:0 auto;max-width:1200px}.case-studies-grid{grid-gap:clamp(1.5rem,3vw,2.5rem);display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(clamp(300px,45vw,500px),1fr))}.case-study-card{background:#fff;border:1px solid #e8f5e9;border:1px solid var(--primary-green-light,#e8f5e9);border-radius:clamp(.75rem,1.5vw,1rem);box-shadow:0 2px 8px #2d7a4a0d;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease}.case-study-card:hover{border-color:#2d7a4a;border-color:var(--primary-green,#2d7a4a);box-shadow:0 8px 24px #2d7a4a1f}.case-study-header{align-items:flex-start;display:flex;gap:clamp(1rem,2vw,1.5rem)}.case-study-icon{align-items:center;background:linear-gradient(135deg,#2d7a4a,#1e5a35);background:linear-gradient(135deg,var(--primary-green,#2d7a4a) 0,var(--primary-green-dark,#1e5a35) 100%);border-radius:clamp(.5rem,1vw,.75rem);color:#fff;display:flex;flex-shrink:0;height:clamp(2.5rem,5vw,3rem);justify-content:center;width:clamp(2.5rem,5vw,3rem)}.case-study-meta{display:flex;flex-direction:column;gap:clamp(.25rem,.5vw,.5rem)}.case-study-category{color:#2d7a4a;color:var(--primary-green,#2d7a4a);font-size:clamp(.75rem,1.2vw,.85rem);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.case-study-location{color:#666;color:var(--text-muted,#666);font-size:clamp(.8rem,1.3vw,.9rem)}.case-study-title{color:#333;color:var(--text-dark,#333);font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;line-height:1.4;margin:0}.case-study-sections{gap:clamp(1rem,2vw,1.5rem)}.case-study-sections,.section{display:flex;flex-direction:column}.section{gap:clamp(.5rem,1vw,.75rem)}.section-title{color:#2d7a4a;color:var(--primary-green,#2d7a4a);font-size:clamp(.9rem,1.5vw,1rem);font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.section-text{color:#333;color:var(--text-dark,#333);font-size:clamp(.85rem,1.3vw,.95rem);line-height:1.6;margin:0}.results-grid{grid-gap:clamp(.75rem,1.5vw,1rem);background:#2d7a4a0a;border-radius:clamp(.5rem,1vw,.75rem);display:grid;gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(2,1fr);padding:clamp(1rem,2vw,1.5rem)}.result-item{display:flex;flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);text-align:center}.result-metric{color:#2d7a4a;color:var(--primary-green,#2d7a4a);font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700}.result-description{color:#666;color:var(--text-muted,#666);font-size:clamp(.75rem,1.2vw,.85rem);line-height:1.4}.case-study-impact{background:linear-gradient(135deg,#2d7a4a14,#2d7a4a0a);border-left:4px solid #2d7a4a;border-left:4px solid var(--primary-green,#2d7a4a);gap:clamp(.5rem,1vw,.75rem)}.case-study-impact,.case-study-testimonial{border-radius:clamp(.5rem,1vw,.75rem);display:flex;flex-direction:column;padding:clamp(1rem,2vw,1.5rem)}.case-study-testimonial{background:#2d7a4a05;border:1px solid #e8f5e9;border:1px solid var(--primary-green-light,#e8f5e9);gap:clamp(.75rem,1.5vw,1rem)}.testimonial-quote{color:#333;color:var(--text-dark,#333);font-size:clamp(.85rem,1.3vw,.95rem);font-style:italic;line-height:1.6;margin:0}.testimonial-author{display:flex;flex-direction:column;gap:clamp(.25rem,.5vw,.5rem)}.author-name{color:#2d7a4a;color:var(--primary-green,#2d7a4a);font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;margin:0}.author-role{color:#666;color:var(--text-muted,#666);font-size:clamp(.75rem,1.2vw,.85rem);margin:0}.case-studies-cta{background:linear-gradient(135deg,#2d7a4a14,#2d7a4a0a);padding:clamp(3rem,8vw,5rem) var(--spacing-md)}.cta-content{margin:0 auto;max-width:700px;text-align:center}.cta-content h2{color:#2d7a4a;color:var(--primary-green,#2d7a4a);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3;margin:0 0 clamp(.75rem,1.5vw,1rem)}.cta-content p{color:#333;color:var(--text-dark,#333);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.6;margin:0 0 clamp(1.5rem,3vw,2rem)}.cta-buttons{align-items:center;display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);justify-content:center}.cta-button{align-items:center;border:2px solid #0000;border-radius:clamp(.5rem,1vw,.75rem);display:inline-flex;font-size:clamp(.9rem,1.5vw,1rem);font-weight:600;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,1.5vw,.875rem) clamp(1.5rem,3vw,2rem);text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#2d7a4a,#1e5a35);background:linear-gradient(135deg,var(--primary-green,#2d7a4a) 0,var(--primary-green-dark,#1e5a35) 100%);box-shadow:0 4px 12px #2d7a4a33;color:#fff}.cta-button.primary:hover{box-shadow:0 6px 16px #2d7a4a4d;transform:translateY(-2px)}.cta-button.secondary{background:#fff;border-color:#2d7a4a;border-color:var(--primary-green,#2d7a4a);color:#2d7a4a;color:var(--primary-green,#2d7a4a)}.cta-button.secondary:hover{background:#e8f5e9;background:var(--primary-green-light,#e8f5e9)}@media (max-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 (max-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{border:1px solid #ccc;page-break-inside:avoid}}.highlights-page{background:#fff;min-height:100vh}.highlights-hero{background:linear-gradient(135deg,#6b8e23,#5a7a1f 50%,#4a6819);overflow:hidden;padding:clamp(100px,15vh,140px) clamp(20px,5vw,40px) clamp(60px,10vh,80px);position:relative}.highlights-hero:before{background:radial-gradient(circle,#ff8c0026 0,#0000 70%);height:600px;right:-20%;top:-50%;width:600px}.highlights-hero:after,.highlights-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.highlights-hero:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-30%;height:500px;left:-10%;width:500px}.highlights-hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;color:#fff;display:inline-flex;font-size:clamp(13px,1.8vw,15px);font-weight:600;gap:8px;margin-bottom:clamp(20px,3vh,28px);padding:8px 20px}.hero-badge svg{color:#ff8c00}.hero-title{color:#fff;font-size:clamp(48px,8vw,72px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:clamp(16px,2.5vh,24px)}.hero-subtitle{color:#ffffffe6;font-size:clamp(18px,2.5vw,22px);line-height:1.6;margin:0 auto;max-width:600px}.highlights-container{margin:0 auto;max-width:1200px;padding:clamp(40px,6vh,60px) clamp(20px,5vw,40px) clamp(80px,12vh,120px)}.highlights-search-filter-bar{align-items:stretch;display:flex;gap:10px;margin-bottom:clamp(24px,4vh,32px);max-width:100%}.highlights-search-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.highlights-search-icon{color:#64748b;left:14px;pointer-events:none;position:absolute;z-index:1}.highlights-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0f172a0f;box-sizing:border-box;color:#0f172a;font-size:clamp(15px,2vw,16px);line-height:1.2;min-height:44px;padding:12px 42px 12px 44px;transition:all .3s cubic-bezier(.32,.72,0,1);width:100%}.highlights-search-input::-ms-clear{display:none}.highlights-search-input:hover{border-color:#cbd5e1}.highlights-search-input:focus{background:#fff;border-color:#6b8e23;box-shadow:0 0 0 3px #6b8e231f,0 1px 2px #0f172a0f;outline:none}.highlights-search-input::placeholder{color:#94a3b8;font-weight:400}.highlights-clear-search{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:6px;position:absolute;right:12px;transition:all .2s cubic-bezier(.32,.72,0,1)}.highlights-clear-search:hover{background:#f1f5f9;color:#0f172a}.highlights-filter-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0f172a0f;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:clamp(14px,1.8vw,15px);font-weight:600;gap:8px;line-height:1.1;min-height:44px;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.32,.72,0,1);white-space:nowrap}.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;box-shadow:0 0 0 3px #6b8e231f,0 1px 2px #0f172a0f;outline:none}.highlights-filter-toggle:hover{background:#f8f9fa;border-color:#cbd5e1}.highlights-filter-badge{align-items:center;background:#6b8e23;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.highlights-filters-panel{margin-bottom:clamp(24px,4vh,32px);overflow:hidden}.highlights-filters-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0f172a0f;display:flex;flex-wrap:wrap;gap:8px;padding:14px}.highlights-filter-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#475569;cursor:pointer;font-size:clamp(13px,1.8vw,14px);font-weight:600;padding:8px 14px;transition:all .3s cubic-bezier(.32,.72,0,1)}.highlights-filter-chip:hover{background:#fff;border-color:#6b8e23;box-shadow:0 2px 10px #6b8e231a;color:#6b8e23}.highlights-filter-chip.active{background:#6b8e23;border-color:#6b8e23;box-shadow:0 6px 14px #6b8e2338;color:#fff}.search-results-info{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #6b8e23;border-radius:12px;color:#475569;display:flex;font-size:clamp(14px,1.8vw,15px);gap:8px;margin-bottom:clamp(24px,4vh,32px);padding:12px 20px}.search-results-info svg{color:#6b8e23;flex-shrink:0}.search-results-info strong{color:#6b8e23;font-weight:700}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:clamp(40px,6vh,60px)}.post-card-link{color:inherit;text-decoration:none}.post-card{background:#fff;border:none;border-radius:1rem;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .4s cubic-bezier(.32,.72,0,1)}.post-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.post-image-wrapper{height:14rem;overflow:hidden;position:relative;width:100%}.post-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.32,.72,0,1);width:100%}.post-card:hover .post-image{transform:scale(1.08)}.post-overlay{background:linear-gradient(180deg,#0000,#0006);inset:0;opacity:0;position:absolute;transition:opacity .4s cubic-bezier(.32,.72,0,1)}.post-card:hover .post-overlay{opacity:1}.post-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b8e23f2;border-radius:8px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;color:#fff;font-size:clamp(11px,1.5vw,13px);font-weight:700;left:16px;letter-spacing:.5px;padding:6px 14px;position:absolute;text-transform:uppercase;top:16px}.post-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.post-meta{align-items:center;display:flex;gap:16px;margin-bottom:16px}.meta-item{font-size:clamp(12px,1.6vw,14px);gap:6px}.post-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:clamp(18px,2.5vw,22px);font-weight:700;line-height:1.4;margin-bottom:12px;overflow:hidden;transition:color .3s cubic-bezier(.32,.72,0,1)}.post-card:hover .post-title{color:#6b8e23}.post-excerpt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:clamp(14px,2vw,16px);line-height:1.7;margin-bottom:20px;overflow:hidden}.post-footer{border-top:1px solid #f1f5f9;padding-top:16px}.read-more{align-items:center;color:#6b8e23;display:inline-flex;font-size:clamp(14px,1.8vw,15px);font-weight:700;gap:8px;transition:gap .3s cubic-bezier(.32,.72,0,1)}.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:translateX(4px)}.pagination{gap:8px}.pagination,.pagination-button{align-items:center;display:flex;justify-content:center}.pagination-button{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#475569;cursor:pointer;height:40px;transition:all .3s cubic-bezier(.32,.72,0,1);width:40px}.pagination-button:hover:not(:disabled){background:#f1f5f9;border-color:#6b8e23;color:#6b8e23}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-numbers{align-items:center;display:flex;gap:6px}.page-number{align-items:center;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .3s cubic-bezier(.32,.72,0,1)}.page-number:hover{background:#f1f5f9;border-color:#6b8e23;color:#6b8e23}.page-number.active{background:linear-gradient(135deg,#6b8e23,#5a7a1f);border-color:#6b8e23;box-shadow:0 4px 12px #6b8e2333;color:#fff}.pagination-dots{color:#cbd5e1;font-weight:700;padding:0 4px}.error-icon{align-items:center;color:#ff8c00;display:flex;justify-content:center}.error-icon svg{height:clamp(44px,7vw,56px);width:clamp(44px,7vw,56px)}.error-title{margin-bottom:12px}.error-message{color:#64748b;font-size:clamp(15px,2vw,17px);margin-bottom:28px;margin-left:auto;margin-right:auto;max-width:500px}.retry-button{background:linear-gradient(135deg,#6b8e23,#5a7a1f);border:none;border-radius:12px;box-shadow:0 4px 12px #6b8e2333;color:#fff;cursor:pointer;font-size:clamp(14px,1.8vw,16px);font-weight:700;padding:14px 32px;transition:all .3s cubic-bezier(.32,.72,0,1)}.retry-button:hover{box-shadow:0 8px 20px #6b8e234d;transform:translateY(-2px)}.empty-state{padding:clamp(60px,10vh,100px) clamp(20px,5vw,40px)}.highlights-page .empty-state{text-align:center}.empty-icon{align-items:center;color:#6b8e23;display:flex;justify-content:center;margin-bottom:24px}.empty-icon svg{height:clamp(44px,7vw,56px);width:clamp(44px,7vw,56px)}.empty-title{color:#0f172a;font-size:clamp(24px,4vw,32px);font-weight:700;margin-bottom:12px}.empty-message{color:#64748b;font-size:clamp(15px,2vw,17px);margin-bottom:28px}.empty-message,.highlights-empty-message{margin-left:auto;margin-right:auto;max-width:500px;text-align:center}.highlights-empty-message{display:block;width:100%}.clear-button{background:linear-gradient(135deg,#6b8e23,#5a7a1f);border:none;border-radius:12px;box-shadow:0 4px 12px #6b8e2333;color:#fff;cursor:pointer;font-size:clamp(14px,1.8vw,16px);font-weight:700;padding:14px 32px;transition:all .3s cubic-bezier(.32,.72,0,1)}.clear-button:hover{box-shadow:0 8px 20px #6b8e234d;transform:translateY(-2px)}@media (max-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 (max-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}.page-number,.pagination-button{box-sizing:border-box;height:36px;min-width:36px;width:36px}}.toast{border-radius:.75rem;box-shadow:0 10px 40px #00000026;gap:1rem;max-width:500px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:9999}.toast-icon{font-size:1.5rem}.toast-message{color:#1f2937;flex:1 1;font-size:.95rem;line-height:1.5}.toast-close{color:#6b7280;font-size:1.25rem;padding:.25rem;transition:color .2s ease}.toast-close:hover{color:#1f2937}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}@media (max-width:640px){.toast{left:1rem;max-width:none;min-width:auto;right:1rem;top:1rem}}.blog-detail-new{background:#fff;min-height:100vh;padding-top:clamp(80px,10vh,120px)}.reading-progress-bar{background:linear-gradient(90deg,#6b8e23,#ff8c00);box-shadow:0 2px 8px #6b8e234d;height:3px;left:0;position:fixed;top:0;z-index:9999}.article-container{margin:0 auto;max-width:800px;padding:0 clamp(20px,5vw,40px) clamp(60px,10vh,100px)}.article-header{margin-bottom:clamp(40px,6vh,60px)}.back-button{align-items:center;color:#6b8e23;display:inline-flex;font-size:clamp(14px,2vw,16px);font-weight:600;gap:8px;margin-bottom:clamp(24px,4vh,32px);text-decoration:none;transition:all .3s cubic-bezier(.32,.72,0,1)}.back-button:hover{color:#5a7a1f;transform:translateX(-4px)}.back-button svg{transition:transform .3s cubic-bezier(.32,.72,0,1)}.back-button:hover svg{transform:translateX(-2px)}.article-meta-top,.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(20px,3vh,28px)}.tag-badge{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#475569;cursor:pointer;display:inline-flex;font-size:clamp(12px,1.5vw,14px);font-weight:600;padding:6px 14px;transition:all .3s cubic-bezier(.32,.72,0,1)}.tag-badge:hover{background:#fff;border-color:#ff8c00;box-shadow:0 6px 18px #ff8c0024;color:#ff8c00;transform:translateY(-1px)}.tag-badge:focus-visible{border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c002e;outline:none}.article-tags-bottom{border-top:1px solid #e5e7eb;margin-top:clamp(36px,6vh,56px);padding-top:clamp(18px,3vh,22px)}.article-tags-bottom-label{color:#64748b;font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.category-badge{align-items:center;background:linear-gradient(135deg,#6b8e23,#5a7a1f);border-radius:20px;box-shadow:0 2px 8px #6b8e2333;color:#fff;display:inline-flex;font-size:clamp(12px,1.5vw,14px);font-weight:600;padding:6px 16px;text-decoration:none;transition:all .3s cubic-bezier(.32,.72,0,1)}.category-badge:hover{background:linear-gradient(135deg,#5a7a1f,#4a6819);box-shadow:0 4px 12px #6b8e234d;transform:translateY(-2px)}.article-title{color:#0f172a;font-size:clamp(24px,4.2vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:clamp(20px,3vh,28px)}.article-meta-info{border-bottom:2px solid #f5f5f5;display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,24px);padding-bottom:clamp(24px,4vh,32px)}.meta-item{align-items:center;color:#64748b;display:flex;font-size:clamp(14px,1.8vw,16px);font-weight:500;gap:8px}.meta-item svg{color:#6b8e23;flex-shrink:0}.featured-image-wrapper{border-radius:clamp(16px,2vw,24px);box-shadow:0 20px 60px #0000001a;margin:clamp(40px,6vh,60px) 0;overflow:hidden;position:relative}.featured-image-wrapper:before{background:linear-gradient(180deg,#0000,#0000000d);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.featured-image{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;transition:transform .6s cubic-bezier(.32,.72,0,1);width:100%}.featured-image-wrapper:hover .featured-image{transform:scale(1.02)}.article-actions-bar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-bottom:clamp(32px,5vh,48px);padding:clamp(20px,3vh,28px) 0}.actions-left,.actions-right{align-items:center;display:flex;gap:12px}.action-button{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.32,.72,0,1)}.action-button:hover{background:#f1f3f5;border-color:#e5e7eb;transform:translateY(-1px)}.action-button.active{background:linear-gradient(135deg,#ff8c00,#f70);border-color:#ff8c00;color:#fff}.action-button.active:hover{background:linear-gradient(135deg,#f70,#f60);border-color:#f70}.action-button svg{flex-shrink:0}.share-wrapper{position:relative}.share-menu{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 40px #00000026;min-width:200px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.share-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .2s cubic-bezier(.32,.72,0,1);width:100%}.share-menu-item:hover{background:#f8f9fa;color:#0f172a}.share-menu-item.facebook:hover{background:#1877f2;color:#fff}.share-menu-item.twitter:hover{background:#000;color:#fff}.share-menu-item.linkedin:hover{background:#0a66c2;color:#fff}.share-menu-item.email:hover{background:#6b8e23;color:#fff}.share-menu-item.copy:hover{background:#ff8c00;color:#fff}.share-menu-item svg{flex-shrink:0}.article-content{color:#334155;font-size:clamp(17px,2.2vw,19px);-webkit-hyphens:auto;hyphens:auto;line-height:1.8;margin-bottom:clamp(60px,10vh,100px);text-align:justify;text-justify:inter-word}.article-content h2{border-bottom:3px solid #6b8e23;color:#0f172a;font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:clamp(20px,3vh,28px);margin-top:clamp(48px,8vh,64px);padding-bottom:16px}.article-content h3{color:#1e293b;font-size:clamp(22px,3.5vw,28px);font-weight:600;line-height:1.4;margin-bottom:clamp(16px,2.5vh,20px);margin-top:clamp(36px,6vh,48px)}.article-content h4{color:#334155;font-size:clamp(19px,3vw,22px);font-weight:600;line-height:1.5;margin-bottom:clamp(12px,2vh,16px);margin-top:clamp(28px,5vh,36px)}.article-content p{color:#475569;-webkit-hyphens:auto;hyphens:auto;margin-bottom:clamp(20px,3vh,28px);text-align:justify;text-justify:inter-word}.article-content a{border-bottom:2px solid #0000;color:#6b8e23;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.32,.72,0,1)}.article-content a:hover{border-bottom-color:#6b8e23;color:#5a7a1f}.article-content strong{color:#0f172a;font-weight:700}.article-content em{font-style:italic}.article-content em,.article-content i,.article-content q{color:var(--primary-green)}.article-content img{border-radius:clamp(12px,2vw,20px);box-shadow:0 10px 30px #0000001a;height:auto;margin:clamp(32px,5vh,48px) 0;width:100%}.article-content blockquote{background:linear-gradient(135deg,#f8faf6,#fff);border-left:4px solid #ff8c00;border-radius:0 16px 16px 0;box-shadow:0 4px 16px #6b8e2314;color:var(--primary-green);font-size:clamp(18px,2.5vw,21px);font-style:italic;line-height:1.7;margin:clamp(32px,5vh,48px) 0;padding:clamp(24px,4vw,32px)}.article-content ol,.article-content ul{margin:clamp(24px,4vh,32px) 0;padding-left:clamp(24px,4vw,32px)}.article-content li{color:#475569;line-height:1.8;margin-bottom:12px}.article-content li::marker{color:#6b8e23;font-weight:700}.article-content code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font-family:Courier New,monospace;font-size:.9em;padding:3px 8px}.article-content pre{background:#0f172a;border-radius:16px;box-shadow:0 10px 30px #0003;color:#e2e8f0;margin:clamp(32px,5vh,48px) 0;overflow-x:auto;padding:clamp(20px,3vw,28px)}.article-content pre code{background:#0000;border:none;color:inherit;font-size:clamp(13px,1.8vw,15px);padding:0}.article-content table{border-collapse:collapse;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:clamp(32px,5vh,48px) 0;overflow:hidden;width:100%}.article-content th{background:linear-gradient(135deg,#6b8e23,#5a7a1f);color:#fff;font-weight:700;text-align:left}.article-content td,.article-content th{font-size:clamp(14px,2vw,16px);padding:16px}.article-content td{border-bottom:1px solid #e5e7eb}.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}.comments-section,.related-posts-section{border-top:2px solid #f5f5f5;margin-top:clamp(60px,10vh,100px);padding-top:clamp(48px,8vh,64px)}.comments-header{align-items:baseline;display:flex;gap:16px;justify-content:space-between;margin-bottom:clamp(20px,3vh,28px)}.comments-title{color:#0f172a;font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:-.01em}.comments-count{color:#64748b;font-size:clamp(13px,1.8vw,15px);font-weight:700}.comments-error{background:#ef44440f;border:1px solid #ef444440;border-radius:12px;color:#b91c1c;padding:12px 16px}.comments-empty,.comments-error{font-weight:600;margin-bottom:16px}.comments-empty{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;padding:16px}.comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vh,36px)}.comment-item.is-reply{margin-left:clamp(16px,3vw,28px)}.comment-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0f172a0f;padding:16px}.comment-header{justify-content:space-between;margin-bottom:10px}.comment-author,.comment-header{align-items:center;display:flex;gap:12px}.comment-author{min-width:0}.comment-status{background:#f59e0b1a;border:1px solid #f59e0b47;border-radius:999px;color:#92400e;font-size:12px;font-weight:800;margin-left:12px;padding:6px 10px;white-space:nowrap}.comment-avatar{object-fit:cover}.comment-avatar,.comment-avatar-fallback{border-radius:50%;flex-shrink:0;height:40px;width:40px}.comment-avatar-fallback{align-items:center;background:linear-gradient(135deg,#6b8e23,#5a7a1f);color:#fff;display:flex;font-weight:800;justify-content:center}.comment-author-meta{min-width:0}.comment-author-name{color:#0f172a;font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-date{color:#64748b;font-size:13px;font-weight:600}.comment-reply-button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#475569;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:700;gap:8px;padding:8px 12px;transition:all .25s cubic-bezier(.32,.72,0,1)}.comment-reply-button:hover{background:#fff;border-color:#6b8e23;box-shadow:0 6px 18px #6b8e231f;color:#6b8e23;transform:translateY(-1px)}.comment-reply-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.comment-content{color:#475569;font-size:15px;line-height:1.8}.comment-content a{border-bottom:2px solid #0000;color:#6b8e23;font-weight:700;text-decoration:none}.comment-content a:hover{border-bottom-color:#6b8e23}.comment-replies{display:flex;flex-direction:column;gap:12px;margin-top:12px}.comment-form-wrapper{background:linear-gradient(135deg,#f8faf6,#fff);border:1px solid #e2e8f0;border-radius:18px;padding:clamp(16px,3vw,22px)}.comment-form-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.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;font-weight:900;margin-bottom:4px}.comment-login-required-text{color:#78350f;font-weight:600;margin-bottom:10px}.comment-login-button{align-items:center;background:linear-gradient(135deg,#ff8c00,#f70);border:1px solid #ff8c0040;border-radius:12px;color:#fff;display:inline-flex;font-weight:900;justify-content:center;padding:10px 14px;text-decoration:none;transition:all .25s cubic-bezier(.32,.72,0,1)}.comment-login-button:hover{box-shadow:0 10px 24px #ff8c0033;transform:translateY(-1px)}.replying-to{color:#475569;font-size:13px;font-weight:600}.reply-cancel{background:#0000;border:none;color:#ff8c00;cursor:pointer;font-weight:800;margin-left:10px}.reply-cancel:hover{text-decoration:underline}.comment-form{display:flex;flex-direction:column;gap:14px}.comment-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.comment-form .field{display:flex;flex-direction:column;gap:6px}.comment-form label{color:#0f172a;font-size:13px;font-weight:800}.comment-form input,.comment-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#0f172a;font-size:15px;padding:12px;transition:all .25s cubic-bezier(.32,.72,0,1);width:100%}.comment-form textarea{resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:#6b8e23;box-shadow:0 0 0 3px #6b8e231f;outline:none}.field-error{color:#b91c1c;font-size:12px;font-weight:700}.comment-form-actions{display:flex;justify-content:flex-end}.comment-submit{align-items:center;background:linear-gradient(135deg,#6b8e23,#5a7a1f);border:1px solid #6b8e2340;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;padding:12px 18px;transition:all .25s cubic-bezier(.32,.72,0,1)}.comment-submit:hover:not(:disabled){box-shadow:0 10px 24px #6b8e2338;transform:translateY(-1px)}.comment-submit:disabled{cursor:not-allowed;opacity:.6}.related-posts-title{color:#0f172a;font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.01em;margin-bottom:clamp(32px,5vh,48px)}.related-posts-grid{grid-gap:clamp(24px,4vw,32px);display:grid;gap:clamp(24px,4vw,32px);grid-template-columns:repeat(auto-fill,minmax(clamp(280px,40vw,340px),1fr))}.related-post-card{background:#fff;border:1px solid #f5f5f5;border-radius:20px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.32,.72,0,1)}.related-post-card:hover{border-color:#6b8e23;box-shadow:0 12px 32px #0000001f;transform:translateY(-8px)}.related-post-image{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.related-post-image img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.32,.72,0,1);width:100%}.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;font-size:clamp(12px,1.5vw,14px);font-weight:500;margin-bottom:12px}.related-post-title{color:#0f172a;font-size:clamp(18px,2.5vw,22px);font-weight:700;line-height:1.4;margin-bottom:12px;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{align-items:center;background:linear-gradient(135deg,#6b8e23,#5a7a1f);border:none;border-radius:50%;bottom:clamp(24px,4vh,40px);box-shadow:0 8px 24px #6b8e234d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:clamp(24px,4vw,40px);transition:all .3s cubic-bezier(.32,.72,0,1);width:56px;z-index:999}.back-to-top-button:hover{background:linear-gradient(135deg,#5a7a1f,#4a6819);box-shadow:0 12px 32px #6b8e2366;transform:translateY(-4px)}.back-to-top-button:active{transform:translateY(-2px)}.error-state{padding:clamp(60px,10vh,100px) clamp(20px,5vw,40px)}.error-icon{color:#cbd5e1;margin-bottom:24px}.error-title{color:#0f172a;font-size:clamp(24px,4vw,32px);font-weight:700;margin-bottom:24px}@media (max-width:768px){.article-actions-bar{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.actions-left,.actions-right{flex:1 1}.actions-left{justify-content:flex-start}.actions-right{justify-content:flex-end}.share-menu{left:auto;max-width:min(320px,calc(100vw - 32px));min-width:0;right:0;transform:none}.comment-form-row,.related-posts-grid{grid-template-columns:1fr}.action-button span{display:inline}}@media (max-width:480px){.blog-detail-new{padding-top:80px}.article-meta-info{flex-direction:column;gap:12px}.action-button{font-size:13px;padding:8px 16px}.back-to-top-button{bottom:20px;height:48px;right:20px;width:48px}}@media print{.article-actions-bar,.back-button,.back-to-top-button,.reading-progress-bar,.related-posts-section{display:none}.article-content{font-size:12pt;line-height:1.6}.article-title{font-size:24pt;page-break-after:avoid}.featured-image-wrapper{page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}.not-found-page{background:linear-gradient(135deg,#8a9c3b,#6b7a2e)}.not-found-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text}.app-main,.app-with-sidebar{background-color:#f9faf7}.app-main{flex:1 1;margin-left:280px;overflow-y:auto;padding:30px}.App{background-color:#f3f4f6}.app-navbar{align-items:center;background:#8a9c3b;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:24px}.navbar-content{flex:1 1;margin:0 auto;max-width:1200px}.navbar-user{align-items:center;display:flex;gap:16px;margin-left:24px}.user-name{font-size:14px;font-weight:600;opacity:.95}.btn-logout{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;font-size:14px;padding:8px 16px;transition:all .2s}.btn-logout:hover{background:#ffffff4d;border-color:#ffffff80}.app-title{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.app-subtitle{font-size:14px;font-weight:400;margin:0;opacity:.9}.app-loading{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;min-height:100vh}@media (max-width:768px){.app-main{margin-left:0;padding:80px 16px 20px}.app-with-sidebar{flex-direction:column}}@media (max-width:480px){.app-main{padding:70px 12px 16px}}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;gap:12px;max-width:400px;min-width:300px;padding:14px 18px;pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.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{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.toast-message{color:#333;font-size:14px;font-weight:500;line-height:1.4;margin:0}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#0000000d;color:#333}@media (max-width:480px){.toast-container{left:10px;right:10px;top:10px}.toast{max-width:none;min-width:auto}}@keyframes progress{0%{width:100%}to{width:0}}.sidebar-toggle{align-items:center;background:#8a9c3b;border:none;border-radius:clamp(6px,1vw,8px);color:#fff;cursor:pointer;display:none;justify-content:center;left:clamp(12px,2vw,20px);padding:clamp(8px,1.5vw,12px);position:fixed;top:clamp(12px,2vw,20px);transition:all .3s ease;z-index:1000}.sidebar-toggle:hover{box-shadow:0 5px 15px #8a9c3b4d;transform:scale(1.05)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-overlay{background:#00000080;bottom:0;display:none;right:0;z-index:998}.sidebar,.sidebar-overlay{left:0;position:fixed;top:0}.sidebar{-webkit-overflow-scrolling:touch;background:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;transform:translateX(0);width:clamp(260px,25vw,300px);z-index:999}.sidebar-header{background:#f9faf7;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:clamp(16px,3vw,24px) clamp(14px,2vw,20px)}.logo-section{gap:clamp(8px,1.5vw,12px)}.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{background:#8a9c3b;border-radius:clamp(8px,1.5vw,10px);color:#fff;flex-shrink:0;font-size:clamp(14px,3vw,18px);font-weight:700;height:clamp(40px,8vw,48px);justify-content:center;width:clamp(40px,8vw,48px)}.logo-text h2{color:#1a1a1a;font-size:clamp(13px,2.5vw,16px);font-weight:700;margin:0}.logo-text h2,.logo-text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-text p{color:#999;font-size:clamp(10px,1.5vw,12px);font-weight:500;margin:clamp(1px,.5vw,2px) 0 0}.admin-profile{background:#fafafa;border-bottom:1px solid #f0f0f0;gap:clamp(8px,1.5vw,12px);padding:clamp(10px,2vw,16px) clamp(12px,2vw,20px)}.admin-profile,.profile-avatar{align-items:center;display:flex;flex-shrink:0}.profile-avatar{background:#8a9c3b;border-radius:50%;color:#fff;font-size:clamp(12px,2.5vw,16px);font-weight:700;height:clamp(32px,6vw,40px);justify-content:center;width:clamp(32px,6vw,40px)}.profile-info{flex:1 1;min-width:0}.profile-name{color:#1a1a1a;font-size:clamp(12px,2vw,14px);font-weight:600;margin:0}.profile-name,.profile-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:#999;font-size:clamp(10px,1.5vw,12px);margin:clamp(1px,.5vw,2px) 0 0;text-transform:capitalize}.sidebar-nav{flex:1 1;overflow-y:auto;padding:clamp(12px,2vw,20px) 0}.nav-section{margin-bottom:clamp(16px,3vw,24px)}.nav-section:first-child{margin-top:0}.nav-section-title{color:#aaa;font-size:clamp(9px,1.5vw,11px);letter-spacing:.6px}.nav-label,.nav-section-title{font-weight:700;margin:0 0 clamp(8px,1.5vw,12px);padding:0 clamp(12px,2vw,20px);text-transform:uppercase}.nav-label{color:#999;font-size:clamp(10px,1.5vw,12px);letter-spacing:.5px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:clamp(12px,2vw,14px);font-weight:500;gap:clamp(8px,1.5vw,12px);min-height:clamp(36px,6vw,44px);padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,20px);text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#f5f5f5;color:#8a9c3b}.nav-item:active{transform:scale(.98)}.nav-item.active{background:#f0f5e8;color:#8a9c3b;font-weight:600}.nav-item svg{flex-shrink:0;height:clamp(16px,3vw,20px);width:clamp(16px,3vw,20px)}.nav-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item svg:last-child{opacity:0;transition:opacity .3s ease}.nav-item.active svg:last-child{opacity:1}.sidebar-footer{background:#fafafa;border-top:1px solid #f0f0f0;flex-shrink:0;padding:clamp(12px,2vw,20px)}.btn-logout{align-items:center;background:#8a9c3b;border:none;border-radius:clamp(6px,1vw,8px);color:#fff;cursor:pointer;display:flex;font-size:clamp(12px,2vw,14px);font-weight:600;gap:clamp(6px,1.5vw,10px);justify-content:center;min-height:clamp(36px,6vw,44px);padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,16px);transition:all .3s ease;width:100%}.btn-logout:hover{background:#7a8c2b;box-shadow:0 5px 15px #8a9c3b66;transform:translateY(-2px)}.btn-logout:active{transform:scale(.98)}.btn-logout svg{height:clamp(16px,3vw,20px);width:clamp(16px,3vw,20px)}.logout-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1100}.logout-modal{background:#fff;border-radius:clamp(12px,2vw,16px);box-shadow:0 20px 60px #0000004d;box-sizing:border-box;inline-size:100%;left:50%;max-width:clamp(280px,90vw,420px);padding:clamp(24px,4vw,32px);position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1101}.modal-header{gap:clamp(12px,2vw,16px);margin-bottom:clamp(16px,2.5vw,20px)}.modal-icon{background:#fff3cd;color:#ff9800;height:clamp(44px,8vw,56px);width:clamp(44px,8vw,56px)}.modal-icon svg{height:clamp(24px,4vw,28px);width:clamp(24px,4vw,28px)}.logout-modal h3{color:#1a1a1a;font-size:clamp(16px,3vw,20px);font-weight:700;margin:0}.modal-message{margin:0 0 clamp(20px,3vw,28px)}.btn-cancel{border:1px solid #e0e0e0;border-radius:clamp(6px,1vw,8px);color:#666;cursor:pointer;font-size:clamp(12px,2vw,14px);font-weight:600;min-height:clamp(36px,6vw,44px);padding:clamp(10px,1.5vw,14px) clamp(12px,2vw,16px);transition:all .3s ease}.btn-cancel:hover{background:#efefef;border-color:#d0d0d0;color:#333}.btn-cancel:active{transform:scale(.98)}.btn-confirm-logout{align-items:center;background:#d32f2f;border:none;border-radius:clamp(6px,1vw,8px);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:clamp(12px,2vw,14px);font-weight:600;gap:clamp(6px,1vw,10px);justify-content:center;min-height:clamp(36px,6vw,44px);padding:clamp(10px,1.5vw,14px) clamp(12px,2vw,16px);transition:all .3s ease}.btn-confirm-logout:hover{background:#c62828;box-shadow:0 5px 15px #d32f2f4d}.btn-confirm-logout:active{transform:scale(.98)}.btn-confirm-logout svg{height:clamp(14px,2.5vw,18px);width:clamp(14px,2.5vw,18px)}.app-with-sidebar{display:flex;min-height:100vh}.app-with-sidebar .app-main{background:#f9faf7;flex:1 1;margin-left:clamp(260px,25vw,300px);overflow-y:auto;padding:clamp(16px,3vw,20px)}@media (max-width:768px){.sidebar-toggle{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.32,.72,0,1);width:100%}.sidebar.open{transform:translateX(0)}.app-with-sidebar .app-main{margin-left:0;padding:clamp(60px,12vw,80px) clamp(12px,2vw,16px) clamp(16px,3vw,20px)}}@media (max-width:480px){.sidebar-toggle{left:clamp(10px,1.5vw,12px);padding:clamp(6px,1vw,8px);top:clamp(10px,1.5vw,12px)}.sidebar{max-width:85vw;width:100%}.sidebar-header{padding:clamp(12px,2vw,16px) clamp(10px,1.5vw,14px)}.admin-profile{padding:clamp(8px,1.5vw,12px) clamp(10px,1.5vw,14px)}.sidebar-nav{padding:clamp(8px,1.5vw,12px) 0}.nav-section{margin-bottom:clamp(12px,2vw,16px)}.nav-section-title{font-size:clamp(8px,1.2vw,9px);padding:0 clamp(10px,1.5vw,14px)}.nav-item{font-size:clamp(11px,1.8vw,12px);min-height:clamp(40px,8vw,44px);padding:clamp(8px,1.5vw,10px) clamp(10px,1.5vw,14px)}.sidebar-footer{padding:clamp(10px,1.5vw,14px)}.btn-logout{font-size:clamp(11px,1.8vw,12px);min-height:clamp(40px,8vw,44px);padding:clamp(8px,1.5vw,10px) clamp(10px,1.5vw,14px)}.app-with-sidebar .app-main{padding:clamp(50px,10vw,60px) clamp(10px,1.5vw,14px) clamp(12px,2vw,16px)}.logout-modal{max-width:clamp(260px,85vw,380px);padding:clamp(20px,3vw,24px)}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-confirm-logout{inline-size:100%}}@media (max-width:360px){.sidebar-toggle{left:clamp(8px,1vw,10px);padding:clamp(5px,.8vw,6px);top:clamp(8px,1vw,10px)}.logo-icon{font-size:clamp(12px,2.5vw,14px);height:clamp(36px,7vw,40px);width:clamp(36px,7vw,40px)}.profile-avatar{font-size:clamp(10px,2vw,12px);height:clamp(28px,5vw,32px);width:clamp(28px,5vw,32px)}.btn-logout,.nav-item{min-height:clamp(36px,7vw,40px)}.logout-modal{max-width:clamp(240px,90vw,320px);padding:clamp(16px,2.5vw,20px)}.modal-header{gap:clamp(10px,1.5vw,12px);margin-bottom:clamp(12px,2vw,16px)}.modal-icon{height:clamp(40px,7vw,48px);width:clamp(40px,7vw,48px)}.logout-modal h3{font-size:clamp(14px,2.5vw,16px)}.modal-message{font-size:clamp(12px,1.8vw,13px);margin-bottom:clamp(16px,2.5vw,20px)}.modal-actions{gap:clamp(8px,1.5vw,10px)}.btn-cancel,.btn-confirm-logout{font-size:clamp(11px,1.8vw,12px);min-height:clamp(36px,6vw,40px)}}.login-page{align-items:center;background:#8a9c3b;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;flex:1 1;max-width:420px;padding:40px}.login-header{margin-bottom:40px;text-align:center}.login-title{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.login-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{background:#fee2e2;border:1px solid #fecaca;font-weight:500}.info-message{align-items:center;background:#8a9c3b1f;border:1px solid #8a9c3b40;border-radius:8px;color:#2f3a12;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px}.info-message svg{color:#6b7a2e;flex-shrink:0}.form-label{color:#374151}.form-input{border:2px solid #e5e7eb;transition:all .2s}.form-input:disabled{background:#f3f4f6}.login-button{align-items:center;background:#8a9c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px 24px;transition:all .2s}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #8a9c3b4d}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button .spinner{animation:spin 1s linear infinite}.demo-credentials{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.demo-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.demo-item{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.demo-label{color:#6b7280;font-weight:500}.demo-value{color:#1f2937;font-family:Courier New,monospace;font-weight:600}.forgot-password-link{color:#8a9c3b;font-size:13px;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease}.forgot-password-link:hover{color:#6b7a2e;text-decoration:underline}.otp-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:-6px}.link-button{background:none;border:none;color:#8a9c3b;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:none}.link-button:hover:not(:disabled){color:#6b7a2e;text-decoration:underline}.link-button:disabled{cursor:not-allowed;opacity:.65}@media (max-width:480px){.login-container{padding:24px}.login-title{font-size:24px}.login-form{gap:16px}}.forgot-password-page{align-items:center;background:#8a9c3b;display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;width:100%}.forgot-password-header{margin-bottom:30px;text-align:center}.forgot-password-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 10px}.forgot-password-subtitle{color:#666;font-size:14px;line-height:1.5;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.form-input{padding:12px 16px}.forgot-password-button{align-items:center;background:#8a9c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease}.forgot-password-button:hover:not(:disabled){box-shadow:0 10px 25px #8a9c3b4d;transform:translateY(-2px)}.forgot-password-button:disabled{cursor:not-allowed;opacity:.7}.btn-back-link{align-items:center;background:#0000;border:2px solid #8a9c3b;border-radius:8px;color:#8a9c3b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.btn-back-link:hover{background:#8a9c3b1a;transform:translateY(-2px)}.btn-back{display:flex}@media (max-width:480px){.forgot-password-container{padding:30px 20px}.forgot-password-title{font-size:24px}.forgot-password-subtitle,.form-input{font-size:13px}.form-input{padding:10px 14px}.forgot-password-button{font-size:14px;padding:12px 16px}}.reset-password-page{align-items:center;background:#8a9c3b;display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;width:100%}.reset-password-header{margin-bottom:30px;text-align:center}.reset-password-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 10px}.reset-password-subtitle{color:#666;font-size:14px;line-height:1.5;margin:0}.reset-password-form{display:flex;flex-direction:column;gap:20px}.form-label{align-items:center;color:#1a1a1a;display:flex;font-size:14px;font-weight:600;gap:8px}.form-label svg{color:#8a9c3b}.password-input-wrapper{align-items:center;display:flex;position:relative}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#8a9c3b;box-shadow:0 0 0 3px #8a9c3b1a;outline:none}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.toggle-password{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .3s ease}.toggle-password:hover:not(:disabled){color:#8a9c3b}.toggle-password:disabled{cursor:not-allowed;opacity:.5}.error-message{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:8px;display:flex;gap:12px}.error-message svg{flex-shrink:0}.reset-password-button{align-items:center;background:#8a9c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease}.reset-password-button:hover:not(:disabled){box-shadow:0 10px 25px #8a9c3b4d;transform:translateY(-2px)}.reset-password-button:disabled{cursor:not-allowed;opacity:.7}.error-state{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.error-icon{animation:shake .5s ease;color:#f44336}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-state h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.error-state p{color:#666;font-size:14px;line-height:1.5;margin:0}.btn-back{align-items:center;background:#8a9c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-back:hover{box-shadow:0 10px 25px #8a9c3b4d;transform:translateY(-2px)}.success-message{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.success-icon{animation:bounce .6s ease;color:#4caf50}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-message h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.success-message p{color:#666;font-size:14px;line-height:1.5;margin:0}@media (max-width:480px){.reset-password-container{padding:30px 20px}.reset-password-title{font-size:24px}.form-input,.reset-password-subtitle{font-size:13px}.form-input{padding:10px 36px 10px 14px}.reset-password-button{font-size:14px;padding:12px 16px}}#modal-root{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:2000}#modal-root>*{pointer-events:auto}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-container{background:#fff;border-radius:clamp(12px,2vw,16px);box-shadow:0 20px 60px #0000004d;box-sizing:border-box;inline-size:100%;left:50%;max-height:85vh;max-width:clamp(300px,90vw,480px);overflow-y:auto;padding:clamp(32px,4vw,40px);position:fixed;text-align:center;top:40%;transform:translate(-50%,-50%);z-index:2001}.modal-close-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:clamp(32px,6vw,40px);justify-content:center;position:absolute;right:clamp(12px,2vw,16px);top:clamp(12px,2vw,16px);transition:all .3s ease;width:clamp(32px,6vw,40px)}.modal-close-btn:hover{background:#e0e0e0;color:#333;transform:scale(1.1)}.modal-close-btn:active{transform:scale(.9)}.modal-icon{align-items:center;animation:modalIconPulse .6s ease-out;border-radius:50%;display:flex;flex-shrink:0;height:clamp(60px,12vw,80px);justify-content:center;margin:0 auto clamp(16px,2.5vw,24px);width:clamp(60px,12vw,80px)}@keyframes modalIconPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.modal-icon svg{height:clamp(32px,6vw,40px);width:clamp(32px,6vw,40px)}.modal-title{color:#1a1a1a;font-size:clamp(18px,4vw,24px);line-height:1.3;margin:0 0 clamp(12px,2vw,16px)}.modal-message{color:#666;font-size:clamp(13px,2vw,15px);line-height:1.6;margin:0 0 clamp(24px,3vw,32px)}.modal-actions{display:flex;flex-direction:row-reverse;gap:clamp(10px,2vw,14px);justify-content:center}.btn-modal-ok{background:#2196f3;border:none;border-radius:clamp(6px,1vw,8px);color:#fff;cursor:pointer;flex:1 1;font-size:clamp(12px,2vw,14px);font-weight:600;max-width:200px;min-height:clamp(36px,6vw,44px);padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,28px);transition:all .3s ease}.btn-modal-ok:hover{background:#1976d2;box-shadow:0 5px 15px #2196f34d}.btn-modal-ok:active{transform:scale(.98)}.btn-modal-cancel{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:clamp(6px,1vw,8px);color:#666;cursor:pointer;flex:1 1;font-size:clamp(12px,2vw,14px);font-weight:600;min-height:clamp(36px,6vw,44px);padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,28px);transition:all .3s ease}.btn-modal-cancel:hover{background:#efefef;border-color:#d0d0d0;color:#333}.btn-modal-cancel:active{transform:scale(.98)}.btn-modal-confirm{background:#4caf50;border:none;border-radius:clamp(6px,1vw,8px);color:#fff;cursor:pointer;flex:1 1;font-size:clamp(12px,2vw,14px);font-weight:600;min-height:clamp(36px,6vw,44px);padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,28px);transition:all .3s ease}.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 (max-width:480px){.modal-container{max-width:clamp(280px,85vw,380px);padding:clamp(24px,3vw,28px)}.modal-actions{flex-direction:column-reverse}.btn-modal-cancel,.btn-modal-confirm,.btn-modal-ok{inline-size:100%;max-width:none}}@media (max-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{height:clamp(52px,10vw,64px);margin-bottom:clamp(12px,2vw,16px);width:clamp(52px,10vw,64px)}}.team-list-container{background:#fff;border-radius:clamp(8px,2vw,12px);box-shadow:0 2px 8px #00000014;overflow:hidden}.team-list-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:clamp(16px,3vw,24px)}.team-list-header h2{color:#1a1a1a;font-size:clamp(16px,2.5vw,18px);font-weight:700;margin:0}.filter-controls{display:flex;gap:12px}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease}.filter-select:hover{border-color:#8a9c3b}.filter-select:focus{border-color:#8a9c3b;box-shadow:0 0 0 3px #8a9c3b1a;outline:none}.error-message{background:#fee;border-left:4px solid #f44336;color:#c33;padding:16px 24px}.empty-state{color:#999;padding:60px 24px;text-align:center}.empty-state p{font-size:14px;margin:0}.draggable-list{padding:clamp(12px,2vw,20px)}.drag-hint{align-items:center;background:#f9faf7;border:1px solid #f0f0f0;border-radius:clamp(6px,1vw,8px);color:#999;display:flex;font-size:clamp(12px,1.5vw,13px);gap:clamp(6px,1vw,8px);margin-bottom:clamp(12px,2vw,16px);padding:clamp(10px,1.5vw,12px) clamp(12px,2vw,16px)}.drag-hint svg{color:#8a9c3b;flex-shrink:0;height:clamp(14px,2vw,16px);width:clamp(14px,2vw,16px)}.reorder-group{display:flex;flex-direction:column;gap:clamp(8px,1.5vw,12px)}.team-member-row{list-style:none}.member-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:clamp(8px,1.5vw,10px);cursor:grab;display:flex;gap:clamp(12px,2vw,16px);padding:clamp(12px,2vw,16px);transition:all .2s ease}.member-card:hover{border-color:#8a9c3b;box-shadow:0 4px 12px #8a9c3b1a}.member-card:active{box-shadow:0 8px 24px #8a9c3b33;cursor:grabbing}.drag-handle{align-items:center;color:#ccc;display:flex;flex-shrink:0;justify-content:center;transition:color .2s ease}.drag-handle svg{height:clamp(16px,2vw,20px);width:clamp(16px,2vw,20px)}.member-card:hover .drag-handle{color:#8a9c3b}.member-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.member-avatar{border-radius:clamp(6px,1vw,8px);flex-shrink:0;height:clamp(40px,8vw,48px);object-fit:cover;width:clamp(40px,8vw,48px)}.member-details{flex:1 1;min-width:0}.draggable-member-name{color:#1a1a1a;font-size:clamp(13px,1vw,14px);font-weight:600;margin:0 0 clamp(2px,.5vw,4px)}.draggable-member-name,.draggable-member-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-member-role{color:#999;font-size:clamp(11px,1.1vw,12px);margin:0}.member-meta{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,12px)}.type-badge{border-radius:20px;display:inline-block;font-size:clamp(11px,1.3vw,12px);font-weight:600;padding:clamp(3px,.5vw,4px) clamp(8px,1.5vw,10px);text-transform:capitalize}.type-badge.type-team_member{background:#e3f2fd;color:#1976d2}.type-badge.type-board_member{background:#f3e5f5;color:#7b1fa2}.order-badge{align-items:center;background:#f0f5e8;border-radius:clamp(4px,1vw,6px);box-sizing:border-box;color:#8a9c3b;display:inline-flex;font-weight:700;justify-content:center;min-height:clamp(28px,5vw,32px);min-width:clamp(28px,5vw,32px)}.order-badge,.status-badge{font-size:clamp(11px,1.3vw,12px)}.status-badge{padding:clamp(3px,.5vw,4px) clamp(8px,1.5vw,10px)}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.member-actions{display:flex;flex-shrink:0;gap:8px}.btn-delete,.btn-edit,.btn-view{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:clamp(4px,1vw,6px);box-sizing:border-box;color:#666;cursor:pointer;display:flex;justify-content:center;min-height:clamp(32px,6vw,36px);min-width:clamp(32px,6vw,36px);transition:all .2s ease}.btn-view:hover{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.btn-edit:hover{background:#f9faf7;border-color:#8a9c3b;color:#8a9c3b}.btn-delete:hover{background:#fef5f5;border-color:#f44336;color:#f44336}.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 24px}.spinner{animation:spin 1s linear infinite;color:#8a9c3b}@media (max-width:768px){.team-list-header{gap:clamp(12px,2vw,16px)}.member-card,.team-list-header{align-items:flex-start;flex-direction:column}.member-meta{width:100%}.member-actions{gap:clamp(6px,1vw,8px);justify-content:flex-end;width:100%}.drag-handle{display:none}}@media (max-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{height:clamp(36px,7vw,40px);width:clamp(36px,7vw,40px)}.draggable-member-name{font-size:clamp(11px,1.5vw,13px)}.draggable-member-role{font-size:clamp(10px,1.3vw,11px)}.status-badge,.type-badge{font-size:clamp(10px,1.2vw,11px);padding:clamp(2px,.3vw,3px) clamp(6px,1vw,8px)}.order-badge{font-size:clamp(10px,1.2vw,11px);min-height:clamp(26px,4vw,28px);min-width:clamp(26px,4vw,28px)}.btn-delete,.btn-edit{min-height:clamp(30px,5vw,32px);min-width:clamp(30px,5vw,32px)}}.form-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0}.form-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-btn{color:#6b7280;padding:4px;transition:color .2s}.close-btn:hover{color:#1f2937}.team-form{padding:24px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.form-group{margin-bottom:16px}.form-group label{font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8a9c3b;box-shadow:0 0 0 3px #8a9c3b1a;outline:none}.form-row{grid-gap:16px;gap:16px}.form-row .form-group{margin-bottom:0}.form-group.checkbox{align-items:center;display:flex}.form-group.checkbox label{cursor:pointer;gap:8px}.form-group.checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.image-upload{flex-direction:column;gap:16px}.image-preview,.image-upload{align-items:center;display:flex}.image-preview{aspect-ratio:1;background-color:#f3f4f6;border-radius:8px;justify-content:center;max-width:200px;overflow:hidden;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.upload-label{align-items:center;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:8px;justify-content:center;padding:24px;transition:all .2s}.upload-label:hover{background-color:#8a9c3b0d;border-color:#8a9c3b;color:#8a9c3b}.error-message{background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:16px;padding:12px 16px}.form-actions{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.btn-cancel,.btn-submit{padding:10px 20px}.btn-cancel{background-color:#e5e7eb}.btn-cancel:hover{background-color:#d1d5db}.btn-submit{background-color:#8a9c3b}.btn-submit:hover:not(:disabled){background-color:#7a8a2f}.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-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{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,24px);justify-content:space-between;margin-bottom:clamp(24px,5vw,32px)}.header-content h1{color:#1f2937;font-size:clamp(24px,6vw,32px);font-weight:700;margin:0 0 clamp(4px,1vw,8px)}.header-content p{color:#6b7280;font-size:clamp(14px,2vw,16px);margin:0}.btn-add-member{align-items:center;background-color:#8a9c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:clamp(12px,1.5vw,14px);font-weight:600;gap:clamp(6px,1vw,8px);justify-content:center;padding:clamp(10px,2vw,12px) clamp(16px,3vw,24px);transition:all .2s;white-space:nowrap}.btn-add-member:hover{background-color:#7a8a2f;box-shadow:0 4px 12px #8a9c3b4d;transform:translateY(-2px)}.btn-add-member svg{flex-shrink:0;height:clamp(18px,2vw,20px);width:clamp(18px,2vw,20px)}.tabs-container{border-bottom:2px solid #e5e7eb;display:flex;gap:clamp(8px,2vw,16px);margin-bottom:clamp(20px,4vw,32px)}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:clamp(13px,1.5vw,15px);font-weight:600;margin-bottom:-2px;padding:clamp(10px,2vw,14px) clamp(12px,2vw,20px);position:relative;transition:all .3s ease}.tab-button:hover{color:#8a9c3b}.tab-button.active{border-bottom-color:#8a9c3b;color:#8a9c3b}.page-content{margin:0 auto;max-width:1200px}@media (max-width:768px){.team-management-page{padding:clamp(12px,4vw,20px)}.page-header{align-items:stretch;flex-direction:column;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{font-size:clamp(12px,1.3vw,14px);padding:clamp(8px,1.5vw,12px) clamp(10px,1.5vw,16px)}}@media (max-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{font-size:clamp(11px,1.2vw,12px);padding:clamp(6px,1vw,10px) clamp(8px,1vw,12px)}}.admin-management{background:#f3f4f6;min-height:calc(100vh - 80px);padding:24px}.admin-management.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.admin-management.loading .spinner{animation:spin 1s linear infinite;color:#8a9c3b}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.admin-title{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.admin-subtitle{color:#6b7280;font-size:14px;margin:0}.btn-add-admin{align-items:center;background:#8a9c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-add-admin:hover{box-shadow:0 8px 20px #8a9c3b4d}.error-banner{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;gap:12px;margin-bottom:24px;padding:16px}.admins-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.admins-table{border-collapse:collapse;width:100%}.admins-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.admins-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.admins-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.admins-table tbody tr:hover{background:#f9fafb}.admins-table td{color:#374151;font-size:14px;padding:16px}.admin-name{color:#1f2937;font-weight:600}.admin-email{color:#6b7280}.role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.role-badge.role-admin{background:#dbeafe;color:#1e40af}.role-badge.role-super_admin{background:#fce7f3;color:#be185d}.status-badge{display:inline-block;font-size:12px;padding:6px 12px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.last-login{color:#6b7280;font-size:13px}.actions{display:flex;gap:8px}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:0;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-action.edit{background:#dbeafe;color:#1e40af}.btn-action.edit:hover{background:#bfdbfe}.btn-action.toggle{background:#fef3c7;color:#b45309}.btn-action.toggle:hover{background:#fde68a}.btn-action.toggle.deactivate{background:#fee2e2;color:#991b1b}.btn-action.toggle.deactivate:hover{background:#fecaca}.btn-action.delete{background:#fee2e2;color:#991b1b}.btn-action.delete:hover{background:#fecaca}.modal-overlay{padding:20px}.modal-content{border-radius:12px;max-width:500px;padding:32px}.modal-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 24px}.form-error{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 16px}.admin-form{gap:20px}.admin-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#8a9c3b;box-shadow:0 0 0 3px #8a9c3b1a;outline:none}.form-group input:disabled{background:#f3f4f6}.form-actions{gap:12px;margin-top:8px}.btn-cancel,.btn-submit{align-items:center;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-cancel{background:#e5e7eb;color:#374151}.btn-cancel:hover:not(:disabled){background:#d1d5db}.btn-submit{background:#8a9c3b}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #8a9c3b4d}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-submit .spinner{animation:spin 1s linear infinite}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column}.admins-table{font-size:13px}.admins-table td,.admins-table th{padding:12px}.actions{gap:4px}.btn-action{height:32px;width:32px}.modal-content{padding:24px}}.contact-messages-page{margin:0 auto;max-width:1400px;padding:clamp(2rem,4vw,3rem)}.messages-header{margin-bottom:clamp(2rem,4vw,3rem)}.header-content{align-items:flex-start;display:flex;gap:clamp(1rem,2vw,2rem);justify-content:space-between}.messages-header h1{color:var(--dark-brown);font-size:clamp(2rem,4vw,2.5rem);margin-bottom:clamp(.5rem,1vw,.75rem)}.messages-header p{color:var(--gray-dark);font-size:clamp(.95rem,1.8vw,1.1rem);margin:0}.btn-export{align-items:center;background:var(--primary-green);border:none;border-radius:var(--border-radius);color:var(--white);cursor:pointer;display:flex;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,1.5vw,1rem) clamp(1.25rem,2.5vw,1.75rem);transition:var(--transition);white-space:nowrap}.btn-export:hover{background:#7d8620;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-export:active{transform:translateY(0)}.statistics-grid{grid-gap:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(clamp(150px,20vw,200px),1fr));margin-bottom:clamp(2rem,4vw,3rem)}.stat-card{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--border-radius);padding:clamp(1.5rem,3vw,2rem);text-align:center;transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.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);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;margin-bottom:clamp(.5rem,1vw,.75rem)}.stat-label{color:var(--gray-dark);font-size:clamp(.85rem,1.5vw,.95rem)}.filters-section{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(2rem,4vw,3rem)}.search-box{align-items:center;background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--border-radius);color:var(--gray-dark);display:flex;gap:clamp(.75rem,1.5vw,1rem);padding:clamp(.875rem,1.5vw,1rem)}.search-box input{background:#0000;border:none;color:var(--black);flex:1 1;font-family:var(--font-family);font-size:clamp(.95rem,1.8vw,1rem);outline:none}.search-box input::placeholder{color:var(--gray-dark);opacity:.6}.filter-buttons{display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1rem)}.filter-btn{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--border-radius);color:var(--dark-brown);cursor:pointer;font-size:clamp(.9rem,1.8vw,1rem);font-weight:500;padding:clamp(.625rem,1vw,.75rem) clamp(1rem,2vw,1.5rem);transition:var(--transition)}.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{background:#d32f2f1a;border:1px solid #d32f2f4d;border-radius:var(--border-radius);color:#d32f2f;font-size:clamp(.9rem,1.8vw,1rem);margin-bottom:clamp(1.5rem,3vw,2rem);padding:clamp(1rem,2vw,1.25rem)}.messages-list{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.loading,.no-messages{color:var(--gray-dark);font-size:clamp(1rem,1.8vw,1.1rem);padding:clamp(3rem,6vw,4rem);text-align:center}.no-messages{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.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);cursor:pointer;padding:clamp(1.5rem,3vw,2rem);transition:var(--transition)}.message-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.message-header{align-items:flex-start;display:flex;gap:clamp(1rem,2vw,1.5rem);justify-content:space-between;margin-bottom:clamp(1rem,2vw,1.5rem)}.message-info h3{color:var(--dark-brown);font-size:clamp(1.1rem,2vw,1.3rem);margin:0 0 clamp(.25rem,.5vw,.5rem)}.message-info .email{color:var(--primary-green);font-size:clamp(.9rem,1.8vw,1rem);margin:0 0 clamp(.25rem,.5vw,.5rem)}.message-info .date{color:var(--gray-dark);font-size:clamp(.8rem,1.5vw,.9rem);margin:0}.message-status{display:flex;gap:clamp(.5rem,1vw,.75rem)}.status-badge{border-radius:20px;color:var(--white);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;padding:clamp(.375rem,.75vw,.5rem) clamp(.75rem,1.5vw,1rem)}.message-preview{color:var(--gray-dark);font-size:clamp(.95rem,1.8vw,1rem);line-height:1.6;margin-bottom:clamp(1rem,2vw,1.5rem)}.message-actions{display:flex;gap:clamp(.75rem,1.5vw,1rem)}.btn-delete,.btn-view{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:600;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.625rem,1vw,.75rem) clamp(1rem,2vw,1.25rem);transition:var(--transition)}.btn-view{background:var(--primary-green);color:var(--white)}.btn-view:hover{background:#7d8620;transform:translateY(-2px)}.btn-delete{background:#d32f2f1a;border:1px solid #d32f2f4d;color:#d32f2f}.btn-delete:hover{background:#d32f2f33}.modal-overlay{padding:clamp(1rem,2vw,2rem)}.modal-content{background:var(--white);border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;inline-size:100%;max-block-size:90vh}.modal-header{background:var(--white);border-bottom:1px solid var(--gray-medium);padding:clamp(1.5rem,3vw,2rem);position:-webkit-sticky;position:sticky;top:0}.modal-header h2{color:var(--dark-brown);font-size:clamp(1.3rem,2.5vw,1.75rem)}.close-btn{align-items:center;background:none;border:none;color:var(--gray-dark);cursor:pointer;display:flex;justify-content:center;padding:0;transition:var(--transition)}.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;margin-bottom:clamp(1.5rem,3vw,2rem);padding-bottom:clamp(1.5rem,3vw,2rem)}.detail-row,.message-details{display:flex;gap:clamp(1rem,2vw,1.5rem)}.detail-row{align-items:center;justify-content:space-between}.detail-row label{color:var(--dark-brown);font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;min-width:100px}.detail-row a,.detail-row span{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);color:var(--black);cursor:pointer;font-family:var(--font-family);font-size:clamp(.9rem,1.8vw,1rem);padding:clamp(.5rem,1vw,.75rem);transition:var(--transition)}.status-select:focus,.status-select:hover{border-color:var(--primary-green);outline:none}.message-body{margin-bottom:clamp(1.5rem,3vw,2rem)}.admin-notes h3,.message-body h3,.reply-section h3{color:var(--dark-brown);font-size:clamp(1.1rem,2vw,1.3rem);margin:0 0 clamp(.75rem,1.5vw,1rem)}.message-body p{color:var(--gray-dark);font-size:clamp(.95rem,1.8vw,1rem);line-height:1.8;margin:0}.admin-notes{background:#909b230d;border-left:4px solid var(--primary-green);border-radius:var(--border-radius);margin-bottom:clamp(1.5rem,3vw,2rem);padding:clamp(1rem,2vw,1.5rem)}.admin-notes p{color:var(--dark-brown);margin:0}.btn-reply{align-items:center;background:var(--primary-green);border:none;border-radius:var(--border-radius);color:var(--white);cursor:pointer;display:flex;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;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);transition:var(--transition)}.btn-reply:hover{background:#7d8620;transform:translateY(-2px)}.reply-section{background:#909b230d;border:1px solid #909b2333;border-radius:var(--border-radius);padding:clamp(1.5rem,3vw,2rem)}.reply-textarea{border:1px solid var(--gray-medium);border-radius:var(--border-radius);box-sizing:border-box;color:var(--black);font-family:var(--font-family);font-size:clamp(.95rem,1.8vw,1rem);inline-size:100%;margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.875rem,1.5vw,1rem);resize:vertical}.reply-textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #909b231a;outline:none}.reply-actions{display:flex;gap:clamp(.75rem,1.5vw,1rem)}.btn-cancel,.btn-send{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;padding:clamp(.75rem,1.5vw,1rem) clamp(1.25rem,2.5vw,1.75rem);transition:var(--transition)}.btn-send{background:var(--primary-green);color:var(--white);flex:1 1}.btn-send:hover:not(:disabled){background:#7d8620;transform:translateY(-2px)}.btn-send:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:var(--gray-medium);color:var(--dark-brown);flex:1 1}.btn-cancel:hover{background:#d0d0d0}.security-section{background:#cc55000d;border-left:4px solid #c50;border-radius:var(--border-radius);margin-top:clamp(1rem,2vw,1.5rem);padding:clamp(1rem,2vw,1.5rem)}.security-title{color:#c50;font-size:clamp(1rem,1.8vw,1.1rem);font-weight:600;margin:0 0 clamp(.75rem,1.5vw,1rem)}.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{background:#cc55000d;border-radius:4px;font-family:Courier New,monospace;font-size:clamp(.8rem,1.5vw,.9rem);padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);word-break:break-all}@media (max-width:768px){.contact-messages-page{padding:clamp(1rem,3vw,2rem)}.header-content{align-items:stretch;flex-direction:column}.btn-export{justify-content:center;width:100%}.statistics-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fit,minmax(clamp(120px,22vw,150px),1fr))}.message-header{align-items:flex-start;flex-direction:column}.message-status{align-self:flex-start}.detail-row{align-items:flex-start;flex-direction:column;gap:clamp(.5rem,1vw,.75rem)}.detail-row label{font-weight:700;min-width:auto}.reply-actions{flex-direction:column}.btn-cancel,.btn-send{width:100%}.modal-content{max-width:95vw;max-block-size:95vh}.filter-buttons,.message-actions{flex-wrap:wrap}}@media (max-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{gap:clamp(.5rem,1vw,.75rem);grid-template-columns:repeat(auto-fit,minmax(clamp(100px,25vw,130px),1fr))}.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{align-items:flex-start;flex-direction:column}.search-box input{width:100%}.filter-buttons{gap:clamp(.5rem,1vw,.75rem)}.filter-btn{font-size:clamp(.8rem,1.5vw,.9rem);padding:clamp(.5rem,.8vw,.625rem) clamp(.75rem,1.5vw,1rem)}.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-delete,.btn-view{justify-content:center;width:100%}.modal-overlay{padding:clamp(.5rem,1vw,1rem)}.modal-content{border-radius:12px 12px 0 0;max-width:100%;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 a,.detail-row label,.detail-row span{font-size:clamp(.85rem,1.5vw,.9rem)}.admin-notes h3,.message-body 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-cancel,.btn-send{font-size:clamp(.85rem,1.5vw,.9rem);padding:clamp(.625rem,1vw,.75rem) clamp(1rem,2vw,1.25rem)}.security-section{padding:clamp(.75rem,1.5vw,1rem)}.security-title{font-size:clamp(.9rem,1.5vw,1rem)}.referrer-text,.user-agent-text{font-size:clamp(.75rem,1.5vw,.85rem);padding:clamp(.25rem,.5vw,.375rem) clamp(.375rem,.75vw,.5rem)}}@media (max-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-delete,.btn-view{width:100%}.modal-content{max-block-size:100vh}}.sdg-management{background:#f5f5f5;min-height:100vh;padding:2rem}.sdg-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.sdg-management-header h1{color:#2d2d2d;font-size:2rem;margin:0}.btn-add-goal{align-items:center;background:#6b8e23;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add-goal:hover{background:#5a7a1f;box-shadow:0 4px 12px #6b8e234d;transform:translateY(-2px)}.alert{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.empty-state,.loading{background:#fff;border-radius:8px;color:#666;font-size:1.1rem;padding:3rem;text-align:center}.goals-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.goal-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s ease}.goal-card:hover{box-shadow:0 4px 16px #00000026}.goal-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.goal-number-badge{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.goal-actions{display:flex;gap:.5rem}.btn-icon{align-items:center;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.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;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.goal-description{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.goal-meta{display:flex;font-size:.85rem;gap:1rem}.status{border-radius:20px;font-weight:600;padding:.25rem .75rem}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.order{color:#999}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#2d2d2d;font-size:1.5rem;margin:0}.btn-close{background:none;border:none;color:#999;cursor:pointer;transition:color .2s ease}.btn-close:hover{color:#2d2d2d}.sdg-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#2d2d2d;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;inline-size:100%;padding-block:.75rem;padding-inline:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#6b8e23;box-shadow:0 0 0 3px #6b8e231a;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-group textarea{min-height:100px;resize:vertical}.targets-input{display:flex;gap:.5rem;margin-bottom:1rem}.targets-input input{flex:1 1}.btn-add-target{background:#6b8e23;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease}.btn-add-target:hover{background:#5a7a1f}.targets-list{display:flex;flex-wrap:wrap;gap:.5rem}.target-tag{align-items:center;background:#e8f5e9;border-radius:20px;color:#2d2d2d;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.btn-remove{background:none;block-size:auto;border:none;color:#6b8e23;cursor:pointer;font-size:1.2rem;inline-size:auto;line-height:1}.btn-remove:hover{color:#5a7a1f}.form-group.checkbox{margin-bottom:0}.form-group.checkbox label{align-items:center;display:flex;gap:.5rem;margin-bottom:0}.form-group.checkbox input{margin:0;width:auto}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel{background:#f5f5f5;color:#2d2d2d}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#6b8e23;color:#fff}.btn-submit:hover{background:#5a7a1f;box-shadow:0 4px 12px #6b8e234d;transform:translateY(-2px)}@media (max-width:768px){.sdg-management{padding:1rem}.sdg-management-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-row,.goals-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.not-found-page{align-items:center;background:#8a9c3b;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.not-found-container{position:relative;text-align:center;z-index:10}.not-found-number{color:#fff;font-size:180px;font-weight:900;letter-spacing:10px;line-height:1;margin:0;text-shadow:0 10px 40px #0000001a}.not-found-content{color:#fff;margin-top:30px}.not-found-title{font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 15px}.not-found-description{font-size:18px;line-height:1.6;margin:0 0 40px;max-width:500px;opacity:.9}.not-found-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 32px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#f5f3f0;box-shadow:0 10px 30px #0003;color:#8a9c3b}.btn-primary:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.decoration{border-radius:50%;box-sizing:border-box;opacity:.1;pointer-events:none;position:absolute}.decoration-1{border:3px solid #fff;height:300px;right:-100px;top:-100px;width:300px}.decoration-2{border:3px solid #fff;bottom:-50px;height:200px;left:-50px;width:200px}@media (max-width:768px){.not-found-number{font-size:120px;letter-spacing:5px}.not-found-title{font-size:36px}.not-found-description{font-size:16px}.btn-primary,.btn-secondary{font-size:14px;padding:12px 24px}.not-found-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.App{background:var(--white);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;position:relative}*{transition:var(--transition)}@media (max-width:1024px){.App{font-size:.95rem}}@media (max-width:768px){.App{font-size:.9rem}}@media (max-width:480px){.App{font-size:.85rem}}
/*# sourceMappingURL=main.4da46de2.css.map*/