@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header-nav{position:fixed;top:0;left:0;right:0;width:100%;background:#f5f3edf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 5%;z-index:1000;border-bottom:1px solid rgba(45,51,23,.1);animation:slideDown .6s ease-out;transition:top .3s ease}body.has-test-banner .header-nav{top:40px}body.has-test-banner .mobile-nav{top:110px}@media(max-width:480px){body.has-test-banner .mobile-nav{top:100px}}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;white-space:nowrap}.logo-img{height:40px;width:auto;object-fit:contain}.logo-text{font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;color:var(--earth-dark);letter-spacing:.5px}.logo-text span{color:var(--terracotta)}@media(max-width:480px){.logo-img{height:32px}.logo-text{font-size:1rem}}.nav-links{display:flex;gap:clamp(1rem,2vw,2.5rem);list-style:none;align-items:center;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--earth-medium);font-weight:500;font-size:clamp(.85rem,1.2vw,.95rem);transition:color .3s;position:relative;cursor:pointer;white-space:nowrap}.nav-links a:hover{color:var(--terracotta)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--terracotta);transition:width .3s}.nav-links a:hover:after{width:100%}.nav-links a.cart-icon:after,.nav-links a.btn-login:after,.nav-links a.btn-register:after{display:none}.cart-icon{background:var(--earth-dark);color:var(--cream)!important;padding:.5rem 1rem;border-radius:25px;font-weight:600;transition:all .3s;cursor:pointer}.cart-icon:hover{background:var(--terracotta);transform:translateY(-2px)}.btn-login,.btn-register{padding:.5rem 1rem;border-radius:25px;font-weight:600;transition:all .3s;cursor:pointer;text-decoration:none;font-size:clamp(.85rem,1.2vw,.95rem);border:none;font-family:var(--font-body)}.btn-login{background:transparent;color:var(--earth-medium);border:2px solid var(--earth-medium)}.btn-login:hover{background:var(--earth-medium);color:#fff}.btn-register{background:var(--terracotta);color:#fff!important;border:2px solid var(--terracotta)}.btn-register:hover{background:#b85d4e;border-color:#b85d4e}.mobile-actions{display:none;align-items:center;gap:.5rem}.mobile-cart-btn{display:flex;align-items:center;justify-content:center;position:relative;font-size:1.4rem;color:var(--earth-dark);text-decoration:none;padding:.5rem;transition:transform .2s}.mobile-cart-btn:hover{transform:scale(1.1)}.mobile-cart-badge{position:absolute;top:0;right:0;background:var(--terracotta);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--earth-dark);cursor:pointer;padding:.5rem}.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;width:100%;background:#f5f3edfa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem 5%;z-index:999;border-bottom:1px solid rgba(45,51,23,.1);animation:slideDown .3s ease-out;max-height:calc(100vh - 70px);overflow-y:auto}.mobile-nav.active{display:block}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:1rem}.mobile-nav-links a,.mobile-nav-links button{text-decoration:none;color:var(--earth-dark);font-weight:600;font-size:1rem;display:block;padding:.75rem 0;border-bottom:1px solid var(--cream);background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;width:100%;text-align:left;font-family:var(--font-body)}@media(max-width:900px){.nav-links{display:none}.mobile-actions{display:flex}}@media(max-width:480px){.header-nav{padding:.75rem 4%}.mobile-nav{top:60px;padding:1rem 4%;max-height:calc(100vh - 60px)}}.home-page{margin-top:80px;width:100%}.hero{width:100%;padding:5rem 5% 3rem;background:linear-gradient(135deg,var(--sky) 0%,var(--cream) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(196,115,82,.15) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-logo{width:240px;height:240px;object-fit:contain;margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));display:block;margin-left:auto;margin-right:auto}.hero-content h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;color:var(--earth-dark);margin-bottom:1.5rem}.hero-content p{font-size:clamp(1rem,2vw,1.2rem);color:var(--earth-medium);line-height:1.8;margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.hero-products{position:relative;width:100%}.hero-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hero-product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #2d33171f;transition:transform .3s,box-shadow .3s;text-decoration:none;display:flex;flex-direction:column;animation:fadeInUp .6s ease forwards;opacity:0}.hero-product-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #2d331733}.hero-product-image{width:100%;height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-product-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.hero-product-card:hover .hero-product-img{transform:scale(1.05)}.hero-product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-product-emoji{font-size:3rem}.hero-product-name{padding:.75rem;font-size:.85rem;color:var(--earth-dark);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem}.hero-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--sage);cursor:pointer;transition:all .3s;padding:0}.hero-dot:hover{background:var(--earth-medium);transform:scale(1.2)}.hero-dot.active{background:var(--terracotta);transform:scale(1.3)}.about-story{width:100%;padding:5rem 5%;background:#fff}.story-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.story-text h2{font-size:clamp(2rem,4vw,3rem);color:var(--earth-dark);margin-bottom:1.5rem}.story-text p{font-size:clamp(1rem,2vw,1.1rem);color:var(--earth-medium);line-height:1.8;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-card{background:var(--cream);padding:2rem 1.5rem;border-radius:20px;text-align:center;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #2d331726}.stat-icon{font-size:2.5rem;margin-bottom:.75rem}.stat-number{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--terracotta);margin-bottom:.25rem}.stat-label{font-size:.9rem;color:var(--earth-medium);text-transform:uppercase;letter-spacing:.05em}.values{width:100%;padding:5rem 5%;background:var(--cream)}.values .section-header{max-width:700px;margin:0 auto 4rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.value-card{background:#fff;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 5px 20px #2d331714;transition:transform .3s,box-shadow .3s}.value-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #2d331726}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card h3{font-size:1.3rem;color:var(--earth-dark);margin-bottom:.5rem}.value-card p{color:var(--earth-medium);font-size:.95rem;line-height:1.6}.cta-section{width:100%;background:var(--earth-dark);padding:5rem 5%;text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:1rem}.cta-content p{color:var(--sage);font-size:clamp(1rem,2vw,1.2rem);margin-bottom:2rem}@media(max-width:1024px){.hero-container{gap:3rem}.story-content{grid-template-columns:1fr;gap:3rem}.stats-grid{max-width:500px;margin:0 auto}}@media(max-width:768px){.hero{padding:3rem 5% 2rem}.hero-container{grid-template-columns:1fr;gap:2rem}.hero-content{text-align:center}.cta-buttons{justify-content:center;flex-direction:column;align-items:stretch}.cta-buttons .btn{text-align:center}.hero-products-grid{grid-template-columns:1fr;gap:1rem}.hero-product-card{flex-direction:row;align-items:center}.hero-product-image{width:100px;height:100px;flex-shrink:0}.hero-product-name{padding:1rem;font-size:1rem;text-align:left;white-space:normal}.about-story{padding:3rem 5%}.story-text{text-align:center}.stats-grid{gap:1rem}.stat-card{padding:1.5rem 1rem}.values,.cta-section{padding:3rem 5%}}@media(max-width:480px){.hero{padding:2rem 4%}.hero-products-grid{grid-template-columns:1fr;gap:1rem}.hero-product-card{flex-direction:row;align-items:center}.hero-product-image{width:100px;height:100px;flex-shrink:0}.hero-product-emoji{font-size:2.5rem}.hero-product-name{padding:1rem;font-size:1rem;text-align:left;white-space:normal}.about-story{padding:2rem 4%}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1rem 1.5rem;text-align:left}.stat-icon{font-size:2rem;margin-bottom:0}.stat-number{font-size:1.5rem}.values{padding:2rem 4%}.value-card{padding:1.5rem}}.warranty-section{width:100%;padding:5rem 5%;background:linear-gradient(135deg,var(--forest) 0%,var(--earth-dark) 100%)}.warranty-content{max-width:900px;margin:0 auto;background:#fff;border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0003}.warranty-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--cream)}.warranty-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.warranty-icon{font-size:2.5rem}.warranty-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--earth-dark)}.warranty-title span{color:var(--terracotta)}.warranty-header h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--forest);margin:0}.warranty-details{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.warranty-main{padding-right:2rem;border-right:2px solid var(--cream)}.warranty-highlight{font-size:1.15rem;line-height:1.8;color:var(--earth-dark);margin-bottom:1.5rem}.warranty-highlight strong{color:var(--forest)}.warranty-note{font-size:.95rem;color:var(--earth-medium);line-height:1.7;padding:1rem;background:var(--cream);border-radius:12px;border-left:4px solid var(--terracotta)}.warranty-requirements h3{font-size:1.1rem;color:var(--earth-dark);margin-bottom:1rem}.warranty-requirements ol{margin:0;padding-left:1.25rem}.warranty-requirements li{font-size:.95rem;color:var(--earth-medium);line-height:1.7;margin-bottom:.75rem}.warranty-requirements li strong{color:var(--earth-dark)}.warranty-requirements a{color:var(--terracotta);font-weight:600;text-decoration:none;transition:color .3s}.warranty-requirements a:hover{color:var(--forest);text-decoration:underline}.warranty-disclaimer{margin-top:1.5rem;font-size:.85rem;color:var(--earth-medium);padding:.75rem 1rem;background:#c473521a;border-radius:8px}@media(max-width:768px){.warranty-section{padding:3rem 5%}.warranty-content{padding:2rem 1.5rem}.warranty-details{grid-template-columns:1fr;gap:2rem}.warranty-main{padding-right:0;border-right:none;padding-bottom:2rem;border-bottom:2px solid var(--cream)}}@media(max-width:480px){.warranty-section{padding:2rem 4%}.warranty-content{padding:1.5rem 1rem;border-radius:16px}.warranty-header{margin-bottom:1.5rem;padding-bottom:1.5rem}.warranty-logo{gap:.5rem}.warranty-icon{font-size:2rem}.warranty-title{font-size:1.5rem}.warranty-highlight{font-size:1rem}}.product-card{background:#fff;border-radius:24px;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;box-shadow:0 4px 20px #2d331714;display:flex;flex-direction:column;height:100%;min-width:0;width:100%}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #2d331726}.product-card.low-stock-border{border:2px solid #dc3545}.product-image{height:220px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background:linear-gradient(135deg,var(--cream) 0%,#f5f3ef 100%);overflow:hidden}.product-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 60%);pointer-events:none}.product-emoji{font-size:90px;transition:transform .4s ease;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1))}.product-card:hover .product-emoji{transform:scale(1.1) rotate(-3deg)}.stock-badge{position:absolute;top:12px;right:12px;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.stock-badge.out-of-stock{background:linear-gradient(135deg,#dc3545,#c82333)}.stock-badge.low-stock{background:linear-gradient(135deg,#fd7e14,#e85d00)}.product-info{padding:1.5rem;display:flex;flex-direction:column;flex:1}.product-info h4{font-family:var(--font-display);font-size:1.35rem;margin-bottom:.4rem;color:var(--earth-dark);line-height:1.3}.product-info h4.low-stock-text{color:#dc3545}.product-info .variety{font-size:.9rem;color:var(--earth-medium);font-style:italic;margin-bottom:1rem;line-height:1.4}.product-info .low-stock-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1rem;width:fit-content;box-shadow:0 2px 8px #dc35454d}.price-section{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--cream)}.price-info{display:flex;flex-direction:column;gap:.2rem}.full-price{font-size:1.5rem;font-weight:700;color:var(--earth-dark);font-family:var(--font-display);line-height:1.1}.deposit-price{font-size:.8rem;color:var(--earth-medium)}.price-section .btn{padding:.7rem 1.4rem;font-size:.9rem;border-radius:25px;white-space:nowrap;flex-shrink:0}.price-section .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:1024px){.product-image{height:200px}.product-emoji{font-size:80px}.product-info h4{font-size:1.25rem}.full-price{font-size:1.35rem}}@media(max-width:768px){.product-card{border-radius:20px}.product-image{height:180px}.product-emoji{font-size:70px}.product-info{padding:1.25rem}.product-info h4{font-size:1.15rem}.price-section{flex-direction:column;align-items:stretch;gap:.75rem}.price-info{flex-direction:row;justify-content:space-between;align-items:baseline}.price-section .btn{width:100%;text-align:center;padding:.8rem}}@media(max-width:580px){.product-card{border-radius:18px}.product-image{height:200px}.product-emoji{font-size:85px}.product-info{padding:1.5rem}.product-info h4{font-size:1.3rem}.full-price{font-size:1.4rem}.price-section{flex-direction:row;align-items:center}.price-info{flex-direction:column}.price-section .btn{width:auto;padding:.7rem 1.5rem}}.modal-overlay{display:none;position:fixed;inset:0;background:#2d3317b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;animation:fadeIn .3s ease-out}.modal-overlay.active{display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{padding:2rem;border-bottom:1px solid var(--cream);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.modal-header h3{font-family:var(--font-display);font-size:2rem;color:var(--earth-dark);margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--earth-medium);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.modal-close:hover{background:var(--cream);color:var(--terracotta)}.modal-body{padding:2rem}.modal-product-image{width:300px;height:300px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:120px;margin:0 auto 1.5rem;box-shadow:0 4px 15px #2d331726}.modal-product-info{text-align:center;margin-bottom:1.5rem}.modal-product-variety{color:var(--earth-medium);font-style:italic;margin-bottom:.5rem;font-size:.95rem}.modal-description-section{margin-top:1.5rem;border-top:1px solid var(--cream);padding-top:1.5rem}.modal-description-title{font-family:var(--font-display);font-size:1rem;color:var(--earth-dark);margin:0 0 .75rem}.modal-product-description{color:var(--earth-medium);line-height:1.6;font-size:.9rem;text-align:left;padding:1rem;background:var(--cream);border-radius:10px;max-height:150px;overflow-y:auto;margin:0}.out-of-stock-warning{background:#fee2e2;border-left:4px solid #dc2626;padding:1rem;margin:1rem 0;border-radius:8px}.out-of-stock-warning-text{color:#991b1b;font-weight:600;margin:0}.low-stock-warning{background:#fff3cd;border-left:4px solid #ffc107;padding:1rem;margin:1rem 0;border-radius:8px}.low-stock-warning-text{color:#856404;font-weight:600;margin:0}.cart-info-notice{background:#e0f2fe;border-left:4px solid #0284c7;padding:.75rem 1rem;margin:1rem 0;border-radius:8px}.cart-info-text{color:#0369a1;font-size:.9rem;margin:0}.stock-limit-message{text-align:center;color:#92400e;font-size:.85rem;margin:-1rem 0 1.5rem;font-weight:500}.modal-price-display{background:var(--cream);padding:1.5rem;border-radius:15px;margin-bottom:2rem}.modal-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.modal-price-row:last-child{margin-bottom:0;padding-top:.8rem;border-top:2px solid white}.modal-price-label{color:var(--earth-medium);font-size:.95rem}.modal-price-value{font-weight:700;font-size:1.1rem;color:var(--earth-dark)}.modal-price-value.highlight{color:var(--terracotta);font-size:1.3rem}.quantity-selector{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.quantity-btn{width:50px;height:50px;border-radius:50%;border:2px solid var(--earth-dark);background:#fff;color:var(--earth-dark);font-size:1.5rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:var(--earth-dark);color:#fff}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-display{font-size:2rem;font-weight:700;color:var(--earth-dark);min-width:60px;text-align:center}.modal-actions{display:flex;gap:1rem}.modal-actions .btn{flex:1;text-align:center}@media(max-width:768px){.modal-product-image{width:200px;height:200px;font-size:80px}.modal-actions{flex-direction:column}.quantity-selector{gap:1rem}.quantity-btn{width:40px;height:40px}}.cart-notification{position:fixed;top:100px;right:20px;background:var(--earth-dark);color:#fff;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 10px 30px #0000004d;z-index:10000;animation:slideInRight .3s ease-out}.cart-notification.closing{animation:slideOutRight .3s ease-out forwards}.notification-content{display:flex;align-items:center;gap:1rem}.notification-icon{font-size:1.5rem}.notification-title{font-weight:600;margin-bottom:.3rem}.notification-detail{font-size:.85rem;opacity:.9}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.shop-page{margin-top:80px;width:100%;background:linear-gradient(180deg,var(--cream) 0%,#fff 100%);padding-bottom:4rem;overflow:visible!important;max-height:none!important;height:auto!important}.shop-page .section{padding:4rem 5% 0;width:100%;max-width:100%;overflow:visible!important;max-height:none!important;height:auto!important}.shop-page .section-header{max-width:700px;margin:0 auto 3rem;text-align:center}.shop-info{font-size:.95rem;color:var(--earth-medium);margin-top:.75rem}.shop-info.bulk-info{margin-top:.5rem}.shop-info a{color:var(--forest);font-weight:600;text-decoration:none}.shop-info a:hover{text-decoration:underline}.filter-container{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 5px 20px #2d331714;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.filter-row{display:flex;gap:1rem;align-items:center}.filter-group{display:flex;flex-direction:column;flex:1}.filter-group.filter-search{flex:1}.filter-group input{padding:.75rem 1.2rem;border:2px solid var(--sage);border-radius:30px;font-size:1rem;font-family:var(--font-body);background:var(--cream);transition:all .2s ease}.filter-group input:focus{outline:none;border-color:var(--terracotta);background:#fff}.filter-group input::placeholder{color:var(--earth-medium)}.category-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.category-pill{padding:.5rem 1.25rem;border:none;border-radius:25px;font-size:.9rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;background:var(--cream);color:var(--earth-dark)}.category-pill:hover{background:var(--sage)}.category-pill.active{background:var(--forest);color:#fff}.filter-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--cream);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.results-count{color:var(--earth-medium);font-size:.95rem}.btn-reset{background:none;border:2px solid var(--sage);color:var(--earth-dark);padding:.6rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s;font-family:var(--font-body)}.btn-reset:hover{background:var(--sage)}.products-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2.5rem!important;max-width:1200px!important;margin:0 auto!important;width:100%;padding:0 2rem;overflow:visible!important;max-height:none!important;height:auto!important}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;width:100%}.loader{width:50px;height:50px;border:4px solid var(--cream);border-top-color:var(--terracotta);border-radius:50%;animation:spin 1s linear infinite}.error-state{text-align:center;padding:4rem;width:100%}.error-state h2{color:var(--terracotta);margin-bottom:1rem}.empty-state{text-align:center;padding:4rem;color:var(--earth-medium);width:100%}.empty-state h3{font-family:var(--font-display);font-size:2rem;margin-bottom:1rem}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1.5rem}}@media(max-width:768px){.shop-page .section{padding:2rem 4%}.filter-container{padding:1.5rem}.filter-footer{flex-direction:column;text-align:center}.category-pills{justify-content:center}.products-grid{grid-template-columns:1fr!important;gap:1.5rem;padding:0 1rem;max-width:400px!important}}@media(max-width:580px){.shop-page .section{padding:1.5rem 3%}.products-grid{grid-template-columns:1fr;gap:1.5rem;max-width:400px;padding:0}.filter-container{padding:1rem;border-radius:15px}.category-pill{padding:.4rem 1rem;font-size:.85rem}}.about-page{margin-top:80px;min-height:calc(100vh - 80px);width:100%}.about-page .section{width:100%;padding:4rem 5%}.about-content{max-width:900px;margin:0 auto;padding:3rem;background:#fff;border-radius:20px;line-height:1.8;width:100%}.about-content h3{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1.5rem;color:var(--earth-dark)}.about-content p{margin-bottom:1.5rem;color:var(--earth-medium);font-size:clamp(.95rem,2vw,1.05rem)}.about-story,.about-mission,.pickup-locations,.how-it-works,.contact-info{margin-bottom:3rem;padding-bottom:3rem;border-bottom:2px solid var(--cream)}.contact-info{border-bottom:none;margin-bottom:0;padding-bottom:0}.pickup-locations ul{list-style:none;padding-left:0}.pickup-locations li{margin-bottom:.8rem;color:var(--earth-medium);font-size:1.05rem}.pickup-locations .check{color:var(--terracotta);margin-right:.5rem;font-weight:700}.how-it-works ol{list-style:none;padding-left:0;counter-reset:step}.how-it-works li{margin-bottom:1.5rem;color:var(--earth-medium);font-size:1.05rem;position:relative;padding-left:3rem;counter-increment:step}.how-it-works li:before{content:counter(step);position:absolute;left:0;width:2rem;height:2rem;background:var(--terracotta);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.how-it-works li strong{color:var(--earth-dark)}@media(max-width:768px){.about-page .section{padding:3rem 4%}.about-content{padding:2rem 1.5rem;border-radius:15px}.how-it-works li{padding-left:2.5rem}}@media(max-width:480px){.about-page .section{padding:2rem 3%}.about-content{padding:1.5rem 1rem;border-radius:12px}.about-story,.about-mission,.pickup-locations,.how-it-works,.contact-info{margin-bottom:2rem;padding-bottom:2rem}.how-it-works li{padding-left:2.2rem;margin-bottom:1rem}.how-it-works li:before{width:1.6rem;height:1.6rem;font-size:.8rem}}.tree-care-page{margin-top:80px;width:100%}.tree-care-hero{background:linear-gradient(135deg,var(--forest) 0%,var(--earth-dark) 100%);padding:4rem 5%;text-align:center;color:#fff}.tree-care-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;color:var(--earth-dark)!important}.tree-care-hero p{font-size:clamp(1rem,2vw,1.3rem);color:var(--sage);max-width:600px;margin:0 auto}.tree-care-content{max-width:900px;margin:0 auto;padding:3rem 5%}.care-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--cream)}.care-section:last-child{border-bottom:none}.care-section h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.2rem);color:var(--earth-dark);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid var(--terracotta);display:inline-block}.care-section h3{font-size:1.3rem;color:var(--forest);margin:1.5rem 0 1rem}.care-section h4{font-size:1.1rem;color:var(--earth-dark);margin-bottom:.75rem}.care-section p{font-size:1.05rem;line-height:1.8;color:var(--earth-medium);margin-bottom:1rem}.care-section ul,.care-section ol{margin:1rem 0 1.5rem 1.5rem}.care-section li{font-size:1.05rem;line-height:1.8;color:var(--earth-medium);margin-bottom:.5rem}.care-section li strong{color:var(--earth-dark)}.section-with-image{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.section-image img{width:100%;border-radius:12px;box-shadow:0 4px 15px #0000001a}.inline-image-section{display:flex;gap:1.5rem;align-items:flex-start;margin:1rem 0}.inline-image{width:200px;height:auto;border-radius:10px;box-shadow:0 3px 10px #0000001a;flex-shrink:0}.inline-image-section p,.inline-image-section ul{margin:0;flex:1}.info-box,.tip-box,.warning-box,.benefits-box,.warranty-exclusions{padding:1.25rem 1.5rem;border-radius:12px;margin:1.5rem 0}.info-box{background:var(--sky);border-left:4px solid var(--forest)}.tip-box{background:linear-gradient(135deg,var(--cream) 0%,#fff9e6 100%);border-left:4px solid var(--terracotta)}.warning-box{background:#fff5f5;border-left:4px solid #dc3545;color:var(--earth-dark)}.benefits-box{background:var(--cream);border:2px solid var(--sage)}.benefits-box ul{margin-bottom:0;columns:2;column-gap:2rem}.benefits-box li{font-size:.95rem;break-inside:avoid}.warranty-section{background:var(--cream);padding:2rem;border-radius:16px;border:none;margin-top:2rem}.warranty-exclusions{background:#fff5f5;border-left:4px solid #dc3545}.warranty-exclusions ul{margin-bottom:0}@media(max-width:768px){.tree-care-hero{padding:3rem 5%}.tree-care-content{padding:2rem 5%}.care-section{margin-bottom:2rem;padding-bottom:1.5rem}.benefits-box ul{columns:1}.section-with-image{grid-template-columns:1fr}.section-image{order:-1}.section-image img{max-width:300px;margin:0 auto;display:block}.inline-image-section{flex-direction:column}.inline-image{width:100%;max-width:250px;margin:0 auto}}@media(max-width:480px){.tree-care-hero{padding:2rem 4%}.tree-care-content{padding:1.5rem 4%}.care-section h2{display:block}.info-box,.tip-box,.warning-box,.benefits-box,.warranty-exclusions{padding:1rem}.warranty-section{padding:1.5rem 1rem}}.auth-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--earth-dark) 0%,var(--earth-medium) 100%);padding:2rem}.auth-container{max-width:450px;width:100%;background:#fff;border-radius:30px;padding:3rem;box-shadow:0 20px 60px #2d33174d}.auth-container.register-container{max-width:550px}.auth-logo{display:block;text-align:center;margin-bottom:2rem;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;color:var(--earth-dark);text-decoration:none}.auth-logo span{color:var(--terracotta)}.auth-container h1{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);color:var(--earth-dark);text-align:center;margin-bottom:.5rem}.auth-subtitle{color:var(--earth-medium);font-size:clamp(.85rem,2vw,.95rem);text-align:center;margin-bottom:2rem}.auth-container .form-group{margin-bottom:1.5rem}.auth-container input,.auth-container select{border-radius:12px}.auth-container select{width:100%;padding:1rem 1.25rem;border:2px solid var(--sage);font-family:var(--font-body);font-size:1rem;color:var(--earth-dark);background:#fff;cursor:pointer;transition:border-color .3s,box-shadow .3s;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='%232d3317' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.auth-container select:focus{outline:none;border-color:var(--terracotta);box-shadow:0 0 0 3px #c4735226}.form-options{display:flex;align-items:center;justify-content:space-between;margin:1rem 0;flex-wrap:wrap;gap:.5rem}.remember-me{display:flex;align-items:center;gap:.5rem}.remember-me input[type=checkbox]{width:auto;margin:0;flex-shrink:0}.remember-me label{margin:0;font-weight:400;font-size:.9rem}.forgot-password-link{color:var(--terracotta);text-decoration:none;font-size:.9rem;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.success-message{display:flex;align-items:center;gap:1rem;background:#e8f8f0;border:2px solid #27ae60;border-radius:12px;padding:1.25rem;margin:1.5rem 0}.success-message .success-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#27ae60;color:#fff;border-radius:50%;font-size:1.2rem;font-weight:700;flex-shrink:0}.success-message p{margin:0;color:#1a5d36;font-weight:500;font-size:.95rem}.btn-full{width:100%;margin-top:1rem;padding:1.2rem;font-size:1.1rem}.btn-full:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{text-align:center;margin:2rem 0;position:relative;color:var(--earth-medium);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--sage)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-links{text-align:center}.auth-links p{margin-top:1rem;font-size:.9rem;color:var(--earth-medium)}.auth-links a{color:var(--terracotta);text-decoration:none;font-weight:600}.auth-links a:hover{text-decoration:underline}@media(max-width:768px){.auth-page{padding:1rem}.auth-container{padding:2rem 1.5rem;border-radius:20px}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.auth-page{padding:2rem .5rem .5rem;align-items:flex-start}.auth-container{padding:1.5rem 1rem;border-radius:15px}.btn-full{padding:1rem;font-size:1rem}}.cart-page{min-height:100vh;background:var(--cream);width:100%}.cart-nav{width:100%;background:#f5f3edf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem 5%;border-bottom:1px solid rgba(45,51,23,.1)}.cart-nav .nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.cart-nav .logo{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;color:var(--earth-dark);text-decoration:none}.cart-nav .logo span{color:var(--terracotta)}.cart-nav-links a{color:var(--earth-medium);text-decoration:none;font-weight:500}.cart-page .container{width:100%;padding:3rem 5%}.cart-page h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--earth-dark);margin-bottom:.5rem}.cart-page .subtitle{color:var(--earth-medium);font-size:clamp(.95rem,2vw,1.1rem);margin-bottom:3rem}.empty-cart{text-align:center;padding:clamp(4rem,10vw,8rem) 2rem;width:100%}.empty-cart h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);color:var(--earth-medium);margin-bottom:1rem}.empty-cart p{color:var(--earth-medium);margin-bottom:2rem}.cart-grid{display:grid;grid-template-columns:1fr 380px;gap:2rem;max-width:1400px;margin:0 auto;width:100%}.cart-items{width:100%}.cart-item{background:#fff;border-radius:20px;padding:2rem;margin-bottom:1.5rem;display:grid;grid-template-columns:100px 1fr auto;gap:2rem;align-items:center}.item-image{width:100px;height:100px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:50px;flex-shrink:0}.item-info h3{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);margin-bottom:.3rem}.item-info .variety{color:var(--earth-medium);font-style:italic;margin-bottom:1rem}.quantity-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.qty-btn{width:36px;height:36px;border-radius:10px;border:none;background:var(--sage);color:var(--earth-dark);cursor:pointer;font-size:1.4rem;font-weight:700;transition:all .3s;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.qty-btn:hover{background:var(--earth-dark);color:#fff}.qty-btn:active{transform:scale(.95)}.qty-value{font-weight:600;min-width:30px;text-align:center}.remove-btn{margin-left:.5rem;background:none;border:none;color:var(--terracotta);cursor:pointer;font-weight:600;font-family:var(--font-body);white-space:nowrap}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-btn:disabled:hover{background:var(--sage);color:var(--earth-dark)}.stock-limit-notice{margin:.5rem 0 0;font-size:.8rem;color:#92400e;font-weight:500}.low-stock-notice{margin:.5rem 0 0;font-size:.8rem;color:#b45309;font-style:italic}.stock-issues-warning p{color:#991b1b;font-size:.85rem;margin-bottom:.5rem}.stock-issues-warning .issue-action{font-weight:600;color:#991b1b;margin-top:.75rem;margin-bottom:0}.item-price{text-align:right}.item-price .full-price{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;color:var(--earth-dark);font-family:var(--font-display)}.item-price .deposit-price{font-size:.9rem;font-weight:600;color:var(--terracotta)}.item-price .price-label{font-size:.7rem;color:var(--earth-medium)}.order-summary{background:var(--earth-dark);color:#fff;border-radius:16px;padding:1.25rem;position:sticky;top:1rem;height:fit-content}.order-summary h3{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.5rem);margin-bottom:.75rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.15);flex-wrap:wrap;gap:.25rem;font-size:.9rem}.summary-row .label{color:var(--sage)}.summary-row .value{font-weight:600}.summary-row.highlight .value.large{font-weight:700;color:var(--peach);font-size:1.1rem}.shipping-options{margin:.75rem 0;background:#ffffff0d;padding:.75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.shipping-options h4,.payment-options h4{margin-bottom:.5rem;font-weight:700;font-size:.95rem;color:#fff;text-transform:none;letter-spacing:0}.payment-options{margin:.75rem 0;background:#c8a26426;padding:.75rem;border-radius:10px;border:1px solid rgba(200,162,100,.3)}.radio-option{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;cursor:pointer;background:#ffffff1a;padding:.5rem .75rem;border-radius:8px;border:2px solid transparent;transition:all .2s}.radio-option:last-child{margin-bottom:0}.radio-option:hover{background:#ffffff26}.radio-option.selected{background:#fff3;border-color:var(--peach)}.radio-option input{width:16px;height:16px;accent-color:var(--terracotta);flex-shrink:0}.radio-option .option-content{display:flex;justify-content:space-between;align-items:center;flex:1;gap:.5rem}.radio-option .option-title{font-size:.85rem;color:#fff;font-weight:500}.radio-option .option-price{font-size:.9rem;font-weight:700;color:var(--peach)}.order-summary .btn-full{margin-top:.75rem;padding:.75rem 1rem;font-size:.9rem}.order-summary .btn-secondary{background:transparent;color:#fff;border-color:#fff;margin-top:.5rem}@media(max-width:1024px){.cart-grid{grid-template-columns:1fr}.order-summary{position:relative;top:0}}@media(max-width:768px){.cart-page .container{padding:2rem 4%}.cart-item{grid-template-columns:80px 1fr;gap:1rem;padding:1.5rem}.item-price{grid-column:1 / -1;margin-top:1rem;text-align:left;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.item-image{width:80px;height:80px;font-size:40px}.order-summary{padding:1.5rem}}@media(max-width:480px){.cart-page .container{padding:1.5rem 3%}.cart-item{grid-template-columns:60px 1fr;gap:.75rem;padding:1rem;border-radius:15px}.item-image{width:60px;height:60px;font-size:30px}.quantity-controls{gap:.5rem}.qty-btn{width:30px;height:30px;font-size:1rem}.order-summary{border-radius:15px}}.balance-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.balance-modal{background:#fff;border-radius:16px;max-width:480px;width:100%;padding:2rem;position:relative;box-shadow:0 20px 60px #0003}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1a1a1a}.modal-header{margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem}.modal-header .order-ref{color:#6b7280;font-size:.9rem;margin:0}.balance-summary{background:#f9fafb;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.balance-summary .summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.95rem;color:#4b5563}.balance-summary .summary-row.highlight{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:1rem;font-weight:600;color:#1a1a1a}.balance-summary .summary-row.highlight .amount{font-size:1.25rem;color:#2d5016;font-weight:700}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.card-element-container{margin-bottom:1.5rem}.card-element-container label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.5rem}.card-element-wrapper{border:2px solid #e5e7eb;border-radius:8px;padding:.875rem 1rem;background:#fff;transition:border-color .2s}.card-element-wrapper:focus-within{border-color:#2d5016}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions .btn{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.modal-actions .btn-secondary{background:#f3f4f6;color:#374151}.modal-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb}.modal-actions .btn-primary{background:#2d5016;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background:#3d6b1e}.modal-actions .btn:disabled{opacity:.6;cursor:not-allowed}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;font-size:.85rem;color:#6b7280}.security-note .lock-icon{font-size:.9rem}.loading-state{padding:3rem;text-align:center;color:#6b7280}@media(max-width:480px){.balance-modal{padding:1.5rem;margin:.5rem}.modal-header h2{font-size:1.25rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.toast-notification{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 30px #00000026;animation:slideDown .3s ease-out;max-width:90%;width:500px}.toast-notification.success{background:#e8f8f0;border:2px solid #27ae60;color:#1a5d36}.toast-icon{font-size:1.5rem;background:#27ae60;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-content{flex:1}.toast-content strong{display:block;font-size:1.1rem;margin-bottom:.25rem;color:#1a5d36}.toast-content p{font-size:.9rem;color:#2d7a4a;margin:0}.toast-close{background:transparent;border:1px solid #27ae60;color:#27ae60;width:28px;height:28px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#27ae60;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.portal-page{margin-top:80px;min-height:calc(100vh - 80px);padding:3rem 5%;width:100%}.portal-page .container{max-width:1400px;margin:0 auto;width:100%}.portal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}.portal-header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);color:var(--earth-dark);margin-bottom:.5rem}.portal-header .subtitle{color:var(--earth-medium);font-size:clamp(.95rem,2vw,1.1rem)}.portal-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.portal-actions .btn{padding:.8rem 1.8rem;font-size:.95rem;white-space:nowrap}.portal-actions .btn-primary{background:var(--terracotta);color:#fff}.portal-actions .btn-secondary{background:transparent;color:var(--earth-dark);border:2px solid var(--earth-dark)}.portal-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem;width:100%}.portal-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 5px 20px #2d331714;width:100%}.portal-section h2{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.8rem);color:var(--earth-dark);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--cream)}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:var(--cream);border-radius:15px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.order-card.order-deposit{border-left:4px solid #f5c87a}.order-card.order-full{border-left:4px solid #7dcea0}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.order-number{font-weight:700;color:var(--earth-dark);display:block;margin-bottom:.3rem}.order-date{font-size:.85rem;color:var(--earth-medium)}.status-badge{padding:.4rem 1rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap}.order-items{padding:1rem 0;border-top:1px solid rgba(45,51,23,.1);border-bottom:1px solid rgba(45,51,23,.1)}.order-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.95rem;color:var(--earth-medium);gap:1rem;flex-wrap:wrap}.order-item.order-discount{border-top:1px dashed rgba(45,51,23,.2);margin-top:.5rem;padding-top:.75rem;color:#27ae60;font-weight:500}.order-item.order-discount .discount-amount{color:#27ae60;font-weight:600}.order-item.order-tax{border-top:1px dashed rgba(45,51,23,.2);margin-top:.5rem;padding-top:.75rem;font-style:italic;color:var(--earth-dark)}.order-fulfillment{padding:.75rem 0;border-bottom:1px solid rgba(45,51,23,.1)}.fulfillment-info{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;background:#2d33170d}.fulfillment-info.pickup{background:#27ae601a}.fulfillment-info.shipping{background:#3498db1a}.fulfillment-icon{font-size:1.2rem}.fulfillment-details{display:flex;flex-direction:column;gap:.1rem}.fulfillment-details strong{font-size:.85rem;color:var(--earth-dark)}.fulfillment-details span{font-size:.8rem;color:var(--earth-medium)}.order-footer{display:flex;justify-content:space-between;align-items:flex-start;margin-top:1rem;flex-wrap:wrap;gap:.75rem}.payment-type-badge{display:flex;flex-direction:column;padding:.6rem 1rem;border-radius:10px;gap:.2rem}.payment-type-badge .payment-label{font-weight:700;font-size:.95rem}.payment-type-badge .payment-sublabel{font-size:.75rem;opacity:.85}.order-totals{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.order-paid{font-weight:700;font-size:1.1rem}.order-balance{font-size:.9rem;color:#e67e22;font-weight:600}.btn-pay-balance{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;margin-top:.5rem}.btn-pay-balance:hover{background:linear-gradient(135deg,#d35400,#c0392b);transform:translateY(-1px);box-shadow:0 4px 12px #e67e2259}.btn-pay-balance:active{transform:translateY(0)}.btn-receipt{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;margin-top:.5rem;text-decoration:none}.btn-receipt:hover{background:linear-gradient(135deg,#2980b9,#1f618d);transform:translateY(-1px);box-shadow:0 4px 12px #3498db59;color:#fff}.btn-receipt:active{transform:translateY(0)}.receipt-icon{font-size:1rem}.receipt-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.receipt-buttons .btn-receipt{margin-top:0;font-size:.85rem;padding:.5rem 1rem}.receipt-buttons .btn-receipt.balance-receipt{background:linear-gradient(135deg,#27ae60,#219a52)}.receipt-buttons .btn-receipt.balance-receipt:hover{background:linear-gradient(135deg,#219a52,#1e8449);box-shadow:0 4px 12px #27ae6059}.manual-order-note{display:inline-flex;align-items:center;gap:.4rem;background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500}.account-section{height:fit-content;position:sticky;top:100px}.account-subtitle{font-family:var(--font-display);font-size:1.2rem;color:var(--earth-dark);margin-bottom:1rem;margin-top:.5rem}.account-card{background:var(--cream);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem}.account-row{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid rgba(45,51,23,.1);flex-wrap:wrap;gap:.5rem}.account-row:last-child{border-bottom:none}.account-row .label{color:var(--earth-medium);font-size:.9rem}.account-row .value{font-weight:600;color:var(--earth-dark);word-break:break-word}.empty-state{text-align:center;padding:3rem;color:var(--earth-medium)}.empty-state p{margin-bottom:1.5rem}.loading{text-align:center;padding:2rem;color:var(--earth-medium)}@media(max-width:1024px){.portal-grid{grid-template-columns:1fr}.account-section{position:relative;top:0}}@media(max-width:768px){.portal-page{padding:2rem 4%}.portal-header{flex-direction:column;align-items:flex-start}.portal-actions{width:100%;flex-direction:row;justify-content:flex-start}.portal-actions .btn{flex:1;text-align:center;padding:.75rem 1rem;font-size:.9rem}.portal-section{padding:1.5rem}.order-card{padding:1rem}}@media(max-width:480px){.portal-page{padding:1.5rem 3%}.portal-actions{gap:.75rem}.portal-actions .btn{padding:.7rem .8rem;font-size:.85rem;border-radius:20px}.portal-section{padding:1rem;border-radius:15px}}.payment-page{min-height:100vh;background:linear-gradient(145deg,#f8faf5,#e8efe3,#f0f4eb)}.payment-nav{background:#fff;padding:1rem 0;box-shadow:0 2px 12px #0000000f;position:sticky;top:0;z-index:100}.payment-nav .nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.payment-nav .logo{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;color:#2d5016;text-decoration:none}.payment-nav .logo-img{height:36px;width:auto}.payment-nav .logo span{color:#b45309}.payment-nav .nav-links a{color:#666;text-decoration:none;font-weight:500;transition:color .2s;display:flex;align-items:center;gap:.35rem}.payment-nav .nav-links a:hover{color:#2d5016}.payment-page .container{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.payment-page .page-header{text-align:center;margin-bottom:2.5rem}.payment-page h1{font-family:Cormorant Garamond,Georgia,serif;font-size:2.25rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.payment-page .subtitle{color:#666;font-size:1.05rem;margin-bottom:0}.checkout-progress{display:flex;justify-content:center;gap:0;margin-bottom:2rem}.progress-step{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.85rem;font-weight:500}.progress-step.completed{color:#2d5016}.progress-step.active{color:#2d5016;font-weight:600}.step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;background:#e5e7eb;color:#6b7280}.progress-step.completed .step-number{background:#2d5016;color:#fff}.progress-step.active .step-number{background:#2d5016;color:#fff;box-shadow:0 0 0 4px #2d501626}.step-connector{width:60px;height:2px;background:#e5e7eb;margin:0 .75rem}.step-connector.completed{background:#2d5016}.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.checkout-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.04)}.payment-section{margin-bottom:1.5rem}.payment-section h3{font-size:1.15rem;color:#1a1a1a;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.payment-section h3:before{content:"💳";font-size:1.1rem}.card-element-container{background:linear-gradient(to bottom,#fafbfc,#f5f7f9);border:2px solid #e2e8f0;border-radius:12px;padding:1.125rem 1rem;transition:all .25s ease;position:relative}.card-element-container:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s}.card-element-container:focus-within{border-color:#2d5016;box-shadow:0 0 0 4px #2d50161a;background:#fff}.card-element-container:focus-within:before{opacity:1;background:linear-gradient(135deg,#2d5016,#4a7c23)}.card-brands{display:flex;gap:.5rem;margin-top:.75rem;justify-content:flex-start}.card-brand{width:38px;height:24px;background:#f3f4f6;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#6b7280}.security-badge{display:flex;align-items:center;gap:.5rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem}.security-badge .lock-icon{font-size:1.1rem}.security-badge span{font-size:.85rem;color:#166534;font-weight:500}.order-summary-card{background:linear-gradient(180deg,#fff,#fafbf8);border-radius:16px;padding:1.5rem;box-shadow:0 4px 24px #0000000f;border:2px solid #e8f0e3;position:sticky;top:100px}.order-summary-card h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem}.order-summary-card h3:before{content:"🛒";font-size:1rem}.order-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding-right:.5rem}.order-items::-webkit-scrollbar{width:4px}.order-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.order-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.order-item:last-child{border-bottom:none}.order-item .item-info{flex:1;min-width:0}.order-item .item-name{display:block;color:#374151;font-size:.9rem;font-weight:500;line-height:1.3}.order-item .item-qty{display:block;color:#9ca3af;font-size:.8rem;margin-top:.125rem}.order-item .item-price{font-weight:600;color:#1a1a1a;font-size:.9rem;white-space:nowrap}.order-totals{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#6b7280}.total-row span:last-child{margin-left:2rem;text-align:right}.total-row.highlight{padding-top:.75rem;margin-top:.5rem;border-top:1px solid #e5e7eb;font-weight:600;color:#1a1a1a;font-size:1rem}.total-row.highlight .amount{font-size:1.25rem;color:#2d5016;font-weight:700}.total-row.balance{background:#fef3c7;margin:.5rem -1rem 0;padding:.75rem 1rem;border-radius:8px;color:#92400e;font-size:.85rem}.total-row.balance .amount{font-weight:600}.payment-type-badge{display:inline-flex;align-items:center;gap:.35rem;background:#dbeafe;color:#1e40af;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.payment-type-badge.deposit{background:#fef3c7;color:#92400e}.error-message{display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:10px;margin-bottom:1.25rem;font-size:.9rem}.error-message:before{content:"⚠️";font-size:1rem}.stock-issues-warning{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:1rem;margin-bottom:1rem}.stock-issues-warning h4{color:#dc2626;font-size:1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.stock-issues-warning h4:before{content:"⚠️"}.stock-issues-warning ul{list-style:none;padding:0;margin:.5rem 0}.stock-issues-warning li{padding:.5rem .75rem;margin-bottom:.25rem;border-radius:6px;font-size:.85rem;font-weight:500}.stock-issues-warning li.issue-out_of_stock{background:#fee2e2;color:#991b1b}.stock-issues-warning li.issue-insufficient_stock{background:#fef3c7;color:#92400e}.stock-issues-warning .issue-action{font-size:.9rem;color:#991b1b;margin-top:.75rem;margin-bottom:0}.stock-issues-warning .issue-action a{color:#dc2626;font-weight:600;text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:all .25s ease}.btn-primary{background:linear-gradient(135deg,#2d5016,#3d6b1e);color:#fff;box-shadow:0 4px 14px #2d501640}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#234010,#2d5016);transform:translateY(-2px);box-shadow:0 6px 20px #2d501659}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-full{width:100%}.btn-primary.processing{position:relative;color:transparent}.btn-primary.processing:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.secure-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#6b7280;margin-top:1.25rem}.secure-notice:before{content:"🔒";font-size:.9rem}.stripe-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.stripe-badge span{font-size:.75rem;color:#9ca3af}.stripe-badge img{height:20px;opacity:.7}.loading-state{text-align:center;padding:5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f}.loading-state h2{margin-bottom:.5rem;color:#1a1a1a}.loading-state p{color:#666;margin-bottom:1.5rem}.spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#2d5016;border-radius:50%;margin:0 auto 1.5rem;animation:spin .8s linear infinite}@media(max-width:900px){.checkout-layout{grid-template-columns:1fr;gap:1.5rem}.order-summary-card{position:static;order:-1}}@media(max-width:640px){.payment-page .container{padding:1.5rem 1rem 3rem}.checkout-form,.order-summary-card{padding:1.25rem;border-radius:12px}.payment-page h1{font-size:1.75rem}.checkout-progress{display:none}.step-connector{width:30px}.progress-step span:not(.step-number){display:none}.total-row.highlight .amount{font-size:1.2rem}}.confirmation-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.confirmation-nav{background:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000000d}.confirmation-nav .nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:center;align-items:center}.confirmation-nav .logo{font-size:1.5rem;font-weight:700;color:#2d5016;text-decoration:none}.confirmation-nav .logo span{color:#8b5cf6}.confirmation-page .container{max-width:700px;margin:0 auto;padding:2rem 1.5rem 4rem}.success-header{text-align:center;margin-bottom:2rem}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 24px #22c55e4d}.success-icon svg{width:40px;height:40px;color:#fff}.success-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:.5rem}.success-header .order-number{font-size:1.1rem;color:#666;font-weight:500}.confirmation-content{display:flex;flex-direction:column;gap:1.5rem}.confirmation-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014}.confirmation-card h3{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #eee}.order-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.order-item{display:flex;justify-content:space-between;align-items:flex-start}.order-item .item-info{display:flex;flex-direction:column;gap:.25rem}.order-item .item-name{color:#1a1a1a;font-weight:500}.order-item .item-variety{color:#888;font-size:.85rem}.order-item .item-qty{color:#666;font-size:.85rem}.order-item .item-price{font-weight:500;color:#1a1a1a}.order-totals{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #eee}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#666}.total-row.highlight{padding-top:.75rem;border-top:1px dashed #ddd;font-weight:600;color:#1a1a1a}.total-row .paid{color:#22c55e}.total-row.balance{color:#f59e0b;font-weight:500}.info-content{color:#555;line-height:1.6}.info-content p{margin-bottom:1rem}.pickup-details{background:#f8f9fa;padding:1rem;border-radius:8px}.pickup-details strong{color:#2d5016;display:block;margin-bottom:.25rem}.info-content address{font-style:normal;background:#f8f9fa;padding:1rem;border-radius:8px;line-height:1.8}.next-steps{display:flex;flex-direction:column;gap:1rem}.step{display:flex;gap:1rem;align-items:flex-start}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;color:#1a1a1a;margin-bottom:.25rem}.step-content p{color:#666;font-size:.9rem;margin:0}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#2d5016,#3d6b1e);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#234010,#2d5016);transform:translateY(-1px);box-shadow:0 4px 12px #2d50164d}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.loading-state,.error-state{text-align:center;padding:4rem 2rem}.loading-state p,.error-state p{color:#666;margin-bottom:1.5rem}.error-state h2{margin-bottom:.5rem}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@media(max-width:640px){.confirmation-page .container{padding:1.5rem 1rem 3rem}.success-header h1{font-size:1.5rem}.success-icon{width:64px;height:64px}.success-icon svg{width:32px;height:32px}.action-buttons{flex-direction:column}}.custom-order-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.custom-order-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h2{margin:0;font-size:1.5rem;color:#111827}.btn-close{background:none;border:none;font-size:1.75rem;color:#6b7280;cursor:pointer;padding:0;line-height:1}.btn-close:hover{color:#111827}.step-indicator{display:flex;padding:16px 24px;gap:8px;border-bottom:1px solid #e5e7eb;background:#fafafa}.step-indicator .step{flex:1;padding:10px 16px;border:none;background:#e5e7eb;color:#6b7280;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.step-indicator .step:disabled{cursor:not-allowed;opacity:.6}.step-indicator .step.active{background:#166534;color:#fff}.step-indicator .step.completed{background:#22c55e;color:#fff}.modal-body{padding:24px;overflow-y:auto;flex:1}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #fecaca}.step-content h3{margin:0 0 20px;color:#111827;font-size:1.25rem}.step-content h4{margin:20px 0 12px;color:#374151;font-size:1rem}.search-section{position:relative}.search-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.search-input:focus{outline:none;border-color:#166534}.searching{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.875rem}.search-results{border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;max-height:200px;overflow-y:auto}.customer-result{padding:12px 16px;cursor:pointer;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:2px}.customer-result:last-child{border-bottom:none}.customer-result:hover{background:#f3f4f6}.customer-result strong{color:#111827}.customer-result span{color:#6b7280;font-size:.875rem}.or-divider{display:flex;align-items:center;margin:20px 0;color:#9ca3af}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.or-divider span{padding:0 16px;font-size:.875rem}.btn-new-customer{width:100%;padding:12px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#374151;font-size:1rem;cursor:pointer;transition:all .2s}.btn-new-customer:hover{background:#e5e7eb;border-color:#9ca3af}.selected-customer{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px}.customer-info h4{margin:0 0 4px;color:#166534}.customer-info p{margin:0;color:#374151;font-size:.875rem}.customer-info .address{color:#6b7280;font-size:.8rem}.btn-change{background:#fff;border:1px solid #d1d5db;padding:6px 12px;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem}.btn-change:hover{background:#f3f4f6}.new-customer-form{background:#f9fafb;padding:20px;border-radius:8px}.form-row{margin-bottom:16px}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;color:#374151;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#166534;box-shadow:0 0 0 3px #1665341a}.selected-items{margin-bottom:24px}.items-table{width:100%;border-collapse:collapse;margin-top:12px}.items-table th,.items-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.items-table th{background:#f9fafb;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.qty-input{width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:center}.btn-remove{background:#fef2f2;border:none;color:#dc2626;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:1.25rem;line-height:1}.btn-remove:hover{background:#fee2e2}.items-subtotal{text-align:right;padding:12px;background:#f9fafb;border-radius:0 0 8px 8px;font-size:1rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:200px;overflow-y:auto;padding:4px}.product-card{padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .15s}.product-card:hover{background:#f0fdf4;border-color:#86efac}.product-name{font-size:.875rem;color:#374151;font-weight:500}.product-price{font-size:.875rem;color:#166534;font-weight:600}.custom-item-form{display:flex;gap:10px;align-items:flex-end}.custom-item-form input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.custom-item-form input:first-child{flex:2}.custom-item-form input:nth-child(2){width:100px}.custom-item-form input:nth-child(3){width:70px}.btn-add-custom{padding:10px 16px;background:#166534;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;white-space:nowrap}.btn-add-custom:disabled{background:#9ca3af;cursor:not-allowed}.payment-step{padding:0}.payment-layout{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start}.payment-form-column{min-width:0}.payment-form-column h3{margin:0 0 20px;font-size:1.1rem}.payment-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.payment-section .form-group{margin-bottom:16px}.payment-section .form-group:last-child{margin-bottom:0}.shipping-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.shipping-section h4{margin:0 0 12px;font-size:.95rem;color:#111827}.notes-section{margin-bottom:0}.notes-section h4{margin:0 0 8px;font-size:.95rem;color:#111827}.fulfillment-options{display:flex;gap:12px;margin-top:8px}.fulfillment-option{flex:1;display:flex;align-items:center;padding:16px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;background:#fff}.fulfillment-option:hover{border-color:#86efac;background:#f0fdf4}.fulfillment-option.selected{border-color:#166534;background:#f0fdf4}.fulfillment-option input[type=radio]{margin-right:12px;width:18px;height:18px;accent-color:#166534}.fulfillment-option .option-content{display:flex;flex-direction:column;gap:2px}.fulfillment-option .option-title{font-weight:600;color:#111827}.fulfillment-option .option-price{font-size:.875rem;color:#166534;font-weight:500}.shipping-address-form{margin-top:12px;padding:16px;background:#f9fafb;border-radius:8px}.notes-section textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;resize:vertical;font-family:inherit}.order-summary-column{position:sticky;top:0;align-self:start}.order-summary-card{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a}.order-summary-card h4{margin:0 0 16px;font-size:1rem;color:#111827;font-weight:600;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.summary-items{max-height:120px;overflow-y:auto;margin-bottom:16px;padding-right:4px}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;font-size:.85rem;border-bottom:1px dashed #e5e7eb}.summary-item:last-child{border-bottom:none}.summary-item .item-name{color:#374151;flex:1;margin-right:12px;line-height:1.3}.summary-item .item-price{color:#111827;font-weight:600;white-space:nowrap;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem}.summary-divider{height:1px;background:#d1d5db;margin:16px 0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;color:#4b5563}.summary-row span:first-child{color:#6b7280}.summary-row span:last-child{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:500;color:#111827}.summary-row.summary-total{font-size:1.15rem;font-weight:700;color:#111827;padding:12px 0 4px;margin-top:8px;border-top:2px solid #166534}.summary-row.summary-total span:first-child{color:#111827;font-weight:600}.summary-row.summary-total span:last-child{color:#166534;font-size:1.25rem}.summary-row.summary-paid{background:#f0fdf4;margin:8px -12px 0;padding:8px 12px;border-radius:6px}.summary-row.summary-paid span:first-child{color:#166534}.summary-row.summary-paid span:last-child{color:#166534;font-weight:600}.summary-row.summary-due{background:#fef2f2;margin:8px -12px 0;padding:8px 12px;border-radius:6px}.summary-row.summary-due span:first-child{color:#dc2626}.summary-row.summary-due span:last-child{color:#dc2626;font-weight:700}.summary-row.summary-discount,.summary-row.summary-discount span:first-child{color:#27ae60}.summary-row.summary-discount span:last-child{color:#27ae60;font-weight:600}.discount-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.discount-section h4{margin:0 0 12px;font-size:.95rem;color:#111827}.discount-options{display:flex;gap:10px;margin-bottom:12px}.discount-option{flex:1;display:flex;align-items:center;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.discount-option:hover{border-color:#86efac;background:#f0fdf4}.discount-option.selected{border-color:#166534;background:#f0fdf4}.discount-option input[type=radio]{margin-right:10px;accent-color:#166534}.discount-option span{font-size:.9rem;color:#374151}.discount-details{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-top:12px}.discount-preview{margin-top:12px;padding:12px 16px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#166534;font-weight:500}.review-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.review-section:last-of-type{border-bottom:none}.review-section h4{margin:0 0 8px;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.review-detail p{margin:4px 0;color:#374151}.review-items-table{width:100%}.review-items-table td{padding:6px 0;color:#374151}.review-items-table td:last-child{text-align:right;font-weight:500}.review-section.totals{background:#f9fafb;padding:16px;border-radius:8px;border-bottom:none}.total-row{display:flex;justify-content:space-between;padding:6px 0}.total-row.grand-total{font-size:1.25rem;font-weight:600;color:#111827;padding-top:12px;border-top:1px solid #e5e7eb;margin-top:8px}.total-row .paid{color:#166534}.total-row.balance .due{color:#dc2626;font-weight:600}.notes-text{color:#6b7280;font-style:italic;background:#f9fafb;padding:12px;border-radius:6px}.modal-footer{padding:16px 24px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.step-actions{display:flex;justify-content:space-between;gap:12px}.btn-back{padding:12px 24px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:1rem}.btn-back:hover{background:#f3f4f6}.btn-next,.btn-submit{padding:12px 32px;background:#166534;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500}.btn-next:disabled,.btn-submit:disabled{background:#9ca3af;cursor:not-allowed}.btn-next:hover:not(:disabled),.btn-submit:hover:not(:disabled){background:#15803d}@media(max-width:768px){.payment-layout{display:flex;flex-direction:column;gap:24px}.order-summary-column{order:-1;position:relative}.order-summary-card{position:relative;padding:16px}.order-summary-card h4{margin-bottom:12px;padding-bottom:8px}.summary-items{max-height:100px}.summary-row.summary-paid,.summary-row.summary-due{margin:8px -8px 0;padding:8px}.payment-section,.shipping-section{padding-bottom:16px;margin-bottom:16px}}@media(max-width:640px){.custom-order-modal-overlay{padding:8px}.custom-order-modal{max-height:95vh;border-radius:10px}.modal-header{padding:14px 16px}.modal-header h2{font-size:1.25rem}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.step-indicator{padding:10px 12px;flex-wrap:wrap;gap:6px}.step-indicator .step{flex:none;width:calc(50% - 3px);font-size:.7rem;padding:8px 10px}.form-row.two-col,.form-row.three-col{grid-template-columns:1fr}.custom-item-form{flex-wrap:wrap}.custom-item-form input:first-child{width:100%}.products-grid{grid-template-columns:repeat(2,1fr)}.payment-form-column h3{font-size:1rem;margin-bottom:16px}.payment-section .form-group,.shipping-section .form-group{margin-bottom:12px}.payment-section .form-group label,.shipping-section .form-group label{font-size:.8rem}.payment-section .form-group input,.payment-section .form-group select,.shipping-section .form-group input{padding:10px;font-size:.95rem}.fulfillment-options{flex-direction:column;gap:10px}.fulfillment-option{width:100%;padding:14px}.fulfillment-option .option-title{font-size:.95rem}.fulfillment-option .option-price{font-size:.8rem}.shipping-address-form{padding:12px;margin-top:10px}.shipping-address-form .form-row.three-col{gap:8px}.notes-section textarea{padding:10px;font-size:.9rem}.order-summary-card{padding:14px}.order-summary-card h4{font-size:.95rem;margin-bottom:10px;padding-bottom:8px}.summary-item{padding:6px 0;font-size:.8rem}.summary-row{font-size:.85rem;padding:5px 0}.summary-row.summary-total{font-size:1.05rem;padding-top:10px}.summary-row.summary-total span:last-child{font-size:1.1rem}.step-actions{flex-direction:column;gap:10px}.btn-back,.btn-next,.btn-submit{width:100%;padding:12px 20px}}.deposit-info{margin-top:8px}.deposit-amount-display{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.deposit-amount-display .amount{font-size:1.25rem;font-weight:600;color:#b45309}.deposit-amount-display .balance-note{font-size:.875rem;color:#92400e}.error-text{color:#dc2626;font-size:.75rem;margin-top:4px;display:block}.customer-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.customer-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.customer-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.customer-modal .modal-header h2{margin:0;font-size:1.5rem;color:#111827}.customer-modal .btn-close{background:none;border:none;font-size:1.75rem;color:#6b7280;cursor:pointer;padding:0;line-height:1}.customer-modal .btn-close:hover{color:#111827}.customer-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.customer-modal .error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #fecaca}.customer-modal .form-section{margin-bottom:24px}.customer-modal .form-section h3{margin:0 0 16px;font-size:1rem;color:#374151;font-weight:600;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.customer-modal .form-group{margin-bottom:16px}.customer-modal .form-group label{display:block;margin-bottom:6px;font-size:.875rem;color:#374151;font-weight:500}.customer-modal .form-group input,.customer-modal .form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s}.customer-modal .form-group input:focus,.customer-modal .form-group select:focus{outline:none;border-color:#166534;box-shadow:0 0 0 3px #1665341a}.customer-modal .form-group input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.customer-modal .form-group input::placeholder{color:#9ca3af}.customer-modal .field-note{display:block;margin-top:4px;font-size:.75rem;color:#6b7280}.customer-modal .form-row{display:grid;gap:16px}.customer-modal .form-row.two-col{grid-template-columns:1fr 1fr}.customer-modal .form-row.three-col{grid-template-columns:1fr 1fr 1fr}.customer-modal .form-row .form-group{margin-bottom:0}.customer-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:8px}.customer-modal .btn-cancel{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.95rem;transition:all .2s}.customer-modal .btn-cancel:hover:not(:disabled){background:#f3f4f6}.customer-modal .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.customer-modal .btn-save{padding:10px 24px;background:linear-gradient(135deg,#166534,#15803d);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.customer-modal .btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1665344d}.customer-modal .btn-save:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media(max-width:640px){.customer-modal-overlay{padding:10px}.customer-modal{max-height:95vh}.customer-modal .modal-header,.customer-modal .modal-body{padding:16px}.customer-modal .form-row.two-col,.customer-modal .form-row.three-col{grid-template-columns:1fr}.customer-modal .modal-actions{flex-direction:column}.customer-modal .btn-cancel,.customer-modal .btn-save{width:100%}}.admin-page{min-height:100vh;background:#f5f7fa}.admin-nav{background:linear-gradient(135deg,#2d5016,#3d6b1e);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a;transition:top .3s ease}body.has-test-banner .admin-nav{top:40px}.admin-nav .nav-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.admin-nav h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.admin-nav .btn-back{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.admin-nav .btn-back:hover{background:#ffffff40}.admin-container{display:flex;max-width:1400px;margin:0 auto;min-height:calc(100vh - 60px)}.admin-sidebar{width:220px;background:#fff;border-right:1px solid #e5e7eb;padding:1.5rem 0;flex-shrink:0}.tab-btn{display:block;width:100%;padding:1rem 1.5rem;text-align:left;border:none;background:none;font-size:.95rem;color:#4b5563;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.tab-btn:hover{background:#f3f4f6;color:#1f2937}.tab-btn.active{background:#f0fdf4;color:#2d5016;border-left-color:#2d5016;font-weight:600}.admin-content{flex:1;padding:2rem;overflow-y:auto}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#2d5016;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-state h3{color:#dc2626;margin-bottom:.5rem}.error-state p{color:#6b7280}.empty-message{color:#9ca3af;text-align:center;padding:3rem;font-size:1.1rem}.dashboard-view h2,.orders-view h2,.products-view h2,.customers-view h2,.payments-view h2{font-size:1.5rem;color:#1f2937;margin-bottom:1.5rem}.stripe-mode-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;transition:all .3s}.stripe-mode-card.test{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.stripe-mode-card.live{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #dc2626}.mode-info{display:flex;align-items:center;gap:1rem}.mode-icon{font-size:2rem}.mode-text h3{margin:0 0 .25rem;font-size:1.1rem;color:#1f2937}.mode-text p{margin:0;font-size:.85rem;color:#4b5563}.mode-toggle-btn{padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.mode-toggle-btn.test{background:#dc2626;color:#fff}.mode-toggle-btn.test:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.mode-toggle-btn.live{background:#f59e0b;color:#1f2937}.mode-toggle-btn.live:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.mode-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f}.stat-card h3{font-size:.9rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.stat-card.revenue .stat-value{color:#059669}.stat-card.orders .stat-value{color:#8b5cf6}.stat-card.customers .stat-value{color:#3b82f6}.stat-card.products .stat-value{color:#f59e0b}.pending-orders{background:#fef3c7;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem}.pending-orders h3{color:#92400e;margin:0}.recent-payments{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f}.recent-payments h3{font-size:1.1rem;color:#1f2937;margin-bottom:1rem}.recent-payments table{width:100%;border-collapse:collapse}.recent-payments th,.recent-payments td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.recent-payments th{font-weight:600;color:#4b5563;font-size:.85rem}.recent-payments td{color:#1f2937}.orders-view .orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.orders-view .orders-header h2{margin:0}.orders-view .btn-create-order{background:linear-gradient(135deg,#2d5016,#3d6b1e);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2d501633}.orders-view .btn-create-order:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2d50164d}.orders-view .btn-create-order:active{transform:translateY(0)}.orders-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.orders-filters .filter-group{flex:1;min-width:150px;position:relative}.orders-filters .btn-clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#e5e7eb;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;line-height:1;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .15s}.orders-filters .btn-clear-search:hover{background:#d1d5db;color:#374151}.orders-filters .search-input{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.orders-filters select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.orders-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-size:.875rem}.orders-table th{background:#f9fafb;padding:.625rem .75rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.orders-table td{padding:.625rem .75rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.orders-table tr:hover{background:#f9fafb}.orders-table tr.has-balance{background:#fef2f2}.orders-table tr.has-balance:hover{background:#fee2e2}.orders-table .order-number{font-weight:600;color:#2d5016;white-space:nowrap}.orders-table .customer-cell{max-width:180px}.orders-table .customer-name{display:block;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-table .customer-email{display:block;font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-table .date-cell{white-space:nowrap;color:#6b7280}.orders-table .fulfillment-cell{white-space:nowrap}.fulfillment-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:default}.fulfillment-badge.pickup{background:#27ae6026;color:#1e8449}.fulfillment-badge.shipping{background:#3498db26;color:#2874a6}.card-fulfillment{margin:.5rem 0}.orders-table .items-cell{position:relative}.orders-table .items-toggle{background:#f3f4f6;border:none;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;color:#4b5563}.orders-table .items-toggle:hover{background:#e5e7eb}.orders-table .items-popup{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;box-shadow:0 4px 12px #00000026;z-index:10;min-width:200px;max-width:300px}.orders-table .order-details-popup{min-width:320px;max-width:400px;padding:0}.orders-table .popup-header{background:#f8fafc;padding:.75rem 1rem;font-weight:600;font-size:.85rem;color:#374151;border-bottom:1px solid #e5e7eb;border-radius:6px 6px 0 0}.orders-table .popup-items{padding:.5rem 0}.orders-table .popup-item-row{display:grid;grid-template-columns:1fr auto auto auto;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;color:#4b5563;border-bottom:1px solid #f3f4f6;align-items:center}.orders-table .popup-item-row:last-child{border-bottom:none}.orders-table .popup-item-row .item-name{font-weight:500;color:#1f2937}.orders-table .popup-item-row .item-qty{color:#6b7280;font-size:.75rem}.orders-table .popup-item-row .item-unit-price{color:#9ca3af;font-size:.75rem}.orders-table .popup-item-row .item-line-total{font-weight:500;color:#374151;text-align:right;min-width:60px}.orders-table .popup-totals{background:#f8fafc;border-top:1px solid #e5e7eb;padding:.75rem 1rem}.orders-table .popup-total-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.8rem;color:#6b7280}.orders-table .popup-total-row.total-final{font-weight:600;font-size:.9rem;color:#1f2937;border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.5rem}.orders-table .popup-total-row.discount-row{color:#27ae60}.orders-table .popup-total-row.discount-row .discount-amount{color:#27ae60;font-weight:600}.orders-table .popup-receipt-link{display:block;text-align:center;padding:.75rem;background:#eff6ff;color:#2563eb;text-decoration:none;font-size:.85rem;border-radius:0 0 6px 6px;border-top:1px solid #dbeafe;transition:background .2s}.orders-table .popup-receipt-link:hover{background:#dbeafe}.orders-table .item-row{padding:.25rem 0;font-size:.8rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.orders-table .item-row:last-child{border-bottom:none}.orders-table .amount-cell{text-align:right;font-family:Monaco,Consolas,monospace;white-space:nowrap}.orders-table .amount-cell.paid{color:#166534}.orders-table .amount-cell.balance-due{color:#dc2626;font-weight:600}.orders-table .status-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;background:#fff;cursor:pointer;max-width:120px}.orders-table .actions-cell{display:flex;gap:.5rem;align-items:center}.btn-record-payment-sm{background:#2d5016;color:#fff;border:none;width:24px;height:24px;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-record-payment-sm:hover{background:#3d6b1e}.payment-badge{padding:.2rem .4rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase}.payment-badge.paid{background:#dcfce7;color:#166534}.payment-badge.deposit_paid{background:#fef3c7;color:#92400e}.payment-badge.pending{background:#fee2e2;color:#991b1b}.payment-badge.partial{background:#fef3c7;color:#b45309}.orders-cards-mobile{display:none}.order-card-mobile{background:#fff;border-radius:8px;padding:.875rem;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a}.order-card-mobile .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.order-card-mobile .order-num{font-weight:600;color:#2d5016;font-size:.875rem}.status-badge-sm{padding:.2rem .4rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:capitalize}.status-badge-sm.pending{background:#fef3c7;color:#92400e}.status-badge-sm.confirmed{background:#dbeafe;color:#1e40af}.status-badge-sm.processing{background:#e0e7ff;color:#4338ca}.status-badge-sm.ready_for_pickup,.status-badge-sm.shipped{background:#d1fae5;color:#065f46}.status-badge-sm.completed{background:#dcfce7;color:#166534}.status-badge-sm.cancelled{background:#fee2e2;color:#991b1b}.order-card-mobile .card-customer{font-weight:500;color:#1f2937;font-size:.875rem}.order-card-mobile .card-date{color:#6b7280;font-size:.75rem;margin-bottom:.5rem}.order-card-mobile .card-items-section{margin:.5rem 0}.order-card-mobile .card-items-toggle{background:#f3f4f6;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;color:#4b5563;width:100%;text-align:left;display:flex;align-items:center;gap:.5rem}.order-card-mobile .card-items-toggle:hover{background:#e5e7eb}.order-card-mobile .card-items-details{background:#f8fafc;border-radius:4px;padding:.5rem;margin-top:.5rem}.order-card-mobile .card-item-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.8rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.order-card-mobile .card-item-row:last-child{border-bottom:none}.order-card-mobile .card-item-row.discount-row{color:#27ae60;font-weight:500;border-top:1px dashed #d1d5db;margin-top:.25rem;padding-top:.5rem}.order-card-mobile .card-item-row.discount-row .discount-amount{color:#27ae60;font-weight:600}.order-card-mobile .card-item-row.tax-row{color:#6b7280;font-style:italic;border-top:1px dashed #d1d5db;margin-top:.25rem;padding-top:.5rem}.order-card-mobile .card-receipt-link{display:block;text-align:center;padding:.5rem;background:#eff6ff;color:#2563eb;text-decoration:none;font-size:.8rem;border-radius:4px;margin-top:.5rem}.order-card-mobile .card-receipt-link:hover{background:#dbeafe}.order-card-mobile .card-amounts{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.5rem;padding:.375rem;background:#f9fafb;border-radius:4px}.order-card-mobile .card-amounts .balance-due{color:#dc2626;font-weight:600}.order-card-mobile .card-actions{display:flex;gap:.5rem}.order-card-mobile .card-actions select{flex:1;padding:.375rem;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;background:#fff}.btn-record-payment{background:linear-gradient(135deg,#2d5016,#3d6b1e);color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-record-payment:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2d50164d}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem;background:#fff;border-radius:8px}.page-btn{background:#fff;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#6b7280;font-size:.875rem}@media(max-width:900px){.orders-table-container,.table-container{display:none}.orders-cards-mobile,.cards-mobile{display:block}.orders-filters,.view-filters{flex-direction:column}.orders-filters .filter-group,.view-filters .filter-group{min-width:100%;max-width:100%}}.products-table-container{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000f;overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.products-table th{font-weight:600;color:#4b5563;font-size:.85rem;background:#f9fafb}.products-table tr.inactive{opacity:.6}.product-thumb{width:50px;height:50px;object-fit:cover;border-radius:6px}.no-image{width:50px;height:50px;background:#e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#9ca3af}.status-pill{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-pill.active{background:#dcfce7;color:#166534}.status-pill.inactive{background:#fee2e2;color:#991b1b}.status-pill.succeeded{background:#dcfce7;color:#166534}.status-pill.requires_payment_method,.status-pill.requires_confirmation{background:#fef3c7;color:#92400e}.status-pill.canceled{background:#fee2e2;color:#991b1b}.products-table input[type=text],.products-table input[type=number]{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;width:100%}.products-table input[type=number]{width:80px}.btn-edit,.btn-save,.btn-cancel,.btn-toggle{padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;border:none;margin-right:.5rem;transition:all .2s}.btn-edit{background:#dbeafe;color:#1e40af}.btn-edit:hover{background:#bfdbfe}.btn-save{background:#dcfce7;color:#166534}.btn-save:hover{background:#bbf7d0}.btn-cancel{background:#f3f4f6;color:#4b5563}.btn-cancel:hover{background:#e5e7eb}.btn-toggle{background:#fef3c7;color:#92400e}.btn-toggle:hover{background:#fde68a}.customers-view .view-header,.payments-view .view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customers-view .view-header h2,.payments-view .view-header h2{margin:0}.customers-view .btn-create-customer{background:linear-gradient(135deg,#2d5016,#3d6b1e);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2d501633}.customers-view .btn-create-customer:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2d50164d}.customers-view .actions-cell{display:flex;gap:6px}.customers-view .btn-action{padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;border:none;transition:all .15s}.customers-view .btn-edit{background:#e0f2fe;color:#0369a1}.customers-view .btn-edit:hover{background:#bae6fd}.customers-view .btn-delete{background:#fee2e2;color:#dc2626}.customers-view .btn-delete:hover{background:#fecaca}.customers-view .btn-view-orders{background:#d1fae5;color:#059669}.customers-view .btn-view-orders:hover{background:#a7f3d0}.customers-view .card-header{display:flex;justify-content:space-between;align-items:flex-start}.customers-view .card-actions{display:flex;gap:4px}.customers-view .btn-action-sm{padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;border:none}.view-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.view-filters .filter-group{flex:1;min-width:150px;max-width:250px}.view-filters .search-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.view-filters .search-input:focus{outline:none;border-color:#2d5016;box-shadow:0 0 0 2px #2d50161a}.view-filters select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:#f9fafb;padding:.625rem .75rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.data-table td{padding:.625rem .75rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.data-table tr:hover{background:#f9fafb}.data-table .name-cell{font-weight:500;color:#1f2937}.data-table .email-cell{color:#4b5563;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .address-cell{color:#4b5563;max-width:180px;font-size:.85rem}.data-table .address-cell span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.data-table .date-cell{white-space:nowrap;color:#6b7280}.data-table .date-cell .date-primary{display:block}.data-table .date-cell .date-secondary{display:block;font-size:.75rem;color:#9ca3af}.data-table .customer-cell{max-width:180px}.data-table .customer-cell .customer-name{display:block;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table .customer-cell .customer-email{display:block;font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table .amount-cell{font-family:Monaco,Consolas,monospace;font-weight:600;color:#166534}.data-table .amount-cell .currency{font-size:.7rem;color:#9ca3af;margin-left:.25rem;font-weight:400}.status-pill{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:capitalize}.status-pill.succeeded,.status-pill.paid{background:#dcfce7;color:#166534}.status-pill.pending{background:#fef3c7;color:#92400e}.status-pill.partial{background:#fed7aa;color:#c2410c}.status-pill.failed{background:#fee2e2;color:#991b1b}.type-badge{display:inline-block;padding:.2rem .4rem;border-radius:3px;font-size:.7rem;font-weight:500;text-transform:capitalize}.type-badge.full{background:#dbeafe;color:#1e40af}.type-badge.deposit{background:#fef3c7;color:#92400e}.method-badge{display:inline-block;padding:.2rem .5rem;border-radius:3px;font-size:.7rem;font-weight:500}.method-badge.stripe{background:#e0e7ff;color:#4338ca}.method-badge.cash{background:#dcfce7;color:#166534}.method-badge.e_transfer{background:#fef3c7;color:#92400e}.method-badge.manual_card{background:#dbeafe;color:#1e40af}.method-badge.other{background:#f3e8ff;color:#7c3aed}.manual-order-row{background:#fffbeb}.payment-card.manual-order{border-left:3px solid #f59e0b}.receipt-link{color:#2d5016;text-decoration:none;font-weight:500;font-size:.8rem}.receipt-link:hover{text-decoration:underline}.na{color:#9ca3af}.cards-mobile{display:none}.card-mobile{background:#fff;border-radius:8px;padding:.875rem;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a}.card-mobile .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.card-mobile .card-name{font-weight:600;color:#1f2937;font-size:.9rem}.card-mobile .card-amount{font-weight:700;color:#166534;font-size:1rem}.card-mobile .card-email,.card-mobile .card-customer,.card-mobile .card-phone{color:#4b5563;font-size:.8rem;margin-bottom:.25rem}.card-mobile .card-address{color:#6b7280;font-size:.75rem;margin-top:.375rem;padding:.375rem .5rem;background:#f9fafb;border-radius:4px}.card-mobile .card-address span{display:block;line-height:1.4}.card-mobile .card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.card-mobile.payment-card .receipt-link{display:block;text-align:center;margin-top:.5rem;padding:.375rem;background:#f0fdf4;border-radius:4px}.customers-table,.payments-table{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border-collapse:collapse;overflow:hidden}.customers-table th,.customers-table td,.payments-table th,.payments-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.customers-table th,.payments-table th{font-weight:600;color:#4b5563;font-size:.85rem;background:#f9fafb}.customers-table td,.payments-table td{color:#1f2937}.payments-table a{color:#2d5016;text-decoration:none;font-weight:500}.payments-table a:hover{text-decoration:underline}@media(max-width:1024px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;padding:.5rem 0;display:flex;overflow-x:auto}.tab-btn{flex-shrink:0;padding:.75rem 1.25rem;border-left:none;border-bottom:3px solid transparent}.tab-btn.active{border-left-color:transparent;border-bottom-color:#2d5016}}@media(max-width:768px){.admin-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.order-details{grid-template-columns:1fr}.order-actions{flex-direction:column;align-items:stretch}.products-table-container{padding:.5rem}.products-table th,.products-table td{padding:.5rem;font-size:.85rem}}.inventory-view{padding:1.5rem}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.inventory-header h2{margin:0;color:#1f2937}.btn-sync{background:#2d5016;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-sync:hover:not(:disabled){background:#3d6b1e}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.inventory-alerts{margin-bottom:1.5rem}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:.75rem;font-size:.95rem}.alert-danger{background:#fee2e2;color:#991b1b;border-left:4px solid #dc2626}.alert-warning{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}.inventory-table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.inventory-table th,.inventory-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.inventory-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.inventory-table tr.low-stock{background:#fffbeb}.inventory-table tr.out-of-stock{background:#fef2f2}.quantity-input{width:80px;padding:.5rem;border:2px solid #2d5016;border-radius:6px;font-size:1rem;text-align:center}.qty-warning{color:#92400e;font-weight:600}.qty-danger{color:#dc2626;font-weight:600}.status-badge.in-stock{background:#dcfce7;color:#166534}.status-badge.low-stock{background:#fef3c7;color:#92400e}.status-badge.out-of-stock{background:#fee2e2;color:#991b1b}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;color:#6b7280}.settings-view{padding:1.5rem}.settings-view h2{margin:0 0 1.5rem;color:#1f2937}.settings-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-section h3{margin:0 0 1rem;color:#1f2937;font-size:1.1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f3f4f6}.setting-row:last-child{border-bottom:none}.setting-info label{display:block;font-weight:600;color:#1f2937;margin-bottom:.25rem}.setting-description{margin:0;font-size:.85rem;color:#6b7280}.setting-control{display:flex;align-items:center;gap:.75rem}.setting-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;width:120px}.setting-input[type=number]{width:100px;text-align:center}.btn-save-setting{background:#2d5016;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-save-setting:hover{background:#3d6b1e}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#2d5016}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.quickbooks-connect{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.quickbooks-connect p{margin:0 0 1rem;color:#6b7280}.btn-connect-qb{background:#2ca01c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-connect-qb:hover:not(:disabled){background:#248f17}.btn-connect-qb:disabled{opacity:.6;cursor:not-allowed}.qb-not-configured{background:#fef3c7;padding:1rem;border-radius:8px;border-left:4px solid #f59e0b}.qb-not-configured .qb-warning{font-weight:600;color:#92400e;margin-bottom:.5rem}.qb-not-configured p:last-child{margin:0;color:#78716c}.qb-connected{background:#f0fdf4;padding:1rem;border-radius:8px;border-left:4px solid #22c55e}.qb-status{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.status-badge.connected{background:#dcfce7;color:#166534}.qb-env{font-size:.875rem;color:#6b7280;padding:.25rem .5rem;background:#f3f4f6;border-radius:4px}.qb-realm,.qb-expires{font-size:.875rem;color:#6b7280;margin:.25rem 0}.qb-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-sync-qb{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-sync-qb:hover:not(:disabled){background:#2563eb}.btn-sync-qb:disabled{opacity:.6;cursor:not-allowed}.btn-disconnect-qb{background:#fff;color:#dc2626;border:1px solid #dc2626;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-disconnect-qb:hover:not(:disabled){background:#fef2f2}.btn-disconnect-qb:disabled{opacity:.6;cursor:not-allowed}.sync-result{margin-top:1rem;padding:.75rem;background:#f3f4f6;border-radius:6px}.sync-result p{margin:0;font-weight:500;color:#166534}.sync-result.has-errors p{color:#92400e}.sync-errors{margin:.5rem 0 0;padding-left:1.25rem;font-size:.875rem;color:#dc2626}.sync-errors li{margin-bottom:.25rem}.qb-disconnected{text-align:left}.qb-disconnected p{color:#6b7280;margin-bottom:1rem}.invoice-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.invoice-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.invoice-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;position:sticky;top:0;z-index:10}.invoice-modal-header h2{margin:0;font-size:1.25rem;color:#1f2937}.invoice-actions{display:flex;gap:.75rem;align-items:center}.btn-print{background:linear-gradient(135deg,#2d5016,#3d6b1e);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-print:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2d50164d}.btn-close-invoice{background:#e5e7eb;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background .2s,color .2s}.btn-close-invoice:hover{background:#dc2626;color:#fff}.invoice-content{padding:2rem}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #2d5016}.invoice-logo{display:flex;align-items:center;gap:1rem}.invoice-logo-img{width:60px;height:60px;object-fit:contain}.invoice-company h1{margin:0;font-size:1.5rem;color:#2d5016}.invoice-company p{margin:0;font-size:.9rem;color:#6b7280}.invoice-title{text-align:right}.invoice-title h2{margin:0;font-size:2rem;color:#2d5016;letter-spacing:2px}.invoice-number{font-size:1.1rem;font-weight:600;color:#374151;margin:.25rem 0}.invoice-date{font-size:.9rem;color:#6b7280;margin:0}.invoice-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.invoice-info-section h3{font-size:.85rem;text-transform:uppercase;color:#6b7280;margin:0 0 .75rem;letter-spacing:1px}.invoice-info-section p{margin:.25rem 0;color:#374151}.invoice-info-section .customer-name{font-weight:600;font-size:1.1rem;color:#1f2937}.invoice-detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.invoice-detail-row span:first-child{color:#6b7280}.status-badge-invoice{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.invoice-items-section{margin-bottom:2rem}.invoice-items-section h3{font-size:.85rem;text-transform:uppercase;color:#6b7280;margin:0 0 1rem;letter-spacing:1px}.invoice-items-table{width:100%;border-collapse:collapse}.invoice-items-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-size:.75rem;text-transform:uppercase;color:#6b7280;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.invoice-items-table th.qty-col,.invoice-items-table th.price-col,.invoice-items-table th.total-col{text-align:right}.invoice-items-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.invoice-items-table .item-cell{width:50%}.invoice-items-table .qty-cell,.invoice-items-table .price-cell,.invoice-items-table .total-cell{text-align:right}.invoice-items-table .total-cell{font-weight:600;color:#1f2937}.item-with-image{display:flex;align-items:center;gap:1rem}.item-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.item-thumbnail-placeholder{width:50px;height:50px;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.item-name{font-weight:500;color:#1f2937}.invoice-totals-section{display:flex;justify-content:flex-end;margin-bottom:2rem}.invoice-totals{width:300px;background:#f8fafc;border-radius:8px;padding:1rem 1.5rem}.invoice-totals .total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.95rem}.invoice-totals .total-row span:first-child{color:#6b7280}.invoice-totals .total-grand{border-top:2px solid #2d5016;margin-top:.5rem;padding-top:.75rem;font-size:1.1rem;font-weight:700}.invoice-totals .total-grand span{color:#1f2937!important}.invoice-totals .discount-row{color:#27ae60}.invoice-totals .discount-row .discount-amount{color:#27ae60;font-weight:600}.invoice-totals .deposit-row{color:#059669}.invoice-totals .deposit-row .paid-amount{color:#059669;font-weight:600}.invoice-totals .balance-row{font-weight:600}.invoice-totals .balance-due{color:#dc2626}.invoice-totals .balance-paid{color:#059669}.invoice-totals .paid-full-row .paid-amount{color:#059669;font-weight:600}.invoice-payment-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;margin-bottom:2rem}.invoice-payment-status.balance-owing{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.invoice-payment-status.paid-full{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.invoice-payment-status .status-icon{font-size:1.25rem}.invoice-payment-status.balance-owing{flex-direction:column;text-align:center}.btn-record-balance{margin-top:1rem;padding:.6rem 1.2rem;background:#166534;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-record-balance:hover{background:#15803d}.invoice-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.invoice-footer p{margin:.25rem 0;color:#6b7280}.invoice-footer p:first-child{font-size:1.1rem;color:#2d5016;font-weight:500}.invoice-contact{font-size:.85rem}.receipt-link{margin-top:1rem}.receipt-link a{color:#2563eb;text-decoration:none}.receipt-link a:hover{text-decoration:underline}.order-number-btn{background:none;border:none;padding:0;color:#2d5016;font-weight:600;font-size:inherit;cursor:pointer;text-decoration:underline;transition:color .2s}.order-number-btn:hover{color:#1e3a0f}.order-num-btn{background:none;border:none;padding:0;color:#2d5016;font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:underline}.order-num-btn:hover{color:#1e3a0f}.card-amount-row{font-size:1.1rem;font-weight:600;color:#2d5016;margin-bottom:.25rem}@media print{body *{visibility:hidden}.invoice-modal-overlay{position:absolute;background:#fff}.invoice-modal{position:absolute;left:0;top:0;max-height:none;box-shadow:none;border-radius:0}.invoice-modal,.invoice-modal *{visibility:visible}.no-print{display:none!important}.invoice-content{padding:1rem}.invoice-items-table th,.invoice-items-table td{padding:.5rem}.item-thumbnail,.item-thumbnail-placeholder{width:40px;height:40px}}@media(max-width:640px){.invoice-modal{max-height:95vh;margin:.5rem}.invoice-content{padding:1rem}.invoice-header{flex-direction:column;gap:1rem;text-align:center}.invoice-logo{justify-content:center}.invoice-title{text-align:center}.invoice-info-grid{grid-template-columns:1fr;gap:1rem}.invoice-items-table th,.invoice-items-table td{padding:.5rem;font-size:.85rem}.item-thumbnail,.item-thumbnail-placeholder{width:40px;height:40px}.invoice-totals{width:100%}.invoice-totals-section{justify-content:stretch}.btn-print{padding:.4rem .75rem;font-size:.8rem}}.settings-page{min-height:100vh;background:var(--cream)}.settings-nav{background:#f5f3edf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 5%;border-bottom:1px solid rgba(45,51,23,.1)}.settings-nav .nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.settings-nav .logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--earth-dark);text-decoration:none}.settings-nav .logo span{color:var(--terracotta)}.settings-nav .nav-links a{color:var(--earth-medium);text-decoration:none;font-weight:500;transition:color .3s}.settings-nav .nav-links a:hover{color:var(--terracotta)}.settings-page .container{max-width:700px;margin:0 auto;padding:3rem 5%}.settings-page h1{font-family:var(--font-display);font-size:2.5rem;color:var(--earth-dark);margin-bottom:.5rem}.settings-page .subtitle{color:var(--earth-medium);font-size:1.1rem;margin-bottom:2rem}.settings-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--sage);padding-bottom:0}.tab-btn{padding:.75rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:600;color:var(--earth-medium);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s}.tab-btn:hover{color:var(--earth-dark)}.tab-btn.active{color:var(--terracotta);border-bottom-color:var(--terracotta)}.settings-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 5px 20px #2d331714}.form-section{margin-bottom:2rem}.form-section h3{font-family:var(--font-display);font-size:1.3rem;color:var(--earth-dark);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--sage)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--earth-dark);font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.9rem 1rem;border:2px solid var(--sage);border-radius:10px;font-size:1rem;font-family:var(--font-body);transition:border-color .3s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--terracotta)}.form-group input.disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.form-group small{display:block;font-size:.8rem;color:var(--earth-medium);margin-top:.25rem}.btn-full{width:100%;margin-top:1rem}.alert-success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.alert-error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}body.has-test-banner .settings-nav{margin-top:0}@media(max-width:640px){.form-row{grid-template-columns:1fr}.settings-page h1{font-size:2rem}.settings-form{padding:1.5rem}.settings-tabs{flex-wrap:wrap}.tab-btn{flex:1;text-align:center}}.test-mode-banner-wrapper{position:fixed;top:0;left:0;right:0;z-index:10000;height:40px}.test-mode-banner{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:.6rem 1rem;text-align:center;font-size:.85rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 10px #f9731666;height:40px;box-sizing:border-box}.test-mode-icon{font-size:1rem}.test-mode-text{display:flex;align-items:center;gap:.25rem}.test-mode-text strong{font-family:SF Mono,Monaco,Consolas,monospace;background:#fff3;padding:.15rem .4rem;border-radius:4px;font-size:.8rem;letter-spacing:.05em}@media(max-width:640px){.test-mode-banner{font-size:.75rem;padding:.5rem;flex-wrap:wrap}.test-mode-text strong{font-size:.7rem}}:root{--earth-dark: #2d3317;--earth-medium: #5a6332;--earth-light: #8a956f;--forest: #3d5a1f;--sage: #a8b89f;--cream: #f5f3ed;--terracotta: #c47352;--peach: #e8a87c;--sky: #d4e8e8;--font-display: "Cormorant Garamond", serif;--font-body: "Manrope", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--earth-dark);overflow-x:hidden;line-height:1.6;min-height:100vh;width:100%}body.has-test-banner{padding-top:40px}#root{min-height:100vh;width:100%}main{width:100%;overflow:visible}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}.btn{padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;border:none;cursor:pointer;font-family:var(--font-body)}.btn-primary{background:var(--terracotta);color:#fff;box-shadow:0 10px 30px #c473524d}.btn-primary:hover{background:var(--earth-dark);transform:translateY(-3px);box-shadow:0 15px 40px #c4735266}.btn-secondary{background:transparent;color:var(--earth-dark);border:2px solid var(--earth-dark)}.btn-secondary:hover{background:var(--earth-dark);color:var(--cream);transform:translateY(-3px)}.btn-small{padding:.6rem 1.2rem}input,select,textarea{width:100%;padding:.9rem 1.2rem;border:2px solid var(--sage);border-radius:12px;font-size:1rem;font-family:var(--font-body);transition:border-color .3s;background:#fff;color:var(--earth-dark);-webkit-text-fill-color:var(--earth-dark)}input::placeholder,textarea::placeholder{color:var(--earth-medium);-webkit-text-fill-color:var(--earth-medium);opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--terracotta)}label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--earth-dark);font-size:.9rem}.card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 5px 20px #2d331714}.card:hover{box-shadow:0 15px 40px #2d331726}.alert{padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.95rem}.alert-error{background:#f8d7da;color:#721c24;border-left:4px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border-left:4px solid #c3e6cb}.alert-warning{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.section{padding:4rem 5%;width:100%}.section-contained{max-width:1400px;margin:0 auto;padding:4rem 5%}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header h2{font-size:3.5rem;color:var(--earth-dark);margin-bottom:1rem}.section-header p{font-size:1.1rem;color:var(--earth-medium);line-height:1.7}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.container{max-width:1400px;margin:0 auto;padding:0 5%}.low-stock-badge{display:inline-block;background:#dc3545;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600}.low-stock-border{border:2px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-slideDown{animation:slideDown .6s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-popIn{animation:popIn .6s ease-out}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-header h2{font-size:2.5rem}.section{padding:2rem 5%}}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.text-terracotta{color:var(--terracotta)}.text-earth-medium{color:var(--earth-medium)}.text-earth-dark{color:var(--earth-dark)}.bg-cream{background:var(--cream)}.bg-white{background:#fff}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}