@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;background-color:#fff;line-height:1.5;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}img,video,svg{max-width:100%}body,#root{min-width:320px}.navbar{background:linear-gradient(180deg,#faf8f3eb,#f8f7f4e0);padding:.75rem .75rem 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar-container{max-width:1400px;margin:0 auto;padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;background:#ffffffd1;border:1px solid rgba(45,95,63,.08);border-radius:24px;box-shadow:0 16px 40px #122a1914}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#1a1a1a;font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.logo-icon{font-size:1.8rem}.search-container{flex:1;max-width:340px;position:relative}.search-icon-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:#666}.search-icon{pointer-events:none}.search-input{width:100%;min-height:48px;padding:.75rem 1rem .75rem 3rem;border:1px solid rgba(45,95,63,.12);border-radius:999px;font-size:.95rem;outline:none;background:#f8faf8f2;box-shadow:inset 0 1px 2px #122a190a;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.search-input:focus{border-color:#2d5f3f;box-shadow:0 0 0 4px #2d5f3f14;background:#fff}.nav-links{display:flex;gap:1.4rem;align-items:center}.nav-link{text-decoration:none;color:#333;font-weight:600;font-size:.95rem;transition:color .2s ease;white-space:nowrap;position:relative;padding-bottom:.15rem}.nav-link:hover{color:#2d5f3f}.nav-link:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:2px;background:linear-gradient(90deg,#2d5f3f,#2d5f3f26);border-radius:999px;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:#2d5f3f;font-weight:700}.nav-dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fffffffa;min-width:220px;box-shadow:0 18px 40px #122a191f;border:1px solid rgba(45,95,63,.08);border-radius:16px;padding:.5rem 0;margin-top:.5rem;overflow:hidden}.nav-dropdown:hover .dropdown-content{display:block}.dropdown-content a{display:block;padding:.8rem 1.1rem;text-decoration:none;color:#333;font-size:.9rem;transition:background-color .2s,color .2s,padding-left .2s}.dropdown-content a:hover{background-color:#f3f8f4;color:#2d5f3f;padding-left:1.3rem}.navbar-icons{display:flex;gap:.65rem;align-items:center}.icon-link{color:#2b3a2f;text-decoration:none;transition:color .2s ease,background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#2d5f3f0f;border:1px solid rgba(45,95,63,.08);border-radius:999px;cursor:pointer}.icon-link:hover{color:#2d5f3f;background:#2d5f3f1a;transform:translateY(-1px)}.cart-icon-wrapper{position:relative}.cart-badge{position:absolute;top:-6px;right:-6px;background:#4caf50;color:#fff;font-size:.7rem;font-weight:600;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0003}.user-menu-wrapper{position:relative}.user-icon-button{cursor:pointer;background:none;border:none;padding:0;color:#333;font-size:1rem;display:flex;align-items:center}.user-dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;min-width:250px;box-shadow:0 8px 24px #0000001f;border-radius:12px;padding:1rem 0;margin-top:.5rem;z-index:1001}.user-menu-header{padding:.8rem 1rem;border-bottom:1px solid #e5e5e5;margin-bottom:.5rem}.user-name{margin:0;font-weight:600;color:#1a1a1a;font-size:.95rem}.user-email{margin:.3rem 0 0;color:#999;font-size:.85rem}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#333;text-decoration:none;font-size:.95rem;cursor:pointer;transition:background-color .2s;text-align:left}.user-menu-item:hover{background-color:#f9f9f9;color:#2d5f3f}.logout-btn{color:#d32f2f;margin-top:.5rem;border-top:1px solid #e5e5e5;border-radius:0}.logout-btn:hover{background-color:#ffebee;color:#b71c1c}.admin-link{font-size:1.3rem;text-decoration:none;transition:all .2s ease;cursor:pointer;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-link:hover{background-color:#2d5f3f;transform:translateY(-1px);box-shadow:0 6px 16px #2d5f3f2e}.hamburger-menu{display:none;background:#2d5f3f0f;border:1px solid rgba(45,95,63,.08);cursor:pointer;color:#2b3a2f;padding:.55rem;margin-left:.25rem;transition:color .2s ease,background-color .2s ease,transform .2s ease;border-radius:999px}.hamburger-menu:hover{color:#2d5f3f;background:#2d5f3f1f}.mobile-menu{display:none;background:#fffffffa;border:1px solid rgba(45,95,63,.08);border-radius:20px;margin:.6rem 0 0;padding:.75rem 0;box-shadow:0 18px 40px #122a191f;animation:slideDown .3s ease-out;overflow:hidden}.mobile-menu-content{padding:0 .75rem}.mobile-nav-link{display:block;padding:.85rem 1rem;text-decoration:none;color:#333;font-weight:500;transition:all .2s;border-radius:12px}.mobile-nav-link:hover{background-color:#f3f8f4;color:#2d5f3f;padding-left:1.15rem}.mobile-nav-link.active{color:#2d5f3f;background-color:#f0f7f3;font-weight:600}.mobile-nav-dropdown{position:relative}.mobile-dropdown-content{display:none;background-color:#fafafa;border-left:3px solid #2d5f3f;margin:.35rem 0 .5rem;border-radius:0 12px 12px 0;overflow:hidden}.mobile-dropdown-content a{display:block;padding:.5rem 1rem .5rem 1.5rem;text-decoration:none;color:#666;font-size:.9rem;transition:all .2s}.mobile-dropdown-content a:hover{background-color:#f0f0f0;color:#2d5f3f;padding-left:1.85rem}.mobile-nav-dropdown:hover .mobile-dropdown-content{display:block}.search-toggle-mobile{display:none;background:none;border:none;cursor:pointer;color:#333;padding:0;transition:color .3s}.search-toggle-mobile:hover{color:#2d5f3f}@media(max-width:1024px){.navbar-container{gap:1rem}.search-container{max-width:240px;flex:.8}.nav-links{gap:1rem}}@media(max-width:768px){.navbar-container{gap:.75rem;padding:.8rem .9rem;flex-wrap:wrap;border-radius:18px}.navbar-logo{font-size:1.3rem}.logo-text{display:none}.search-container{max-width:none;flex:1 0 100%;min-width:0;order:3}.search-input{padding:.6rem 1rem .6rem 2.5rem;font-size:.9rem}.search-icon{right:.8rem}.nav-links{display:none}.navbar-icons{gap:.8rem;order:2}.icon-link{width:40px;height:40px}.admin-link{width:36px;height:36px;font-size:1.1rem}.hamburger-menu{display:block}.mobile-menu{order:4;width:100%;flex-basis:100%}.mobile-menu{display:block}}@media(max-width:576px){.navbar{padding:.5rem .5rem 0}.navbar-container{gap:.55rem;padding:.75rem;flex-wrap:wrap}.navbar-logo{font-size:1.2rem;order:1}.logo-icon{font-size:1.5rem}.search-container{order:3;width:100%;max-width:none;margin-top:.5rem;flex-basis:100%}.search-container.active{display:flex}.search-input{min-height:46px;padding:.65rem .85rem .65rem 2.5rem;font-size:.9rem}.search-icon{right:.7rem;width:18px;height:18px}.navbar-icons{order:2;width:auto;justify-content:flex-end;gap:.5rem;padding:0;margin-left:auto}.search-toggle-mobile{display:block}.icon-link{width:38px;height:38px}.icon-link svg{width:20px;height:20px}.admin-link{width:32px;height:32px;font-size:1rem;padding:.3rem}.cart-badge{font-size:.6rem;min-width:16px;height:16px;top:-6px;right:-6px}.hamburger-menu{margin-left:.25rem;padding:.3rem}.hamburger-menu svg{width:22px;height:22px}.mobile-menu{order:4;max-height:70vh;overflow-y:auto;width:100%}.mobile-menu-content{padding:0 .5rem}.mobile-nav-link{padding:.65rem .75rem;font-size:.95rem}.mobile-nav-link:hover{padding-left:1.25rem}.mobile-dropdown-content a{padding:.45rem .75rem .45rem 1.5rem;font-size:.85rem}.mobile-dropdown-content a:hover{padding-left:1.75rem}}@media(max-width:360px){.navbar-container{gap:.25rem;padding:0 .5rem}.navbar-logo{font-size:1.1rem;min-width:auto}.logo-icon{font-size:1.3rem}.search-container{margin-top:.25rem}.navbar-icons{gap:.25rem}.icon-link svg,.search-toggle-mobile svg,.hamburger-menu svg{width:18px;height:18px}.admin-link{width:28px;height:28px;font-size:.9rem}.mobile-nav-link{padding:.6rem .5rem;font-size:.9rem}.mobile-nav-link:hover{padding-left:1rem}}@media(min-width:1400px){.navbar-container{padding:1rem 1.5rem}}.footer{background-color:#1a1a1a;color:#ccc;padding:3rem 2rem 1.5rem}.footer-container{max-width:1400px;margin:0 auto}.footer-content{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:3rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.footer-description{font-size:.95rem;line-height:1.6;color:#999}.footer-heading{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footer-links a{color:#999;text-decoration:none;font-size:.95rem;transition:color .3s}.footer-links a:hover{color:#2d5f3f}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#2d5f3f;border-radius:50%;color:#fff;text-decoration:none;transition:background-color .3s,transform .2s}.social-link:hover{background-color:#234a32;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #333;padding-top:1.5rem;text-align:center}.footer-bottom p{font-size:.9rem;color:#666}@media(max-width:968px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:576px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer{padding-inline:1rem}}.hero{background-color:#f8f7f4;padding:4rem 2rem}.hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:center}.hero-content{padding-right:2rem}.hero-title{font-size:3.5rem;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:1.5rem}.hero-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem;max-width:500px}.hero-button{display:inline-block;background-color:#2d5f3f;color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .3s,transform .2s}.hero-button:hover{background-color:#234a32;transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{width:100%;max-width:550px;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:20px;box-shadow:0 10px 40px #0000001a}@media(max-width:968px){.hero-container{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.hero-content{padding-right:0;text-align:center}.hero-description{margin-left:auto;margin-right:auto}}@media(max-width:640px){.hero{padding:3rem 1rem}.hero-container{gap:1.5rem}.hero-content{text-align:left}.hero-title{font-size:2.1rem;line-height:1.15;margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:1.5rem}.hero-button{padding:.875rem 1.5rem;font-size:.95rem}.hero-image img{max-width:100%;border-radius:16px}}@media(max-width:480px){.hero{padding:2.5rem 1rem}.hero-title{font-size:1.85rem}.hero-description{font-size:.95rem}.hero-image img{border-radius:14px}}.featured-categories{padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,2rem);background-color:#fff}.featured-container{max-width:1400px;margin:0 auto}.featured-container h2{justify-self:center;font-size:2.5rem}.section-title{text-align:center;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700;color:#1a1a1a;margin-bottom:3rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.category-card{text-decoration:none;background-color:#f8f7f4;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}.category-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.category-image{width:100%;height:250px;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.category-card:hover .category-image img{transform:scale(1.05)}.category-info{padding:1.5rem;text-align:center}.category-title{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.category-description{font-size:.95rem;color:#666}@media(max-width:768px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.featured-categories{padding-inline:1rem}.section-title{margin-bottom:2rem}}@media(max-width:480px){.categories-grid{grid-template-columns:1fr}.category-image{height:200px}.category-info{padding:1.25rem}.category-title{font-size:1.15rem}}.popular-picks{padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,2rem);background-color:#f8f7f4}.popular-container{max-width:1400px;margin:0 auto}.popular-container h2{justify-self:center;font-size:2.5rem}.section-title{text-align:center;font-size:clamp(1.9rem,4vw,2.5rem);color:#2d5016;margin-bottom:3rem;font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.product-card{background-color:#fff;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.product-image{width:100%;aspect-ratio:4 / 5;min-height:260px;overflow:hidden;background-color:#f0f0f0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:1.5rem}.product-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.product-price{font-size:1.2rem;font-weight:600;color:#2d5f3f}.loading-message,.no-products-message{text-align:center;padding:3rem 2rem;font-size:1.1rem;color:#666}.view-all-container{text-align:center;margin-top:3rem}.view-all-btn{display:inline-block;padding:1rem 2.5rem;background:#6ba545;color:#fff;text-decoration:none;border-radius:10px;font-size:1.1rem;font-weight:600;transition:all .3s}.view-all-btn:hover{background:#5a8f39;transform:translateY(-2px);box-shadow:0 6px 16px #6ba5454d}@media(max-width:768px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.section-title{font-size:1.9rem;margin-bottom:2rem}.popular-picks{padding-inline:1rem}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}.product-image{min-height:220px}.product-info{padding:1.25rem}}.why-shop{padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,2rem);background-color:#fff}.why-container h2{justify-self:center;font-size:clamp(1.9rem,4vw,2.5rem)}.why-subtitle{max-width:600px;margin:0 auto 3rem;font-size:clamp(1rem,2.2vw,1.1rem);color:#666}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem;margin-top:3rem}.benefit-card{padding:2rem;text-align:center}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#f0f5f2;border-radius:50%;color:#2d5f3f;margin-bottom:1.5rem}.benefit-title{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.benefit-description{font-size:1rem;color:#666;line-height:1.6}@media(max-width:768px){.benefits-grid{grid-template-columns:1fr;gap:2rem}.why-shop{padding-inline:1rem}.why-subtitle{margin-bottom:2rem}}@media(max-width:480px){.benefit-card{padding:1.5rem 1rem}.benefit-icon{width:68px;height:68px}}.newsletter{padding:clamp(2.5rem,5vw,4rem) clamp(1rem,3vw,2rem);background-color:#e8ede9}.newsletter-container{max-width:800px;margin:0 auto;text-align:center}.newsletter-title{font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700;color:#1a1a1a;margin-bottom:1rem}.newsletter-description{font-size:clamp(.98rem,2.2vw,1.05rem);color:#666;margin-bottom:2rem;line-height:1.6}.newsletter-form{display:flex;gap:1rem;max-width:600px;margin:0 auto}.newsletter-input{flex:1;padding:1rem 1.5rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;background-color:#fff}.newsletter-input:focus{border-color:#2d5f3f}.newsletter-button{padding:1rem 2.5rem;background-color:#2d5f3f;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;white-space:nowrap}.newsletter-button:hover{background-color:#234a32;transform:translateY(-2px)}@media(max-width:768px){.newsletter-form{flex-direction:column}.newsletter-button{width:100%}.newsletter{padding-inline:1rem}}@media(max-width:480px){.newsletter-title{font-size:1.7rem}.newsletter-input,.newsletter-button{padding-left:1rem;padding-right:1rem}}.shop-container{max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,3vw,3rem);min-height:70vh;background-color:#fafaf8;overflow-x:hidden}.shop-header{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:linear-gradient(135deg,#2d5f3f,#4a8c5c);border-radius:20px;color:#fff;position:relative;overflow:hidden}.shop-header:before{content:"🌿";position:absolute;font-size:8rem;opacity:.1;right:5%;top:50%;transform:translateY(-50%)}.shop-header h1{font-size:clamp(2rem,5vw,2.8rem);color:#fff;margin-bottom:.75rem;font-weight:700;letter-spacing:-.5px;line-height:1.1}.shop-header p{font-size:clamp(1rem,2.2vw,1.15rem);color:#ffffffe6;max-width:500px;margin:0 auto}.shop-filters{background:#fff;padding:1.5rem 2rem;border-radius:16px;margin-bottom:2.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.6rem;box-shadow:0 2px 12px #0000000f;flex-wrap:wrap;overflow-x:hidden}.filter-group,.search-form{display:flex;align-items:center;gap:.75rem;flex:0 0 auto;min-width:0}.search-filter-group{flex:0 0 auto}.category-filter-group{flex:1 1 auto;min-width:0}.sort-filter-group{flex:0 0 auto;margin-left:auto}.filter-group label{font-weight:600;color:#2d5f3f;font-size:.9rem;white-space:nowrap}.search-input{width:min(280px,100%);padding:.8rem 1.2rem;border:2px solid #e8e8e8;border-radius:10px;font-size:.95rem;transition:all .3s;background:#fafafa}.search-input:focus{outline:none;border-color:#2d5f3f;background:#fff;box-shadow:0 0 0 4px #2d5f3f14}.search-input::placeholder{color:#999}.search-btn{padding:.8rem 1.2rem;border:none;border-radius:10px;background:#2d5f3f;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.search-btn:hover{background:#254f34;transform:translateY(-1px)}.category-buttons{display:flex;gap:.35rem;flex-wrap:wrap;overflow-x:visible;max-width:100%}.category-buttons button{padding:.62rem 1.2rem;border:2px solid #e8e8e8;background:#fff;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .25s ease;text-transform:capitalize;color:#555}.category-buttons button:hover{border-color:#2d5f3f;color:#2d5f3f;background:#f0f7f2;transform:translateY(-1px)}.category-buttons button.active{background:#2d5f3f;color:#fff;border-color:#2d5f3f;box-shadow:0 4px 12px #2d5f3f40}.filter-group select{padding:.8rem 2.5rem .8rem 1rem;border:2px solid #e8e8e8;border-radius:10px;font-size:.95rem;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 1rem center;appearance:none;min-width:180px;transition:all .3s}.filter-group select:focus{outline:none;border-color:#2d5f3f;box-shadow:0 0 0 4px #2d5f3f14}.products-section{margin-bottom:2rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.04)}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #2d5f3f26}.product-image-link{display:block;text-decoration:none}.product-name-link{text-decoration:none;color:inherit}.product-name-link:hover .product-name{color:#2d5f3f}.product-image{position:relative;width:100%;aspect-ratio:4 / 5;min-height:240px;overflow:hidden;background:linear-gradient(135deg,#f5f7f5,#e8ede8)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image img{transform:scale(1.08)}.out-of-stock-badge,.low-stock-badge{position:absolute;top:12px;right:12px;padding:.45rem .9rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.out-of-stock-badge{background:#dc3545e6}.low-stock-badge{background:#ffc107f2;color:#333}.product-info{padding:1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}.product-name{font-size:1.15rem;color:#1a1a1a;margin-bottom:.4rem;font-weight:600;line-height:1.3;transition:color .2s;overflow-wrap:anywhere}.product-category{font-size:.8rem;color:#2d5f3f;text-transform:uppercase;margin-bottom:.6rem;font-weight:600;letter-spacing:.5px;background:#f0f7f2;padding:.3rem .7rem;border-radius:4px;display:inline-block;width:fit-content}.product-price{font-size:1.4rem;color:#2d5f3f;font-weight:700;margin-bottom:1rem}.product-meta{display:flex;gap:1rem;margin-bottom:1.2rem;font-size:.85rem;color:#666;padding:.8rem;background:#fafafa;border-radius:8px;overflow-wrap:anywhere}.product-meta span{display:flex;align-items:center;gap:.4rem;text-transform:capitalize}.add-to-cart-btn{width:100%;padding:.9rem 1rem;background:linear-gradient(135deg,#2d5f3f,#3d7a52);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-to-cart-btn:hover:not(:disabled){background:linear-gradient(135deg,#245332,#2d5f3f);transform:translateY(-2px);box-shadow:0 6px 20px #2d5f3f59}.add-to-cart-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.7}.loading,.error{text-align:center;padding:5rem 2rem;font-size:1.2rem}.loading{color:#2d5f3f}.loading:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.error{color:#dc3545;background:#fff5f5;border-radius:12px;border:1px solid #fee}.no-products{text-align:center;padding:5rem 2rem;grid-column:1 / -1;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f}.no-products p{font-size:1.15rem;color:#666}.results-info{text-align:center;padding:1.5rem;color:#666;font-size:.95rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000a}.shop-notification{position:fixed;top:100px;right:24px;padding:1rem 1.75rem;border-radius:12px;font-weight:600;z-index:1000;animation:slideIn .35s cubic-bezier(.4,0,.2,1),fadeOut .35s ease 2.65s;box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shop-notification.success{background:#e8f5e9f2;color:#1b5e20;border:1px solid #4caf50}.shop-notification.error{background:#ffebeef2;color:#c62828;border:1px solid #e53935}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.add-to-cart-btn.adding{opacity:.7;cursor:wait}.add-to-cart-btn .spin{animation:spin 1s linear infinite}@media(max-width:1024px){.shop-filters{flex-direction:column;align-items:stretch;gap:1.25rem;flex-wrap:wrap;overflow-x:visible}.filter-group{flex-direction:column;align-items:flex-start;width:100%}.search-input{width:100%}.category-buttons{flex-wrap:wrap;overflow-x:visible}}@media(max-width:768px){.shop-container{padding:1rem;background-color:#fafaf8}.shop-header{padding:2rem 1.5rem;border-radius:16px;margin-bottom:2rem}.shop-header h1{font-size:2rem}.shop-header p{font-size:1rem}.shop-filters{padding:1rem}.search-form{width:100%;flex-direction:column;align-items:stretch}.search-input,.filter-group select{width:100%}.category-buttons{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.category-buttons button{flex:0 0 auto}.products-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.shop-filters{padding:1.25rem;border-radius:12px}.category-buttons{justify-content:flex-start}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.product-image{height:220px}.shop-notification{right:16px;left:16px;text-align:center}}@media(max-width:480px){.products-grid{grid-template-columns:1fr;gap:1.25rem}.shop-header{padding:1.5rem 1rem}.shop-header h1{font-size:1.75rem}.category-buttons button{font-size:.85rem;padding:.55rem 1rem}.product-info{padding:1.2rem}.shop-header:before{display:none}.product-meta{flex-direction:column;gap:.5rem}.search-input,.filter-group select,.search-btn{width:100%}}.product-detail-container{max-width:1200px;margin:0 auto;padding:clamp(1rem,2vw,2rem);min-height:70vh;overflow-x:hidden}.product-notification{position:fixed;top:100px;right:20px;padding:1rem 1.5rem;border-radius:8px;font-weight:500;z-index:1000;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026}.product-notification.success{background:#e8f5e9;color:#2d5a27;border:1px solid #4caf50}.product-notification.error{background:#ffebee;color:#c62828;border:1px solid #e53935}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.product-loading,.product-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;text-align:center}.product-loading .loader{width:50px;height:50px;border:4px solid #e8f5e9;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.product-error h2{color:#2d5a27}.back-to-shop{background:#4caf50;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;margin-bottom:1rem;flex-wrap:wrap}.breadcrumb a{color:#4caf50;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .current{color:#333;font-weight:500}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#4caf50;text-decoration:none;font-weight:500;margin-bottom:1.5rem}.product-detail-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}.product-image-section{position:sticky;top:2rem;min-width:0}.main-image{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.main-image img{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:cover}.out-of-stock-overlay{position:absolute;inset:0;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.low-stock-badge{position:absolute;top:1rem;left:1rem;background:#ff9800;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.product-info-section{display:flex;flex-direction:column;gap:1rem;min-width:0}.product-category-badge{display:inline-block;background:#e8f5e9;color:#2d5a27;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:capitalize;width:fit-content}.product-title{font-size:clamp(1.7rem,4vw,2rem);color:#2d5a27;margin:0;overflow-wrap:anywhere}.product-rating{display:flex;align-items:center;gap:.75rem}.product-rating .stars{display:flex;gap:.1rem}.rating-text{color:#666;font-size:.9rem}.product-price{font-size:clamp(1.6rem,4vw,2rem);font-weight:700;color:#4caf50;margin:0}.product-description{color:#555;line-height:1.7;font-size:1rem;margin:0}.care-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:#f8f9fa;padding:1.25rem;border-radius:12px;margin-top:.5rem}.care-item{display:flex;align-items:center;gap:.75rem;color:#2d5a27}.care-item>div{display:flex;flex-direction:column}.care-label{font-size:.75rem;color:#666;text-transform:uppercase}.care-value{font-weight:600;font-size:.95rem;text-transform:capitalize}.product-features{margin-top:.5rem}.product-features h3{font-size:1rem;color:#2d5a27;margin:0 0 .75rem}.product-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.product-features li{color:#555;font-size:.95rem}.additional-specs{background:#f8f9fa;padding:1.25rem;border-radius:12px;margin-top:.5rem;border-left:4px solid #4caf50}.spec-item{display:flex;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;color:#555;flex-wrap:wrap}.spec-item strong{color:#2d5a27;font-weight:600;min-width:120px}.spec-item:last-child{margin-bottom:0}.add-to-cart-section{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.quantity-selector{display:flex;align-items:center;background:#f5f5f5;border-radius:8px;overflow:hidden}.quantity-selector button{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:background .2s}.quantity-selector button:hover:not(:disabled){background:#e0e0e0}.quantity-selector button:disabled{opacity:.5;cursor:not-allowed}.quantity-value{width:40px;text-align:center;font-weight:600;font-size:1rem}.add-to-cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#4caf50;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.add-to-cart-btn:hover:not(:disabled){background:#388e3c;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.add-to-cart-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.add-to-cart-btn.loading{opacity:.8}.wishlist-btn{width:50px;height:50px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.wishlist-btn:hover{border-color:#e91e63;color:#e91e63}.wishlist-btn.active{border-color:#e91e63;color:#e91e63;background:#fff0f5}.wishlist-btn:disabled{opacity:.75;cursor:not-allowed}.shipping-info{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#f8f9fa;border-radius:12px;margin-top:1rem}.shipping-item{display:flex;align-items:center;gap:.75rem;color:#555;font-size:.9rem;overflow-wrap:anywhere}.shipping-item svg{color:#4caf50}@media(max-width:900px){.product-detail-content{grid-template-columns:1fr;gap:2rem}.product-image-section{position:static}}@media(max-width:600px){.product-detail-container{padding:1rem}.product-notification{left:1rem;right:1rem;top:80px}.product-title{font-size:1.55rem}.product-price{font-size:1.4rem}.care-info{grid-template-columns:1fr}.add-to-cart-section{flex-direction:column;align-items:stretch}.quantity-selector{width:100%}.wishlist-btn{width:100%;height:46px}.add-to-cart-btn{width:100%}.breadcrumb{display:none}.add-to-cart-btn,.wishlist-btn,.quantity-selector{width:100%}}@media(max-width:480px){.product-detail-container{padding:.85rem}.product-description,.care-value,.spec-item,.shipping-item{font-size:.92rem}.quantity-selector button,.quantity-value{width:36px;height:36px}}.plantcare-page{min-height:100vh;background:#f7f9f5}.plantcare-hero{background:linear-gradient(135deg,#1b4332,#2d6a4f 55%,#40916c);padding:3.5rem 2rem 5rem;text-align:center;position:relative;overflow:hidden}.plantcare-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.plantcare-hero-inner{max-width:700px;margin:0 auto;position:relative;z-index:1}.plantcare-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff26;color:#d8f3dc;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.3rem .9rem;font-size:.78rem;font-weight:500;letter-spacing:.03em;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.plantcare-hero-title{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;margin-bottom:.9rem;line-height:1.2}.plantcare-hero-title svg{color:#95d5b2;flex-shrink:0}.plantcare-hero-sub{color:#b7e4c7;font-size:1rem;line-height:1.65;max-width:540px;margin:0 auto}.plantcare-chat-section{max-width:900px;margin:-3rem auto 3rem;padding:0 1.5rem;position:relative;z-index:10}.plantcare-chat-card{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000000d,0 20px 60px #0000001f;overflow:hidden;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e9f0e6;background:linear-gradient(90deg,#f0faf3,#fff);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:.75rem}.chat-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.bot-avatar{background:linear-gradient(135deg,#d8f3dc,#b7e4c7);border:2px solid #95d5b2}.user-avatar{background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;border:2px solid #2d6a4f}.chat-avatar.sm{width:30px;height:30px;font-size:.95rem}.chat-bot-name{font-size:1rem;font-weight:600;color:#1b4332;margin:0}.chat-bot-status{font-size:.75rem;color:#52b788;display:flex;align-items:center;gap:.35rem;margin:0}.status-dot{width:7px;height:7px;background:#52b788;border-radius:50%;flex-shrink:0;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.chat-reset-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:1px solid #d0e8d6;color:#40916c;padding:.45rem .9rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-reset-btn:hover{background:#f0faf3;border-color:#40916c;color:#1b4332}.chat-messages{flex:1;min-height:380px;max-height:500px;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#c3e6cb;border-radius:99px}.chat-message-row{display:flex;align-items:flex-end;gap:.55rem;animation:fadeSlideUp .22s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bot-row{justify-content:flex-start}.user-row{justify-content:flex-end}.chat-bubble{max-width:72%;padding:.75rem 1rem;border-radius:16px;line-height:1.65;word-break:break-word}.bot-bubble{background:#f0faf3;border:1px solid #d8f3dc;border-bottom-left-radius:4px;color:#1a1a1a}.user-bubble{background:linear-gradient(135deg,#2d6a4f,#40916c);border-bottom-right-radius:4px;color:#fff}.bubble-text{margin:0;font-size:.93rem}.user-bubble .bubble-text{color:#fff}.typing-indicator{display:flex;gap:5px;padding:.25rem 0;align-items:center}.typing-indicator span{width:8px;height:8px;background:#52b788;border-radius:50%;animation:bounce-dot 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce-dot{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-6px);opacity:1}}.suggestions-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 1.5rem 1rem}.suggestion-chip{background:#f0faf3;border:1px solid #b7e4c7;color:#2d6a4f;padding:.42rem .85rem;border-radius:999px;font-size:.81rem;font-weight:500;cursor:pointer;transition:all .18s;text-align:left;white-space:nowrap}.suggestion-chip:hover{background:#d8f3dc;border-color:#52b788;transform:translateY(-1px)}.chat-input-area{display:flex;align-items:flex-end;gap:.75rem;padding:.9rem 1.25rem;border-top:1px solid #e9f0e6;background:#fafcf9;flex-shrink:0}.chat-textarea{flex:1;resize:none;border:1.5px solid #d0e8d6;border-radius:12px;padding:.7rem 1rem;font-size:.94rem;font-family:inherit;color:#1a1a1a;background:#fff;line-height:1.5;max-height:130px;overflow-y:auto;transition:border-color .2s,box-shadow .2s;outline:none}.chat-textarea:focus{border-color:#40916c;box-shadow:0 0 0 3px #40916c1f}.chat-textarea:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.chat-send-btn{width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1b4332,#2d6a4f);transform:scale(1.06);box-shadow:0 4px 14px #2d6a4f59}.chat-send-btn:disabled{background:#c3e6cb;cursor:not-allowed;transform:none;box-shadow:none}.chat-send-btn.loading svg{animation:spin 1s linear infinite}.chat-hint{text-align:center;font-size:.71rem;color:#bbb;padding:.3rem 1rem .7rem;margin:0}.plantcare-tips-section{background:#fff;border-top:1px solid #e9f0e6;padding:4rem 1.5rem 4.5rem}.tips-inner{max-width:980px;margin:0 auto}.tips-heading{text-align:center;font-size:1.65rem;font-weight:700;color:#1b4332;margin-bottom:.5rem}.tips-subheading{text-align:center;font-size:.95rem;color:#6b8f71;margin-bottom:2.25rem}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.tip-card{background:#f7f9f5;border:1px solid #e0ede3;border-radius:14px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.tip-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #2d6a4f1a}.tip-emoji{font-size:1.8rem;display:block;margin-bottom:.65rem}.tip-title{font-size:.98rem;font-weight:600;color:#2d6a4f;margin:0 0 .45rem}.tip-text{font-size:.87rem;color:#555;line-height:1.65;margin:0}@media(max-width:768px){.plantcare-hero{padding:2.5rem 1.25rem 4rem}.plantcare-chat-section{margin-top:-2rem;padding:0 1rem}.chat-bubble{max-width:85%}.tips-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.plantcare-hero{padding:2rem 1rem 3.5rem}.plantcare-chat-section{margin-top:-1.5rem;padding:0 .75rem}.chat-messages{min-height:300px;max-height:400px;padding:1rem}.chat-bubble{max-width:90%}.suggestions-row{padding:.25rem 1rem .75rem;gap:.4rem}.suggestion-chip{font-size:.76rem;padding:.35rem .7rem}.tips-grid{grid-template-columns:1fr}}.image-analyze-section{padding:1rem 1.25rem .5rem;border-bottom:1px solid #eef6ef;background:linear-gradient(180deg,#f5fbf799,#fff9)}.image-dropzone{border:2px dashed #d0e8d6;border-radius:12px;padding:.9rem;display:flex;align-items:center;justify-content:center;min-height:80px;cursor:pointer;transition:border-color .15s,background .15s}.image-dropzone.active{border-color:#40916c;background:#f0faf3}.drop-hint{text-align:center;color:#6b8f71}.drop-title{font-weight:600;color:#2d6a4f}.drop-sub{font-size:.9rem}.image-preview-row{display:flex;gap:.9rem;align-items:center}.image-preview{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid #e6f1ea}.image-preview-info{display:flex;flex:1;justify-content:space-between;align-items:center}.preview-filename{color:#2d6a4f;font-weight:600}.analyze-btn{background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;border:none;padding:.45rem .8rem;border-radius:8px;cursor:pointer}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid #cfe9d7;border-top-color:#2d6a4f;animation:spin .8s linear infinite}.diagnosis-card{margin-top:.9rem;background:linear-gradient(135deg,#f7fff6,#f0fbf7);border:2px solid #e3f5ea;padding:1.2rem;border-radius:12px;box-shadow:0 2px 8px #2d6a4f14}.diagnosis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.diagnosis-plant-name{font-weight:700;color:#1b4332;font-size:1.1rem;margin:0}.urgency-badge{padding:.35rem .75rem;border-radius:999px;font-weight:600;text-transform:uppercase;font-size:.7rem;white-space:nowrap}.urgency-low{background:#e6f7ee;color:#2d6a4f;border:1px solid #2d6a4f}.urgency-medium{background:#fff4e6;color:#b36b00;border:1px solid #b36b00}.urgency-high{background:#ffebeb;color:#9b1b1b;border:1px solid #9b1b1b}.diagnosis-health{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e3f5ea}.health-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.health-label{font-size:.9rem;color:#555;font-weight:500}.health-value{font-weight:700;color:#1b4332;font-size:1.1rem}.health-bar-container{width:100%;height:12px;background:#e6f1ea;border-radius:999px;overflow:hidden;border:1px solid #d4e8df}.health-bar-fill{height:100%;transition:width .5s ease;border-radius:999px}.diagnosis-condition{font-size:.95rem;color:#2d6a4f;margin:.8rem 0;font-weight:500;line-height:1.4}.diagnosis-section{margin:.8rem 0}.section-title{font-weight:600;color:#1b4332;margin:.5rem 0 .4rem;font-size:.95rem}.diagnosis-list{list-style:none;padding:0 0 0 1.2rem;margin:.3rem 0 0}.diagnosis-list li{color:#2d6a4f;font-size:.9rem;line-height:1.5;position:relative;padding-left:.4rem}.diagnosis-list li:before{content:"•";color:#2d6a4f;font-weight:700;margin-right:.6rem;margin-left:-1.2rem}.diagnosis-analysis{background:#f5fbf8;padding:.8rem;border-left:3px solid #2d6a4f;border-radius:6px;margin-top:.8rem}.diagnosis-analysis p{margin:0;font-size:.9rem;color:#1b4332;line-height:1.5}.attach-area{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f5fbf8;border:1px solid #e6f1ea;cursor:pointer;flex-shrink:0;position:relative}.attach-placeholder{font-size:18px;color:#2d6a4f}.attach-preview img{width:44px;height:44px;object-fit:cover;border-radius:8px}.attach-remove{position:absolute;top:-6px;right:-6px;background:#fff;border:1px solid #e6f1ea;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.about-page{width:100%;background-color:#fafaf8}.about-hero{background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;padding:6rem 2rem;text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:min(100%,500px);aspect-ratio:1 / 1;background:#ffffff0d;border-radius:50%}.about-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.about-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;animation:fadeInDown .8s ease-out}.about-hero-subtitle{font-size:1.3rem;color:#ffffffe6;animation:fadeInUp .8s ease-out .2s backwards}.company-story{padding:5rem 2rem;background-color:#fff}.story-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}@media(max-width:1024px){.story-container{grid-template-columns:1fr;gap:2rem}.story-content{max-width:100%}.story-image-placeholder{width:100%;min-height:320px}.growing-plant-animation{max-width:100%}}@media(max-width:768px){.about-hero{padding:4rem 1.25rem}.about-hero-title{font-size:2.5rem}.about-hero-subtitle{font-size:1.05rem}.company-story,.why-choose{padding:3.5rem 1.25rem}.section-title,.story-content h2{font-size:1.9rem}.story-paragraph{text-align:left;font-size:1rem}.story-image-placeholder{min-height:280px;border-radius:22px}.growth-scene{min-height:240px}.soil-bed{height:220px}}@media(max-width:480px){.about-hero{padding:3rem 1rem}.about-hero-title{font-size:2rem}.about-hero-subtitle{font-size:.98rem}.company-story,.why-choose{padding-inline:1rem}.story-image-placeholder{min-height:240px;padding:.75rem}.growth-scene{min-height:210px}.soil-bed{height:200px}}.story-content h2{font-size:2.5rem;font-weight:700}.section-title{font-size:2.5rem;color:#1a1a1a;font-weight:700;margin-bottom:1.5rem;position:relative;padding-bottom:1rem}.story-content{max-width:500px}.story-paragraph{font-size:1.05rem;color:#555;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.story-image{display:flex;align-items:center;justify-content:center}.story-image-placeholder{width:min(100%,420px);min-height:360px;padding:1rem;background:linear-gradient(180deg,#eef7f0,#f8fbf6 42%,#f2ede2);border-radius:28px;display:flex;align-items:center;justify-content:center;color:#2d5f3f;box-shadow:0 20px 60px #0000001a;overflow:hidden}.growing-plant-animation{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:1rem}.growth-scene{width:100%;aspect-ratio:1 / 1;min-height:280px;position:relative;display:flex;align-items:flex-end;justify-content:center}.growth-scene:before{content:"";position:absolute;inset:10% 14% 0;background:radial-gradient(circle at 50% 18%,rgba(111,190,119,.12),transparent 38%);pointer-events:none;animation:glowShift 6s ease-in-out infinite}.growth-sun{position:absolute;top:.25rem;right:.25rem;width:88px;height:88px;pointer-events:none}.sun-core{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle,#ffe9a6,#f6c54b 70%,#e8a826);box-shadow:0 0 24px #f6c54b73;animation:sunPulse 4s ease-in-out infinite}.sun-ray{position:absolute;left:50%;top:50%;width:2px;height:18px;background:linear-gradient(to bottom,#f6c54bf2,#f6c54b0d);transform-origin:center 30px;opacity:.9}.ray-1{transform:translate(-50%,-50%) rotate(0)}.ray-2{transform:translate(-50%,-50%) rotate(45deg)}.ray-3{transform:translate(-50%,-50%) rotate(90deg)}.ray-4{transform:translate(-50%,-50%) rotate(135deg)}.ray-5{transform:translate(-50%,-50%) rotate(180deg)}.ray-6{transform:translate(-50%,-50%) rotate(225deg)}.growth-scene:after{content:"";position:absolute;left:50%;bottom:0;width:78%;height:18px;transform:translate(-50%);border-radius:999px;background:#95794a26;filter:blur(18px)}.soil-bed{position:relative;width:min(100%,320px);height:250px;overflow:visible}.soil-bed.stage-0 .soil-mound,.soil-bed.stage-1 .soil-mound{animation:soilBreathe 2.8s ease-in-out infinite}.soil-bed.stage-2 .soil-mound,.soil-bed.stage-3 .soil-mound,.soil-bed.stage-4 .soil-mound{animation:soilBreathe 3.6s ease-in-out infinite}.soil-shadow{position:absolute;left:50%;bottom:18px;width:180px;height:42px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#4d361e47,#4d361e00 70%);filter:blur(2px)}.soil-mound{position:absolute;left:50%;bottom:0;width:240px;height:74px;transform:translate(-50%);border-radius:70% 70% 48% 48%/100% 100% 40% 40%;background:linear-gradient(180deg,#8b6b46,#6f5336 55%,#563f27);box-shadow:inset 0 12px 16px #ffffff14}.soil-mound:before{content:"";position:absolute;left:18px;top:10px;width:56px;height:14px;border-radius:999px;background:#ffffff1f;filter:blur(1px)}.soil-mound:after{content:"";position:absolute;right:16px;top:14px;width:38px;height:8px;border-radius:999px;background:#ffffff17}.seed{position:absolute;left:50%;bottom:26px;width:20px;height:14px;transform:translate(-50%) rotate(-10deg);border-radius:60% 40% 55% 45%;background:linear-gradient(180deg,#d1a36b,#9e6a3e);box-shadow:inset -2px -2px #00000014;transition:all 1.2s cubic-bezier(.22,1,.36,1)}.seed.is-visible{opacity:1;transform:translate(-50%) rotate(-10deg) scale(1)}.seed.is-buried{opacity:0;transform:translate(-50%) translateY(12px) scale(.3)}.sprout{position:absolute;left:50%;bottom:40px;width:72px;height:92px;transform:translate(-50%);opacity:0;transition:opacity 1s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}.sprout.is-visible{opacity:1}.sprout-stem{position:absolute;left:50%;bottom:6px;width:4px;height:72px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#7fba63,#4e8f44);transform-origin:bottom center;animation:sproutRise 1.7s cubic-bezier(.22,1,.36,1) forwards}.sprout-leaf{position:absolute;bottom:42px;width:22px;height:12px;border-radius:100% 0;background:linear-gradient(135deg,#9ad67d,#5ea84d);opacity:0}.sprout-leaf-left{left:16px;transform:rotate(-35deg);transform-origin:right center}.sprout-leaf-right{right:16px;transform:scaleX(-1) rotate(-35deg);transform-origin:left center}.sprout.is-visible .sprout-leaf{animation:leafUnfold .8s ease forwards}.sprout.is-visible .sprout-leaf-right{animation-delay:.15s}.plant-svg{position:absolute;left:50%;bottom:36px;width:100%;height:200px;transform:translate(-50%) scaleY(.2);transform-origin:bottom center;opacity:0;transition:opacity 1s ease,transform 1.3s cubic-bezier(.22,1,.36,1)}.plant-svg.is-visible{opacity:1;transform:translate(-50%) scaleY(1)}.stem-path,.branch-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1)}.stem-path{stroke:#4e8f44;stroke-width:5}.branch-path{stroke:#5fa84f;stroke-width:4}.stem-path.draw,.branch-path.draw{stroke-dashoffset:0}.leaf{fill:#73c06a;opacity:0;transform-box:fill-box;transform-origin:center}.leaf-left,.leaf-lower-left{fill:#6ab65b}.leaf-right,.leaf-lower-right,.leaf-top{fill:#7fd06d}.leaf.bloom{opacity:1;animation:bloomLeaf 1.15s cubic-bezier(.22,1,.36,1) forwards}.leaf.sway{animation:swayLeaf 5.4s ease-in-out infinite}.watering-drop{position:absolute;top:30px;width:10px;height:16px;border-radius:50% 50% 60% 60%;background:linear-gradient(180deg,#8dcefff2,#68b6eb8c);box-shadow:0 4px 10px #59aade4d;opacity:0}.drop-one{left:calc(50% - 52px)}.drop-two{left:calc(50% + 38px)}.watering-drop.fall{animation:dropFall 2.5s ease-in forwards}.plant-svg.is-visible,.sprout.is-visible,.seed.is-buried{will-change:transform,opacity}.growth-caption{min-height:52px;text-align:center;display:flex;flex-direction:column;gap:.45rem}.growth-stage-badge{display:inline-flex;align-self:center;padding:.45rem .95rem;border-radius:999px;background:#2d5f3f1f;color:#2d5f3f;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.growth-caption p{margin:0;font-size:.95rem;color:#5b5b5b;line-height:1.5}.growth-replay{appearance:none;border:1px solid rgba(45,95,63,.18);background:#ffffffe6;color:#2d5f3f;padding:.8rem 1.2rem;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.growth-replay:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 24px #2d5f3f1f}@keyframes sunPulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:1}}@keyframes glowShift{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:.85;transform:translateY(-4px)}}@keyframes soilBreathe{0%,to{transform:translate(-50%) scaleX(1) scaleY(1)}50%{transform:translate(-50%) scaleX(1.02) scaleY(1.03)}}@keyframes sproutRise{0%{transform:translate(-50%) scaleY(.12);opacity:0}55%{opacity:.82}to{transform:translate(-50%) scaleY(1);opacity:1}}@keyframes leafUnfold{0%{opacity:0;transform:scale(.25) rotate(-18deg)}70%{opacity:1;transform:scale(1.04) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes swayLeaf{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(2deg) translateY(-2px)}}@keyframes bloomLeaf{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes dropFall{0%{transform:translateY(-18px) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(170px) scale(.9);opacity:0}}.why-choose{padding:5rem 2rem;background-color:#fafaf8}.why-container{max-width:1400px;margin:0 auto;text-align:center}.why-subtitle{max-width:600px;margin:0 auto 3rem;font-size:1.1rem;color:#666}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.why-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;text-align:center}.why-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026}.why-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#f0f5f2;border-radius:50%;color:#2d5f3f;margin-bottom:1.5rem;transition:all .3s ease}.why-card:hover .why-icon{background-color:#2d5f3f;color:#fff;transform:scale(1.1)}.why-title{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.why-description{font-size:1rem;color:#666;line-height:1.6}.what-we-provide{padding:5rem 2rem;background-color:#fff}.what-we-provide h2{font-size:2.5rem;justify-self:center}.provide-container{max-width:1400px;margin:0 auto;text-align:center}.provide-subtitle{max-width:600px;margin:0 auto 3rem;font-size:1.1rem;color:#666}.provide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.provide-card{background:linear-gradient(135deg,#f8f7f4,#f0ebe5);padding:2rem;border-radius:16px;border-left:4px solid #2d5f3f;transition:all .3s ease;text-align:center}.provide-card:hover{transform:translate(8px);box-shadow:0 10px 30px #0000001a}.provide-icon{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background-color:#fff;border-radius:12px;color:#2d5f3f;margin-bottom:1.5rem}.provide-title{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.provide-description{font-size:.95rem;color:#666;line-height:1.6}.mission-values{padding:5rem 2rem;background-color:#fafaf8}.mission-container{max-width:1400px;margin:0 auto;text-align:center}.mission-container h2{font-size:2.5rem;justify-self:center}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-top:3rem}.mission-card{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 5px 20px #00000014;text-align:left}.mission-heading{font-size:1.8rem;font-weight:700;color:#2d5f3f;margin-bottom:1.5rem}.mission-text{font-size:1.05rem;color:#555;line-height:1.8}.values-list{list-style:none;padding:0;margin:0}.values-list li{font-size:1.05rem;color:#555;line-height:1.8;margin-bottom:1rem;padding-left:2rem;position:relative}.values-list li:before{content:"✓";position:absolute;left:0;color:#2d5f3f;font-weight:700;font-size:1.3rem}.about-stats{padding:5rem 2rem;background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff}.stats-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:center}.stat-item{padding:2rem}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:#a8d5ba}.stat-label{font-size:1.1rem;color:#ffffffe6;font-weight:500}.about-cta{padding:5rem 2rem;background-color:#fff;text-align:center}.cta-container{max-width:800px;margin:0 auto}.cta-title{font-size:2.5rem;color:#1a1a1a;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;color:#666;margin-bottom:2.5rem}.cta-button{display:inline-block;padding:1.2rem 3rem;background-color:#2d5f3f;color:#fff;text-decoration:none;border-radius:50px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 10px 30px #2d5f3f4d}.cta-button:hover{background-color:#1a3a26;transform:translateY(-3px);box-shadow:0 15px 40px #2d5f3f66}@media(max-width:768px){.about-hero-title{font-size:2.5rem}.about-hero-subtitle{font-size:1.1rem}.story-container{grid-template-columns:1fr}.story-image-placeholder{min-height:320px}.section-title{font-size:2rem}.why-grid,.provide-grid,.mission-grid{grid-template-columns:1fr}.stats-container{grid-template-columns:1fr 1fr}.stat-number{font-size:2.5rem}.cta-title{font-size:2rem}.cta-button{padding:1rem 2rem;font-size:1rem}.growth-scene{min-height:240px}.soil-bed{width:min(100%,290px);height:220px}.plant-svg{height:180px}}@media(max-width:480px){.about-hero{padding:3rem 1rem}.about-hero-title{font-size:2rem}.company-story,.why-choose,.what-we-provide,.mission-values,.about-stats,.about-cta{padding:3rem 1rem}.section-title{font-size:1.8rem}.story-image-placeholder{min-height:290px;padding:.75rem}.growing-plant-animation{gap:.75rem}.growth-caption p{font-size:.9rem}.stats-container{grid-template-columns:1fr}.stat-number{font-size:2rem}.mission-grid{gap:1.5rem}.mission-card{padding:2rem}}.contact-page{width:100%;background-color:#fafaf8}.contact-hero{background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:-30%;right:-5%;width:min(100%,400px);aspect-ratio:1 / 1;background:#ffffff0d;border-radius:50%}.contact-hero:after{content:"";position:absolute;bottom:-20%;left:-5%;width:min(100%,300px);aspect-ratio:1 / 1;background:#ffffff08;border-radius:50%}.contact-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.contact-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;animation:fadeInDown .8s ease-out}.contact-hero-subtitle{font-size:1.2rem;color:#ffffffe6;max-width:600px;margin:0 auto;animation:fadeInUp .8s ease-out .2s backwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-reasons{padding:4rem 2rem;background-color:#fff}.reasons-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.reason-card{text-align:center;padding:2rem;background:#fafaf8;border-radius:16px;transition:all .3s ease;border:2px solid transparent}.reason-card:hover{transform:translateY(-8px);border-color:#2d5f3f;box-shadow:0 10px 30px #2d5f3f1a}.reason-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.reason-card:hover .reason-icon{transform:scale(1.1) rotate(5deg)}.reason-title{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:.8rem}.reason-description{font-size:1rem;color:#666;line-height:1.6}.contact-main{padding:5rem 2rem;background-color:#fafaf8}.contact-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:4rem}.section-title{font-size:2.2rem;color:#1a1a1a;font-weight:700;margin-bottom:.8rem}.section-subtitle{font-size:1.05rem;color:#666;margin-bottom:2rem;line-height:1.6}.contact-form-section{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 5px 25px #00000014}.contact-form-section h2{font-size:1.8rem;margin-bottom:.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{font-size:.95rem;font-weight:600;color:#333;margin-bottom:.6rem}.form-group input,.form-group select,.form-group textarea{padding:.9rem 1.2rem;border:2px solid #e5e5e5;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:#fafaf8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2d5f3f;background-color:#fff;box-shadow:0 0 0 3px #2d5f3f1a}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.form-status{padding:1rem;border-radius:10px;font-size:.95rem;animation:slideDown .3s ease-out}.form-status.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-status.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-btn{background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2d5f3f4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.contact-info-section{display:flex;flex-direction:column}.contact-info-section h2{font-size:1.8rem;margin-bottom:1px}.contact-info-cards{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;padding:1.8rem;border-radius:16px;display:flex;gap:1.2rem;align-items:flex-start;transition:all .3s ease;border:2px solid transparent;box-shadow:0 3px 15px #0000000d}.info-card:hover{border-color:#2d5f3f;box-shadow:0 5px 25px #2d5f3f26;transform:translate(5px)}.info-icon{width:55px;height:55px;background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-content h4{font-size:1.15rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.info-content p{font-size:1rem;color:#333;margin-bottom:.3rem;line-height:1.5}.info-secondary{font-size:.9rem!important;color:#888!important;font-style:italic}.social-section{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 3px 15px #0000000d;margin-top:1.5rem}.social-section h3{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:1.5rem}.social-links{display:flex;justify-content:center;gap:1rem}.social-link{width:50px;height:50px;border-radius:50%;background:#fafaf8;border:2px solid #e5e5e5;display:flex;align-items:center;justify-content:center;color:#2d5f3f;transition:all .3s ease;text-decoration:none}.social-link:hover{background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;border-color:#2d5f3f;transform:translateY(-3px);box-shadow:0 5px 15px #2d5f3f4d}.faq-box{background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;padding:2rem;border-radius:16px;text-align:center;margin-top:1.5rem}.faq-box h4{font-size:1.3rem;font-weight:600;margin-bottom:.8rem}.faq-box p{font-size:1rem;margin-bottom:1.2rem;opacity:.9}.faq-link{color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem;border-bottom:2px solid rgba(255,255,255,.5);padding-bottom:.3rem;transition:all .3s ease;display:inline-block}.faq-link:hover{border-bottom-color:#fff;transform:translate(5px)}.map-section{padding:0;background-color:#fff}.map-placeholder{min-height:clamp(280px,45vw,400px);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2d5f3f;gap:.8rem}.map-placeholder p{font-size:1.3rem;font-weight:600;margin:0}.map-placeholder span{font-size:1rem;color:#555}.map-embed{margin-top:1.5rem;border-radius:12px;overflow:hidden;min-height:clamp(240px,35vw,320px);box-shadow:0 8px 30px #00000014;border:1px solid #e9efe8}.map-embed iframe{width:100%;height:100%;border:0;display:block}@media(max-width:1024px){.contact-container{grid-template-columns:1fr;gap:3rem}.reasons-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.contact-hero-title{font-size:2.5rem}.contact-hero-subtitle{font-size:1rem}.reasons-container{grid-template-columns:1fr;gap:1.5rem}.contact-form-section{padding:2rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.section-title{font-size:1.8rem}.contact-main,.contact-reasons{padding:3rem 1.5rem}.info-card{padding:1.5rem}.submit-btn{width:100%}}@media(max-width:480px){.contact-hero{padding:3rem 1.5rem}.contact-hero-title{font-size:2rem}.reason-card,.contact-form-section{padding:1.5rem}.info-card{flex-direction:column;text-align:center;align-items:center}.social-links{flex-wrap:wrap}}.faqs-page{background:radial-gradient(circle at top left,rgba(255,255,255,.28),transparent 28%),linear-gradient(180deg,#f3f7f2,#edf4ee);min-height:100vh;padding:3rem 1.5rem 4rem}.faqs-hero{max-width:1100px;margin:0 auto 2rem;padding:3rem 2rem;border-radius:28px;background:linear-gradient(135deg,#1f4b31,#2d5f3f 55%,#4f8a5c);color:#fff;box-shadow:0 24px 60px #143e2238;position:relative;overflow:hidden}.faqs-hero:after{content:"";position:absolute;inset:auto -120px -120px auto;width:280px;height:280px;border-radius:50%;background:#ffffff14;filter:blur(8px)}.faqs-hero-content{position:relative;z-index:1;max-width:720px}.faqs-hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem;border-radius:999px;background:#ffffff1f;font-size:.9rem;font-weight:600;margin-bottom:1rem}.faqs-hero h1{margin:0 0 .85rem;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em}.faqs-hero p{margin:0;max-width:62ch;font-size:1.08rem;line-height:1.7;color:#ffffffe6}.faqs-hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}.faqs-primary-btn,.faqs-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease}.faqs-primary-btn{background:#fff;color:#1f4b31;box-shadow:0 10px 24px #00000026}.faqs-secondary-btn{color:#fff;border:1px solid rgba(255,255,255,.28);background:#ffffff14}.faqs-primary-btn:hover,.faqs-secondary-btn:hover{transform:translateY(-1px)}.faqs-content{max-width:1100px;margin:0 auto}.faqs-list{display:grid;gap:1rem}.faq-card{background:#ffffffeb;border:1px solid rgba(45,95,63,.08);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px #122c1a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border:none;background:transparent;cursor:pointer;text-align:left}.faq-question-meta{display:flex;align-items:flex-start;gap:.9rem;min-width:0}.faq-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#2d5f3f;background:#2d5f3f1a}.faq-question-text{display:flex;flex-direction:column;gap:.35rem;min-width:0}.faq-category{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4f8a5c}.faq-title{font-size:1.02rem;font-weight:700;color:#173122;line-height:1.45}.faq-chevron{flex:0 0 auto;color:#2d5f3f;transition:transform .22s ease}.faq-card.open .faq-chevron{transform:rotate(180deg)}.faq-answer-wrap{max-height:0;min-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .18s ease}.faq-card.open .faq-answer-wrap{max-height:240px;opacity:1}.faq-answer{overflow:hidden;padding:0 1.25rem 1.2rem 4.35rem;min-height:0;color:#4a5c51;line-height:1.75;font-size:.98rem}@media(max-width:768px){.faqs-page{padding:1.25rem 1rem 2rem}.faqs-hero{padding:2rem 1.25rem;border-radius:22px}.faq-question{padding:1rem}.faq-answer{padding:0 1rem 1rem 3.5rem}}.cart-container{max-width:1200px;margin:0 auto;padding:clamp(1rem,2vw,2rem);min-height:70vh;overflow-x:hidden}.cart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e8f5e9}.cart-header h1{display:flex;align-items:center;gap:.5rem;font-size:clamp(1.45rem,4vw,1.8rem);color:#2d5a27;margin:0}.cart-count{background:#4caf50;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:500}.cart-loading,.cart-empty,.cart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1rem}.cart-loading .loader{width:50px;height:50px;border:4px solid #e8f5e9;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.empty-cart-icon{color:#a5d6a7}.cart-empty h2{color:#2d5a27;margin:0}.cart-empty p{color:#666;margin:0}.continue-shopping-btn{display:inline-flex;align-items:center;gap:.5rem;background:#4caf50;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;margin-top:1rem}.continue-shopping-btn:hover{background:#388e3c;transform:translateY(-2px)}.retry-btn{background:#4caf50;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto;gap:1rem;align-items:center;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.cart-item:hover{box-shadow:0 4px 12px #0000001f}.cart-item.updating{opacity:.6;pointer-events:none}.cart-item-image{width:100px;height:100px;border-radius:8px;overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.cart-item-name{font-size:1.1rem;font-weight:600;color:#2d5a27;margin:0;overflow-wrap:anywhere}.cart-item-category{font-size:.85rem;color:#666;text-transform:capitalize;margin:0}.cart-item-price{font-size:1rem;color:#4caf50;font-weight:500;margin:0}.cart-item-quantity{display:flex;align-items:center;gap:.5rem;background:#f5f5f5;padding:.25rem;border-radius:8px}.qty-btn{width:32px;height:32px;border:none;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#2d5a27}.qty-btn:hover:not(:disabled){background:#4caf50;color:#fff}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-value{min-width:30px;text-align:center;font-weight:600;color:#333}.cart-item-total{min-width:80px;text-align:right}.cart-item-total p{font-size:1.05rem;font-weight:600;color:#2d5a27;margin:0}.remove-btn{width:40px;height:40px;border:none;background:#ffebee;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#e53935}.remove-btn:hover:not(:disabled){background:#e53935;color:#fff}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.cart-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.continue-shopping-link{display:inline-flex;align-items:center;gap:.5rem;color:#4caf50;text-decoration:none;font-weight:500;transition:color .2s ease}.continue-shopping-link:hover{color:#2d5a27}.clear-cart-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:#e53935;border:1px solid #e53935;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.clear-cart-btn:hover{background:#e53935;color:#fff}.cart-summary{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;position:sticky;top:2rem;min-width:0}.cart-summary h2{font-size:1.25rem;color:#2d5a27;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e8f5e9}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;color:#666;gap:1rem}.summary-row.total{font-size:1.25rem;font-weight:700;color:#2d5a27;margin-top:1rem}.summary-divider{height:1px;background:#e0e0e0;margin:1rem 0}.free-shipping-note{background:#e8f5e9;color:#2d5a27;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;text-align:center;margin-top:.5rem}.shipping-note{background:#fff3e0;color:#e65100;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;text-align:center;margin-top:.5rem}.checkout-btn{display:block;width:100%;background:#4caf50;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;text-align:center;text-decoration:none;box-sizing:border-box}.checkout-btn:hover{background:#388e3c;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d;color:#fff}.secure-checkout{text-align:center;color:#666;font-size:.85rem;margin-top:1rem}@media(max-width:900px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:600px){.cart-container{padding:1rem}.cart-header h1{font-size:1.4rem}.cart-item{grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;gap:.75rem}.cart-item-image{width:80px;height:80px;grid-row:span 2}.cart-item-details,.cart-item-quantity,.cart-item-total,.remove-btn{grid-column:2}.cart-item-quantity,.cart-item-total,.remove-btn{justify-self:start}.cart-actions{flex-direction:column;gap:1rem;align-items:stretch}.continue-shopping-link,.clear-cart-btn,.checkout-btn{width:100%;justify-content:center}.cart-item-name,.cart-item-category,.cart-summary,.summary-row,.shipping-note{overflow-wrap:anywhere}}.checkout-container{max-width:1200px;margin:0 auto;padding:clamp(1rem,2vw,2rem);min-height:70vh;overflow-x:hidden;font-family:Inter,sans-serif}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#4caf50;text-decoration:none;font-weight:500;margin-bottom:1.5rem;transition:color .2s}.back-link:hover{color:#2d5a27}.checkout-title{font-size:clamp(1.6rem,4vw,2rem);color:#2d5a27;margin-bottom:2rem;font-weight:700}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.checkout-loading .loader{width:50px;height:50px;border:4px solid #e8f5e9;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.checkout-error{display:flex;align-items:center;gap:.6rem;background:#ffebee;color:#c62828;padding:.9rem 1.2rem;border-radius:10px;margin-bottom:1.5rem;border:1px solid #ef9a9a;font-size:.95rem;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.checkout-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:2rem;align-items:start}.checkout-form{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.form-section{background:#fff;padding:1.75rem;border-radius:16px;box-shadow:0 2px 12px #00000012;border:1px solid #f0f4f0;transition:box-shadow .2s}.form-section:hover{box-shadow:0 4px 20px #0000001a}.form-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#2d5a27;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e8f5e9;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;color:#444;margin-bottom:.45rem;font-size:.9rem}.form-group input,.form-section textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:Inter,sans-serif;background:#fafafa;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}.form-group input:focus,.form-section textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f;background:#fff}.form-group input.error{border-color:#e53935;background:#fff8f8}.error-text{color:#e53935;font-size:.82rem;margin-top:.3rem;display:block}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.payment-options{display:flex;gap:1rem;flex-wrap:wrap}.payment-option{flex:1;min-width:160px;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .25s ease;position:relative;background:#fafafa}.payment-option:hover{border-color:#4caf50;background:#f1f8f1}.payment-option.selected{border-color:#4caf50;background:linear-gradient(135deg,#f1f8f1,#e8f5e9);box-shadow:0 2px 10px #4caf5026}.payment-option input{display:none}.payment-option span{font-weight:500;color:#333;font-size:.95rem}.payment-option .check-icon{margin-left:auto;color:#4caf50}.razorpay-option{border-color:#e8d5c4;background:linear-gradient(135deg,#fffaf7,#fff5ee)}.razorpay-option:hover{border-color:#528ff5;background:linear-gradient(135deg,#f0f5ff,#e8f0fe)}.razorpay-option.selected{border-color:#528ff5;background:linear-gradient(135deg,#f0f5ff,#e8f0fe);box-shadow:0 2px 10px #528ff533}.razorpay-badge{display:flex;align-items:center;gap:.6rem}.rzp-logo{background:linear-gradient(135deg,#528ff5,#3a6fd8);color:#fff;font-weight:700;font-size:.7rem;padding:.2rem .45rem;border-radius:5px;letter-spacing:.05em;font-family:Inter,sans-serif}.test-card-info{margin-top:1.25rem;border:1.5px dashed #528ff5;border-radius:12px;background:linear-gradient(135deg,#f8faff,#eef3ff);overflow:hidden;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.test-card-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#528ff51a;color:#2d5f9e;font-size:.85rem;font-weight:600;border-bottom:1px solid rgba(82,143,245,.2)}.test-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.test-card-item{padding:1rem;border-right:1px solid rgba(82,143,245,.15);border-bottom:1px solid rgba(82,143,245,.15)}.test-card-item:nth-child(2n){border-right:none}.test-card-item:nth-last-child(-n+2){border-bottom:none}.test-card-label{font-size:.75rem;font-weight:700;color:#528ff5;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.test-card-number{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.test-card-number code{font-size:.85rem;font-weight:600;color:#1a1a2e;letter-spacing:.05em;background:#528ff514;padding:.1rem .4rem;border-radius:4px}.copy-btn{background:none;border:1px solid #c5d5f0;border-radius:4px;cursor:pointer;padding:.2rem .3rem;display:flex;align-items:center;color:#528ff5;transition:all .2s}.copy-btn:hover{background:#528ff51a;border-color:#528ff5}.test-card-meta{display:flex;gap:.75rem;font-size:.78rem;color:#555;flex-wrap:wrap}.test-card-meta strong{color:#1a1a2e}.card-note{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.875rem;color:#166534}.order-summary{background:#fff;padding:1.75rem;border-radius:16px;box-shadow:0 4px 24px #00000014;border:1px solid #f0f4f0;position:sticky;top:2rem;min-width:0}.order-summary h2{font-size:1.2rem;color:#2d5a27;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e8f5e9;font-weight:700}.summary-items{max-height:300px;overflow-y:auto;margin-bottom:1rem;scrollbar-width:thin;scrollbar-color:#c8e6c9 transparent}.summary-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.summary-item:last-child{border-bottom:none}.summary-item img{width:60px;height:60px;object-fit:cover;border-radius:10px;flex-shrink:0}.summary-item .item-details{flex:1;min-width:0}.summary-item .item-name{font-weight:500;color:#333;margin:0 0 .25rem;font-size:.9rem;overflow-wrap:anywhere}.summary-item .item-qty{color:#888;font-size:.82rem;margin:0}.summary-item .item-price{font-weight:600;color:#2d5a27;margin:0;font-size:.95rem;white-space:nowrap}.summary-divider{height:1px;background:linear-gradient(to right,transparent,#e0e0e0,transparent);margin:1rem 0}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;color:#666;font-size:.95rem;gap:1rem}.summary-row.total{font-size:1.2rem;font-weight:700;color:#2d5a27;margin-top:.5rem}.place-order-btn{width:100%;color:#fff;border:none;padding:1rem 1.25rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,sans-serif;letter-spacing:.01em}.place-order-btn.razorpay-btn{background:linear-gradient(135deg,#528ff5,#3a6fd8);box-shadow:0 4px 15px #528ff54d}.place-order-btn.razorpay-btn:hover:not(:disabled){background:linear-gradient(135deg,#3a6fd8,#2858c0);transform:translateY(-2px);box-shadow:0 6px 20px #528ff566}.place-order-btn.cod-btn{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 15px #4caf504d}.place-order-btn.cod-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.place-order-btn:disabled{opacity:.75;cursor:not-allowed;transform:none!important}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.secure-checkout,.razorpay-powered{display:flex;align-items:center;justify-content:center;gap:.4rem;color:#888;font-size:.8rem;margin-top:.9rem}.rzp-powered-logo{font-weight:700;color:#528ff5;font-size:.85rem}@media(max-width:900px){.checkout-content{grid-template-columns:1fr}.order-summary{position:static}}@media(max-width:640px){.checkout-container{padding:1rem}.checkout-title{margin-bottom:1.5rem}.form-row{grid-template-columns:1fr}.payment-options{flex-direction:column}.summary-items{max-height:none}.test-cards-grid{grid-template-columns:1fr}.place-order-btn,.payment-option{width:100%}.test-card-item:nth-child(2n){border-right:none}.test-card-item{border-bottom:1px solid rgba(82,143,245,.15)}}.confirmation-container{max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem 3rem;min-height:70vh;background:radial-gradient(circle at top left,rgba(76,175,80,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(232,245,233,.9),transparent 34%)}.confirmation-loading,.confirmation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1rem}.confirmation-loading .loader{width:50px;height:50px;border:4px solid #e8f5e9;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.confirmation-error h2{color:#2d5a27}.shop-link{background:#4caf50;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.shop-link:hover{background:#388e3c}.confirmation-header{text-align:center;padding:1rem 0 2rem;margin-bottom:1.5rem}.success-icon{color:#4caf50;margin-bottom:1rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.confirmation-header h1{font-size:clamp(1.8rem,3vw,2.6rem);color:#2d5a27;margin:0 0 .5rem}.confirmation-header p{color:#666;font-size:1.05rem;margin:0 0 1.5rem}.order-number{display:inline-block;background:#e8f5e9;padding:.75rem 1.5rem;border-radius:8px;color:#2d5a27;font-size:1.1rem}.order-number strong{font-weight:700}.payment-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:.75rem;animation:slideDown .4s ease .2s both}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.order-timeline{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 2rem;padding:1.4rem 1rem;background:#ffffffeb;border:1px solid rgba(76,175,80,.12);border-radius:18px;box-shadow:0 10px 30px #2d5a2714;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 .9rem;min-width:92px}.timeline-step .step-icon{width:50px;height:50px;border-radius:50%;background:#f0f0f0;color:#999;display:flex;align-items:center;justify-content:center;transition:all .3s}.timeline-step.active .step-icon{background:#4caf50;color:#fff}.timeline-step p{font-size:.85rem;color:#666;margin:0;text-align:center}.timeline-step.active p{color:#2d5a27;font-weight:600}.timeline-line{flex:1;max-width:72px;height:3px;background:linear-gradient(90deg,#dfeee0,#b8d8ba);border-radius:999px}.confirmation-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:2rem;margin-bottom:2rem}.confirmation-section{background:#fffffff5;padding:1.6rem;border-radius:18px;border:1px solid rgba(76,175,80,.1);box-shadow:0 10px 24px #0000000f}.confirmation-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;color:#2d5a27;margin:0 0 1rem;padding-bottom:1rem;border-bottom:2px solid #e8f5e9}.confirmation-order-items{display:grid;gap:.9rem;margin-bottom:1rem}.confirmation-order-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(180deg,#fcfffc,#f8fcf8);border:1px solid #e7f0e7;border-radius:16px;box-shadow:0 6px 18px #2d5a270d}.confirmation-order-item img{width:72px;height:72px;object-fit:cover;border-radius:12px;box-shadow:0 6px 14px #2d5a2714}.confirmation-item-info{flex:1;min-width:0}.confirmation-item-info h3{font-size:1rem;color:#333;margin:0 0 .25rem;line-height:1.3;word-break:break-word}.confirmation-item-info p{font-size:.85rem;color:#666;margin:0}.confirmation-item-price{font-weight:600;color:#2d5a27;margin:0;white-space:nowrap;justify-self:end}.order-totals{padding-top:1rem;border-top:1px solid #e0e0e0}.total-row{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#666}.total-row.grand-total{font-size:1.1rem;font-weight:700;color:#2d5a27;padding-top:.5rem;border-top:1px solid #e0e0e0;margin-top:.5rem}.shipping-details{color:#333;line-height:1.6}.shipping-details p{margin:0 0 .25rem}.shipping-details .recipient-name{font-weight:600;font-size:1.1rem}.confirmation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-content:center;gap:1rem;flex-wrap:nowrap}.view-orders-btn{display:inline-flex;align-items:center;gap:.5rem;background:#4caf50;color:#fff;height:48px;padding:0 1.5rem;line-height:1;border-radius:8px;text-decoration:none;font-weight:600;justify-content:center;min-width:220px;box-sizing:border-box;min-height:48px;vertical-align:middle;border:2px solid transparent;transition:all .3s}.view-orders-btn:hover{background:#388e3c;transform:translateY(-2px)}.continue-shopping-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fffffff2;color:#4caf50;padding:0 1.5rem;line-height:1;border-radius:8px;border:2px solid #4caf50;text-decoration:none;font-weight:600;justify-content:center;min-width:220px;box-sizing:border-box;min-height:48px;vertical-align:middle;transition:all .3s;margin-top:0rem}.continue-shopping-btn:hover{background:#e8f5e9}@media(max-width:1024px){.confirmation-content{grid-template-columns:1fr}.timeline-step{min-width:82px;padding:0 .7rem}}@media(max-width:768px){.confirmation-container{padding:1rem}.confirmation-header h1{font-size:1.5rem}.order-timeline{flex-wrap:wrap;gap:1rem;padding:1rem}.timeline-line{display:none}.timeline-step{min-width:120px}.confirmation-content{grid-template-columns:1fr}.confirmation-order-item{grid-template-columns:64px minmax(0,1fr);align-items:start}.confirmation-item-price{grid-column:2;justify-self:start}.confirmation-actions{flex-direction:column}.view-orders-btn,.continue-shopping-btn{width:100%;justify-content:center}}@media(max-width:480px){.confirmation-container{padding:.75rem}.confirmation-section{padding:1.1rem;border-radius:16px}.confirmation-order-item{padding:.8rem;gap:.8rem}.confirmation-order-item img{width:64px;height:64px}.view-orders-btn,.continue-shopping-btn{width:100%;justify-content:center}}.account-container{background:#f5f5f5;min-height:calc(100vh - 80px);padding:clamp(1rem,2vw,2rem) .75rem;overflow-x:hidden}.account-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:2rem;align-items:start}.account-sidebar{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:sticky;top:2rem}.profile-card{padding:2rem 1.5rem;text-align:center;background:#fff;border-bottom:1px solid #f0f0f0}.profile-avatar{width:80px;height:80px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:3px solid #e0e0e0}.profile-avatar svg{color:#999}.profile-name{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.profile-email{font-size:.875rem;color:#666;margin:0}.account-nav{padding:.5rem 0}.nav-item{width:100%;padding:1rem 1.5rem;display:flex;align-items:center;gap:.875rem;border:none;background:none;cursor:pointer;transition:all .2s ease;font-size:1rem;color:#666;text-align:left;border-left:3px solid transparent}.nav-item:hover{background:#f8f9fa;color:#2d5016}.nav-item.active{background:#e8f5e1;color:#2d5016;border-left:3px solid #2d5016;font-weight:600}.nav-item svg{flex-shrink:0}.logout-btn{color:#666;margin-top:.5rem;border-top:1px solid #f0f0f0;padding-top:1rem}.logout-btn:hover{background:#fff5f5;color:#dc3545;border-left-color:transparent}.account-main{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:2.5rem;min-height:600px;min-width:0}.content-section{animation:fadeIn .3s ease}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.section-header h2{font-size:1.75rem;color:#1a1a1a;margin:0}.section-header-simple{margin-bottom:2rem}.section-header-simple h2{font-size:2rem;color:#1a1a1a;margin:0 0 1.5rem;font-weight:700}.order-filters{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.625rem 1.5rem;border:none;background:#f5f5f5;color:#666;border-radius:24px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#e8f5e1;color:#2d5016}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fafafa;border-radius:12px;padding:1.75rem;transition:all .3s ease;border:1px solid #e0e0e0}.order-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.order-info h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem;overflow-wrap:anywhere}.order-date{font-size:.875rem;color:#999;margin:0}.order-status{padding:.375rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.order-status:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.status-delivered{background:#d4edda;color:#155724}.status-delivered:before{background:#28a745}.status-shipped{background:#cce5ff;color:#004085}.status-shipped:before{background:#007bff}.status-processing{background:#fff3cd;color:#856404}.status-processing:before{background:#ffc107}.status-cancelled{background:#f8d7da;color:#721c24}.status-cancelled:before{background:#dc3545}.order-body{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.order-items{display:flex;gap:1rem;flex:1}.order-item-thumb{width:80px;height:80px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0}.item-emoji{font-size:2.5rem}.order-footer{display:flex;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap}.order-total{text-align:right}.order-total span{display:block;font-size:.875rem;color:#666;margin-bottom:.25rem}.order-total h4{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;overflow-wrap:anywhere}.btn-track{padding:.75rem 2rem;background:#2d5016;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-track:hover{background:#1f3810;transform:translateY(-2px);box-shadow:0 4px 12px #2d50164d}.order-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.btn-cancel{padding:.75rem 2rem;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-cancel:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.btn-cancel:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-cancel-confirm{padding:.75rem 2rem;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel-confirm:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.btn-cancel-confirm:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.cancel-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:1000}.cancel-modal{width:min(600px,100%);background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 24px 60px #0f172a40;max-height:90vh;overflow:auto}.cancel-success-modal{max-height:95vh}.cancel-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem}.cancel-modal-header h3{margin:0;color:#1a1a1a;font-size:1.3rem;flex:1}.cancel-close-btn{width:40px;height:40px;border:none;border-radius:50%;background:#f5f5f5;color:#333;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cancel-close-btn:hover{background:#e0e0e0}.cancel-modal-body{margin-bottom:1.5rem}.cancel-modal-message{margin:0 0 1rem;color:#333;font-size:1rem;line-height:1.5}.cancel-modal-list{list-style:none;padding:0;margin:1rem 0 1.5rem}.cancel-modal-list li{padding:.75rem 0 .75rem 1.75rem;color:#555;position:relative;font-size:.95rem}.cancel-modal-list li:before{content:"✓";position:absolute;left:0;color:#dc3545;font-weight:700}.cancel-modal-error{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1rem;margin-top:1rem}.cancel-modal-error p{margin:0;color:#856404;font-size:.95rem}.cancel-modal-footer{display:flex;gap:1rem;justify-content:flex-end}.success-icon{width:60px;height:60px;background:#d4edda;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:#28a745}.success-message{text-align:center;color:#28a745;font-weight:600;margin-bottom:1.5rem;font-size:1.1rem}.refund-details-box,.order-details-compact{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.refund-details-box h4,.order-details-compact h4{margin:0 0 1rem;color:#1a1a1a;font-size:1rem}.refund-detail-row,.order-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.refund-detail-row:last-child,.order-detail-row:last-child{border-bottom:none}.refund-detail-row span,.order-detail-row span{color:#666;font-size:.95rem}.refund-detail-row strong,.order-detail-row strong{color:#1a1a1a;font-weight:600}.refund-id{font-family:monospace;font-size:.85rem;background:#fff;padding:.25rem .5rem;border-radius:4px}.refund-status{background:#d4edda;color:#155724;padding:.25rem .75rem;border-radius:6px;font-size:.85rem}.refund-timeline{margin:1rem 0 0;padding-top:1rem;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem;line-height:1.5}.tracking-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:1000}.tracking-modal{width:min(760px,100%);background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 24px 60px #0f172a40;max-height:90vh;overflow:auto}.tracking-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.tracking-modal-eyebrow{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#6c757d}.tracking-modal-header h3{margin:0;color:#1a1a1a;font-size:1.4rem;overflow-wrap:anywhere}.tracking-close-btn{width:40px;height:40px;border:none;border-radius:50%;background:#f5f5f5;color:#333;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tracking-loading,.tracking-error-state{padding:2rem 1rem;text-align:center;color:#6c757d}.tracking-error-state svg{opacity:.35;margin-bottom:.75rem}.tracking-error-state h4{margin:0 0 .5rem;color:#1a1a1a}.tracking-summary,.tracking-order-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.tracking-summary>div,.tracking-order-meta>div{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:1rem}.tracking-summary span,.tracking-order-meta span{display:block;font-size:.8rem;color:#6c757d;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.tracking-summary strong,.tracking-order-meta strong{color:#1a1a1a;font-size:1rem;overflow-wrap:anywhere}.tracking-steps{display:grid;gap:.75rem;margin-bottom:1rem}.tracking-step{display:flex;gap:.85rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid #e0e0e0;border-radius:12px;background:#fff}.tracking-step.completed{border-color:#c8e6c9;background:#f6fcf6}.tracking-step.active{border-color:#2d5016;box-shadow:0 0 0 3px #2d501614}.tracking-step-marker{width:32px;height:32px;border-radius:50%;background:#f5f5f5;color:#2d5016;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tracking-step.completed .tracking-step-marker{background:#2d5016;color:#fff}.tracking-step.active .tracking-step-marker{background:#e8f5e1}.tracking-step-content strong{display:block;color:#1a1a1a;margin-bottom:.2rem}.tracking-step-content p{margin:0;color:#6c757d;font-size:.9rem}.btn-edit,.btn-save,.btn-cancel{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-edit{background:#2d5016;color:#fff}.btn-edit:hover{background:#1f3810;transform:translateY(-2px);box-shadow:0 4px 12px #2d50164d}.edit-actions{display:flex;gap:.75rem}.btn-save{background:#28a745;color:#fff}.btn-save:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-primary{background:#2d5016;color:#fff;padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem}.btn-primary:hover{background:#1f3810;transform:translateY(-2px);box-shadow:0 4px 12px #2d50164d}.btn-secondary{background:#f5f5f5;color:#2d5016;padding:.75rem 2rem;border:1px solid #d9e7d1;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#e8f5e1;transform:translateY(-2px)}.wishlist-actions{display:flex;gap:.75rem;flex-wrap:wrap}.garden-alert{padding:.9rem 1rem;border-radius:10px;margin-bottom:1rem;font-weight:500}.garden-alert-success{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}.garden-alert-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.garden-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.garden-summary-card{padding:1rem 1.1rem;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.garden-summary-card span{display:block;color:#6b7280;font-size:.9rem;margin-bottom:.3rem}.garden-summary-card strong{font-size:1.6rem;color:#1a1a1a}.garden-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:1.25rem}.garden-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.garden-card{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000f}.garden-card-image-wrap{position:relative;height:180px;background:#f8faf7}.garden-card-image{width:100%;height:100%;object-fit:cover;display:block}.garden-health-badge{position:absolute;top:.75rem;right:.75rem;padding:.35rem .7rem;border-radius:999px;background:#fffffff2;font-size:.8rem;font-weight:700;color:#1a1a1a}.health-healthy{color:#166534}.health-needs-water{color:#b45309}.health-pest-warning{color:#b91c1c}.health-low-light{color:#1d4ed8}.garden-card-body{padding:1rem}.garden-card-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:.8rem}.garden-card-header h4{margin:0 0 .25rem;color:#1a1a1a;overflow-wrap:anywhere}.garden-card-header p{margin:0;color:#6b7280;text-transform:capitalize}.garden-quantity{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:.35rem .6rem;border-radius:999px;background:#f3f4f6;color:#374151;font-weight:700}.garden-card-meta{display:grid;gap:.4rem;color:#6b7280;font-size:.9rem;margin-bottom:.9rem}.garden-card-reminders{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.garden-reminder-pill{display:inline-flex;align-items:center;width:fit-content;padding:.35rem .6rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.8rem;font-weight:600}.garden-reminder-pill.calm{background:#ecfdf3;color:#166534}.garden-manage-btn{width:100%}.garden-sidebar-panels{display:grid;gap:1rem}.garden-panel{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:1rem}.section-header-inline{margin-bottom:.9rem}.section-header-inline h3{margin:0;color:#1a1a1a;font-size:1.1rem}.reminder-list{display:grid;gap:.75rem}.reminder-item{padding:.8rem .85rem;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.reminder-item strong{display:block;margin-bottom:.25rem}.reminder-item p{margin:0 0 .35rem;color:#4b5563;font-size:.92rem}.reminder-item span{color:#6b7280;font-size:.8rem;font-weight:600}.garden-panel-empty{margin:0;color:#6b7280}.garden-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:1000}.garden-modal{width:min(980px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 24px 60px #0f172a40}.garden-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.garden-modal-header h3{margin:0;font-size:1.5rem;overflow-wrap:anywhere}.garden-modal-top{display:grid;grid-template-columns:220px 1fr;gap:1rem;margin-bottom:1rem}.garden-modal-image{width:100%;height:220px;object-fit:cover;border-radius:16px;background:#f8faf7}.garden-modal-info{display:grid;gap:.75rem}.garden-modal-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.garden-modal-row span{color:#6b7280;font-weight:600}.garden-modal-row select{padding:.7rem .9rem;border-radius:10px;border:1px solid #d1d5db;background:#fff}.garden-care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.garden-care-card{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;background:#fff}.garden-care-card span{display:block;color:#6b7280;margin-bottom:.35rem}.garden-care-card strong{display:block;color:#1a1a1a;font-size:1.05rem;margin-bottom:.25rem}.garden-care-card p{margin:0 0 .9rem;color:#4b5563;font-size:.92rem}.garden-notes-section,.garden-timeline-section{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;margin-bottom:1rem}.garden-note-input{width:100%;padding:.85rem .95rem;border-radius:12px;border:1px solid #d1d5db;resize:vertical;margin-bottom:.8rem;font-family:inherit}.garden-notes-list,.garden-timeline-list{display:grid;gap:.75rem;margin-top:1rem}.garden-note-item{padding:.85rem .95rem;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.garden-note-item strong,.garden-timeline-item strong{display:block;margin-bottom:.25rem;color:#1a1a1a}.garden-note-item p,.garden-timeline-item p{margin:0;color:#4b5563}.garden-timeline-item{display:flex;gap:.75rem;align-items:flex-start}.garden-timeline-dot{width:12px;height:12px;margin-top:.4rem;border-radius:50%;background:#2d5016;flex-shrink:0}.garden-timeline-item span{color:#6b7280;font-size:.8rem}.profile-details{margin-bottom:2rem}.detail-group{display:grid;gap:1.5rem}.detail-item{padding:1.25rem;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.detail-item:hover{border-color:#2d5016;background:#f9fdf7}.detail-label{display:flex;align-items:center;gap:.625rem;font-weight:600;color:#555;margin-bottom:.75rem;font-size:.9375rem}.detail-label svg{color:#2d5016}.detail-value{font-size:1rem;color:#333;padding-left:1.875rem}.detail-input,.detail-textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;transition:all .3s ease}.detail-input:focus,.detail-textarea:focus{outline:none;border-color:#2d5016;box-shadow:0 0 0 3px #2d50161a}.detail-textarea{resize:vertical;min-height:80px}.detail-note{display:block;margin-top:.5rem;color:#6c757d;font-size:.8125rem;font-style:italic}.account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #f0f0f0}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#2d5016,#4a7c2d);border-radius:12px;color:#fff;box-shadow:0 4px 12px #2d501633;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card svg{opacity:.9}.stat-content h4{margin:0 0 .25rem;font-size:2rem;font-weight:700}.stat-content p{margin:0;opacity:.9;font-size:.9375rem}.empty-state{text-align:center;padding:4rem 2rem;color:#6c757d}.empty-state svg{opacity:.3;margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;color:#333;margin:0 0 .75rem}.empty-state p{font-size:1rem;margin:0}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.wishlist-card{border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.wishlist-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #00000014}.wishlist-image-wrap{height:180px;background:#f8f9fa}.wishlist-image{width:100%;height:100%;object-fit:cover;display:block}.wishlist-content{padding:1rem}.wishlist-category{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#2d5016;background:#e8f5e1;padding:.3rem .6rem;border-radius:999px;margin-bottom:.75rem}.wishlist-content h3{margin:0 0 .75rem;font-size:1.05rem;color:#1a1a1a}.wishlist-meta{display:flex;justify-content:space-between;gap:.75rem;font-size:.9rem;color:#6c757d;margin-bottom:1rem}.loading-container{min-height:60vh;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#6c757d}@media(max-width:992px){.account-wrapper{grid-template-columns:1fr;gap:1.5rem}.account-sidebar{position:static}.order-footer{flex-direction:column;align-items:stretch;gap:1rem}.order-total{text-align:left}.btn-track{width:100%}.garden-summary-grid,.garden-layout,.garden-care-grid,.garden-modal-top,.tracking-summary,.tracking-order-meta{grid-template-columns:1fr}}@media(max-width:768px){.account-wrapper{grid-template-columns:1fr}.account-sidebar{position:static}.account-main{padding:1.5rem 1rem}.section-header-simple h2{font-size:clamp(1.5rem,5vw,1.85rem)}.edit-actions{width:100%}.btn-edit,.btn-save,.btn-cancel{flex:1;justify-content:center}.wishlist-actions{flex-direction:column}.wishlist-actions .btn-primary,.wishlist-actions .btn-secondary{width:100%}.garden-modal{padding:1.1rem}.garden-care-grid{grid-template-columns:1fr}.garden-modal-row{flex-direction:column;align-items:flex-start}.order-card{padding:1.25rem}.order-header,.order-body,.order-footer{flex-direction:column;align-items:flex-start}.order-items{width:100%;gap:.75rem;overflow-x:auto;padding-bottom:.25rem}.order-item-thumb{width:70px;height:70px;flex-shrink:0}.item-emoji{font-size:2rem}.order-filters{gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.filter-btn{padding:.5rem 1rem;font-size:.87rem;justify-content:center;flex:0 0 auto}.order-buttons{width:100%;flex-direction:column;gap:.5rem}.btn-track,.btn-cancel{width:100%;padding:.75rem 1rem}.cancel-modal{width:min(90vw,600px)}.cancel-modal-footer{flex-direction:column;gap:.75rem}.cancel-modal-footer button{width:100%}.account-stats{grid-template-columns:1fr}.detail-item{padding:1rem}.detail-value{padding-left:0;margin-top:.5rem}.tracking-modal{padding:1.1rem}.tracking-summary,.tracking-order-meta,.garden-summary-grid,.garden-layout,.garden-care-grid,.garden-modal-top{grid-template-columns:1fr}}@media(max-width:480px){.section-header h2{font-size:1.5rem}.profile-card{padding:1.5rem 1rem}.profile-avatar{width:64px;height:64px}.nav-item{padding:.875rem 1rem;font-size:.9375rem}.tracking-modal,.garden-modal{padding:1rem}.order-info h3,.profile-email,.detail-value{overflow-wrap:anywhere}.wishlist-meta{flex-direction:column}}.auth-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8f7f4,#f0ebe5)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:3rem;width:100%;max-width:450px;min-width:0}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.auth-header p{color:#666;font-size:1rem}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem}.auth-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.95rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.9rem 1rem .9rem 2.8rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;transition:all .3s ease;background-color:#fafafa}.input-wrapper input:focus{outline:none;border-color:#2d5f3f;background-color:#fff;box-shadow:0 0 0 3px #2d5f3f1a}.input-icon{position:absolute;right:.9rem;color:#999;pointer-events:none;flex-shrink:0}.password-toggle{position:absolute;right:.9rem;background:none;border:none;cursor:pointer;color:#999;padding:.4rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-hint{font-size:.85rem;color:#999;margin-top:.3rem}.form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.forgot-password{color:#2d5f3f;text-decoration:none;font-size:.9rem;transition:color .3s ease}.forgot-password:hover{color:#1f4629;text-decoration:underline}.form-group.checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.form-group.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2d5f3f}.form-group.checkbox label{margin:0;font-weight:400;font-size:.9rem;cursor:pointer}.auth-button{width:100%;padding:1rem;background:linear-gradient(135deg,#2d5f3f,#1f4629);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2d5f3f4d}.auth-button:disabled{opacity:.7;cursor:not-allowed}.divider{position:relative;margin:2rem 0;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.divider span{background:#fff;padding:0 1rem;color:#999;font-size:.9rem;position:relative}.oauth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.google-auth-button-wrap{display:flex;justify-content:center;align-items:center;width:100%;grid-column:1 / -1;overflow:hidden}.google-auth-button-wrap>div{display:flex;justify-content:center;width:100%}.google-auth-button-wrap>div>div{width:100%!important;max-width:100%}.oauth-disabled-message{color:#666;font-size:.9rem;text-align:center;line-height:1.5}.google-auth-button-wrap iframe{margin:0 auto}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem;border:1px solid #ddd;background-color:#fff;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.oauth-button:hover:not(:disabled){background-color:#f9f9f9;border-color:#999}.oauth-button:disabled{opacity:.7;cursor:not-allowed}.oauth-button.google{color:#1f2937}.oauth-button.google:hover:not(:disabled){background-color:#f9f9f9}.oauth-button.facebook{color:#1877f2}.oauth-button.facebook:hover:not(:disabled){background-color:#f0f8ff}.auth-footer{text-align:center}.auth-footer p{color:#666;font-size:.95rem}.auth-link{color:#2d5f3f;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link:hover{color:#1f4629;text-decoration:underline}@media(max-width:768px){.auth-card{padding:2rem}.auth-header h1{font-size:1.5rem}.form-row,.oauth-buttons{grid-template-columns:1fr}.google-auth-button-wrap{grid-column:auto}.auth-container{min-height:auto;padding:1rem}}@media(max-width:480px){.auth-card{padding:1.5rem}.auth-header h1{font-size:1.25rem}.auth-header p{font-size:.9rem}.form-group label{font-size:.85rem}.input-wrapper input{padding:.8rem .9rem .8rem 2.4rem;font-size:.9rem}.oauth-buttons{gap:.75rem}}.admin-dashboard-container{display:flex;min-height:100vh;background-color:#f5f7fa;overflow:hidden}.admin-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-topbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 1px 3px #0000000d;z-index:100;min-width:0}.sidebar-toggle{background:none;border:none;color:#2d5f3f;cursor:pointer;display:none;transition:color .3s ease}.sidebar-toggle:hover{color:#1a3a26}.admin-topbar-right{display:flex;align-items:center;gap:1.5rem;min-width:0}.admin-user-info{display:flex;align-items:center;gap:1rem}.admin-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.admin-user-details{display:flex;flex-direction:column;gap:.2rem;min-width:0}.admin-user-name{font-weight:600;color:#1a1a1a;margin:0}.admin-user-role{color:#666;font-size:.85rem;margin:0}.logout-btn{padding:.7rem 1.2rem;background:#fee;color:#c33;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.logout-btn:hover{background:#fdd;transform:translateY(-2px)}.admin-content{flex:1;overflow-y:auto;padding:2rem}.admin-page-title{font-size:2rem;color:#1a1a1a;margin-bottom:1.5rem;font-weight:700}.admin-tab-content{animation:fadeIn .3s ease-out}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff}.admin-loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.admin-error-alert{background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;color:#c33;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;animation:slideDown .3s ease-out}.admin-error-alert button{background:none;border:none;color:#c33;cursor:pointer;font-size:1.5rem;margin-left:auto}.admin-settings-placeholder{background:#fff;border-radius:12px;padding:3rem;text-align:center;color:#999}@media(max-width:768px){.admin-dashboard-container{flex-direction:column}.admin-main-content{width:100%}.sidebar-toggle{display:block}.admin-topbar{height:auto;padding:1rem;gap:1rem}.admin-user-info{gap:.75rem}.admin-user-name{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-content{padding:1.5rem}.admin-page-title{font-size:1.5rem}}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:#f1f5f9}.admin-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-sidebar{width:280px;background:linear-gradient(180deg,#2d5f3f,#1a3a26);color:#fff;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:2px 0 10px #0000001a;overflow-y:auto;min-width:0}.admin-sidebar-logo{padding:2rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:1rem}.admin-logo-icon{font-size:2rem}.admin-logo-text{font-size:1.3rem;font-weight:700}.admin-sidebar-menu{flex:1;padding:1.5rem 0}.admin-menu-item{width:100%;padding:1rem 1.5rem;background:none;border:none;color:#fffc;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .3s ease;font-size:1rem;text-align:left}.admin-menu-item:hover{background:#ffffff1a;color:#fff;padding-left:2rem}.admin-menu-item.active{background:#ffffff26;color:#a8d5ba;border-left:4px solid #a8d5ba;padding-left:1.5rem}.admin-menu-icon{display:flex;align-items:center;justify-content:center;width:24px}.admin-menu-label{font-weight:500}.admin-sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.admin-logout-btn{width:100%;padding:.8rem;background:#ffffff26;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.8rem}.admin-logout-btn:hover{background:#ff3b30cc}.admin-sidebar.closed{width:80px}.admin-sidebar.closed .admin-sidebar-logo{flex-direction:column}.admin-sidebar.closed .admin-logo-text,.admin-sidebar.closed .admin-menu-label{display:none}.admin-sidebar.closed .admin-menu-item{justify-content:center;padding:1rem}.admin-sidebar.closed .admin-menu-item:hover,.admin-sidebar.closed .admin-menu-item.active{padding-left:1rem}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.admin-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.admin-sidebar{position:fixed;left:0;top:70px;height:calc(100vh - 70px);z-index:99;transform:translate(-100%);transition:transform .3s ease;width:min(280px,86vw)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-logo{padding:1.5rem 1rem}.admin-menu-item{padding:.9rem 1rem}}.admin-stats-container{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;border-left:4px solid transparent}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.clickable-card{cursor:pointer}.clickable-card:focus{outline:2px solid rgba(99,102,241,.2);transform:translateY(-4px)}.stat-icon{width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.products-icon{background:#f0f5f2;color:#2d5f3f;border-left-color:#2d5f3f}.stat-icon.users-icon{background:#fef3f2;color:#f59e0b;border-left-color:#f59e0b}.stat-icon.admins-icon{background:#f0f4ff;color:#6366f1;border-left-color:#6366f1}.stat-icon.warning-icon{background:#fef2f2;color:#ef4444;border-left-color:#ef4444}.stat-content{flex:1}.stat-label{color:#666;font-size:.9rem;margin:0;font-weight:500}.stat-value{color:#1a1a1a;font-size:2rem;font-weight:700;margin:.5rem 0 0}.admin-tables-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.admin-table-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.table-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8f7f4,#f0ebe5)}.table-title{width:300%;margin:0;color:#1a1a1a;font-size:1.1rem;font-weight:600}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#4b5563;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#555}.admin-table tbody tr:hover{background:#f9fafb}.admin-table tbody tr.clickable-row{cursor:pointer}.admin-table tbody tr.clickable-row:focus,.admin-table tbody tr.clickable-row:focus-visible{outline:2px solid rgba(45,95,63,.12)}.product-name{font-weight:600;color:#1a1a1a;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-message{text-align:center;color:#999;padding:2rem!important}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-tables-section{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:.75rem}}.product-management{animation:fadeIn .3s ease-out}.product-mgmt-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.add-product-btn{padding:1rem 1.5rem;background:#2d5f3f;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.add-product-btn:hover{background:#1a3a26;transform:translateY(-2px);box-shadow:0 5px 15px #2d5f3f33}.product-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.product-table{width:100%;border-collapse:collapse}.product-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.product-table th{padding:1.2rem;text-align:left;font-weight:600;color:#4b5563;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.product-table td{padding:1.2rem;border-bottom:1px solid #e5e7eb;color:#555}.product-table tbody tr{transition:background .2s ease}.product-table tbody tr:hover{background:#f9fafb}.product-table tbody tr.highlighted-row{background:linear-gradient(90deg,#2d5f3f0f,#6366f105);border-left:4px solid rgba(45,95,63,.15)}.product-table tbody tr.highlighted-row td{transition:background .2s ease}.product-table tbody tr.flash-highlight,.product-table tbody tr.flash-highlight td{animation:flashHighlight 2.5s ease forwards}@keyframes flashHighlight{0%{background:#2d5f3f4d;color:#fff}40%{background:#2d5f3f2e;color:inherit}to{background:transparent;color:inherit}}.stock-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.stock-badge.low{background:#fef2f2;color:#dc2626}.stock-badge.medium{background:#fef3f2;color:#f59e0b}.stock-badge.high{background:#f0fdf4;color:#16a34a}.action-buttons{display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.6rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.edit-btn{background:#f0f4ff;color:#6366f1}.edit-btn:hover{background:#e0e7ff;transform:translateY(-2px)}.delete-btn{background:#fef2f2;color:#ef4444}.delete-btn:hover{background:#fee2e2;transform:translateY(-2px)}@media(max-width:768px){.product-mgmt-header{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.add-product-btn{justify-content:center}.product-table{font-size:.9rem}.product-table th,.product-table td{padding:.8rem}.action-buttons{flex-direction:column}}.product-form-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.product-form-overlay{position:absolute;inset:0;background:#00000080;animation:fadeIn .3s ease-out}.product-form-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;position:relative;z-index:1001;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8f7f4,#f0ebe5)}.form-header h2{margin:0;color:#1a1a1a;font-size:1.5rem}.close-btn{background:none;border:none;color:#999;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#1a1a1a}.form-error{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fee;border:1px solid #fcc;color:#c33;margin:1.5rem;border-radius:8px;animation:slideDown .3s ease-out}.product-form{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group label{font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2d5f3f;box-shadow:0 0 0 3px #2d5f3f1a}.form-group textarea{resize:vertical;min-height:120px}.form-group.checkbox{flex-direction:row;align-items:center}.form-group.checkbox input{width:20px;height:20px;margin-right:.8rem;cursor:pointer}.form-group.checkbox label{margin-bottom:0;cursor:pointer;display:flex;align-items:center}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.cancel-btn,.submit-btn{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#f3f4f6;color:#666}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:#2d5f3f;color:#fff}.submit-btn:hover:not(:disabled){background:#1a3a26;transform:translateY(-2px);box-shadow:0 5px 15px #2d5f3f33}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.form-row{grid-template-columns:1fr}.product-form-container{width:95%;max-height:95vh}.form-header{padding:1.5rem}.form-header h2{font-size:1.2rem}.product-form{padding:1.5rem}.form-actions{flex-direction:column}}.product-form-container::-webkit-scrollbar{width:8px}.product-form-container::-webkit-scrollbar-track{background:#f1f5f9}.product-form-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.product-form-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.image-uploader{width:100%;max-width:500px;margin:0 auto}.upload-area{border:2px dashed #22c55e;border-radius:8px;padding:40px 20px;background-color:#f0fdf4;text-align:center;cursor:pointer;transition:all .3s ease;min-height:clamp(240px,48vw,300px);display:flex;align-items:center;justify-content:center}.upload-area:hover{border-color:#16a34a;background-color:#dcfce7}.upload-area.dragging{border-color:#16a34a;background-color:#dcfce7;transform:scale(1.02)}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-prompt svg{color:#22c55e;stroke-width:1.5}.upload-prompt p{margin:0;font-size:16px;color:#374151}.upload-prompt .or{font-size:14px;color:#9ca3af;margin:8px 0}.btn-browse{display:inline-block;padding:10px 24px;background-color:#22c55e;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-browse:hover{background-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.file-info{font-size:13px;color:#6b7280;margin-top:12px!important}.loading{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{color:#22c55e;animation:spin 1s linear infinite}.loading p{margin:0;color:#374151;font-weight:500}.image-preview-container{position:relative;width:100%;height:clamp(240px,48vw,300px);display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;border-radius:6px;object-fit:contain;box-shadow:0 4px 12px #0000001a}.preview-actions{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:25px;background-color:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px #00000026;width:min(70%,100%)}.btn-upload,.btn-delete{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-upload{background-color:#22c55e;color:#fff}.btn-upload:hover{background-color:#16a34a}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.btn-loading{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#d1d5db;color:#6b7280;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:not-allowed}.alert{margin-top:16px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background-color:#fee2e2;color:#991b1b;border-left:4px solid #dc2626}.alert-success{background-color:#dcfce7;color:#166534;border-left:4px solid #22c55e}@media(max-width:600px){.upload-area{padding:30px 16px;min-height:250px}.image-preview-container{height:250px}.image-uploader{max-width:100%}.preview-actions{flex-direction:column;gap:8px;width:calc(100% - 1rem)}.btn-upload,.btn-delete{width:100%;justify-content:center}}.orders-management{animation:fadeIn .3s ease-out}.orders-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:260px;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden}.search-box svg{margin-left:1rem;color:#9ca3af}.search-box input{flex:1;padding:1rem;border:none;outline:none;font-size:1rem}.search-btn,.refresh-btn,.save-btn,.view-btn{border:none;cursor:pointer;transition:all .25s ease;font-weight:600}.search-btn{padding:.9rem 1.25rem;background:#2d5f3f;color:#fff}.search-btn:hover{background:#1a3a26}.toolbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-select{padding:.9rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;min-width:160px}.refresh-btn{width:48px;height:48px;border-radius:10px;background:#f3f4f6;color:#374151;display:inline-flex;align-items:center;justify-content:center}.refresh-btn:hover{background:#e5e7eb}.alert-error button{margin-left:auto;background:none;border:none;color:#c33;font-size:1.5rem;cursor:pointer}.alert-success{background:#effdf4;border:1px solid #c8f1d6;color:#177245}.orders-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.summary-card{background:#fff;border-radius:14px;padding:1.1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d}.summary-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.summary-icon.total{background:linear-gradient(135deg,#2d5f3f,#1a3a26)}.summary-icon.pending{background:linear-gradient(135deg,#b45309,#f59e0b)}.summary-icon.delivered{background:linear-gradient(135deg,#047857,#10b981)}.summary-icon.revenue{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}.summary-label{margin:0 0 .25rem;color:#6b7280;font-size:.88rem}.summary-card h3{margin:0;font-size:1.4rem;color:#111827}.summary-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;color:#6b7280;font-size:.92rem}.orders-table-container{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.loading{padding:3rem;text-align:center;color:#6b7280}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.orders-table th{padding:1rem 1.1rem;text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px;color:#4b5563}.orders-table td{padding:1rem 1.1rem;border-bottom:1px solid #e5e7eb;color:#4b5563;vertical-align:middle}.orders-table tbody tr:hover{background:#f9fafb}.order-cell,.customer-cell{display:flex;flex-direction:column;gap:.2rem}.order-cell span,.customer-cell span{color:#6b7280;font-size:.85rem}.items-count{display:inline-block;padding:.35rem .65rem;border-radius:999px;background:#f3f4f6;color:#374151;font-weight:600;font-size:.85rem}.status-select{width:100%;max-width:170px;padding:.75rem .85rem;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-weight:600}.status-select.pending{border-color:#f59e0b}.status-select.confirmed,.status-select.processing,.status-select.shipped{border-color:#60a5fa}.status-select.delivered{border-color:#10b981}.status-select.cancelled,.status-select.failed{border-color:#ef4444}.status-select.paid,.status-select.refunded{border-color:#22c55e}.view-btn,.save-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border-radius:10px}.view-btn{background:#eff6ff;color:#1d4ed8}.view-btn:hover{background:#dbeafe}.save-btn{background:#2d5f3f;color:#fff}.save-btn:hover:not(:disabled){background:#1a3a26}.save-btn:disabled{opacity:.7;cursor:not-allowed}.empty-message{text-align:center;padding:2rem;color:#6b7280}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.25rem;border-top:1px solid #e5e7eb}.pagination button{padding:.6rem 1.1rem;border-radius:8px;border:1px solid #e5e7eb;background:#f3f4f6;cursor:pointer;font-weight:600}.page-info{color:#6b7280;font-weight:600}.order-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:1000}.order-modal{width:min(980px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 20px 60px #0f172a40}.order-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-eyebrow{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#6b7280}.order-modal-header h2{margin:0;color:#111827}.close-btn{width:40px;height:40px;border-radius:999px;border:none;background:#f3f4f6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.order-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.detail-card,.order-modal-section,.order-modal-actions{border:1px solid #e5e7eb;border-radius:16px;padding:1rem}.detail-card h3,.order-modal-section h3{margin:0 0 .5rem;color:#111827}.detail-card p,.order-modal-section p{margin:0;color:#374151}.detail-card span,.order-modal-section span{display:block;margin-top:.35rem;color:#6b7280}.order-modal-section{margin-bottom:1rem}.modal-items-list{display:grid;gap:.75rem}.modal-item{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:#f9fafb;border-radius:12px}.modal-item strong{display:block;color:#111827}.modal-item span{display:block;margin-top:.25rem;color:#6b7280}.order-modal-actions{display:flex;justify-content:space-between;gap:1rem;align-items:end}.modal-status-group{display:flex;gap:1rem;flex-wrap:wrap}.modal-status-group label{display:flex;flex-direction:column;gap:.45rem;font-weight:600;color:#374151}.modal-status-group select{min-width:180px;padding:.8rem .9rem;border-radius:10px;border:1px solid #d1d5db;background:#fff}.modal-save-btn{padding:.9rem 1.25rem}@media(max-width:1100px){.orders-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.orders-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{width:100%}.filter-select{flex:1;min-width:0}.orders-summary{grid-template-columns:1fr}.order-modal-grid,.order-modal-actions{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.modal-status-group{flex-direction:column}.modal-status-group select{width:100%;min-width:0}.orders-table th,.orders-table td{padding:.8rem}.action-buttons{flex-direction:column}}.user-management{animation:fadeIn .3s ease-out}.user-mgmt-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:0;background:#fff;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .3s ease}.search-box:focus-within{border-color:#2d5f3f}.search-box svg{margin-left:1rem;color:#999}.search-box input{flex:1;padding:1rem;border:none;font-size:1rem;outline:none}.search-box .search-btn{padding:.8rem 1.5rem;background:#2d5f3f;color:#fff;border:none;cursor:pointer;font-weight:600;transition:background .3s ease}.search-box .search-btn:hover{background:#1a3a26}.filter-select{padding:.8rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:#2d5f3f}.alert{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;animation:slideDown .3s ease-out}.alert-error{background:#fee;border:1px solid #fcc;color:#c33}.alert-error button{background:none;border:none;color:#c33;cursor:pointer;font-size:1.5rem;margin-left:auto}.alert-success{background:#efe;border:1px solid #cfc;color:#3c3}.user-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.loading{padding:3rem;text-align:center;color:#666}.table-responsive{overflow-x:auto}.user-table{width:100%;border-collapse:collapse}.user-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.user-table th{padding:1.2rem;text-align:left;font-weight:600;color:#4b5563;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.user-table td{padding:1.2rem;border-bottom:1px solid #e5e7eb;color:#555}.user-table tbody tr{transition:background .2s ease}.user-table tbody tr:hover{background:#f9fafb}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#2d5f3f,#1a3a26);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.role-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.role-badge.admin{background:#f0f4ff;color:#6366f1}.role-badge.customer{background:#f0fdf4;color:#16a34a}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.active{background:#f0fdf4;color:#16a34a}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.role-btn,.deactivate-btn{padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}.role-btn{background:#f0f4ff;color:#6366f1}.role-btn:hover{background:#e0e7ff;transform:translateY(-2px)}.deactivate-btn{background:#fef2f2;color:#ef4444}.deactivate-btn:hover{background:#fee2e2;transform:translateY(-2px)}.empty-message{text-align:center;padding:2rem;color:#999}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.pagination button{padding:.6rem 1.2rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#2d5f3f;color:#fff;border-color:#2d5f3f}.page-info{color:#666;font-weight:600}@media(max-width:768px){.user-mgmt-header{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filter-select{width:100%}.user-table{font-size:.9rem}.user-table th,.user-table td{padding:.8rem}.action-buttons{flex-direction:column}.role-btn,.deactivate-btn{flex:1;justify-content:center}}.admin-settings{padding:20px;max-width:1000px;margin:0 auto}.settings-notification{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:24px;border-radius:8px;font-weight:500;animation:slideDown .3s ease-out}.settings-notification.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.settings-notification.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-nav{display:flex;gap:12px;margin-bottom:30px;border-bottom:2px solid #e0e0e0;overflow-x:auto;padding-bottom:0}.settings-nav-btn{padding:12px 20px;border:none;background:none;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.settings-nav-btn:hover{color:#2d5f3f;background-color:#f5f5f5}.settings-nav-btn.active{color:#2d5f3f;border-bottom-color:#2d5f3f}.settings-content{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.settings-section{animation:fadeIn .3s ease-out}.settings-section h2{color:#2d5f3f;margin-bottom:8px;font-size:24px;display:flex;align-items:center;gap:8px}.settings-subtitle{color:#999;margin-bottom:24px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2d5f3f;box-shadow:0 0 0 3px #2d5f3f1a}.form-group input.input-disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.form-group small{font-size:12px;color:#999;margin-top:6px}.form-group textarea{resize:vertical;min-height:100px}.password-input-group{position:relative;display:flex;align-items:center}.password-input-group input{width:100%;padding-right:40px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#999;display:flex;align-items:center;padding:4px;transition:color .3s ease}.password-toggle:hover{color:#2d5f3f}.password-requirements{background-color:#f9f9f9;border-left:4px solid #a8d5ba;padding:16px;border-radius:6px;margin-top:16px}.password-requirements p{font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{color:#666;font-size:13px;margin-bottom:8px;padding-left:24px;position:relative}.password-requirements li:before{content:"✓";position:absolute;left:0;color:#2d5f3f;font-weight:700}.settings-save-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:#2d5f3f;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content;margin-top:16px}.settings-save-btn:hover:not(:disabled){background-color:#1a3a26;transform:translateY(-2px);box-shadow:0 4px 12px #2d5f3f4d}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.settings-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease}.settings-item:hover{box-shadow:0 4px 12px #0000001a;border-color:#a8d5ba}.settings-item h3{color:#2d5f3f;margin-bottom:16px;font-size:16px;font-weight:600}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0;font-size:13px}.info-row:last-child{border-bottom:none}.info-row span{color:#999;font-weight:500}.info-row strong{color:#333;font-weight:600}.status-on{color:#28a745;font-weight:600}.status-off{color:#dc3545;font-weight:600}.system-info{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:20px;margin-top:20px}.system-info h3{color:#155724;margin-bottom:12px;font-size:16px;font-weight:600}.status-indicator{display:flex;align-items:center;gap:12px;font-size:14px;color:#155724;font-weight:500}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.status-dot.online{background-color:#28a745;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.notification-options{display:flex;flex-direction:column;gap:20px}.notification-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease}.notification-item:hover{border-color:#a8d5ba;box-shadow:0 4px 12px #2d5f3f1a}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notification-item h3{color:#2d5f3f;font-size:15px;font-weight:600;margin:0}.notification-item p{color:#999;font-size:13px;margin:8px 0;line-height:1.5}.toggle-switch{display:flex;align-items:center;cursor:pointer;position:relative}.toggle-switch input{display:none}.toggle-switch .slider{display:inline-block;width:48px;height:24px;background-color:#ccc;border-radius:24px;position:relative;transition:background-color .3s ease;cursor:pointer}.toggle-switch .slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:left .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.slider{background-color:#2d5f3f}.toggle-switch input:checked+.slider:before{left:26px}.toggle-switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.notification-preferences-container,.global-settings-container{background-color:#f5f5f5;border-radius:8px;padding:20px;margin-bottom:20px}.section-title{color:#2d5f3f;font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.notification-type-card{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:16px;margin-bottom:12px;transition:all .3s ease}.notification-type-card:hover{border-color:#a8d5ba;box-shadow:0 2px 8px #2d5f3f1a}.notification-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.type-info{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.type-info h4{color:#2d5f3f;font-size:14px;font-weight:600;margin:0;text-transform:capitalize}.channel-toggles{display:flex;gap:16px;padding-left:12px;border-left:3px solid #a8d5ba;padding-top:12px}.channel-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#666;-webkit-user-select:none;user-select:none}.channel-toggle input{width:16px;height:16px;cursor:pointer;accent-color:#2d5f3f}.channel-toggle:hover{color:#2d5f3f}.settings-group{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:16px;margin-bottom:12px}.settings-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#2d5f3f;margin-bottom:12px;cursor:pointer}.settings-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background-color:#fff;cursor:pointer;transition:border-color .3s ease}.settings-group select:focus{outline:none;border-color:#2d5f3f;box-shadow:0 0 0 3px #2d5f3f1a}.checkbox-label{display:flex;align-items:center;gap:12px;font-size:14px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px;background-color:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;transition:all .3s ease}.checkbox-label:hover{background-color:#f9f9f9;border-color:#a8d5ba}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2d5f3f}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;padding-left:12px}.time-input-group{display:flex;flex-direction:column;gap:6px}.time-input-group label{font-size:12px;font-weight:600;color:#999}.time-input-group input[type=time]{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .3s ease}.time-input-group input[type=time]:focus{outline:none;border-color:#2d5f3f;box-shadow:0 0 0 3px #2d5f3f1a}.settings-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.settings-reset-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.settings-reset-btn:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.settings-reset-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.admin-settings{padding:12px}.settings-nav{flex-wrap:wrap}.settings-nav-btn{padding:10px 16px;font-size:13px}.settings-content{padding:20px}.form-row,.settings-grid{grid-template-columns:1fr}.settings-section h2{font-size:20px}.settings-save-btn,.settings-reset-btn{width:100%}.notification-header{flex-direction:column;align-items:flex-start;gap:12px}.channel-toggles{flex-direction:column;gap:12px}.time-inputs{grid-template-columns:1fr}.settings-actions{flex-direction:column}}@media(max-width:480px){.admin-settings{padding:8px}.settings-nav{gap:8px}.settings-nav-btn{padding:8px 12px;font-size:12px}.settings-content{padding:16px}.settings-section h2{font-size:18px}}.admin-notifications{padding:24px;background:linear-gradient(135deg,#f8f9fa,#f0f4f2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.notifications-alert{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;z-index:1000;animation:slideIn .3s ease-out}.notifications-alert.success{border-left:4px solid #2d5f3f;color:#2d5f3f}.notifications-alert.error{border-left:4px solid #dc3545;color:#dc3545}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.notifications-title{display:flex;align-items:center;gap:16px;position:relative}.notifications-title h1{margin:0;font-size:28px;color:#1a3a26;font-weight:600}.unread-badge{position:absolute;top:-8px;left:10px;background:#dc3545;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white}.notifications-title svg{color:#2d5f3f}.notifications-actions{display:flex;gap:12px}.notification-btn{padding:10px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#2d5f3f;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.notification-btn:hover{background:#2d5f3f;color:#fff;border-color:#2d5f3f}.notification-btn.refresh-btn{padding:10px 12px}.notification-btn.delete-all-btn{padding:10px 12px;color:#dc3545;border-color:#dc3545}.notification-btn.delete-all-btn:hover{background:#dc3545;color:#fff}.notifications-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-item{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #00000014}.stat-number{font-size:32px;font-weight:700;color:#2d5f3f}.stat-label{color:#666;font-size:14px;margin-top:8px}.notifications-filter{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.filter-btn{padding:10px 18px;border:2px solid #ddd;border-radius:6px;background:#fff;color:#555;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#2d5f3f;color:#2d5f3f}.filter-btn.active{background:#2d5f3f;color:#fff;border-color:#2d5f3f}.notifications-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;min-height:300px}.notification-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #eee;transition:all .3s ease;background:#fff}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8faf8}.notification-item.unread{background:#f0f8f4;font-weight:500;border-left:4px solid #2d5f3f}.notification-item.unread:hover{background:#e8f3ed}.notification-item.priority-critical{border-left-color:#dc3545}.notification-item.priority-high{border-left-color:#ff9800}.notification-item.priority-medium{border-left-color:#2d5f3f}.notification-item.priority-low{border-left-color:#4caf50}.notification-icon{font-size:28px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 6px;font-size:16px;color:#1a3a26;font-weight:600}.notification-message{margin:0 0 8px;font-size:14px;color:#666;line-height:1.4}.notification-meta{display:flex;gap:16px;font-size:12px;color:#999}.notification-type{background:#e8f3ed;color:#2d5f3f;padding:2px 8px;border-radius:4px;font-weight:500}.notification-priority{flex-shrink:0}.priority-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.priority-badge.critical{background:#ffe5e5;color:#dc3545}.priority-badge.high{background:#fff3e0;color:#ff9800}.priority-badge.medium{background:#e8f3ed;color:#2d5f3f}.priority-badge.low{background:#e8f5e9;color:#4caf50}.notification-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{padding:8px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#f5f5f5;border-color:#999}.action-btn.mark-read:hover{background:#2d5f3f;color:#fff;border-color:#2d5f3f}.action-btn.delete:hover{background:#dc3545;color:#fff;border-color:#dc3545}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.notifications-empty svg{color:#ddd;margin-bottom:16px}.notifications-empty p{margin:0;font-size:18px;color:#333;font-weight:500}.notifications-empty small{margin-top:8px;color:#999}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loader{width:40px;height:40px;border:3px solid #eee;border-top-color:#2d5f3f;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications-loading p{margin:0;color:#666}.notifications-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.pagination-btn{padding:10px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#2d5f3f;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#2d5f3f;color:#fff;border-color:#2d5f3f}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-weight:500}@media(max-width:768px){.admin-notifications{padding:16px}.notifications-header{flex-direction:column;align-items:flex-start;gap:16px}.notifications-actions{width:100%;justify-content:flex-start}.notifications-title h1{font-size:22px}.notifications-alert{left:16px;right:16px;top:16px}.notification-item{flex-wrap:wrap;gap:12px}.notification-priority{order:-1;flex-basis:100%}.notification-actions{flex-basis:100%;justify-content:flex-end}.notifications-stats{grid-template-columns:repeat(2,1fr)}.notifications-pagination{flex-direction:column;gap:12px}.pagination-btn{width:100%}}@media(max-width:480px){.admin-notifications,.notification-item{padding:12px}.notifications-title h1{font-size:20px}.notification-icon{font-size:24px}.notification-title{font-size:14px}.notification-message{font-size:13px}.notifications-header{padding:16px}.notifications-filter{padding:12px;gap:8px}.filter-btn,.notification-btn{padding:8px 12px;font-size:12px}.notifications-stats{grid-template-columns:1fr}}.admin-contact-messages{padding:24px;background:#f5f5f5;min-height:calc(100vh - 120px)}.contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.contact-header h1{font-size:32px;font-weight:600;color:#1a1a1a;margin:0}.contact-stats{display:flex;gap:16px;font-size:14px;color:#666}.contact-filters{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.filter-btn{padding:8px 16px;border:none;background:#f0f0f0;color:#666;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.filter-btn:hover{background:#e0e0e0}.filter-btn.active{background:#2d5016;color:#fff}.contact-content{display:grid;grid-template-columns:1fr 350px;gap:24px}.contact-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.messages-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:100px 150px 200px 200px 150px 120px;gap:16px;padding:16px;background:#f9f9f9;border-bottom:1px solid #e0e0e0;font-weight:600;font-size:12px;text-transform:uppercase;color:#666}.table-row{display:grid;grid-template-columns:100px 150px 200px 200px 150px 120px;gap:16px;padding:16px;border-bottom:1px solid #f0f0f0;align-items:center;cursor:pointer;transition:background .2s ease}.table-row:hover{background:#f9f9f9}.table-row.new{background:#f0fdf4}.col-status{display:flex;justify-content:flex-start}.col-name,.col-subject,.col-email,.col-date{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-subject{font-weight:500}.col-actions{display:flex;gap:8px;justify-content:center}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.new{background:#fef3c7;color:#92400e}.status-badge.read{background:#dbeafe;color:#1e40af}.status-badge.responded{background:#dcfce7;color:#15803d}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:#f0f0f0;color:#666;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#e0e0e0}.action-btn.view:hover{background:#dbeafe;color:#1e40af}.action-btn.mark-read:hover{background:#dcfce7;color:#15803d}.action-btn.delete:hover{background:#fee2e2;color:#991b1b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px}.loading{text-align:center;padding:40px;color:#666}.message-detail{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:fit-content;position:sticky;top:24px}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.detail-header h2{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.detail-content{padding:16px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-row label{font-size:12px;font-weight:600;text-transform:uppercase;color:#666}.detail-row p{margin:0;font-size:14px;color:#333;word-break:break-word}.detail-row a{color:#2d5016;text-decoration:none}.detail-row a:hover{text-decoration:underline}.message-text,.admin-notes{background:#f5f5f5;padding:12px;border-radius:6px;font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.detail-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e0e0e0;padding-top:16px;margin-top:auto}.btn-primary,.btn-danger{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:#2d5016;color:#fff}.btn-primary:hover{background:#1f3911}.btn-danger{background:#fee2e2;color:#991b1b}.btn-danger:hover{background:#fecaca}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:24px;border-top:1px solid #e0e0e0}.pagination button{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#2d5016;color:#fff;border-color:#2d5016}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.contact-content{grid-template-columns:1fr}.message-detail{position:static}.table-header,.table-row{grid-template-columns:80px 130px 150px 150px 100px 100px}}@media(max-width:768px){.admin-contact-messages{padding:16px}.contact-filters{flex-wrap:wrap}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header{display:none}.table-row{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:8px;padding:12px}.col-status,.col-name,.col-subject,.col-email,.col-date,.col-actions{display:flex;justify-content:space-between}.col-status:before,.col-name:before,.col-subject:before,.col-email:before,.col-date:before,.col-actions:before{content:attr(data-label);font-weight:600;color:#666}}