@import url(https://fonts.googleapis.com/css2?family=Neuton:wght@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #175c36;outline-offset:2px}*{box-sizing:border-box}.auth-container{align-items:center;display:flex;justify-content:center;min-height:80vh}.auth-form{background:#fff;border:1px solid #eee;border-radius:12px;max-width:400px;padding:2rem;width:100%}.auth-form h2{font-weight:500;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.auth-form input{border:1px solid #ccc;border-radius:999px;display:block;font-size:1rem;margin-bottom:.35rem!important;padding:.75rem;transition:border-color .3s;width:100%}.auth-form input.error{border-color:#dc2626}.auth-form input:focus{border-color:#7da324;outline:none}.auth-form input.error:focus{border-color:#dc2626}.error-message{color:#dc2626;display:block;font-size:.85rem;margin-left:.5rem;margin-top:.2rem}.terms-section{margin-bottom:8px;margin-top:24px}.terms-info-box{background:linear-gradient(135deg,#f0fdf4,#f8fdf9);border:1px solid #bbf7d0;border-radius:10px;box-shadow:0 1px 3px #00000005;color:#334155;font-size:13.5px;line-height:1.7;margin-bottom:18px;padding:16px 20px;text-align:center}.terms-info-box button{background:none;border:none;color:#2563eb;cursor:pointer;display:inline;font:inherit;font-size:13.5px;font-weight:400;margin:0;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .2s;width:auto}.terms-info-box button:hover{background:none;color:#1d4ed8;text-decoration:underline;transform:none}.terms-checkbox-wrapper{align-items:flex-start;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s ease}.terms-checkbox-wrapper:hover{background:#fafffe;border-color:#7da324}.terms-checkbox-wrapper input[type=checkbox]{accent-color:#7da324;cursor:pointer;flex-shrink:0;height:20px;margin:1px 0 0;min-height:20px;min-width:20px;width:20px}.terms-checkbox-wrapper label{color:#475569;cursor:pointer;flex:1 1;font-size:13.5px;line-height:1.6;margin:0;-webkit-user-select:none;user-select:none}.terms-checkbox-wrapper.has-error{background:#fef2f2;border-color:#dc2626}.terms-error{color:#dc2626;display:block;font-size:.85rem;font-weight:500;margin-left:4px;margin-top:6px}.auth-form button{background-color:#7da324;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:1rem;margin-top:1rem;padding:.75rem;width:100%}.auth-form button:hover{background-color:#688c1c}.auth-form .browse-btn{align-items:center;background:linear-gradient(180deg,#fff,#fafafa);border:2px solid #7da3241f;border-radius:999px;box-shadow:0 4px 10px #7c993514;color:#2f5a1a;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.65rem;width:100%}.auth-form .browse-btn:hover{box-shadow:0 6px 14px #7c99351f;transform:translateY(-1px)}.auth-form .browse-btn:active{transform:translateY(0)}.auth-links{font-size:.9rem;margin-bottom:1rem;text-align:center}.auth-links a{color:#333;text-decoration:underline}@media (max-width:768px){.auth-container{min-height:70vh;padding:1rem}.auth-form{margin:0 1rem;max-width:100%;padding:1.5rem}.auth-form h2{font-size:1.5rem}.auth-form button,.auth-form input{font-size:.95rem;padding:.65rem}.auth-form .browse-btn{font-size:.95rem;padding:.6rem}}@media (max-width:480px){.auth-container{min-height:60vh}.auth-form{border-radius:8px;padding:1.25rem}.auth-form h2{font-size:1.3rem;margin-bottom:1.25rem}.auth-form input{margin-bottom:.85rem}.auth-form button,.auth-form input{font-size:.9rem;padding:.6rem}.auth-links{font-size:.85rem}}.terms-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.terms-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.terms-header{align-items:center;background:linear-gradient(135deg,#f0f7f1,#e6f4e8);border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 30px}.terms-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.terms-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;transition:all .2s;width:36px}.terms-close-btn:hover{background:#0000000d;color:#1e293b}.terms-body{flex:1 1;overflow-y:auto;padding:30px}.terms-intro{background:#f8fdf9;border-left:4px solid #15803d;border-radius:8px;color:#475569;font-size:16px;line-height:1.6;padding:16px}.terms-body section,.terms-intro{margin-bottom:24px}.terms-body h3{color:#15803d;font-size:18px;font-weight:600;margin:0 0 12px}.terms-body p{color:#475569;font-size:14px;line-height:1.7;margin:0}.terms-footer{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:12px;margin-top:32px;padding-top:16px;text-align:center}.terms-actions{background:#fafafa;border-top:2px solid #e2e8f0;display:flex;gap:12px;padding:20px 30px}.terms-accept-btn,.terms-decline-btn{border:none;border-radius:999px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.terms-decline-btn{background:#fff;border:2px solid #e2e8f0;color:#64748b}.terms-decline-btn:hover{background:#f8fafc;border-color:#cbd5e1}.terms-accept-btn{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 4px 12px #15803d4d;color:#fff}.terms-accept-btn:hover{box-shadow:0 6px 16px #15803d66;transform:translateY(-2px)}.terms-accept-btn:active{transform:translateY(0)}.terms-body::-webkit-scrollbar{width:8px}.terms-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.terms-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.terms-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.terms-modal-overlay{padding:0}.terms-modal-content{border-radius:0;max-height:100vh}.terms-header{padding:20px}.terms-header h2{font-size:20px}.terms-body{padding:20px}.terms-body h3{font-size:16px}.terms-body p{font-size:13px}.terms-actions{flex-direction:column-reverse;padding:16px 20px}.terms-accept-btn,.terms-decline-btn{width:100%}}.product-card{-webkit-tap-highlight-color:transparent;border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;max-width:220px;min-width:200px;padding:14px;text-align:center;touch-action:manipulation;width:100%}.product-card:before{background:linear-gradient(90deg,#7a9c3a,#5a7a1f);height:3px;opacity:0;transition:opacity .3s ease}.product-card-large{max-width:260px;min-width:260px;padding:16px}.product-detail-layout .product-card-large{max-width:100%;min-width:0}.product-image-wrapper{background:linear-gradient(135deg,#f8f8f8,#f0f0f0);border-radius:12px;margin-bottom:10px;overflow:hidden;width:100%}.product-image{border-radius:12px;display:block;height:170px;object-fit:cover;transition:all .3s ease;width:100%}.product-card-large .product-image{border-radius:14px;height:220px}.product-detail-layout .product-card-large .product-image{height:260px}.product-card-large .product-image-wrapper{border-radius:14px}.product-info{flex:1 1;justify-content:space-between;min-height:0}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:.9rem;letter-spacing:.2px;line-height:1.35;max-height:2.7em;overflow:hidden;padding:0;text-overflow:ellipsis;word-break:break-word}.product-price-container{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;margin-top:auto;min-height:48px}.product-price{letter-spacing:.3px;line-height:1.2;margin:0}.product-price.sale-price{color:#dc2626;font-size:1.1rem;margin:0}.product-price.original-price{color:#9ca3af;font-size:.85rem;font-weight:500;line-height:1.2;margin:0;text-decoration:line-through}@media (max-width:1024px){.product-card{max-width:240px;padding:16px}.product-card-large{max-width:280px}.product-image{height:180px}.product-card-large .product-image{height:240px}.product-name{font-size:1rem}.product-price{font-size:.95rem}}@media (max-width:768px){.product-card{border-radius:12px}.product-card,.product-card-large{max-width:160px;min-height:240px;min-width:160px;padding:12px}.product-image-wrapper{border-radius:10px;margin-bottom:8px}.product-image{border-radius:10px;height:140px}.product-card-large .product-image{height:140px}.product-card-large .product-image-wrapper{border-radius:10px}.product-name{-webkit-line-clamp:2;font-size:.85rem;margin:8px 0 4px;max-height:3.4em}.product-price-container{min-height:45px}.product-price{font-size:.85rem;margin:0}.product-price.sale-price{font-size:.95rem;margin:0}.product-price.original-price{font-size:.75rem}}@media (max-width:480px){.product-card{border-radius:12px;min-height:220px;padding:12px}.product-card-large{max-width:100%;min-height:220px}.product-image,.product-image-wrapper{border-radius:10px}.product-image{height:140px}.product-card-large .product-image{height:160px}.product-price-container{min-height:42px}.product-name{font-size:.9rem;line-height:1.2;margin:6px 0 3px}.product-price{font-size:.85rem}}@media (max-width:360px){.product-card{padding:10px}.product-image{height:120px}.product-card-large .product-image{height:140px}.product-name{font-size:.85rem}.product-price{font-size:.8rem}}.home-carousel-wrapper{align-items:center;display:flex;gap:20px;overflow:visible;padding:50px 0;position:relative;width:100%}.home-carousel-container{flex:1 1;overflow:hidden;padding:10px 0;position:relative}.home-carousel-track{display:flex;gap:30px;padding:0 60px;will-change:transform}.home-carousel-item{flex:0 0 320px;overflow:visible;width:320px}.home-carousel-arrow:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.3}.home-carousel-arrow:disabled:hover{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.home-carousel-item .product-card-large{display:flex;flex-direction:column;height:480px;max-width:320px;min-width:320px;width:320px}.home-carousel-item .product-card-large .product-image{flex-shrink:0;height:300px;object-fit:cover;width:100%}.home-page-carousel .product-card-large .product-name{-webkit-line-clamp:2;font-size:.8rem!important;line-height:1.25!important;max-height:2.5em}.home-page-carousel .product-card-large .product-price{font-size:.85rem!important}.home-page-carousel .product-card-large .product-price.sale-price{font-size:.9rem!important}.home-page-carousel .product-card-large .product-price.original-price{font-size:.75rem!important}.home-carousel-arrow{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #00000014;color:#7a9c3a;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;min-height:56px;min-width:56px;touch-action:manipulation;transition:all .3s ease;width:56px;z-index:10}.home-carousel-arrow:hover:not(:disabled){background:#7a9c3a;border-color:#7a9c3a;box-shadow:0 8px 20px #7a9c3a40;color:#fff}.home-carousel-arrow.left{margin-left:20px}.home-carousel-arrow.right{margin-right:20px}@media (max-width:768px){.home-carousel-wrapper{gap:10px;padding:25px 0}.home-carousel-container{padding:8px 0}.home-carousel-track{gap:15px;padding:0 12px}.home-carousel-item{flex:0 0 160px;width:160px}.home-carousel-item .product-card-large{height:280px;max-width:160px;min-width:160px;width:160px}.home-carousel-item .product-card-large .product-image{height:140px}.home-page-carousel .product-card-large .product-name{font-size:.7rem!important;line-height:1.2!important}.home-page-carousel .product-card-large .product-price{font-size:.7rem!important}.home-page-carousel .product-card-large .product-price.sale-price{font-size:.75rem!important}.home-page-carousel .product-card-large .product-price.original-price{font-size:.65rem!important}.home-carousel-arrow{border-width:1.5px;height:44px;min-height:44px;min-width:44px;width:44px}.home-carousel-arrow.left{margin-left:8px}.home-carousel-arrow.right{margin-right:8px}.home-carousel-arrow svg{height:20px;width:20px}}@media (max-width:480px){.home-carousel-wrapper{gap:8px;padding:20px 0}.home-carousel-track{gap:12px;padding:0 10px}.home-carousel-item{flex:0 0 150px;width:150px}.home-carousel-item .product-card-large{height:265px;max-width:150px;min-width:150px;width:150px}.home-carousel-item .product-card-large .product-image{height:130px}.home-page-carousel .product-card-large .product-name{font-size:.65rem!important;line-height:1.15!important}.home-page-carousel .product-card-large .product-price{font-size:.65rem!important}.home-page-carousel .product-card-large .product-price.sale-price{font-size:.7rem!important}.home-page-carousel .product-card-large .product-price.original-price{font-size:.6rem!important}.home-carousel-arrow{height:40px;min-height:40px;min-width:40px;width:40px}.home-carousel-arrow.left{margin-left:6px}.home-carousel-arrow.right{margin-right:6px}.home-carousel-arrow svg{height:18px;width:18px}}.dashboard-header{align-items:center;background-color:#fff;display:flex;flex-wrap:nowrap;font-family:Segoe UI,sans-serif;gap:30px;justify-content:space-between;padding:16px 60px;position:sticky;top:0;z-index:1!important}.mobile-menu-toggle{z-index:2!important}.logo a{font-size:1.4rem;white-space:nowrap}.nav-links{flex-shrink:0;flex-wrap:nowrap;gap:24px}.nav-links,.nav-links-desktop{display:flex}.nav-links a{border-bottom:2px solid #0000;color:#3a4d39;font-size:1rem;font-weight:500;padding-bottom:4px;text-decoration:none;transition:color .2s;white-space:nowrap;will-change:transform}.nav-links a:hover{color:#6d9e67}.nav-links a.active{border-bottom-color:#7a9c3a;color:#1b3c2e;font-weight:600}.header-search-bar{flex:1 1;max-width:400px;min-width:200px;position:relative}.mobile-search-toggle{background:none;border:none;color:#1b3c2e;cursor:pointer;display:none!important;font-size:1.2rem;padding:8px}@media (max-width:768px){.icons .mobile-search-toggle{background:none!important;border:none!important;cursor:pointer!important;display:inline-block!important;font-size:1.1rem!important;margin:0!important;opacity:1!important;padding:0!important;visibility:visible!important}.header-search-bar:not(.mobile-search-open){display:none!important}}.search-dropdown{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 8px 24px #0000001f;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.search-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.search-item:hover{background:#f8fff5}.search-item:last-child{border-bottom:none}.search-item-view-all{border-top:1px solid #e6e6e6;color:#7a9c3a;cursor:pointer;font-weight:600;padding:12px 16px;text-align:center;transition:background .2s}.search-item-view-all:hover{background:#f8fff5}.search-bar{flex:1 1;max-width:300px}.search-bar input{border:1px solid #ccc;border-radius:6px;padding:8px 12px;width:100%}.icons{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem;gap:18px}.icon,.icons{color:#333}.icon:hover{color:#7a9c3a}.mobile-auth-button,.mobile-profile-link{display:none}.notif-badge{background:#e74c3c;border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;position:absolute;right:-6px;top:-6px}.notif-dropdown{background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 6px 20px #00000014;max-height:360px;overflow-y:auto;position:absolute;right:0;top:28px;width:320px;z-index:200}@media (max-width:768px){.notif-icon-wrapper{position:relative!important}.notif-dropdown{border:1px solid #e0e0e0!important;border-radius:0!important;box-shadow:0 4px 6px #0000001a!important;left:auto!important;margin:0!important;max-width:350px!important;overflow-x:hidden!important;padding:0!important;position:absolute!important;right:0!important;top:100%!important;width:calc(100vw - 30px)!important;z-index:300!important}.notif-dropdown,.notif-item{background:#fff!important;box-sizing:border-box!important}.notif-item{border-bottom:1px solid #e8e8e8!important;max-width:100%!important;padding:14px 20px!important;width:100%!important}.notif-item:hover{background:#f0f7f0!important}.notif-item.unread{background:#f8fff5!important}.notif-item>div{align-items:flex-start!important;flex-direction:column!important}.notif-item>div,.notif-item>div>div,.notif-message{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.notif-message{word-wrap:break-word!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:break-word!important}.notif-from-inline{box-sizing:border-box!important;font-size:12px!important;max-width:100%!important;width:100%!important}.notif-empty{padding:14px 20px!important;text-align:left!important}.notif-time{display:none!important}}.notif-item{border-bottom:1px solid #f1f1f1;cursor:pointer;padding:12px}.notif-item.unread{background:#f8fff5}.notif-item.read{background:#fff}.notif-message{word-wrap:break-word;color:#222;font-size:14px;max-width:100%;overflow-wrap:break-word}.notif-time{color:#888;font-size:12px;margin-top:6px}.notif-empty{color:#666;padding:12px}.notif-from-inline{color:#5b5b5b;font-size:12px;margin-top:6px}@media (max-width:768px){.notif-time{display:none!important}}.logout-button{background:#6d9e67;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 18px;transition:background .2s}.logout-button:hover{background:#388e3c}@media (max-width:768px){.dashboard-header{flex-wrap:wrap;gap:0;justify-content:center!important;padding:10px 50px;position:relative}.mobile-menu-toggle{align-items:center;display:flex!important;flex-shrink:0;justify-content:center;left:15px;margin:0!important;order:1!important;position:absolute;top:50%;transform:translateY(-50%);transition:none!important}.mobile-menu-toggle:active,.mobile-menu-toggle:focus,.mobile-menu-toggle:hover{background:none;border:none;outline:none;transform:translateY(-50%)!important}.nav-links-desktop{display:none!important}.logo{flex:0 0 auto!important;margin:0!important;order:2!important;text-align:center!important}.logo a{font-size:1.2rem;white-space:nowrap}.nav-links{background:#fff;border-radius:0;box-shadow:0 4px 6px #0000001a;flex-basis:auto;flex-direction:column;gap:0;left:0;margin-top:0;order:4!important;position:absolute;right:0;top:100%;width:100%;z-index:150}.nav-links a{align-items:center;display:flex;font-size:1rem;min-height:48px;padding:16px 20px;position:relative}.nav-links a:active,.nav-links a:hover{background:#f0f7f0}.nav-links a.active{background:#f0f7f0;border-bottom-color:#e8e8e8;border-left:4px solid #7a9c3a;padding-left:16px}.mobile-profile-link{padding:16px 20px}.icons{flex-shrink:0;font-size:1.1rem;gap:12px;margin:0!important;order:3!important;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.icon,.mobile-search-toggle{color:#1b3c2e!important}.mobile-search-toggle{background:none!important;border:none!important;cursor:pointer!important;display:inline-block!important;font-size:1.1rem!important;opacity:1!important;padding:8px!important;visibility:visible!important}.icons .icon:nth-child(4),.icons .logout-button{display:none}.mobile-auth-button{background:#0000;border:none;display:block;margin:0;padding:0}.mobile-auth-button .logout-button{background:#6d9e67;border:none;border-bottom:1px solid #e8e8e8;border-radius:0;color:#fff;cursor:pointer;display:block!important;font-size:1rem;font-weight:500;padding:16px 20px;text-align:left;transition:background-color .2s}.mobile-auth-button .logout-button:hover{background-color:#5a8b2b;transform:none}.mobile-auth-button a{border:none;display:block;padding:0}.mobile-auth-button a .logout-button{border-radius:0}.mobile-auth-button .logout-button{border-radius:6px;display:block;font-size:.95rem;padding:12px;width:100%}.mobile-profile-link{align-items:center;border-bottom:1px solid #e8e8e8;color:#3a4d39;display:flex!important;font-size:1rem;font-weight:500;padding:14px 20px;text-decoration:none;transition:background .2s}.mobile-profile-link:hover{background:#f0f7f0}.mobile-profile-link.active{background:#f0f7f0;color:#1b3c2e;font-weight:600}.nav-links.mobile-open{border-top:1px solid #e0e0e0;max-height:500px}.nav-links a{background:#fff;display:block;padding:14px 20px;text-align:left}.nav-links a,.nav-links a:last-child{border-bottom:1px solid #e8e8e8}.nav-links a:first-child{border-radius:8px 8px 0 0}.nav-links a:hover{background:#f0f7f0}.mobile-search-toggle{display:block}.header-search-bar{background:#fff;border-top:1px solid #e0e0e0;display:none;left:0;max-width:100%;order:5;padding:12px 15px;position:absolute;right:0;top:100%;width:100%;z-index:149}.header-search-bar input{padding-left:38px!important}.header-search-bar svg{left:26px!important}.header-search-bar.mobile-search-open{display:block}.logout-button{font-size:.85rem;padding:6px 14px;white-space:nowrap}.icon{font-size:1.1rem}.notif-dropdown{right:-10px;width:280px}.mobile-menu-toggle{font-size:1.3rem}}@media (max-width:480px){.logo a{font-size:1.2rem}.icons{font-size:1rem;gap:8px;margin-right:5px}.logout-button{font-size:.8rem;padding:5px 10px}.notif-dropdown{right:-60px;width:calc(100vw - 30px)}.mobile-menu-toggle{font-size:1.3rem}}.notif-modal-backdrop{align-items:center!important;background:#0006;display:flex!important;inset:0!important;justify-content:center!important;overflow:auto!important;padding:20px;position:fixed!important;z-index:100000!important}.notif-modal{background:#fff;border-radius:8px;box-shadow:0 6px 18px #00000029;display:flex;flex-direction:column;margin:auto 0;max-height:80vh;max-width:100%;overflow:hidden;position:relative;width:520px;z-index:100001}.notif-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.notif-from{color:#666;font-size:12px;margin-top:4px}.notif-modal-body{flex:1 1;max-height:60vh;overflow:auto;padding:16px}.notif-modal-actions{border-top:1px solid #f5f5f5;flex-shrink:0;padding:12px 16px;text-align:right}.notif-close{background:#0000;border:none;cursor:pointer;font-size:20px;min-height:32px;min-width:32px;padding:4px}.notif-modal pre{word-wrap:break-word;font-family:inherit;font-size:14px;white-space:pre-wrap}@media (max-width:768px){.notif-modal-backdrop{align-items:flex-start;padding:60px 10px 10px}.notif-modal{border-radius:12px;max-height:calc(100vh - 80px);max-width:100%;width:100%}.notif-modal-header{padding:14px 16px}.notif-modal-header h3{font-size:1.1rem}.notif-modal-body{font-size:.95rem;padding:14px}.notif-from{font-size:.85rem}.notif-modal-actions button{font-size:.95rem;min-height:44px;padding:10px 20px}.notif-close{font-size:24px;min-height:40px;min-width:40px}}@media (max-width:480px){.notif-modal-backdrop{padding:50px 8px 8px}.notif-modal{border-radius:10px;max-height:calc(100vh - 70px)}.notif-modal-header{padding:12px 14px}.notif-modal-header h3{font-size:1rem}.notif-modal-body{font-size:.9rem;padding:12px}.notif-modal pre{font-size:.9rem}.notif-from{font-size:.8rem}}.home{background-color:initial;font-family:Segoe UI,sans-serif;padding:40px 20px}.fade-in{animation:fadeIn .8s ease-out forwards}.hero{align-items:center;background:#fff;border-radius:32px;box-shadow:0 4px 20px #0000000f;display:flex;justify-content:center;margin-bottom:100px;min-height:600px;overflow:hidden;padding:0;position:relative}.hero:after,.hero:before{display:none}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.05)}}.hero-content-wrapper{align-items:center;display:flex;gap:80px;justify-content:space-between;max-width:1400px;padding:80px 60px;position:relative;width:100%;z-index:1}.hero-text{flex:1 1;max-width:600px}.hero-badge{align-items:center;animation:slideInLeft .6s ease-out;background:linear-gradient(135deg,#145a34,#0f4527);border-radius:25px;box-shadow:0 4px 16px #145a3440,0 0 0 4px #145a341a;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:28px;padding:10px 20px}.hero-badge svg{color:#fbbf24;height:16px;width:16px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.hero-title{animation:slideInLeft .8s ease-out .2s backwards;color:#1f2937;font-size:3.75rem;font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px}.hero-title-highlight{color:#145a34;display:inline-block;font-style:italic;position:relative}.hero-title-highlight:after,.hero-title-highlight:before{display:none}.hero-description{animation:slideInLeft 1s ease-out .4s backwards;color:#6b7280;font-size:1.125rem;line-height:1.75;margin-bottom:36px;max-width:540px}.hero-actions{animation:slideInLeft 1.2s ease-out .6s backwards;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:48px}.shop-now{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#145a34,#0f4527);border:none;border-radius:12px;box-shadow:0 10px 30px #145a344d,0 4px 12px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;min-height:48px;overflow:hidden;padding:16px 32px;position:relative;touch-action:manipulation;transition:all .3s ease-out}.shop-now:before{background:linear-gradient(135deg,#22c55e,#16a34a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.shop-now span,.shop-now svg{position:relative;z-index:1}.shop-now svg{transition:transform .3s ease}.shop-now:hover:before{opacity:1}.shop-now:active{transform:translateY(0)}.learn-more{-webkit-tap-highlight-color:transparent;background:#0000;border:2px solid #145a34;border-radius:12px;color:#145a34;cursor:pointer;font-size:1rem;font-weight:600;min-height:48px;padding:16px 32px;touch-action:manipulation;transition:all .3s ease-out}.learn-more:hover{background:#145a34;color:#fff}.hero-stats{align-items:center;animation:slideInLeft 1.4s ease-out .8s backwards;display:flex;gap:32px;padding:24px 0}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-number{color:#145a34;font-size:1.875rem;font-weight:800;line-height:1}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.stat-divider{background:linear-gradient(180deg,#0000,#e5e7eb 50%,#0000);height:40px;width:2px}.hero-image-container{align-items:center;display:flex;flex:0 0 auto;height:600px;justify-content:center;position:relative;width:600px}.hero-image-backdrop,.hero-image-glow{display:none}.hero-logo{height:100%;object-fit:contain;position:relative;width:100%;z-index:2}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.features-section{grid-gap:30px;animation:fadeIn 1s ease-out .6s backwards;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:80px}.feature-card{background:#fff;border:2px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 16px #0000000a;padding:32px 24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:#6d9e67;box-shadow:0 12px 32px #6d9e6726;transform:translateY(-8px)}.feature-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card:first-child .feature-icon{animation-delay:0s}.feature-card:nth-child(2) .feature-icon{animation-delay:.2s}.feature-card:nth-child(3) .feature-icon{animation-delay:.4s}.feature-card:nth-child(4) .feature-icon{animation-delay:.6s}.feature-card h3{color:#1b3c2e;font-size:1.2rem;font-weight:700;margin-bottom:8px}.feature-card p{color:#666;font-size:.95rem;margin:0}.categories-section{margin-bottom:100px;margin-left:auto;margin-right:auto;max-width:1400px;padding:0 20px}.categories-title{color:#1f2937;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:48px;text-align:center}.categories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.category-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:40px 28px;position:relative;text-align:center;touch-action:manipulation;transition:all .28s ease-out}.category-card:after,.category-card:before{display:none}.category-image{align-items:center;display:flex;height:90px;justify-content:center;margin-bottom:24px}.category-icon{display:inline-block;height:85px;transition:transform .28s ease-out;width:85px}.category-card:hover .category-icon{transform:scale(1.08)}.category-name{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:8px;transition:color .28s ease}.category-card:hover .category-name{color:#145a34}.category-desc{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.section{animation:fadeIn 1s ease-out;margin-bottom:90px}.elegant-product-section{margin-bottom:120px;padding:0;position:relative;width:100%}.section-header-modern{align-items:flex-end;border-bottom:3px solid #145a34;display:flex;justify-content:space-between;margin-bottom:50px;padding:0 60px 24px;position:relative;text-align:left}.section-title-modern{align-items:center;color:#1f2937;display:inline-flex;font-size:34px;font-weight:700;gap:14px;letter-spacing:-.5px;line-height:1.2;margin-bottom:0;position:relative}.section-title-modern:before{background:#145a34;border-radius:3px;content:"";flex-shrink:0;height:34px;width:6px}.section-tagline{color:#6b7280;font-size:15px;font-weight:400;line-height:1.5;margin-bottom:0;max-width:600px}.elegant-product-section .modern-carousel{align-items:center;background:#0000;display:flex;gap:20px;padding:0;position:relative;width:100%}.elegant-product-section .carousel-container{background:#0000;flex:1 1;overflow:hidden;position:relative;width:100%}.elegant-product-section .carousel-track{background:#0000;display:flex;gap:30px;padding:40px 60px;width:100%;will-change:transform}.elegant-product-section .carousel-item{align-items:stretch;animation:carouselItemIn .4s ease-out both;background:#0000;display:flex;flex:0 0 300px;justify-content:flex-start}@keyframes carouselItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.elegant-product-section .carousel-item .product-card-large{background:#fff;border:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;margin:0;max-width:300px;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:300px}.elegant-product-section .carousel-item .product-card-large .product-image{height:280px;max-width:100%;object-fit:cover;width:100%}.elegant-product-section .carousel-item .product-card-large:before{opacity:0}.elegant-product-section .carousel-item .product-card-large:hover{border-color:#7a9c3a;box-shadow:0 16px 32px #7a9c3a26,0 8px 16px #00000014;transform:translateY(-8px);z-index:10}.elegant-product-section .carousel-item .product-card-large:hover:before{opacity:1}.elegant-product-section .modern-carousel-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 16px #00000014;color:#7a9c3a;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:10}.elegant-product-section .modern-carousel-btn svg{transition:transform .3s ease}.elegant-product-section .modern-carousel-btn.prev svg{transform:translateX(-1px)}.elegant-product-section .modern-carousel-btn.next svg{transform:translateX(1px)}.elegant-product-section .modern-carousel-btn:not(:disabled):hover{background:#7a9c3a;border-color:#7a9c3a;box-shadow:0 8px 24px #7a9c3a40;color:#fff;transform:scale(1.08)}.elegant-product-section .modern-carousel-btn:not(:disabled):hover.prev svg{transform:translateX(-3px)}.elegant-product-section .modern-carousel-btn:not(:disabled):hover.next svg{transform:translateX(3px)}.elegant-product-section .modern-carousel-btn:not(:disabled):active{transform:scale(1)}.elegant-product-section .modern-carousel-btn:disabled{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;cursor:not-allowed;opacity:.3}.elegant-product-section .modern-carousel-btn:disabled svg{color:#9ca3af}.carousel-btn{box-shadow:0 8px 24px #1ea56f40;font-size:1.3rem;height:50px;overflow:hidden;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,opacity .2s ease;width:50px}.carousel-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.carousel-btn:hover:before{height:100%;width:100%}.carousel-btn.left{margin-right:12px}.carousel-btn.right{margin-left:12px}.carousel-btn:not(:disabled):hover{box-shadow:0 12px 32px #1ea56f4d;transform:translateY(-4px) scale(1.08)}.carousel-btn:disabled{opacity:.4}.carousel-item .admin-product-card,.carousel-item .catalog-product-card{max-width:320px!important}.button-container{text-align:center}.view-all{background-color:#88b26d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:0 auto;padding:10px 30px;transition:background .3s ease}.view-all:hover{background-color:#6d9e67}@media (max-width:1024px){.home{padding:30px 15px}.hero{margin-bottom:60px;padding:30px 20px}.hero-content-wrapper{gap:60px;padding:60px 40px}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1rem}.section{margin-bottom:70px}.section-title{font-size:1.5rem;margin-bottom:20px}.carousel-btn{font-size:1rem;height:38px;width:38px}.categories-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.category-card{min-height:220px;padding:32px 20px}}@media (max-width:768px){.home{padding:20px 12px}.hero{border-radius:24px;margin-bottom:50px;min-height:auto}.hero-content-wrapper{flex-direction:column;gap:32px;padding:40px 28px}.hero-text{max-width:100%;text-align:center}.hero-badge{display:inline-flex;font-size:.8rem;margin-bottom:24px;padding:10px 18px}.hero-title{font-size:2rem;line-height:1.15;margin-bottom:20px}.hero-description{font-size:1rem;line-height:1.65;margin-bottom:28px}.hero-actions{flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:36px}.learn-more,.shop-now{border-radius:14px;font-size:1rem;min-height:52px;padding:14px 28px}.hero-stats{gap:24px;justify-content:center}.stat-number{font-size:1.65rem}.stat-label{font-size:.8rem}.hero-image-container{display:flex;height:400px;width:400px}.categories-section{margin-bottom:70px;padding:0 12px}.categories-title{font-size:1.75rem;margin-bottom:32px}.categories-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.category-card{border-radius:16px;min-height:200px;padding:28px 16px}.category-image{height:70px;margin-bottom:16px}.category-icon{height:70px;width:70px}.category-name{font-size:1rem;margin-bottom:6px}.category-desc{font-size:.8rem}.elegant-product-section{margin-bottom:60px;overflow:visible}.section-header-modern{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:32px;padding:0 20px 16px}.section-title-modern{font-size:1.5rem}.section-title-modern:before{height:28px}.section-tagline{font-size:.9rem;max-width:100%}.elegant-product-section .carousel-track{gap:20px;padding:20px}.elegant-product-section .modern-carousel-btn{height:48px;width:48px}}@media (max-width:480px){.home{padding:16px 10px}.hero{border-radius:20px;margin-bottom:40px;padding:20px 12px}.hero-content-wrapper{gap:24px;padding:32px 20px}.hero-badge{font-size:.7rem;margin-bottom:20px;padding:8px 14px}.hero-badge svg{height:14px;width:14px}.hero-title{font-size:1.65rem;letter-spacing:-.8px;margin-bottom:16px}.hero-description{font-size:.9rem;line-height:1.6;margin-bottom:24px}.hero-actions{gap:10px;margin-bottom:28px;width:100%}.learn-more,.shop-now{flex:1 1;font-size:.95rem;min-height:48px;min-width:140px;padding:12px 24px}.shop-now svg{height:18px;width:18px}.hero-stats{gap:20px;padding:20px 0}.stat-item{gap:2px}.stat-number{font-size:1.4rem}.stat-label{font-size:.7rem}.stat-divider{height:32px}.hero-image-container{display:none}.categories-section{margin-bottom:50px;padding:0 10px}.categories-title{font-size:1.5rem;letter-spacing:-.3px;margin-bottom:24px}.categories-grid{gap:12px;grid-template-columns:1fr}.category-card{border-radius:14px;min-height:160px;padding:24px 16px}.category-image{height:60px;margin-bottom:12px}.category-icon{height:60px;width:60px}.category-name{font-size:.95rem;margin-bottom:4px}.category-desc{font-size:.75rem}.elegant-product-section{margin-bottom:50px}.section-header-modern{border-bottom-width:2px;margin-bottom:20px;padding:0 12px 12px}.section-title-modern{font-size:1.3rem}.section-title-modern:before{height:24px;width:4px}.section-tagline{display:none}.elegant-product-section .carousel-track{gap:15px;padding:15px 12px}.elegant-product-section .carousel-item{flex:0 0 260px}.elegant-product-section .carousel-item .product-card-large{max-width:260px;width:260px}.elegant-product-section .carousel-item .product-card-large .product-image{height:240px}.elegant-product-section .modern-carousel-btn{height:44px;width:44px}.elegant-product-section .modern-carousel-btn svg{height:20px;width:20px}}@media (max-width:768px){.home>div:last-child{margin-top:40px!important;padding:30px 20px!important}.footer-main-grid{gap:20px!important;grid-template-columns:1fr 1fr!important;text-align:center!important}.footer-main-grid>div:nth-child(2){grid-column:1/-1!important;grid-row:1!important;justify-self:center!important;order:1!important;position:static!important;transform:none!important}.footer-main-grid>div:nth-child(2)>div:first-child{height:50px!important;margin:0 auto!important;width:50px!important}.footer-main-grid>div:nth-child(2) span{font-size:.75rem!important}.footer-connect-section{align-items:flex-start!important;grid-column:1!important;grid-row:2!important;justify-self:start!important;order:2!important}.footer-connect-section h3{font-size:.65rem!important}.footer-connect-section>div{justify-content:flex-start!important}.footer-address-section{align-items:flex-end!important;grid-column:2!important;grid-row:2!important;justify-self:end!important;order:3!important}.footer-address-section h3{font-size:.65rem!important}.footer-address-section p{font-size:.8rem!important}.footer-address-section>div{padding:8px 12px!important}.footer-address-section svg{height:14px!important;width:14px!important}.footer-address-section span{font-size:.7rem!important}.footer-links-section{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:20px!important;justify-content:center!important}.footer-links-section a{font-size:.85rem!important}}.page-content-fade-in{animation:fadeInContent .3s ease-out}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}.catalog-container{background:#fff;display:flex;gap:30px;min-height:100vh;padding:30px 20px}.sidebar{background-color:#f4f4f4;border-radius:10px;height:fit-content;padding:20px;width:280px}.sidebar h3,.sidebar h4{color:#333;font-size:18px;margin-bottom:10px}.sidebar ul{list-style:none;margin:0 0 20px;padding:0}.sidebar ul li{margin-bottom:8px}.sidebar input[type=checkbox]{margin-right:8px}.price-filter input{border:1px solid #ccc;border-radius:5px;margin-bottom:8px;padding:8px;width:100%}.price-filter button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;width:100%}.price-filter button:hover{background-color:#0056b3}.catalog-main{flex:1 1}.catalog-main h2{color:#333;font-size:24px;margin-bottom:20px}.product-grid{grid-gap:10px 8px!important;align-items:start!important;display:grid!important;flex:1 0 auto!important;gap:10px 8px!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;width:100%!important}@media (min-width:1025px){.product-grid{gap:14px 12px!important;grid-template-columns:repeat(4,1fr)!important}.catalog-product-card{max-width:none!important;min-width:auto!important;width:100%!important}}.catalog-product-card{-webkit-tap-highlight-color:transparent;align-items:center!important;background:#fff!important;border:2px solid #e5e5e5!important;border-radius:12px!important;box-shadow:0 1px 4px #00000012!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;height:auto!important;max-width:320px!important;min-width:260px!important;overflow:hidden!important;position:relative!important;touch-action:manipulation;width:100%!important}.catalog-product-card img{background:#f8f8f8;border-radius:12px;box-shadow:0 1px 4px #00000012;display:block;height:160px;margin-bottom:12px;margin-left:auto;margin-right:auto;object-fit:cover;width:160px}.catalog-product-card .price-section{align-items:center!important;display:flex!important;flex-wrap:wrap!important;min-height:30px!important}.catalog-product-card .price-old{color:#999;font-size:.95rem;margin-right:8px;text-decoration:line-through}.catalog-product-card .price-new{color:#2e7d32;font-size:1.04rem;font-weight:700}.catalog-product-card .sale-badge{background:linear-gradient(180deg,#ff8a00,#ffb74d);border-radius:12px;bottom:8px;box-shadow:0 2px 6px #0000004d;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.6px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;z-index:10}.filter-backdrop,.mobile-filter-search-container,.sidebar-close-btn{display:none}.desktop-search-bar-top{display:block}.pagination{margin-top:30px;text-align:center}.pagination button{-webkit-tap-highlight-color:transparent;background-color:#eee;border:none;border-radius:4px;cursor:pointer;margin:0 4px;min-height:44px;min-width:44px;padding:6px 12px;touch-action:manipulation}.pagination button.active{background-color:#007bff;color:#fff}.pagination button:hover{background-color:#ccc}@media (max-width:1024px){.catalog-container{flex-direction:column;gap:20px;padding:20px 15px}.sidebar{border-right:none;padding-right:0;width:100%}.product-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.catalog-container{gap:20px;padding:15px 12px}.catalog-main{width:100%}.catalog-main h2{font-size:1.5rem;margin-bottom:15px}.filter-toggle-btn{border-radius:8px!important;display:flex!important;font-size:.9rem!important;margin-bottom:12px!important;padding:10px 16px!important;width:auto!important}.filter-toggle-btn span{font-size:1.1rem!important}.mobile-filter-search-container{display:flex!important}.desktop-search-bar,.desktop-search-bar-top{display:none!important}.filter-backdrop,.sidebar-close-btn{display:block!important}.catalog-sidebar{background-color:#f4f4f4!important;border-radius:0!important;bottom:0!important;box-shadow:2px 0 12px #00000026!important;flex:none!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:280px!important;min-height:100vh!important;min-width:280px!important;opacity:0!important;overflow-y:auto!important;padding:60px 20px 20px!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;width:280px!important;z-index:10000!important}.catalog-sidebar.mobile-open{opacity:1!important;transform:translateX(0)!important}.sidebar h3,.sidebar h4{font-size:1rem;margin-bottom:12px}.sidebar ul li{font-size:.9rem}.product-grid{gap:12px 10px!important;grid-template-columns:repeat(2,1fr)!important;padding:0 4px!important}.catalog-product-card{border-radius:12px!important;height:auto!important;max-width:100%!important;min-height:320px!important;min-width:auto!important;padding-bottom:16px!important}.catalog-product-card img{object-fit:cover!important;width:100%!important}.catalog-product-card img,.catalog-product-card>a>div:first-child{height:140px!important;margin-bottom:10px!important}.catalog-product-card>a>div:nth-child(2){padding:0 12px!important}.catalog-product-card>a>div:nth-child(2)>div{width:100%!important}.catalog-product-card>a>div:nth-child(2)>div>div:first-child{-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;color:#2d3436!important;display:-webkit-box!important;font-size:1rem!important;font-weight:600!important;line-height:1.4!important;margin-bottom:6px!important;min-height:2.8rem!important;overflow:hidden!important;text-overflow:ellipsis!important}.catalog-product-card>a>div:nth-child(2)>div>div:nth-child(2){font-size:.85rem!important;margin-bottom:6px!important}.catalog-product-card .price-section{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:4px!important;margin-bottom:6px!important;min-height:32px!important}.catalog-product-card .price-old{font-size:.85rem!important;margin-right:0!important;opacity:.7!important}.catalog-product-card .price-new{color:#2d3436!important;font-size:1.1rem!important;font-weight:700!important}.catalog-product-card .sale-badge{bottom:6px!important;font-size:.7rem!important;padding:4px 8px!important;right:6px!important}.pagination{margin-top:16px}.pagination button{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.catalog-container{padding:12px 8px}.catalog-main h2{font-size:1.3rem}.filter-toggle-btn{display:flex!important;font-size:.85rem!important;margin-bottom:10px!important;padding:9px 14px!important;width:auto!important}.catalog-sidebar{max-width:260px!important;min-width:260px!important;padding:60px 16px 20px!important;width:260px!important}.product-grid{gap:10px 8px!important;grid-template-columns:repeat(2,1fr)!important;padding:0 2px!important}.catalog-product-card{border-radius:10px!important;height:auto!important;max-width:100%!important;min-height:300px!important;min-width:auto!important;padding-bottom:14px!important}.catalog-product-card img{height:130px!important;width:100%!important}.catalog-product-card>a>div:first-child{height:130px!important;margin-bottom:8px!important}.catalog-product-card>a>div:nth-child(2){padding:0 10px!important}.catalog-product-card>a>div:nth-child(2)>div>div:first-child{font-size:.95rem!important;font-weight:600!important;line-height:1.35!important;min-height:2.6rem!important}.catalog-product-card>a>div:nth-child(2)>div>div:nth-child(2){color:#666!important;font-size:.82rem!important}.catalog-product-card .price-section{min-height:30px!important}.catalog-product-card .price-old{font-size:.8rem!important}.catalog-product-card .price-new{font-size:1.05rem!important;font-weight:700!important}}.catalog-product-card .sale-badge{font-size:.65rem!important;padding:3px 7px!important}.sidebar h3,.sidebar h4{font-size:.95rem}.sidebar ul li{font-size:.85rem;margin-bottom:6px}.price-filter input{font-size:.85rem;padding:6px}.price-filter button{font-size:.85rem;padding:8px}.pagination button{font-size:.85rem;padding:6px 10px}.footer-main-grid{gap:20px!important;grid-template-columns:1fr 1fr!important;text-align:center!important}.footer-main-grid>div:nth-child(2){grid-column:1/-1!important;grid-row:1!important;justify-self:center!important;order:1!important;position:static!important;transform:none!important}.footer-main-grid>div:nth-child(2)>div:first-child{height:50px!important;margin:0 auto!important;width:50px!important}.footer-main-grid>div:nth-child(2) span{font-size:.75rem!important}.footer-connect-section{align-items:flex-start!important;grid-column:1!important;grid-row:2!important;justify-self:start!important;order:2!important}.footer-connect-section h3{font-size:.65rem!important}.footer-connect-section>div{justify-content:flex-start!important}.footer-address-section{align-items:flex-end!important;grid-column:2!important;grid-row:2!important;justify-self:end!important;order:3!important}.footer-address-section h3{font-size:.65rem!important}.footer-address-section p{font-size:.8rem!important}.footer-address-section>div{padding:8px 12px!important}.footer-address-section svg{height:14px!important;width:14px!important}.footer-address-section span{font-size:.7rem!important}.footer-links-section{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:20px!important;justify-content:center!important}.footer-links-section a{font-size:.85rem!important}.admin-header{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;font-family:Segoe UI,sans-serif;gap:15px;justify-content:space-between;padding:16px 30px;position:relative}.mobile-menu-toggle{color:#1b3c2e;cursor:pointer;display:none;flex-shrink:0;font-size:1.5rem;height:40px;padding:8px;width:40px;z-index:1001}.mobile-menu-toggle,.mobile-menu-toggle:active,.mobile-menu-toggle:focus{background:none;border:none;outline:none}.logo a{align-items:center;color:#1b3c2e;display:flex;font-family:Neuton,serif;font-size:1.6rem;font-weight:700;text-decoration:none}.logo a:hover{color:#6d9e67}.admin-nav{flex-wrap:wrap;gap:20px}.admin-nav,.admin-nav-desktop{display:flex}.admin-nav a{color:#3a4d39;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s;will-change:transform}.admin-nav a:hover{color:#6d9e67}.admin-nav a.active{border-bottom:2px solid #7a9c3a;color:#1b3c2e;font-weight:600}.orders-link{position:relative}.orders-badge,.orders-link{align-items:center;display:inline-flex}.orders-badge{background:#d32f2f;border-radius:999px;box-shadow:0 2px 6px #0000001f;color:#fff;font-size:.75rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 6px;position:absolute;right:-12px;top:-6px}.products-link{position:relative}.products-badge,.products-link{align-items:center;display:inline-flex}.products-badge{background:#d32f2f;border-radius:999px;box-shadow:0 2px 6px #0000001f;color:#fff;font-size:.75rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 6px;position:absolute;right:-12px;top:-6px}.admin-icons{align-items:center;color:#333;display:flex;font-size:1.2rem;gap:16px}.icon{cursor:pointer;transition:color .2s}.icon:hover{color:#6d9e67}.admin-header .logout-button{background-color:#ff5e5e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 14px;transition:background-color .2s,transform .1s}.admin-header .logout-button:hover{background-color:#e04e4e;transform:scale(1.05)}.mobile-logout-container{margin:0;padding:0}.mobile-logout-button{background:#ff5e5e;border:none;border-bottom:1px solid #e8e8e8;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:16px 20px;text-align:left;transition:background-color .2s;width:100%}.mobile-logout-button:hover{background-color:#e04e4e}@media (max-width:1024px){.admin-header{border-bottom:none;box-sizing:border-box;flex-wrap:wrap;gap:0;justify-content:center!important;max-width:100vw;overflow:visible;padding:10px 15px;position:relative}.mobile-menu-toggle{align-items:center;display:flex!important;flex-shrink:0;justify-content:center;left:15px;margin:0!important;order:1!important;position:absolute;top:50%;transform:translateY(-50%);transition:none!important}.mobile-menu-toggle:active,.mobile-menu-toggle:focus,.mobile-menu-toggle:hover{background:none;border:none;outline:none;transform:translateY(-50%)!important}.logo{flex:0 0 auto!important;margin:0!important;max-width:calc(100vw - 140px);order:2!important;padding:0 50px;text-align:center!important}.logo a{display:block;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-nav{background:#fff;border-radius:0;box-shadow:0 4px 6px #0000001a;flex-basis:auto;flex-direction:column;gap:0;left:0;margin-top:0;order:4!important;position:absolute;right:0;top:100%;width:100%;z-index:9999}.admin-icons,.admin-nav-desktop{display:none!important}.admin-nav.mobile-open{border-top:1px solid #e0e0e0}.admin-nav a{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;display:block;display:flex;font-size:1rem;min-height:48px;padding:16px 20px;position:relative;text-align:left}.admin-nav a:active,.admin-nav a:hover{background:#f0f7f0}.admin-nav a.active{background:#f0f7f0;border-bottom-color:#e8e8e8;border-left:4px solid #7a9c3a;padding-left:16px}.orders-badge,.products-badge{display:inline-flex;margin-left:8px;position:relative;right:auto;top:auto}.admin-icons{flex-shrink:0;font-size:.9rem;gap:6px;margin:0!important;order:3!important;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.logout-button{font-size:.8rem;padding:5px 10px;white-space:nowrap}}@media (max-width:480px){.logo a{font-size:.95rem}.logo{max-width:calc(100vw - 120px);padding:0 45px}.admin-icons{font-size:.85rem;gap:5px;right:8px}.logout-button{font-size:.75rem;padding:4px 8px}.orders-badge,.products-badge{font-size:.7rem;height:16px;min-width:16px}.mobile-menu-toggle{font-size:1.2rem;left:8px}}:root{--accent-purple:#9c27b0;--accent-teal:#00897b;--text-primary:#1b3c2e;--text-secondary:#555;--text-muted:#999;--bg-light:#f8f8f8;--shadow-lg:0 8px 24px #0000001f;--radius-xl:24px;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}.admin-dashboard{background:#0000;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;max-width:100%;padding:0;width:100%}.admin-hero{background:#fff;border-radius:32px;box-shadow:0 4px 20px #0000000f;justify-content:center;margin-bottom:60px;min-height:500px;overflow:hidden;padding:0}.admin-hero,.admin-hero .hero-content-wrapper{align-items:center;display:flex;position:relative}.admin-hero .hero-content-wrapper{flex-direction:column;gap:60px;justify-content:space-between;max-width:1400px;padding:60px 40px;width:100%;z-index:1}.admin-hero .hero-text{flex:1 1;max-width:100%;text-align:center}.admin-hero .hero-badge{align-items:center;background:linear-gradient(135deg,#145a34,#0f4527);border-radius:25px;box-shadow:0 4px 16px #145a3440,0 0 0 4px #145a341a;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:24px;padding:10px 20px}.admin-hero .hero-badge svg{color:#fbbf24;height:16px;width:16px}.admin-hero .hero-title{color:#1f2937;font-size:2.5rem;font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:20px}.admin-hero .hero-title-highlight{color:#145a34;display:inline-block;font-style:italic;position:relative}.admin-hero .hero-description{color:#6b7280;font-size:1.0625rem;line-height:1.7;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:540px}.admin-hero .hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.admin-hero .shop-now{align-items:center;background:linear-gradient(135deg,#145a34,#0f4527);border:none;border-radius:12px;box-shadow:0 10px 30px #145a344d,0 4px 12px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease-out}.admin-hero .shop-now:before{background:linear-gradient(135deg,#22c55e,#16a34a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.admin-hero .shop-now span,.admin-hero .shop-now svg{position:relative;z-index:1}.admin-hero .shop-now svg{transition:transform .3s ease}.admin-hero .shop-now:hover:before{opacity:1}.admin-hero .shop-now:hover{box-shadow:0 14px 40px #145a3466,0 6px 16px #00000026;transform:translateY(-2px)}.admin-hero .shop-now:hover svg{transform:translateX(4px)}.admin-hero .shop-now:active{transform:translateY(0)}.admin-hero .learn-more{background:#0000;border:2px solid #145a34;border-radius:12px;color:#145a34;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 32px;transition:all .3s ease-out}.admin-hero .learn-more:hover{background:#145a34;box-shadow:0 8px 24px #145a3440;color:#fff;transform:translateY(-2px)}.admin-hero .hero-stats{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:24px 0}.admin-hero .stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.admin-hero .stat-number{color:#145a34;font-size:1.75rem;font-weight:800;line-height:1}.admin-hero .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.admin-hero .stat-divider{background:linear-gradient(180deg,#0000,#e5e7eb 50%,#0000);height:40px;width:2px}.admin-hero .hero-image-container{align-items:center;display:flex;flex:0 0 auto;height:400px;justify-content:center;max-width:400px;position:relative;width:100%}.admin-hero .hero-image-backdrop,.admin-hero .hero-image-glow{display:none}.admin-hero .hero-logo{height:100%;object-fit:contain;position:relative;width:100%;z-index:2}.metrics-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr;margin-bottom:32px}.metric-card{background:var(--bg-white);border-radius:var(--radius-lg);border-top:4px solid #7a9c3a;border-top:4px solid var(--primary-green);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);cursor:default;flex-direction:column;justify-content:center;min-height:140px;text-align:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.metric-icon{border-radius:50%;margin-bottom:16px}.metric-value{line-height:1;margin-bottom:6px}.metric-label{color:#555;color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1}.quick-actions-section{margin-bottom:32px}.section-title{color:#1b3c2e;color:var(--text-primary);font-size:1.5rem;gap:12px}.title-icon{font-size:1.8rem;line-height:1}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.quick-action-card{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e0e0e0;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:16px;min-height:96px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.quick-action-card:before{background:#7a9c3a;background:var(--primary-green);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease;width:4px}.quick-action-card:active:before{transform:scaleY(1)}.action-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.action-content{flex:1 1;min-width:0}.action-label{font-size:1.1rem;font-weight:600;line-height:1.2;margin-bottom:4px}.action-description{color:#999;color:var(--text-muted);font-size:.9rem;line-height:1.3}.action-arrow{flex-shrink:0;opacity:.5;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quick-action-card:active .action-arrow{opacity:1;transform:translateX(4px)}.recent-activity-section{margin-bottom:32px}.activity-feed{background:#fff;background:var(--bg-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;padding:20px}.activity-item{background:#f8f8f8;background:var(--bg-light);border-radius:var(--radius-sm);transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.3rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1;min-width:0}.activity-text{color:#1b3c2e;color:var(--text-primary);font-size:.95rem;line-height:1.4;margin-bottom:4px}.activity-text strong{font-weight:600}.activity-time{color:#999;color:var(--text-muted);font-size:.8rem;line-height:1}@media (min-width:769px) and (max-width:1024px){.admin-hero{margin-bottom:80px;min-height:550px}.admin-hero .hero-content-wrapper{flex-direction:row;gap:70px;padding:70px 50px}.admin-hero .hero-text{max-width:600px;text-align:left}.admin-hero .hero-title{font-size:3rem}.admin-hero .hero-description{font-size:1.125rem;margin-left:0}.admin-hero .hero-actions,.admin-hero .hero-stats{justify-content:flex-start}.admin-hero .hero-stats{gap:28px}.admin-hero .stat-item{align-items:flex-start}.admin-hero .hero-image-container{height:450px;width:450px}.metrics-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.metric-card{padding:28px 24px}.quick-actions-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.quick-action-card{min-height:110px}.section-title{font-size:1.6rem}}@media (min-width:1024px){.admin-dashboard{padding:0}.admin-hero{margin-bottom:100px;min-height:600px}.admin-hero .hero-content-wrapper{flex-direction:row;gap:80px;padding:80px 60px}.admin-hero .hero-text{max-width:600px;text-align:left}.admin-hero .hero-title{font-size:3.75rem;margin-bottom:24px}.admin-hero .hero-description{font-size:1.125rem;margin-bottom:36px;margin-left:0}.admin-hero .hero-actions{justify-content:flex-start;margin-bottom:48px}.admin-hero .hero-stats{gap:32px;justify-content:flex-start}.admin-hero .stat-item{align-items:flex-start}.admin-hero .stat-number{font-size:1.875rem}.admin-hero .hero-image-container{height:600px;width:600px}.metrics-grid{gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.metric-card{min-height:160px;padding:32px}.metric-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-icon{height:80px;margin-bottom:20px;width:80px}.metric-value{font-size:2.5rem;margin-bottom:8px}.metric-label{font-size:1.1rem}.quick-actions-section{margin-bottom:48px}.section-title{font-size:1.75rem;margin-bottom:24px}.quick-actions-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.quick-action-card{min-height:120px;padding:24px}.quick-action-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.quick-action-card:hover:before{transform:scaleY(1)}.quick-action-card:hover .action-arrow{opacity:1;transform:translateX(6px)}.action-icon{height:70px;width:70px}.action-label{font-size:1.2rem}.action-description{font-size:.95rem}.recent-activity-section{margin-bottom:48px}.activity-feed{gap:16px;padding:28px}.activity-item{padding:16px}.activity-item:hover{background:#f0f7f0}.activity-icon{font-size:1.5rem;height:48px;width:48px}.activity-text{font-size:1rem}.activity-time{font-size:.85rem}}@media (min-width:1440px){.quick-actions-grid{grid-template-columns:repeat(4,1fr)}.hero-image-container{flex:0 0 450px}.hero-logo{max-width:450px}}@media (max-width:480px){.admin-hero{margin-bottom:24px;padding:24px 16px}.hero-content h1{font-size:1.75rem;margin-bottom:10px}.hero-content p{font-size:.95rem;margin-bottom:20px}.primary-action-btn{font-size:.95rem;max-width:100%;padding:12px 24px}.hero-logo{max-width:220px}.metrics-grid{gap:12px;margin-bottom:24px}.metric-card{min-height:120px;padding:20px 16px}.metric-icon{height:60px;margin-bottom:12px;width:60px}.metric-icon span{font-size:2rem!important}.metric-value{font-size:1.75rem}.metric-label{font-size:.95rem}.section-title{font-size:1.35rem;margin-bottom:16px}.title-icon{font-size:1.5rem}.quick-actions-grid{gap:12px}.quick-action-card{min-height:88px;padding:16px}.action-icon{height:52px;width:52px}.action-icon span{font-size:2rem!important}.action-label{font-size:1rem}.action-description{font-size:.85rem}.action-arrow{height:20px;width:20px}.activity-feed{gap:10px;padding:16px}.activity-item{padding:10px}.activity-icon{font-size:1.1rem;height:36px;width:36px}.activity-text{font-size:.9rem}.activity-time{font-size:.75rem}}.primary-action-btn:focus,.quick-action-card:focus{outline:3px solid #1976d2;outline:3px solid var(--accent-blue);outline-offset:3px}@media (hover:none) and (pointer:coarse){.quick-action-card:active{background:#f8f8f8;background:var(--bg-light);transform:scale(.98)}.primary-action-btn:active{transform:scale(.98)}.activity-item:active{background:#e9f5e1}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.primary-action-btn:before,.quick-action-card:before{display:none}}@media (prefers-contrast:high){.activity-feed,.admin-hero,.metric-card,.quick-action-card{border:2px solid #1b3c2e;border:2px solid var(--text-primary)}.primary-action-btn{border:2px solid #fff;border:2px solid var(--bg-white)}}.filter-toggle-btn{display:none}.mobile-filter-search-container{display:none!important}.filter-backdrop{background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-close-btn{display:none!important}.desktop-search-bar{display:block}.catalog-sidebar{transition:transform .3s ease}.product-grid{grid-gap:10px 8px;align-items:start;display:grid;gap:10px 8px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%}@media (min-width:1025px){.product-grid{gap:14px 12px;grid-template-columns:repeat(4,1fr)!important}.admin-product-card{max-width:none!important;min-width:auto!important;width:100%!important}}.admin-product-card{max-width:320px;min-width:260px;position:relative}.admin-product-card img{background:#f8f8f8;border-radius:12px;box-shadow:0 1px 4px #00000012;display:block;height:160px;margin-bottom:12px;margin-left:auto;margin-right:auto;object-fit:cover;width:160px}.feature-toggle{align-items:center;background:#fff;border:2px solid #7c99351f;border-radius:50%;box-shadow:0 2px 8px #00000014;cursor:pointer;display:inline-flex;height:44px;justify-content:center;left:12px;position:absolute;top:12px;transition:transform .12s,box-shadow .12s,background .12s;width:44px;z-index:5}.feature-toggle:hover{transform:translateY(-3px)}.feature-toggle .star{height:20px;width:20px}.feature-toggle.featured{background:linear-gradient(180deg,#fef3e0,#fff4dc);border-color:#7da32438}.feature-toggle.featured .star{fill:#ffb300;filter:drop-shadow(0 2px 6px rgba(255,179,0,.12))}.feature-toggle.not-featured .star{fill:#cfd8cb}.low-stock-badge{align-items:center;background:linear-gradient(180deg,#ff4d4f,#e53935);border:2px solid #00000014;border-radius:50%;box-shadow:0 4px 12px #e5393529;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;height:42px;justify-content:center;position:absolute;right:12px;top:12px;width:42px;z-index:5}.low-stock-badge:hover{transform:translateY(-2px)}.low-stock-label{letter-spacing:.5px;padding-left:1px}.sale-badge{background:linear-gradient(180deg,#ff8a00,#ffb74d);border-radius:12px;bottom:8px;box-shadow:0 2px 6px #0000004d;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.6px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;z-index:10}.admin-product-card .price-old{color:#999;font-size:.95rem;text-decoration:line-through}.admin-product-card .price-new{color:#2e7d32;font-size:1.04rem;font-weight:700}.modal-overlay{padding:10px}.modal-content{border-radius:10px;box-shadow:0 0 10px #0000004d;padding:25px 30px;width:400px}.product-modal{max-width:900px;width:100%}.modal-content h3{color:#333;font-size:20px;margin-bottom:15px}.modal-content input,.modal-content select,.modal-content textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:12px;padding:8px;width:100%}.modal-content textarea{resize:vertical}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 14px}.modal-buttons .cancel-btn{background-color:#ccc}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}.mobile-filter-search-container{display:flex!important}.desktop-search-bar{display:none!important}.catalog-sidebar{height:100vh;left:0;max-width:280px;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);width:80vw;z-index:1000}.catalog-sidebar.mobile-open{transform:translateX(0)}.sidebar-close-btn{display:block!important}}@media (max-width:768px){.product-grid{gap:12px 10px;grid-template-columns:repeat(2,1fr)!important}.admin-product-card{border-radius:12px;max-width:100%!important;min-width:auto!important;padding:6px}.admin-product-card>div:first-of-type{height:150px!important;margin-bottom:8px!important;width:100%!important}.admin-product-card img{height:150px!important;object-fit:cover;width:100%!important}.admin-product-card>div:last-child{padding:0 6px!important}.admin-product-card>div:last-child>div:first-child{font-size:.95rem!important;margin-bottom:4px!important}.admin-product-card>div:last-child>div:nth-child(2){font-size:.85rem!important;margin-bottom:4px!important}.admin-product-card .price-old{font-size:.85rem!important}.admin-product-card .price-new{font-size:.95rem!important}.modal-content{max-height:90vh;max-width:95%;overflow-y:auto;padding:20px;width:95%}.product-modal{flex-direction:column!important;padding:20px!important}.product-modal form{width:100%}.product-modal>div:last-child{align-items:stretch;width:100%}.product-modal>div:last-child>div{max-width:100%;width:100%!important}.modal-content form{display:flex;flex-direction:column}.feature-toggle{height:34px;left:8px;top:8px;width:34px}.feature-toggle .star{height:15px;width:15px}.low-stock-badge{font-size:.7rem;height:34px;right:8px;top:8px;width:34px}.sale-badge{display:block!important;font-size:.65rem!important;margin-top:4px!important;padding:3px 6px!important}}@media (max-width:480px){.product-grid{gap:10px 8px;grid-template-columns:repeat(2,1fr)!important}.admin-product-card{border-radius:10px;max-width:100%!important;min-width:auto!important;padding:4px}.admin-product-card>div:first-of-type{height:130px!important;margin-bottom:6px!important;width:100%!important}.admin-product-card img{border-radius:10px!important;height:130px!important;object-fit:cover;width:100%!important}.admin-product-card>div:last-child{padding:0 4px!important}.admin-product-card>div:last-child>div:first-child{font-size:.85rem!important;line-height:1.2!important;margin-bottom:3px!important}.admin-product-card>div:last-child>div:nth-child(2){font-size:.75rem!important;margin-bottom:3px!important}.admin-product-card>div:last-child>div:nth-child(3){font-size:.8rem!important}.admin-product-card .price-old{display:block!important;font-size:.75rem!important}.admin-product-card .price-new{display:block!important;font-size:.85rem!important}.admin-product-card button svg{height:18px!important;width:18px!important}.modal-overlay{padding:5px}.modal-content{max-height:95vh;max-width:98%;overflow-y:auto;padding:15px;width:98%}.product-modal{flex-direction:column!important;gap:16px!important;padding:15px!important}.product-modal h3{font-size:1.2rem!important}.product-modal form{gap:12px!important;width:100%}.product-modal form label{font-size:.9rem!important;margin-bottom:4px!important}.product-modal form input,.product-modal form select,.product-modal form textarea{border-radius:8px!important;font-size:.9rem!important;padding:8px!important}.product-modal form>div:last-child{flex-direction:column!important;gap:8px!important;margin-top:8px!important}.product-modal form button{font-size:.9rem!important;min-width:auto!important;padding:10px 16px!important;width:100%!important}.product-modal>div:last-child{align-items:stretch;width:100%}.product-modal>div:last-child>div{height:auto!important;max-width:100%;width:100%!important}.modal-content h3{font-size:1.1rem;margin-bottom:12px}.modal-content input,.modal-content select,.modal-content textarea{font-size:.9rem;margin-bottom:10px;padding:8px}.modal-buttons{flex-direction:column;gap:8px}.modal-buttons button{font-size:.9rem;padding:10px;width:100%}.feature-toggle{height:30px;left:6px;top:6px;width:30px}.feature-toggle .star{height:13px;width:13px}.low-stock-badge{font-size:.65rem;height:30px;right:6px;top:6px;width:30px}.sale-badge{display:block!important;font-size:.6rem!important;margin-left:0!important;margin-top:3px!important;padding:2px 5px!important}.filter-toggle-btn{font-size:.9rem;padding:8px 16px}.mobile-filter-search-container input{font-size:.9rem;padding:8px 12px}}.admin-products-page{background:linear-gradient(135deg,#f8faf9,#f0f4f1);display:flex;flex-direction:column;min-height:100vh;width:100vw}.admin-products-header-wrapper{background:#fff;box-shadow:0 2px 12px #0000000f;position:sticky;top:0;width:100%;z-index:10000}.admin-products-content{flex:1 1;margin:0 auto;max-width:1400px;padding:24px 20px;width:100%}.products-page-header{margin-bottom:28px}.products-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.products-page-title{color:#1a1a1a;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.add-product-btn{align-items:center;background:linear-gradient(135deg,#7a9c3a,#88ab47);border:none;border-radius:12px;box-shadow:0 4px 12px #7a9c3a40;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;min-height:48px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-product-btn:hover{box-shadow:0 6px 16px #7a9c3a59;transform:translateY(-2px)}.search-filter-section{background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:20px}.search-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.mobile-filter-btn{align-items:center;background:linear-gradient(135deg,#7a9c3a,#88ab47);border:none;border-radius:10px;color:#fff;cursor:pointer;display:none;font-size:.95rem;font-weight:600;gap:8px;min-height:48px;padding:12px 20px;transition:all .2s ease}.search-wrapper{flex:1 1;min-width:250px;position:relative}.search-icon-products{color:#9ca3af;font-size:1.1rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.products-search-input{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-size:1rem;padding:14px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.products-search-input:focus{background:#fff;border-color:#7a9c3a;box-shadow:0 0 0 4px #7a9c3a14;outline:none}.filter-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99998}.filter-drawer{bottom:0;box-shadow:4px 0 24px #0003;flex-direction:column;left:0;max-width:85vw;overflow-y:auto;position:fixed;width:320px;z-index:99999}.drawer-header,.filter-drawer{background:#fff;display:flex;top:0}.drawer-header{align-items:center;border-bottom:2px solid #f0f0f0;justify-content:space-between;padding:24px 20px;position:sticky;z-index:10}.drawer-title{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0}.drawer-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.drawer-close-btn:hover{background:#e5e7eb}.drawer-content{flex:1 1;padding:24px 20px}.categories-section{margin-bottom:24px}.categories-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.category-item{align-items:center;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:6px;min-height:48px;padding:12px 16px;transition:all .2s ease}.category-item:hover{background:#f7faf4;border-color:#7a9c3a}.category-item.active{background:linear-gradient(135deg,#7a9c3a,#88ab47);box-shadow:0 2px 8px #7a9c3a33;color:#fff;font-weight:600}.category-name{flex:1 1;font-size:.95rem}.category-remove{background:#0000;border:none;border-radius:6px;color:#f44336;cursor:pointer;font-size:1.2rem;opacity:.7;padding:4px 8px;transition:all .2s ease}.category-remove:hover{background:#f443361a;opacity:1}.add-category-btn{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:12px;min-height:48px;padding:12px 20px;transition:all .2s ease;width:100%}.add-category-btn:hover{background:#e5e7eb;border-color:#7a9c3a;color:#7a9c3a}.products-sidebar{background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;padding:24px;position:sticky;top:100px}.products-grid-container{flex:1 1}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.product-card{background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:before{background:linear-gradient(90deg,#7a9c3a,#88ab47);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.product-card:hover{border-color:#7a9c3a;box-shadow:0 8px 24px #7a9c3a26;transform:translateY(-4px)}.product-card:hover:before{transform:scaleX(1)}.product-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;min-height:28px}.product-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.badge-featured{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff}.badge-low-stock{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.badge-sale{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.product-image-container{align-items:center;background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;display:flex;height:200px;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.product-image-container img{max-height:100%;max-width:100%;object-fit:contain}.product-info{margin-bottom:16px}.product-name{font-size:1.1rem;font-weight:700;margin-bottom:8px}.product-category{color:#6b7280;font-size:.85rem;margin-bottom:8px}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:12px;overflow:hidden}.product-pricing{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.product-price{font-size:1.3rem}.product-original-price{color:#9ca3af;font-size:1rem;text-decoration:line-through}.product-discount{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.8rem;font-weight:600;padding:4px 8px}.product-stock{color:#4a5568;font-size:.9rem;margin-bottom:16px}.product-stock.low{color:#f44336;font-weight:600}.product-actions{display:flex;gap:8px;margin-top:auto}.product-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;min-height:44px;padding:10px 16px;transition:all .2s ease}.btn-edit{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.btn-edit:hover{box-shadow:0 4px 12px #1976d24d}.btn-delete:hover,.btn-edit:hover{transform:translateY(-2px)}.product-toggles{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.toggle-item{align-items:center;background:#fafafa;border-radius:6px;display:flex;justify-content:space-between;padding:8px}.toggle-label{color:#4a5568;font-size:.85rem;font-weight:500}.toggle-switch{background:#cbd5e0;border-radius:13px;cursor:pointer;height:26px;position:relative;transition:background .3s ease;width:48px}.toggle-switch.active{background:#7a9c3a}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.toggle-switch.active .toggle-slider{transform:translateX(22px)}.empty-state-products{color:#9ca3af;padding:80px 20px;text-align:center}.empty-icon{font-size:5rem;margin-bottom:20px;opacity:.5}.empty-text{color:#6b7280;font-size:1.2rem;font-weight:600;margin-bottom:12px}.empty-subtext{color:#9ca3af;font-size:.95rem}.pagination-products{align-items:center;background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:20px}.page-btn-products{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;min-width:44px;padding:10px 16px;transition:all .2s ease}.page-btn-products:hover:not(:disabled):not(.active){background:#f7faf4;border-color:#7a9c3a;transform:translateY(-1px)}.page-btn-products.active{background:linear-gradient(135deg,#7a9c3a,#88ab47);border-color:#7a9c3a;box-shadow:0 2px 8px #7a9c3a33;color:#fff}.page-btn-products:disabled{cursor:not-allowed;opacity:.4}.product-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999}.product-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.product-modal-header{align-items:center;background:#fff;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:28px 32px;position:sticky;top:0;z-index:10}.product-modal-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.product-modal-close{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef444433;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:10px 20px;transition:all .2s ease}.product-modal-close:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.product-modal-body{padding:32px}.form-input,.form-select,.form-textarea{border-radius:10px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-textarea{min-height:100px}.form-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;margin-top:32px;padding-top:24px}.form-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-height:48px;padding:14px 24px;transition:all .2s ease}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.admin-products-content{padding:16px 12px}.products-page-title{font-size:1.5rem}.products-title-row{align-items:stretch;flex-direction:column}.add-product-btn{justify-content:center;width:100%}.mobile-filter-btn{display:flex}.products-sidebar{display:none}.products-grid{grid-template-columns:1fr}.product-modal-header{align-items:stretch;flex-direction:column;gap:12px;padding:20px}.product-modal-close{width:100%}.product-modal-body{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.products-page-title{font-size:1.3rem}.product-card{padding:16px}.product-image-container{height:160px}.product-name{font-size:1rem}.product-price{font-size:1.1rem}.product-actions{flex-direction:column}.page-btn-products{font-size:.85rem;min-height:40px;min-width:40px;padding:8px 12px}}.filter-drawer::-webkit-scrollbar,.product-modal-content::-webkit-scrollbar,.products-sidebar::-webkit-scrollbar{width:8px}.filter-drawer::-webkit-scrollbar-track,.product-modal-content::-webkit-scrollbar-track,.products-sidebar::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.filter-drawer::-webkit-scrollbar-thumb,.product-modal-content::-webkit-scrollbar-thumb,.products-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.filter-drawer::-webkit-scrollbar-thumb:hover,.product-modal-content::-webkit-scrollbar-thumb:hover,.products-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (hover:none){.product-card:hover{transform:none}.product-card:active{transform:scale(.98)}.product-action-btn:hover{transform:none}.product-action-btn:active{transform:scale(.95)}}.admin-promotions{padding:20px}.promo-table td,.promo-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.promo-table th{background-color:#f8f9fa;color:#333;font-weight:600}.promo-table tbody tr:hover{background-color:#f5f5f5}.promo-table input[type=checkbox]{cursor:pointer;height:18px;width:18px}.status-active{color:#4caf50;font-weight:600}.status-inactive{color:#999;font-weight:600}.status-expired{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-weight:700;padding:4px 8px}.promo-table button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;margin-right:5px;padding:6px 12px}.promo-table button:hover{background-color:#1976d2}.promo-table button.danger{background-color:#f44336}.promo-table button.danger:hover{background-color:#d32f2f}.modal-content{border-radius:8px;box-shadow:0 4px 20px #0000004d}.modal-content h2{color:#333;margin-bottom:20px}.modal-content form{gap:15px}.modal-content label{color:#555;font-weight:500}.modal-content input[type=date],.modal-content input[type=number],.modal-content input[type=text],.modal-content select{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:5px;padding:10px}.modal-content input[type=checkbox]{height:18px;margin-right:8px;width:18px}.modal-content label:has(input[type=checkbox]){align-items:center;flex-direction:row}.modal-actions{gap:10px;margin-top:20px}.modal-actions button{border-radius:4px;font-size:14px;padding:12px}.modal-actions button[type=submit]{background-color:#4caf50}.modal-actions button[type=submit]:hover{background-color:#45a049}.modal-actions button[type=button]{background-color:#f1f1f1}.modal-actions button[type=button]:hover{background-color:#ddd}@media (max-width:1024px){.admin-promotions{padding:18px}}@media (max-width:768px){.admin-promotions{padding:15px 10px}.admin-promotions h1{font-size:1.5rem;margin-bottom:15px}.promo-actions{flex-wrap:wrap;gap:8px}.promo-actions button{font-size:.85rem;padding:8px 14px}.admin-summary-card{flex:1 1 100%!important;min-width:0!important}.admin-summary-card>div:nth-child(2){color:#222;font-size:22px;font-weight:800;margin-top:6px}.admin-summary-card{padding:12px!important}.promo-table{display:block;font-size:12px;overflow-x:auto}.promo-table thead{display:none}.promo-table tbody{display:block}.promo-table tr{background:#fff;border:1px solid #eee;border-radius:8px;display:block;margin-bottom:14px;padding:10px}.promo-table td{grid-gap:12px;align-items:center;border-bottom:none;color:#333;display:grid;gap:12px;grid-template-columns:36% 1fr;padding:10px 12px}.promo-table td:before{color:#555;content:attr(data-label);font-size:.95rem;font-weight:600;grid-column:1;text-align:left}.promo-table td>:not(:first-child){grid-column:2;text-align:right;word-break:break-word}.promo-table td[data-label=Select]{grid-template-columns:auto 1fr;justify-items:start}.promo-table td[data-label=Select]:before{display:none}.promo-table td[data-label=Actions]{display:flex;gap:8px;justify-content:flex-end;padding-top:10px}.promo-table button{border-radius:6px;font-size:.85rem;margin:0;padding:7px 10px}.modal-content{max-height:90vh;overflow-y:auto;padding:20px;width:95%}.modal-content h2{font-size:1.3rem;margin-bottom:15px}.modal-content form{gap:12px}.modal-content input[type=date],.modal-content input[type=number],.modal-content input[type=text],.modal-content select{font-size:.9rem;padding:8px}}@media (max-width:480px){.admin-promotions{padding:10px 8px}.admin-promotions h1{font-size:1.3rem}.promo-actions button{font-size:.8rem;padding:7px 12px}.promo-table{font-size:11px}.promo-table tr{padding:8px}.promo-table td{padding:6px 5px}.modal-content{padding:15px}.modal-content h2{font-size:1.2rem}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{font-size:.9rem;padding:10px}}@media (max-width:768px){.promo-table{font-size:12px}.promo-table td,.promo-table th{padding:8px}.promo-actions{flex-wrap:wrap}.modal-content{padding:20px;width:95%}}.admin-promotions-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.admin-promotions-loading p{color:#6b7280;color:var(--text-light);font-size:1.1rem;font-weight:500}.admin-promos-page{margin:0 auto;max-width:1400px;padding:24px}.promos-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.promos-header h1{color:#1a1a1a;color:var(--text-dark);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.add-promo-btn{align-items:center;background:#7a9c3a;background:var(--primary-green);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #7a9c3a40;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;min-height:48px;padding:14px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.add-promo-btn:hover{background:#5e7c2a;background:var(--primary-green-dark);box-shadow:0 6px 16px #7a9c3a59;transform:translateY(-2px)}.error-message{background:linear-gradient(135deg,#fee,#fdd)}.bulk-actions{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.btn-activate{background:linear-gradient(135deg,#4caf50,#388e3c)}.btn-deactivate{background:linear-gradient(135deg,#ff9800,#f57c00)}.bulk-buttons .btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);background:linear-gradient(135deg,var(--accent-red) 0,#d32f2f 100%);color:#fff}.bulk-buttons .btn-delete:hover{box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.bulk-buttons .btn-delete svg{margin-right:4px}.promos-table-container{background:#fff;background:var(--bg-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);overflow-x:auto;padding:24px}.promos-table{border-collapse:collapse;min-width:1000px;width:100%}.promos-table thead{background:linear-gradient(135deg,#f8faf9,#f0f4f1);border-bottom:2px solid #7a9c3a;border-bottom:2px solid var(--primary-green)}.promos-table th{color:#1a1a1a;color:var(--text-dark);font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.promos-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.promos-table tbody tr:hover{background:#f7faf4}.promos-table td{color:#4a5568;color:var(--text-medium);font-size:.95rem;padding:16px 12px}.promo-code{background:#fafafa;background:var(--bg-light);border-radius:4px;color:#1a1a1a;color:var(--text-dark);font-family:Courier New,monospace;font-size:.9rem;font-weight:700;padding:4px 8px}.type-badge.percent{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;color:#1565c0}.type-badge.fixed{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;color:#e65100}.status-badge.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.status-badge.inactive{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.action-buttons .btn-edit:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.action-buttons .btn-toggle{border-color:#ffe0b2;color:#ffa726;color:var(--accent-orange)}.action-buttons .btn-toggle:hover{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ffa726;border-color:var(--accent-orange);transform:scale(1.1)}.action-buttons .btn-toggle.active{border-color:#c8e6c9;color:#4caf50}.action-buttons .btn-toggle.active:hover{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.action-buttons .btn-delete:hover{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.promos-grid{display:none;gap:16px;grid-template-columns:1fr}.promo-card{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.promo-card:before{background:linear-gradient(90deg,#7a9c3a,#88ab47);background:linear-gradient(90deg,var(--primary-green) 0,var(--primary-green-light) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-discount{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #7a9c3a;border:2px solid var(--primary-green);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.discount-label{color:#5e7c2a;color:var(--primary-green-dark);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-discount .discount-value{color:#7a9c3a;color:var(--primary-green);font-size:1.8rem;font-weight:700}.card-details{grid-template-columns:1fr}.detail-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.85rem}.detail-value{font-size:.95rem;text-align:right}.card-actions{grid-gap:12px;display:grid;grid-template-columns:1fr 1fr}.card-actions button{font-size:.9rem;padding:12px 16px}.btn-card-edit{background:linear-gradient(135deg,#1976d2,#1565c0);background:linear-gradient(135deg,var(--accent-blue) 0,#1565c0 100%);grid-column:1/-1}.btn-card-toggle{background:linear-gradient(135deg,#ffa726,#f57c00);background:linear-gradient(135deg,var(--accent-orange) 0,#f57c00 100%);box-shadow:0 2px 8px #ff980033;color:#fff}.btn-card-toggle:hover{box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}.btn-card-toggle.active{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 8px #4caf5033}.btn-card-toggle.active:hover{box-shadow:0 4px 12px #4caf504d}.promo-modal{background:#fff;background:var(--bg-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.promo-form{padding:32px}.form-group.nested{margin-left:32px;margin-top:12px}.form-input,.form-select{background:#fafafa;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#1a1a1a;color:var(--text-dark);font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus,.form-select:focus{background:#fff;background:var(--bg-white);border-color:#7a9c3a;border-color:var(--primary-green);box-shadow:0 0 0 4px #7a9c3a14;outline:none}.checkbox-group{background:#fafafa;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);padding:16px}.checkbox-label{font-size:.95rem;font-weight:500}.btn-save{background:linear-gradient(135deg,#7a9c3a,#88ab47);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%)}@media (max-width:768px){.admin-promos-page{padding:16px}.promos-header{align-items:stretch;flex-direction:column;gap:12px}.promos-header h1{font-size:1.5rem}.add-promo-btn{justify-content:center;width:100%}.bulk-actions{align-items:stretch;flex-direction:column;padding:16px}.bulk-count{text-align:center}.bulk-buttons{flex-direction:column}.bulk-buttons button{justify-content:center;width:100%}.desktop-only{display:none!important}.mobile-only{display:grid!important}.modal-overlay{align-items:flex-end;padding:12px}.promo-modal{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:85vh}.modal-header{padding:20px}.modal-header h2{font-size:1.3rem}.promo-form{padding:20px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.card-actions{grid-template-columns:1fr}.btn-card-edit{grid-column:auto}}@media (max-width:480px){.promos-header h1{font-size:1.3rem}.add-promo-btn{font-size:.95rem;padding:12px 24px}.promo-card{padding:16px}.card-title-section h3{font-size:1.1rem}.card-discount .discount-value{font-size:1.5rem}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.promo-form{padding:16px}.form-input,.form-select{font-size:.95rem;padding:12px}}.promo-modal::-webkit-scrollbar{width:8px}.promo-modal::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-light);border-radius:10px}.promo-modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.promo-modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (hover:none){.promo-card:hover{transform:none}.promo-card:active{transform:scale(.98)}button:hover{transform:none!important}button:active{transform:scale(.95)!important}}.admin-statistics-page{background:#f8f8f8;display:flex;flex-direction:column;min-height:100vh;width:100vw}.green-header-bar{align-items:center;background:#175c36;display:flex;height:32px;justify-content:center;min-height:32px;position:relative;width:100%;z-index:2}.navbar-container{background:#fff;box-shadow:0 2px 8px #0000000a;position:relative;width:100%;z-index:1}.navbar-content{background:#fff;margin:0 auto;max-width:1800px;width:100%}.statistics-container{flex:1 1;margin:40px auto;max-width:1800px;padding:0 2vw 40px;width:100%}.page-header{margin-bottom:40px;text-align:center}.page-header h1{color:#388e3c;font-size:2.5rem;font-weight:700;margin:0 0 10px}.page-header p{color:#666;font-size:1.1rem}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.metric-card{align-items:center;animation:fadeInUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;display:flex;gap:20px;padding:24px;transition:transform .3s,box-shadow .3s}.metric-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-4px)}.metric-icon{align-items:center;background:linear-gradient(135deg,#7a9c3a,#388e3c);border-radius:12px;color:#fff;display:flex;font-size:3rem;font-weight:700;height:70px;justify-content:center;width:70px}.metric-content{flex:1 1}.metric-content h3{color:#555;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.metric-value{color:#222;font-size:2rem;font-weight:700;margin-bottom:4px}.metric-subtext{align-items:center;color:#777;display:flex;font-size:.9rem;gap:8px}.growth-positive{color:#4caf50;font-size:.85rem;font-weight:600}.growth-negative{color:#f44336;font-size:.85rem;font-weight:600}.charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:28px}.chart-card h3{color:#388e3c;font-size:1.3rem;font-weight:700;margin:0 0 24px}.bar-chart{align-items:flex-end;display:flex;gap:12px;height:250px;justify-content:space-around;padding:20px 0}.bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-label{color:#388e3c;font-size:.75rem;font-weight:600;min-height:18px}.bar-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.bar{background:linear-gradient(0deg,#388e3c,#7a9c3a);border-radius:8px 8px 0 0;cursor:pointer;min-height:4px;transition:all .3s ease;width:80%}.bar:hover{background:linear-gradient(0deg,#2e7d32,#689f38);transform:scaleY(1.05)}.bar-month{color:#666;font-size:.8rem;font-weight:500;text-align:center}.status-breakdown{display:flex;flex-direction:column;gap:16px}.status-row{gap:12px}.status-info,.status-row{align-items:center;display:flex}.status-info{gap:8px;min-width:120px}.status-dot{border-radius:50%;height:12px;width:12px}.status-name{color:#444;font-size:.95rem;font-weight:500}.status-bar-container{background:#f0f0f0;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.status-bar{border-radius:12px;height:100%;transition:width .5s ease}.status-count{color:#444;font-size:.9rem;font-weight:600;min-width:100px;text-align:right}.top-products-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:40px;padding:28px}.top-products-section h3{color:#388e3c;font-size:1.3rem;font-weight:700;margin:0 0 20px}.top-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.top-product-card{background:#f9f9f9;border-left:4px solid #7a9c3a;border-radius:12px;padding:16px;transition:transform .2s}.top-product-card:hover{background:#f0f0f0;transform:translateX(4px)}.product-rank{background:#7a9c3a;border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:8px;padding:4px 12px}.product-details h4{color:#222;font-size:1.05rem;font-weight:600;margin:8px 0}.product-stats{color:#666;display:flex;flex-direction:column;font-size:.85rem;gap:4px}.product-stats span{display:block}.additional-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:40px}.stat-box{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:24px}.stat-box h4{border-bottom:2px solid #e0e0e0;color:#388e3c;font-size:1.1rem;font-weight:700;margin:0 0 16px;padding-bottom:8px}.stat-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:.95rem;justify-content:space-between;padding:10px 0}.stat-row:last-child{border-bottom:none}.stat-row span{color:#666}.stat-row strong{color:#222;font-weight:600}.stat-row strong.warning{color:#ff9800}.stat-row strong.alert{color:#f44336}.stat-row strong.success{color:#4caf50}.recent-activity-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:40px;padding:28px}.recent-activity-section h3{color:#388e3c;font-size:1.3rem;font-weight:700;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:flex-start;background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .2s}.activity-item:hover{background:#f0f0f0}.activity-icon{font-size:1.5rem}.activity-details{color:#444;flex:1 1;font-size:.95rem}.activity-details strong{color:#222}.activity-meta{display:flex;font-size:.85rem;gap:16px;margin-top:6px}.activity-amount{color:#388e3c;font-weight:600}.activity-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-pending{background:#fff3e0;color:#f57c00}.status-preparing{background:#e3f2fd;color:#1976d2}.status-shipped{background:#f3e5f5;color:#7b1fa2}.status-delivered{background:#e8f5e9;color:#388e3c}.status-completed{background:#e8f5e9;color:#2e7d32}.status-cancelled{background:#ffebee;color:#c62828}.activity-date{color:#999}.quick-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}.quick-actions button{background:#7a9c3a;border:none;border-radius:8px;box-shadow:0 2px 8px #7a9c3a33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s}.quick-actions button:hover{background:#689f38;box-shadow:0 4px 12px #7a9c3a4d;transform:translateY(-2px)}.green-footer-bar{align-items:center;background:#175c36;display:flex;justify-content:center;margin-top:32px;min-height:48px;width:100%}.green-footer-bar span{color:#fff;font-size:1rem;font-weight:500;letter-spacing:1px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.statistics-container{margin:30px auto;padding:0 16px 30px}.metrics-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.charts-section{gap:20px;grid-template-columns:1fr}.top-products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.statistics-container{margin:20px auto;padding:0 12px 20px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.8rem}.page-header p{font-size:.95rem}.metrics-grid{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.metric-card{flex-direction:column;gap:12px;padding:16px 12px;text-align:center}.metric-card:hover{transform:none}.metric-icon{font-size:2.2rem;height:60px;width:60px}.metric-content h3{font-size:.8rem}.metric-value{font-size:1.4rem}.metric-subtext{align-items:center;flex-direction:column;gap:2px}.growth-negative,.growth-positive,.metric-subtext{font-size:.75rem}.charts-section{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.chart-card{padding:20px 16px}.chart-card h3{font-size:1.1rem;margin-bottom:16px}.bar-chart{gap:6px;height:180px;padding:15px 0}.bar-label{font-size:.65rem}.bar{width:90%}.bar-month{font-size:.7rem}.status-breakdown{gap:12px}.status-row{flex-wrap:wrap;gap:8px}.status-info{flex:0 0 auto;min-width:90px}.status-name{font-size:.85rem}.status-bar-container{flex:1 1;height:20px;min-width:100px}.status-count{font-size:.8rem;min-width:80px}.top-products-section{margin-bottom:24px;padding:20px 16px}.top-products-section h3{font-size:1.1rem;margin-bottom:16px}.top-products-grid{gap:12px;grid-template-columns:1fr}.top-product-card{padding:14px}.top-product-card:hover{transform:none}.product-details h4{font-size:.95rem}.product-stats{font-size:.8rem}.additional-stats{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.stat-box{padding:20px 16px}.stat-box h4{font-size:1rem}.stat-row{font-size:.85rem;padding:8px 0}.recent-activity-section{margin-bottom:24px;padding:20px 16px}.recent-activity-section h3{font-size:1.1rem}.activity-item{gap:10px;padding:10px}.activity-icon{font-size:1.3rem}.activity-details{font-size:.85rem}.activity-meta{align-items:flex-start;flex-direction:column;gap:6px}.quick-actions{flex-direction:column;gap:12px;margin-top:24px}.quick-actions button{font-size:.95rem;padding:12px 20px;width:100%}.quick-actions button:hover{transform:none}}@media (max-width:480px){.statistics-container{padding:0 8px 16px}.page-header h1{font-size:1.5rem}.page-header p{font-size:.85rem}.metrics-grid{gap:10px;grid-template-columns:1fr;margin-bottom:20px}.metric-card{padding:14px 12px}.metric-icon{font-size:2rem;height:50px;width:50px}.metric-value{font-size:1.3rem}.metric-subtext{font-size:.7rem}.chart-card{padding:16px 12px}.chart-card h3{font-size:1rem}.bar-chart{gap:4px;height:150px}.bar-label{font-size:.6rem}.bar-month{font-size:.65rem}.status-row{align-items:flex-start;flex-direction:column;gap:6px}.status-bar-container{width:100%}.status-count{align-self:flex-end}.top-products-section{padding:16px 12px}.product-rank{font-size:.75rem;padding:3px 10px}.product-details h4{font-size:.9rem}.product-stats{font-size:.75rem}.stat-box{padding:16px 12px}.stat-row{font-size:.8rem}.quick-actions button{font-size:.9rem;padding:10px 16px}}:root{--accent-teal:#20c997;--text-primary:#2d3436;--text-secondary:#636e72;--border-light:#e0e0e0;--shadow-sm:0 2px 8px #0000000f;--transition-base:0.3s cubic-bezier(0.4,0,0.2,1)}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top:4px solid var(--primary-green);height:48px;margin:0 auto;width:48px}@media (max-width:768px){.statistics-container{margin:20px auto!important;padding:0 16px 24px!important}.page-header{margin-bottom:24px!important;padding:0!important}.page-header h1{color:#7a9c3a;color:var(--primary-green);font-size:1.75rem!important;font-weight:700;margin-bottom:8px!important}.page-header p{color:#636e72;color:var(--text-secondary);font-size:.95rem!important;line-height:1.5}.metrics-grid{gap:16px!important;grid-template-columns:1fr!important;margin-bottom:24px!important}.metric-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px!important;border-radius:var(--radius-md)!important;gap:16px!important;min-height:110px;padding:20px!important;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.metric-card:hover{box-shadow:0 6px 20px #0000001a}.metric-card:active{transform:scale(.98)!important}.metric-icon{border-radius:8px!important;border-radius:var(--radius-sm)!important;flex-shrink:0;font-size:2rem!important;height:56px!important;width:56px!important}.revenue-card .metric-icon{background:linear-gradient(135deg,#7a9c3a,#5e7c2a)}.orders-card .metric-icon{background:linear-gradient(135deg,#2196f3,#1976d2)}.products-card .metric-icon{background:linear-gradient(135deg,#4caf50,#388e3c)}.customers-card .metric-icon{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.avg-order-card .metric-icon{background:linear-gradient(135deg,#ff9800,#f57c00)}.inventory-card .metric-icon{background:linear-gradient(135deg,#3f51b5,#303f9f)}.metric-content{flex:1 1;min-width:0}.metric-content h3{color:#636e72;color:var(--text-secondary);font-size:.85rem!important;font-weight:600!important;letter-spacing:.5px;margin:0 0 6px!important;text-transform:uppercase}.metric-value{color:#2d3436;color:var(--text-primary);font-size:1.75rem!important;font-weight:700!important;line-height:1.2;margin:0 0 4px!important}.metric-subtext{align-items:center;color:#636e72;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem!important;gap:8px;line-height:1.4}.growth-positive{background:#27ae601a;color:#27ae60!important}.growth-negative,.growth-positive{border-radius:12px;display:inline-block;font-size:.8rem!important;font-weight:600!important;padding:2px 8px}.growth-negative{background:#e74c3c1a;color:#e74c3c!important}.charts-section{display:flex;flex-direction:column;gap:20px!important;margin-bottom:24px!important}.chart-card{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);padding:20px!important;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.chart-card:hover{box-shadow:0 6px 24px #0000001f}.chart-card h3{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-light);color:#2d3436;color:var(--text-primary);font-size:1.1rem!important;font-weight:700!important;margin:0 0 20px!important;padding-bottom:12px}.bar-chart{align-items:flex-end;display:flex;gap:12px!important;height:220px;justify-content:space-between;padding:12px 0 0}.bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.bar-label{color:#636e72;color:var(--text-secondary);font-size:.7rem!important;font-weight:600;min-height:16px;text-align:center}.bar-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:center;min-height:140px;width:100%}.bar{background:linear-gradient(180deg,#7a9c3a,#5e7c2a);background:linear-gradient(180deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border-radius:6px 6px 0 0;box-shadow:0 -2px 8px #7a9c3a33;cursor:pointer;max-width:32px;transform-origin:bottom;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%!important}.bar:active{opacity:.8}.bar-month{color:#636e72;color:var(--text-secondary);font-size:.7rem!important;font-weight:600;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.status-breakdown{gap:16px}.status-breakdown,.status-row{display:flex;flex-direction:column}.status-row{gap:8px}.status-info{align-items:center;display:flex;gap:10px;margin-bottom:4px}.status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-name{color:#2d3436;color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600}.status-count{align-self:flex-end;color:#636e72;color:var(--text-secondary);font-size:.85rem;font-weight:600;margin-top:4px}.status-bar-container{background:#f0f0f0;border-radius:5px;height:10px;overflow:hidden;width:100%}.status-bar{border-radius:5px;height:100%;transform-origin:left;transition:width .5s ease-out}.top-products-section{margin-bottom:24px}.top-products-section h3{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-light);color:#2d3436;color:var(--text-primary);font-size:1.25rem!important;font-weight:700;margin-bottom:16px;padding-bottom:12px}.top-products-grid{display:flex;flex-direction:column;gap:12px}.top-product-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.top-product-card:hover{box-shadow:0 4px 16px #0000001a}.top-product-card:active{transform:scale(.98)}.product-rank{align-items:center;background:linear-gradient(135deg,#7a9c3a,#5e7c2a);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.product-details{flex:1 1;min-width:0}.product-details h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#2d3436;color:var(--text-primary);display:-webkit-box;font-size:.95rem!important;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.product-stats{display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px}.product-stats span{color:#636e72;color:var(--text-secondary);font-weight:500}.additional-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.stat-box{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);padding:20px;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.stat-box:hover{box-shadow:0 6px 20px #0000001f}.stat-box h4{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-light);color:#2d3436;color:var(--text-primary);font-size:1.1rem!important;font-weight:700;margin:0 0 16px;padding-bottom:12px}.stat-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:10px 0}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-row span{color:#636e72;color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-row strong{color:#2d3436;color:var(--text-primary);font-size:1rem;font-weight:700}.stat-row strong.success{color:#27ae60}.stat-row strong.warning{color:#f39c12}.stat-row strong.alert{color:#e74c3c}.recent-activity-section{margin-bottom:24px}.recent-activity-section h3{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-light);color:#2d3436;color:var(--text-primary);font-size:1.25rem!important;font-weight:700;margin-bottom:16px;padding-bottom:12px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;will-change:transform}.activity-item:hover{background-color:#f8f9fa;box-shadow:0 4px 12px #00000014}.activity-item:active{transform:scale(.98)}.activity-icon{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.activity-details{flex:1 1;min-width:0}.activity-details strong{color:#2d3436;color:var(--text-primary);font-size:.9rem;font-weight:600}.activity-details span{color:#636e72;color:var(--text-secondary);font-size:.9rem}.activity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.activity-amount{color:#7a9c3a!important;color:var(--primary-green)!important;font-size:.9rem!important;font-weight:700!important}.activity-status{border-radius:12px;font-size:.75rem!important;font-weight:600!important;padding:4px 10px}.activity-status.status-pending{background:#ff98001a;color:#ff9800}.activity-status.status-preparing{background:#2196f31a;color:#2196f3}.activity-status.status-shipped{background:#9c27b01a;color:#9c27b0}.activity-status.status-completed,.activity-status.status-delivered{background:#4caf501a;color:#4caf50}.activity-status.status-cancelled{background:#f443361a;color:#f44336}.activity-date{color:#95a5a6!important;font-size:.75rem!important}.quick-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:24px}.quick-actions button{background:linear-gradient(135deg,#7a9c3a,#5e7c2a);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:56px;padding:16px 20px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;will-change:transform}.quick-actions button:hover{box-shadow:0 6px 20px #7a9c3a40;filter:brightness(1.05)}.quick-actions button:active{transform:scale(.98)}.green-footer-bar{background:linear-gradient(90deg,#175c36,#1a6b3f);color:#fff;font-size:.9rem;font-weight:500;margin-top:auto;padding:20px;text-align:center}}@media (min-width:769px) and (max-width:1024px){.statistics-container{padding:0 24px 40px!important}.metrics-grid{gap:20px!important;grid-template-columns:repeat(2,1fr)!important}.charts-section{grid-template-columns:1fr!important}.additional-stats{grid-template-columns:repeat(2,1fr)!important}.top-products-grid{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1025px){.metric-card:hover{transform:translateY(-4px)}.chart-card:hover,.stat-box:hover,.top-product-card:hover{transform:translateY(-2px)}.activity-item:hover{transform:translateX(4px)}.quick-actions button:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}}[role=button],button{-webkit-tap-highlight-color:transparent;min-height:44px}[role=button]:focus-visible,button:focus-visible{outline:2px solid #7a9c3a;outline:2px solid var(--primary-green);outline-offset:2px}@media (max-width:768px){.activity-list::-webkit-scrollbar,.top-products-grid::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track,.top-products-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.activity-list::-webkit-scrollbar-thumb,.top-products-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover,.top-products-grid::-webkit-scrollbar-thumb:hover{background:#aaa}}.admin-delivery-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.admin-delivery-loading p{color:#6b7280;color:var(--text-light);font-size:1.1rem;font-weight:500}.admin-delivery-page{margin:0 auto;max-width:1400px;padding:24px}.delivery-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.delivery-header h1{color:#1a1a1a;color:var(--text-dark);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.import-defaults-btn{align-items:center;background:linear-gradient(135deg,#1976d2,#1565c0);background:linear-gradient(135deg,var(--accent-blue) 0,#1565c0 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #1976d240;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;min-height:48px;padding:14px 28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.import-defaults-btn:hover{box-shadow:0 6px 16px #1976d259;transform:translateY(-2px)}.section-card{background:#fff;background:var(--bg-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);margin-bottom:24px;padding:28px}.section-title{color:var(--text-dark);font-size:1.3rem;gap:10px;margin:0 0 20px}.section-title-icon{font-size:1.5rem}.province-form{grid-gap:16px;display:grid;gap:16px}.form-row{grid-gap:12px;gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-input{background:#fafafa;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#1a1a1a;color:var(--text-dark);font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus{background:#fff;background:var(--bg-white);border-color:#7a9c3a;border-color:var(--primary-green);box-shadow:0 0 0 4px #7a9c3a14;outline:none}.form-input::placeholder{color:#9ca3af}.form-select{background:#fafafa;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#1a1a1a;color:var(--text-dark);cursor:pointer;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-select:focus{background:#fff;background:var(--bg-white);border-color:#7a9c3a;border-color:var(--primary-green);box-shadow:0 0 0 4px #7a9c3a14;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:12px}.btn-primary{align-items:center;background:linear-gradient(135deg,#7a9c3a,#88ab47);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #7a9c3a40;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:14px 28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:hover{box-shadow:0 6px 16px #7a9c3a59;transform:translateY(-2px)}.btn-secondary{align-items:center;background:linear-gradient(135deg,#1976d2,#1565c0);background:linear-gradient(135deg,var(--accent-blue) 0,#1565c0 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #1976d240;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:14px 28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-secondary:hover{box-shadow:0 6px 16px #1976d259;transform:translateY(-2px)}.cities-draft{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #7a9c3a;border:2px solid var(--primary-green);border-radius:12px;border-radius:var(--radius-md);margin-top:16px;padding:16px}.cities-draft-title{color:#5e7c2a;color:var(--primary-green-dark);font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.cities-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.city-tag{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #7a9c3a;border:1px solid var(--primary-green);border-radius:20px;color:#5e7c2a;color:var(--primary-green-dark);display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px}.city-tag-icon{font-size:1rem}.zone-form{grid-gap:16px;display:grid;gap:16px}.zone-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-wrapper{align-items:center;background:#fafafa;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.checkbox-wrapper:hover{background:#fff;background:var(--bg-white);border-color:#7a9c3a;border-color:var(--primary-green)}.checkbox-wrapper input[type=checkbox]{accent-color:#7a9c3a;accent-color:var(--primary-green);cursor:pointer;height:24px;width:24px}.checkbox-label{color:#4a5568;color:var(--text-medium);font-size:1rem;font-weight:600}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-label{color:#7a9c3a;color:var(--primary-green)}.zones-table-container{background:#fff;background:var(--bg-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);overflow-x:auto;padding:24px}.zones-table{border-collapse:collapse;min-width:700px;width:100%}.zones-table thead{background:linear-gradient(135deg,#f8faf9,#f0f4f1);border-bottom:2px solid #7a9c3a;border-bottom:2px solid var(--primary-green)}.zones-table th{color:#1a1a1a;color:var(--text-dark);font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.zones-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.zones-table tbody tr:hover{background:#f7faf4}.zones-table td{color:#4a5568;color:var(--text-medium);font-size:.95rem;padding:16px 12px}.zone-province{color:#1a1a1a;color:var(--text-dark);font-weight:700}.zone-city{color:#4a5568;color:var(--text-medium)}.zone-fee{color:#7a9c3a;color:var(--primary-green);font-size:1.05rem;font-weight:700}.availability-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 14px;white-space:nowrap}.availability-badge.available{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #81c784;color:#2e7d32}.availability-badge.unavailable{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:1px solid #bdbdbd;color:#616161}.btn-delete{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);background:linear-gradient(135deg,var(--accent-red) 0,#d32f2f 100%);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #f4433633;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;min-height:44px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-delete svg{flex-shrink:0}.zones-grid{display:none;gap:16px;grid-template-columns:1fr}.zone-card{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.zone-card:before{background:linear-gradient(90deg,#7a9c3a,#88ab47);background:linear-gradient(90deg,var(--primary-green) 0,var(--primary-green-light) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.zone-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.zone-location{flex:1 1;min-width:0}.zone-location h3{word-wrap:break-word;color:#1a1a1a;color:var(--text-dark);font-size:1.2rem;font-weight:700;margin:0 0 4px}.zone-location p{color:#6b7280;color:var(--text-light);font-size:.95rem;margin:0}.zone-fee-display{flex-shrink:0;text-align:right}.zone-fee-label{color:#6b7280;color:var(--text-light);font-size:.8rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.zone-fee-amount{color:#7a9c3a;color:var(--primary-green);font-size:1.6rem;font-weight:700}.zone-card-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding-top:16px}.btn-card-delete{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);background:linear-gradient(135deg,var(--accent-red) 0,#d32f2f 100%);border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.provinces-section{margin-top:32px}.provinces-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.province-card{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.province-card:before{background:linear-gradient(90deg,#1976d2,#1565c0);background:linear-gradient(90deg,var(--accent-blue) 0,#1565c0 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.province-card-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.province-icon{font-size:1.5rem}.province-name{color:#1a1a1a;color:var(--text-dark);flex:1 1;font-size:1.1rem;font-weight:700;margin:0}.cities-count{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:16px;color:#1976d2;color:var(--accent-blue);font-size:.8rem;font-weight:700;padding:4px 12px}.province-cities{color:#4a5568;color:var(--text-medium);font-size:.9rem;line-height:1.6;margin:12px 0;max-height:120px;overflow-y:auto}.province-card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.btn-delete-province{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);background:linear-gradient(135deg,var(--accent-red) 0,#d32f2f 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #f4433633;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;min-height:44px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-delete-province:hover{box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}@media (max-width:768px){.admin-delivery-page{padding:16px}.delivery-header{align-items:stretch;flex-direction:column}.delivery-header h1{font-size:1.5rem}.import-defaults-btn{justify-content:center;width:100%}.section-card{padding:20px}.section-title{font-size:1.1rem}.form-row{grid-template-columns:1fr}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.zone-form-grid{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:grid!important}.provinces-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-delivery-page{padding:12px}.delivery-header h1{font-size:1.3rem}.section-card{padding:16px}.section-title{font-size:1rem}.zone-fee-amount{font-size:1.4rem}.province-name{font-size:1rem}}.province-cities::-webkit-scrollbar{width:6px}.province-cities::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-light);border-radius:10px}.province-cities::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.province-cities::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (hover:none){.province-card:active,.zone-card:active{transform:scale(.98)}button:hover{transform:none!important}button:active{transform:scale(.95)!important}}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7a9c3a;outline:3px solid var(--primary-green);outline-offset:2px}.image-carousel{align-items:center;display:flex;flex-direction:column;gap:16px}.product-detail-layout .image-carousel{flex-shrink:0;max-width:600px;width:600px}.product-detail-layout .carousel-container{flex-shrink:0;height:600px;max-height:600px;max-width:600px;min-height:600px;min-width:600px;width:600px}.carousel-container,.product-detail-layout .carousel-container{background:#f5f5f5;border-radius:16px;overflow:hidden;position:relative}.carousel-container{aspect-ratio:1/1;max-width:500px;width:100%}.carousel-image{display:block;height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.carousel-arrow{-webkit-tap-highlight-color:transparent;align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:48px;justify-content:center;margin-top:-24px;position:absolute;top:50%;touch-action:manipulation;transition:background .2s ease,box-shadow .2s ease;width:48px;z-index:2}.carousel-arrow:hover{background:#fff;box-shadow:0 4px 12px #0003}.carousel-arrow:active{background:#fff;box-shadow:0 2px 8px #00000026}.carousel-arrow.left{left:16px}.carousel-arrow.right{right:16px}.carousel-indicators{align-items:center;display:flex;gap:10px;justify-content:center;padding:12px 0}.indicator{background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:8px;min-height:8px;min-width:8px;padding:0;transition:all .2s ease;width:8px}.indicator.active{background:#15803d;box-shadow:0 0 0 2px #15803d33;height:10px;min-height:10px;min-width:10px;width:10px}.indicator:hover:not(.active){background:#94a3b8;transform:scale(1.2)}@media (max-width:768px){.product-detail-layout .carousel-container{aspect-ratio:1/1;height:auto;max-width:600px;min-height:auto;min-width:auto;width:100%}.product-detail-layout .image-carousel{max-width:600px;width:100%}.carousel-arrow{height:40px;width:40px}.carousel-arrow.left{left:8px}.carousel-arrow.right{right:8px}}.lightbox-overlay{background:#000000f2;bottom:0!important;cursor:zoom-out;left:0!important;position:fixed;right:0!important;top:0!important;z-index:2147483647!important}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{cursor:default;height:90vh;position:relative;width:90vw}.lightbox-image-container{align-items:center;cursor:grab;display:flex;height:100%;justify-content:center;overflow:auto;width:100%}.lightbox-image-container:active{cursor:grabbing}.lightbox-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border:2px solid #fff6;border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:1000000}.lightbox-close:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 4px 20px #0006;transform:scale(1.05)}.lightbox-arrow{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border:2px solid #fff6;border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:1000000}.lightbox-arrow:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 4px 20px #0006;transform:translateY(-50%) scale(1.05)}.lightbox-arrow.left{left:30px}.lightbox-arrow.right{right:30px}.lightbox-zoom-controls{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border:2px solid #fff6;border-radius:24px;bottom:30px;display:flex;gap:12px;left:50%;padding:10px 18px;position:absolute;transform:translateX(-50%);z-index:1000000}.lightbox-zoom-controls button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .2s ease;width:40px}.lightbox-zoom-controls button:hover:not(:disabled){background:#ffffff1a;transform:scale(1.1)}.lightbox-zoom-controls button:disabled{cursor:not-allowed;opacity:.3}.zoom-level{color:#fff;font-size:.9rem;font-weight:600;min-width:50px;text-align:center}.lightbox-counter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border:2px solid #fff6;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:8px 14px;position:absolute;top:30px;transform:translateX(-50%);z-index:1000000}@media (max-width:768px){.lightbox-arrow{height:50px;width:50px}.lightbox-arrow.left{left:15px}.lightbox-arrow.right{right:15px}.lightbox-close{height:45px;right:15px;top:15px;width:45px}.lightbox-zoom-controls{bottom:20px;padding:10px 15px}}.product-detail-layout{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.product-info-section{display:flex;flex-direction:column;gap:24px;order:2}.product-image-section{order:1;position:sticky;top:120px}.product-name{color:#1e293b;font-size:2.5rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1.3;margin:0 0 8px;overflow:visible;padding-bottom:4px}.stock-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.95rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.stock-badge[data-in-stock=true]{background:#d1fae5;border:1.5px solid #6ee7b7;color:#065f46}.stock-badge[data-in-stock=false]{background:#fee2e2;border:1.5px solid #fca5a5;color:#991b1b}.product-price-section{align-items:center;display:flex!important;flex-wrap:wrap;gap:12px;overflow:visible}.price-original{color:#94a3b8;font-size:1.5rem;font-weight:500;text-decoration:line-through}.price-current,.price-discounted{color:#15803d;font-size:2.25rem;font-weight:700;line-height:1}.discount-badge{border-radius:12px;box-shadow:0 4px 12px #dc26264d;display:inline-flex!important;font-size:1rem;letter-spacing:.5px;padding:8px 14px;position:relative;vertical-align:middle;white-space:nowrap;z-index:1}.description-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;padding-bottom:2px}.tab{border-bottom:3px solid #0000;bottom:-2px;color:#64748b;cursor:pointer;font-size:1.05rem;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.tab.active{border-bottom-color:#15803d;color:#15803d}.tab:hover:not(.active){color:#334155}.description-content{background:#f8fafb;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px}.description-content p{color:#475569;font-size:.95rem;line-height:1.7;margin:0}.quantity-cart-section{display:flex;flex-direction:column;gap:16px;margin-top:8px}.quantity-control{align-items:center;background:#f8fafb;border:2px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;padding:16px;width:fit-content}.qty-btn-circle{align-items:center;background:#fff;border:2px solid #15803d;border-radius:50%;color:#15803d;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;min-height:48px;min-width:48px;transition:all .3s ease;width:48px}.qty-btn-circle:hover:not(:disabled){background:#15803d;box-shadow:0 4px 12px #15803d4d;color:#fff;transform:translateY(-2px)}.qty-btn-circle:disabled{cursor:not-allowed;opacity:.4}.qty-btn-circle svg{pointer-events:none}.qty-input-display{background:#0000;border:none;color:#1e293b;font-size:1.5rem;font-weight:700;outline:none;text-align:center;width:70px}.add-to-cart-button{align-items:center;background:#15803d;border:none;border-radius:14px;box-shadow:0 4px 16px #15803d4d;color:#fff;cursor:pointer;display:flex;font-size:1.15rem;font-weight:700;justify-content:center;letter-spacing:.5px;min-height:56px;padding:18px 32px;transition:all .3s ease;width:100%}.add-to-cart-button:hover:not(:disabled){background:#166534;box-shadow:0 6px 24px #15803d66;transform:translateY(-2px)}.add-to-cart-button:active:not(:disabled){transform:translateY(0)}.add-to-cart-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.add-to-cart-button svg{pointer-events:none}@media (max-width:1024px){.product-detail-layout{gap:60px}.product-name{font-size:clamp(1.75rem,5vw,2.25rem)}.price-current,.price-discounted{font-size:2rem}}@media (max-width:768px){.product-detail-layout{gap:32px;grid-template-columns:1fr}.product-image-section{order:-1;position:static}.product-image-section .image-carousel{isolation:isolate}.product-info-section{gap:20px}.product-name{font-size:clamp(1.5rem,6vw,2rem)}.price-original{font-size:1.25rem}.price-current,.price-discounted{font-size:1.75rem}.discount-badge{font-size:.875rem;padding:6px 12px}.description-content{padding:20px}.description-content p{font-size:1rem}.quantity-cart-section{gap:14px}.quantity-control{gap:12px;padding:14px}.qty-input-display{font-size:1.25rem;width:60px}.add-to-cart-button{font-size:1.05rem;min-height:52px;padding:16px 28px}}@media (max-width:480px){.product-name{font-size:1.5rem}.stock-badge{font-size:.875rem;padding:6px 12px}.price-current,.price-discounted{font-size:1.5rem}.tab{font-size:.95rem;padding:10px 16px}.description-content{padding:16px}.quantity-control{justify-content:space-between;width:100%}}.cart-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;width:100%}@media (min-width:768px){.cart-container{gap:32px;grid-template-columns:1fr 400px}}@media (min-width:1024px){.cart-container{gap:40px;grid-template-columns:1fr 420px}}.cart-items-section{width:100%}.cart-items-list{display:flex;flex-direction:column;gap:16px}.cart-item-card{grid-gap:16px;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:grid;gap:16px;grid-template-columns:100px 1fr;padding:20px;transition:all .3s ease}.cart-item-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000001a}@media (min-width:640px){.cart-item-card{gap:20px;grid-template-columns:120px 1fr;padding:24px}}.cart-item-image-wrapper{background:#f1f5f9;border-radius:12px;height:100px;overflow:hidden;position:relative;width:100%}@media (min-width:640px){.cart-item-image-wrapper{height:120px}}.cart-item-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.cart-item-card:hover .cart-item-image{transform:scale(1.05)}.discount-badge{background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:6px;box-shadow:0 2px 8px #dc26264d;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;position:absolute;right:6px;top:6px}.cart-item-details{display:flex;flex-direction:column;gap:12px;min-width:0}.cart-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}@media (min-width:640px){.cart-item-name{font-size:1.25rem}}.cart-item-price-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cart-item-price-original{color:#94a3b8;font-size:.95rem;text-decoration:line-through}.cart-item-price-discounted{color:#15803d;font-size:1.15rem;font-weight:700}.cart-item-price-current{color:#1e293b;font-size:1.15rem;font-weight:700}.cart-item-stock-info{margin-top:-4px}.cart-item-actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}@media (min-width:640px){.cart-item-actions{align-items:center;flex-direction:row;justify-content:space-between}}.quantity-controls{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;gap:8px;padding:4px;width:fit-content}.quantity-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#1e293b;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;min-height:36px;transition:all .2s ease;width:36px}.quantity-btn:hover:not(:disabled){background:#15803d;box-shadow:0 2px 6px #00000026;color:#fff;transform:translateY(-1px)}.quantity-btn:disabled{cursor:not-allowed;opacity:.4}@media (min-width:640px){.quantity-btn{height:40px;min-height:40px;width:40px}}.quantity-input{background:#0000;border:none;color:#1e293b;font-size:1rem;font-weight:600;height:36px;outline:none;text-align:center;width:50px}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (min-width:640px){.quantity-input{height:40px;width:60px}}.remove-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;min-height:44px;padding:10px 20px;transition:all .2s ease;width:100%}.remove-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #dc262633;color:#fff;transform:translateY(-1px)}.remove-btn:disabled{cursor:not-allowed;opacity:.5}@media (min-width:640px){.remove-btn{min-width:120px;width:auto}}.cart-item-subtotal{align-items:center;border-top:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:4px;padding-top:12px}.order-summary-card{background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 12px #00000014;height:fit-content;padding:24px}@media (min-width:768px){.order-summary-card{padding:28px;position:sticky;top:120px}}@media (min-width:1024px){.order-summary-card{padding:32px}}.summary-line{align-items:center;color:#64748b;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:12px}.summary-line strong{color:#1e293b;font-weight:600}.discount-line{background:#f0fdf4;border-radius:8px;color:#15803d;margin:12px 0;padding:10px 12px}.summary-total{align-items:center;color:#1e293b;display:flex;font-size:1.35rem;justify-content:space-between;margin-top:16px}.summary-total strong{color:#15803d;font-size:1.5rem}.promo-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.95rem;min-height:48px;outline:none;padding:12px 16px;transition:all .2s ease}.promo-input:focus{border-color:#15803d;box-shadow:0 0 0 3px #15803d1a}.promo-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.apply-promo-btn{background:#15803d;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-height:48px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.apply-promo-btn:hover:not(:disabled){background:#166534;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.apply-promo-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.promo-message{border-radius:8px;font-size:.9rem;font-weight:500;line-height:1.4;margin-top:10px;padding:10px 14px}.promo-message.error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.promo-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.checkout-btn{align-items:center;background:#15803d;border:none;border-radius:10px;box-shadow:0 4px 12px #15803d33;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;justify-content:space-between;margin-top:24px;min-height:56px;padding:16px 24px;transition:all .2s ease;width:100%}.checkout-btn:hover:not(:disabled){background:#166534;box-shadow:0 6px 20px #15803d4d;transform:translateY(-2px)}.checkout-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:767px){.cart-items-section{order:1}.order-summary-card{order:2}}.apply-promo-btn:focus-visible,.checkout-btn:focus-visible,.quantity-btn:focus-visible,.remove-btn:focus-visible{outline:3px solid #15803d;outline-offset:2px}.promo-input:focus-visible{outline:3px solid #15803d;outline-offset:2px}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}button,input{transition:all .2s ease}.elegant-profile{background:#f4f4f4;margin:0 auto;max-width:100%;min-height:100vh;padding:30px 20px}.profile-card{background:#fff;border:none;border-radius:16px;box-shadow:none;display:flex;flex-direction:column;margin:0 auto;max-width:1550px;padding:40px 30px;width:100%}.profile-header-row{align-items:center;display:flex;justify-content:space-between;width:100%}.profile-title{color:#175c36;font-size:3rem;font-weight:800;letter-spacing:-.5px;margin:0;text-align:left}.modern-nav{background:#0000;border-radius:0;box-shadow:none;display:flex;gap:16px;justify-content:flex-end;margin:0;padding:0}.modern-nav .nav-tab{background:#0000;border:none;border-radius:12px;color:#175c36;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 36px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-nav .nav-tab.active{background:linear-gradient(135deg,#175c36,#2e7d32);box-shadow:0 4px 16px #00000026;color:#fff;transform:translateY(-2px)}.section-title{align-items:center;color:#175c36;display:flex;font-size:1.25rem;gap:8px;margin-bottom:16px}.section-title:before{background:linear-gradient(180deg,#175c36,#388e3c);border-radius:2px;content:"";height:22px;width:4px}.profile-input{background:#fafffe;border:2px solid #e8f5e9;border-radius:12px;font-family:inherit;font-size:1.05rem;margin-bottom:0;padding:16px 18px;transition:all .3s ease;width:100%}.profile-input:focus{background:#fff;border-color:#7a9c3a;box-shadow:0 0 0 3px #0000000d;outline:none}.profile-input:disabled{background:#f8fdf9;color:#666;cursor:not-allowed}.address-count{color:#888;font-size:1rem;font-weight:400}.no-addresses{color:#888;font-size:1.05rem;margin:18px 0}.profile-page{margin:0;max-width:100%;padding:0;width:100%}.profile-page h1{color:#333;margin-bottom:30px}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #c62828;box-shadow:0 2px 8px #c628281f}.profile-section{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:28px;padding:32px;transition:box-shadow .3s ease,transform .3s ease}.profile-section:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.profile-section h2{color:#175c36;font-size:1.3rem;font-weight:700;margin-bottom:18px}.profile-section input[type=email],.profile-section input[type=text]{background:#fafffe;border:2px solid #e8f5e9;border-radius:12px;font-family:inherit;font-size:1.05rem;padding:16px 18px;transition:all .3s ease;width:100%}.profile-section input:disabled{background-color:#f8fdf9;color:#666;cursor:not-allowed}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-btn{background:linear-gradient(135deg,#388e3c,#2e7d32);border:none;border-radius:10px;box-shadow:0 4px 12px #388e3c40;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.add-btn:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 6px 20px #388e3c59;transform:translateY(-2px)}.no-addresses{background:linear-gradient(135deg,#f8fdf9,#eaf6ef);border:2px dashed #d0e8d2;border-radius:12px;color:#7a9c3a;font-size:1.1rem;font-style:italic;padding:40px;text-align:center}.addresses-list{gap:16px}.addresses-carousel-section,.addresses-list{display:flex;flex-direction:column}.addresses-carousel-wrapper{align-items:center;display:flex;flex:1 1;gap:16px;position:relative}.addresses-carousel{flex:1 1;overflow:hidden;position:relative}.addresses-carousel-track{display:flex;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.address-carousel-btn{align-items:center;background:linear-gradient(135deg,#388e3c,#2e7d32);border:none;border-radius:50%;box-shadow:0 4px 12px #388e3c4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.8rem;font-weight:700;height:44px;justify-content:center;transition:all .3s ease;width:44px}.address-carousel-btn:hover:not(:disabled){box-shadow:0 6px 20px #388e3c66;transform:scale(1.1)}.address-carousel-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.3}.address-card{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;flex-shrink:0;max-width:700px;min-width:100%;padding:16px 24px;transition:all .3s ease}.address-card.default{background:linear-gradient(135deg,#f9fff9,#f0f9f4);border-color:#7a9c3a;box-shadow:0 4px 16px #7a9c3a1f}.address-card:hover{border-color:#7a9c3a;box-shadow:0 6px 24px #00000014;transform:translateY(-3px)}.address-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.address-header h3{color:#175c36;font-size:1.2rem;font-weight:700;margin:0}.default-badge{background:linear-gradient(135deg,#388e3c,#2e7d32);border-radius:20px;box-shadow:0 2px 8px #388e3c40;color:#fff;font-size:.85rem;font-weight:700;padding:6px 16px}.address-details{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:12px}.address-details p{margin:3px 0}.address-actions{display:flex;flex-wrap:wrap;gap:12px}.address-actions button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:10px;box-shadow:0 3px 10px #2196f340;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.address-actions button:hover{box-shadow:0 5px 18px #2196f359;transform:translateY(-2px)}.address-actions .delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f)!important;box-shadow:0 3px 10px #f4433640!important;margin-left:0!important;padding:10px 20px!important;position:static!important}.address-actions .delete-btn:hover{box-shadow:0 5px 18px #f4433659!important}.modal-overlay{background-color:#00000080;z-index:1000}.modal-content{border-radius:12px;max-width:500px;padding:30px;width:90%}.modal-content h2{color:#2c5530;margin-bottom:25px;margin-top:0}.modal-content form{display:flex;flex-direction:column;gap:18px}.modal-content label{color:#175c36;display:flex;flex-direction:column;font-size:1rem;font-weight:600;margin-bottom:4px}.modal-content input,.modal-content select,.modal-content textarea{background:#fafffe;border:2px solid #e8f5e9;border-radius:10px;font-family:inherit;font-size:1rem;margin-top:8px;padding:14px 16px;transition:all .3s ease}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{background:#fff;border-color:#7a9c3a;box-shadow:0 0 0 3px #0000000d;outline:none}.form-row{grid-gap:20px;gap:20px}.checkbox-label{flex-direction:row!important}.checkbox-label input[type=checkbox]{accent-color:#388e3c;cursor:pointer;height:22px;margin:0;width:22px}.modal-actions{gap:14px}.modal-actions button{font-size:1.05rem;font-weight:700;padding:16px;transition:all .3s ease}.modal-actions button[type=submit]{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #388e3c40;color:#fff}.modal-actions button[type=submit]:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 6px 20px #388e3c59;transform:translateY(-2px)}.modal-actions button[type=button]{background:#f1f1f1;box-shadow:0 2px 6px #00000014;color:#333}.modal-actions button[type=button]:hover{background:#e0e0e0;box-shadow:0 3px 10px #0000001f}@media (min-width:769px){.elegant-profile{padding:30px 20px}.profile-card{max-width:1550px;width:100%}.profile-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.profile-content-wrapper{grid-gap:100px;align-items:start;display:grid;gap:100px;grid-template-columns:.75fr 1.6fr}.profile-left-column{gap:32px}.profile-left-column,.profile-right-column{display:flex;flex-direction:column}.profile-left-column .profile-section{margin-bottom:0;padding:32px 36px}.profile-right-column .profile-section{margin-bottom:0;padding:32px}.addresses-carousel-section{min-height:400px}}@media (max-width:768px){.elegant-profile{padding:20px 12px}.profile-card{background:#fff;border:none;border-radius:0;box-shadow:none;gap:24px;padding:24px 0}.addresses-carousel-wrapper{flex-direction:column;gap:0;margin:0;padding:0}.addresses-carousel{max-height:400px;overflow-x:hidden;overflow-y:auto;width:100%}.addresses-carousel-track{flex-direction:column;gap:12px}.address-carousel-btn{display:none}.address-card{max-width:100%;min-width:100%;padding:12px 16px}.address-header{margin-bottom:8px}.address-header h3{font-size:.95rem}.default-badge{font-size:.65rem;padding:3px 8px}.address-details{font-size:.8rem;line-height:1.4;margin-bottom:10px}.address-details p{margin:2px 0}.address-details p strong{display:block;margin-bottom:2px}.address-actions{flex-direction:column;gap:6px}.address-actions button{font-size:.8rem;padding:8px 12px;width:100%}.profile-header-row{align-items:stretch;flex-direction:column;gap:16px}.profile-title{font-size:2rem;margin-bottom:0;text-align:center}.modern-nav{background:#f8fdf9;border-radius:12px;gap:6px;justify-content:center;margin-left:-16px;margin-right:-16px;padding:6px;width:calc(100% + 32px)}.modern-nav .nav-tab{border-radius:10px;font-size:.95rem;padding:12px 16px}.profile-content-wrapper{display:flex;flex-direction:column;gap:0}.profile-left-column{gap:0}.profile-section{border-radius:12px;padding:20px 16px}.section-title{font-size:1.15rem;margin-bottom:16px}.section-title:before{height:20px;left:-16px;width:3px}.profile-input,.profile-select{font-size:.95rem;padding:12px 14px}.add-btn{font-size:.95rem;padding:12px 20px}.address-card{border-radius:12px;padding:20px 16px}.address-header h3{font-size:1.1rem}.address-info p{font-size:.9rem;margin-bottom:6px}.address-actions{flex-direction:row;gap:8px;margin-top:16px}.delete-btn,.edit-btn{flex:1 1;font-size:.85rem;padding:8px 16px}.points-card{border-radius:16px;padding:28px 20px}.points-label{font-size:1rem}.points-number{font-size:2.8rem}.rewards-grid{gap:16px;grid-template-columns:1fr}.reward-item{padding:24px 20px}.reward-icon{font-size:2.8rem}.reward-item h3{font-size:1.1rem}.redeem-reward-btn{font-size:.9rem;padding:10px 20px}.earn-points-info{border-radius:12px;margin-bottom:24px;padding:20px 16px}.earn-points-info h3{font-size:1.2rem}.earn-points-info ul li{font-size:.95rem;padding-left:20px}.points-history{border-radius:12px;padding:20px 16px}.points-history h3{font-size:1.2rem}.history-list{max-height:300px}.history-item{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.history-reason{font-size:.95rem}.history-date{font-size:.85rem}.history-points{align-self:flex-end;font-size:.95rem;padding:6px 12px}.profile-page{padding:15px}.form-row{gap:16px;grid-template-columns:1fr}.modal-content{border-radius:16px;margin:20px auto;max-width:95%;padding:24px 20px}.modal-content h2{font-size:1.4rem;margin-bottom:20px}.modal-content input,.modal-content select,.modal-content textarea{font-size:.95rem;padding:12px 14px}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions button{font-size:.95rem;padding:12px;width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-header h2{font-size:1.3rem}}@media (max-width:480px){.elegant-profile{padding:16px 10px}.profile-card{border-radius:12px;padding:20px 14px}.profile-title{font-size:1.75rem}.modern-nav{flex-direction:column;gap:8px}.modern-nav .nav-tab{padding:14px;text-align:center;width:100%}.section-title{font-size:1.05rem}.points-number{font-size:2.4rem}.address-actions{flex-direction:column}.delete-btn,.edit-btn{width:100%}}.save-btn{background:#1b3c2e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:2rem;padding:.75rem;width:100%}.profile-nav{border-bottom:2px solid #f0f0f0;display:flex;gap:10px;margin-bottom:30px}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.nav-tab.active,.nav-tab:hover{background-color:#f8f9fa;color:#175c36}.nav-tab.active{border-bottom-color:#175c36}.rewards-section{padding:0}.rewards-mobile-list{display:flex;flex-direction:column;gap:16px;padding:0;width:100%}@media (min-width:769px){.rewards-section{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:.9fr 1.1fr}.rewards-left-section,.rewards-right-section{display:flex;flex-direction:column;gap:12px}.rewards-left-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.earn-points-info,.points-card,.points-history,.rewards-carousel{width:100%}}.points-card{align-items:center;background:linear-gradient(135deg,#175c36,#2e7d32);border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative;text-align:left;width:100%}.rewards-carousel{width:100%}.rewards-carousel-wrapper{align-items:center;display:flex;gap:16px;justify-content:center;padding:20px 0}.rewards-carousel-container{flex:1 1;overflow:hidden}.earn-points-info{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:16px 24px;transition:all .3s ease;width:100%}.earn-points-info:hover{border-color:#7a9c3a;box-shadow:0 6px 24px #00000014;transform:translateY(-3px)}.points-history{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:16px 24px;transition:all .3s ease;width:100%}.points-history:hover{border-color:#7a9c3a;box-shadow:0 6px 24px #00000014;transform:translateY(-3px)}.points-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.points-card:hover:before{opacity:1}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.points-card h2{align-items:center;color:#ffffffe6;font-size:.9rem;font-weight:600;gap:6px}.points-balance,.points-card h2{display:flex;margin:0;position:relative;z-index:1}.points-balance{align-items:baseline;gap:8px}.points-number{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.points-label{color:#ffffffe6;font-size:.8rem;margin:0;opacity:.9}.total-earned{display:none}.points-label{font-size:1.2rem;font-weight:500;margin-top:8px;opacity:.95}.total-earned{font-size:1.05rem;font-size:14px;opacity:.9;opacity:.8;position:relative;z-index:1}.rewards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:36px}.reward-item{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;flex-shrink:0;min-width:100%;overflow:visible;padding:16px 24px;position:relative;text-align:center;transition:all .3s ease}.reward-item:before{background:linear-gradient(135deg,#7a9c3a,#388e3c);border-radius:18px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.reward-item:hover{border-color:#7a9c3a;box-shadow:0 6px 24px #00000014;transform:translateY(-3px)}.reward-item:hover:before{opacity:1}.reward-icon{display:block;font-size:3.2rem;margin-bottom:14px}.reward-item h3{color:#175c36;font-size:1.2rem;font-weight:700;margin-bottom:10px}.reward-item p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:9px}.reward-value{color:#388e3c;font-size:1.1rem;font-weight:700}.earn-points-info{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.earn-points-info h3{align-items:center;color:#175c36;display:flex;font-size:1.25rem;font-weight:700;gap:8px;margin:0 0 16px}.earn-points-info h3:before{background:linear-gradient(180deg,#175c36,#388e3c);border-radius:2px;content:"";height:22px;width:4px}.earn-points-info ul{list-style:none;margin:0;padding:0}.earn-points-info li{border-bottom:1px solid #f0f0f0;color:#555;font-size:.95rem;line-height:1.5;padding:10px 0}.earn-points-info li:last-child{border-bottom:none}.points-history{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.points-history h3{align-items:center;color:#175c36;display:flex;font-size:1.25rem;font-weight:700;gap:8px;margin:0 0 16px}.points-history h3:before{background:linear-gradient(180deg,#175c36,#388e3c);border-radius:2px;content:"";height:22px;width:4px}.history-list{max-height:300px;overflow-y:auto;padding-right:8px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:#7a9c3a;border-radius:10px}.history-list::-webkit-scrollbar-thumb:hover{background:#175c36}.history-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;justify-content:space-between;padding:14px 0}.history-item:last-child{border-bottom:none}.history-info{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.history-reason{word-wrap:break-word;color:#555;font-size:.9rem;font-weight:500;line-height:1.4;overflow-wrap:break-word}.history-date{color:#888;font-size:.8rem;font-weight:400}.history-points{flex-shrink:0;font-size:1rem;font-weight:700;min-width:85px;padding-top:2px;text-align:right;white-space:nowrap}.history-points.earned{color:#27ae60!important}.history-points.redeemed{color:#c0392b!important}@media (max-width:768px){.profile-nav{flex-direction:column}.nav-tab{padding:14px;text-align:center;width:100%}.rewards-section{margin:0!important;overflow:visible;padding:0!important;width:100%}.rewards-left-section,.rewards-right-section{box-sizing:border-box;margin:0;padding:0;width:100%}.points-overview{margin-bottom:24px;padding:0}.points-card{align-items:center;flex-direction:column;gap:8px;padding:20px;text-align:center}.points-card h2{font-size:1.1rem;justify-content:center}.points-balance{align-items:center;flex-direction:column;gap:4px}.points-number{font-size:2.5rem}.points-label{font-size:.9rem;margin-top:0}.total-earned{display:none}.rewards-carousel{border-bottom:3px dashed #c8e6c9;margin-bottom:24px;max-height:600px!important;overflow-y:auto!important;padding:0 0 50px!important;position:relative;width:100%}.rewards-carousel:after{align-items:center;animation:bounce 2s ease-in-out infinite;background:linear-gradient(0deg,#f8fdf9 0,#f8fdf9 60%,#f8fdf900);bottom:0;color:#2e7d32;content:"⬇ Scroll for more rewards ⬇";display:flex;font-size:.85rem;font-weight:600;height:45px;justify-content:center;left:0;pointer-events:none;position:sticky;right:0;text-align:center;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.rewards-carousel::-webkit-scrollbar{width:8px}.rewards-carousel::-webkit-scrollbar-track{background:#e8f5e9;border-radius:10px}.rewards-carousel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2ea56f,#1c7a4f);border:2px solid #e8f5e9;border-radius:10px}.rewards-carousel>div{display:block!important;gap:0!important;margin:0!important;max-width:100%!important;padding:0!important}.carousel-btn{display:none!important}.rewards-carousel>div>div{flex:none!important;max-width:100%!important;overflow:visible!important;padding:0!important;position:static!important;width:100%!important}.rewards-track{display:block!important;transform:none!important;transition:none!important}.reward-item{border-radius:16px!important;box-sizing:border-box;display:block!important;flex:none!important;margin:0 0 16px!important;max-width:100%!important;padding:28px 20px!important;width:100%!important}.reward-item:last-child{margin-bottom:0!important}.reward-icon{font-size:3rem!important;margin-bottom:12px!important}.reward-item h3{font-size:1.25rem!important;margin-bottom:10px!important}.reward-item p{font-size:.9rem!important;margin-bottom:8px!important}.reward-value{font-size:1.05rem!important}.reward-icon{font-size:2.5rem!important;margin-bottom:10px!important}.reward-item h3{font-size:1.15rem!important;margin-bottom:8px!important}.reward-item p{font-size:.82rem!important;line-height:1.4!important;margin-bottom:6px!important}.reward-value{font-size:.95rem!important}.rewards-grid{grid-template-columns:1fr}.points-card{border-radius:12px;margin:0;padding:20px 16px}.points-card h2{font-size:1.15rem;margin-bottom:16px}.points-number{font-size:3rem}.points-label{font-size:.95rem}.total-earned{font-size:.85rem}.earn-points-info{border-radius:12px;box-sizing:border-box;margin:0 16px 16px;padding:20px;width:calc(100% - 32px)}.earn-points-info h3{font-size:1.15rem;margin-bottom:16px}.earn-points-info ul{list-style:none;margin:0;padding:0}.earn-points-info ul li{font-size:.95rem;padding:8px 0}.points-history{border-radius:12px;box-sizing:border-box;margin:0 16px;padding:20px;width:calc(100% - 32px)}.points-history h3{font-size:1.15rem;margin-bottom:16px}}@media (max-width:480px){.points-overview{margin-bottom:20px;padding:0}.rewards-carousel{margin-bottom:20px;margin-left:0!important;margin-right:0!important;overflow:hidden}.rewards-carousel,.rewards-carousel>div{box-sizing:border-box;padding:0!important;width:100%}.rewards-carousel>div{gap:3px!important}.rewards-carousel>div>div:nth-child(2){overflow:hidden!important}.points-card{border-radius:12px;margin:0;padding:20px 16px}.points-card h2{font-size:1.15rem;margin-bottom:16px}.points-number{font-size:2.8rem}.points-label{font-size:.95rem}.total-earned{font-size:.85rem}.reward-item{border-radius:10px;box-sizing:border-box;flex-basis:calc(100% - 52px)!important;margin:0!important;min-width:0!important;padding:14px 10px!important}.reward-icon{font-size:2rem;margin-bottom:6px}.reward-item h3{font-size:.95rem}.reward-item p{font-size:.8rem;margin-bottom:4px}.reward-value{font-size:.85rem}.earn-points-info{border-radius:12px;margin-left:16px;margin-right:16px;padding:20px 16px}.earn-points-info h3{font-size:1.15rem}.earn-points-info ul li{font-size:.95rem;padding:8px 0}.carousel-btn{font-size:.7rem;height:22px;margin:0;padding:0;width:22px}.rewards-track{gap:3px!important;margin:0!important;padding:0!important}.points-history{border-radius:12px;margin-left:16px;margin-right:16px;padding:20px 16px}.points-history h3{font-size:1.15rem}}.carousel-btn{align-items:center;background:linear-gradient(135deg,#2ea56f,#1c7a4f);border:none;border-radius:50%;box-shadow:0 4px 12px #175c3633,0 2px 6px #175c3626;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background .16s ease;width:44px}.carousel-btn:not(:disabled):hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 6px 20px #175c364d,0 4px 12px #175c3633;transform:scale(1.1)}.carousel-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.3}.rewards-track{width:100%}.rewards-carousel{margin-bottom:36px;overflow:visible;padding:40px 0}.orders-page-container{margin:0 auto;max-width:1200px;padding:20px}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}a:focus-visible,button:focus-visible{border-radius:8px;outline:3px solid #22c55e;outline-offset:2px}.order-modal-content::-webkit-scrollbar{width:8px}.order-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.order-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.order-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.orders-page-header{margin-bottom:20px}.orders-page-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:4px}.orders-page-subtitle{color:#6b7280;font-size:.875rem}.orders-list{display:flex;flex-direction:column;gap:12px}.order-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.order-item-card:hover{border-color:#7a9c3a;box-shadow:0 6px 20px #7a9c3a26;transform:translateY(-2px)}.order-item-header{align-items:center;background:linear-gradient(135deg,#f8faf7,#f0f4ed);border-bottom:2px solid #e8f0e3;display:flex;justify-content:space-between;padding:12px 16px}.order-item-id{color:#1f2937;font-size:.95rem;font-weight:600}.order-item-date{color:#6b7280;font-size:.8rem}.order-item-body{padding:14px 16px}.order-products-section{margin-bottom:12px}.order-product-item{background:linear-gradient(135deg,#fafbf9,#f5f7f3);border:1px solid #e8f0e3;border-radius:8px;display:flex;gap:10px;margin-bottom:6px;padding:8px;transition:all .2s ease}.order-product-item:hover{background:linear-gradient(135deg,#f5f7f3,#eef3e9);border-color:#d4e3c8;transform:translateX(3px)}.order-product-image{background:#fff;border:2px solid #7a9c3a;border-radius:8px;box-shadow:0 2px 6px #7a9c3a26;height:55px;object-fit:cover;width:55px}.order-product-details{display:flex;flex:1 1;flex-direction:column;justify-content:center}.order-product-name{color:#1f2937;font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:2px}.order-product-meta{color:#6b7280;display:flex;font-size:.8rem;gap:12px}.order-product-meta span:last-child{background:#f0f4ed;border-radius:4px;color:#7a9c3a;font-weight:700;padding:2px 6px}.order-footer{align-items:center;background:linear-gradient(0deg,#fafbf9 0,#0000);border-top:2px solid #e8f0e3;display:flex;justify-content:space-between;margin-top:8px;padding-top:12px}.order-status-badge{align-items:center;border-radius:16px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;padding:4px 12px;text-align:center;text-transform:capitalize}.order-status-badge.pending,.order-status-badge.preparing{background:#3b82f6}.order-status-badge.shipped{background:#f59e0b}.order-status-badge.completed,.order-status-badge.delivered{background:#22c55e}.order-status-badge.cancelled{background:#ef4444}.order-total{align-items:flex-end;display:flex;flex-direction:column}.order-total-label{color:#6b7280;font-size:.75rem;margin-bottom:2px}.order-total-amount{color:#7a9c3a;font-size:1.15rem;font-weight:700;text-shadow:0 1px 2px #7a9c3a1a}.order-actions{display:flex;gap:8px}.order-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 14px;transition:all .2s ease}.order-btn-view{background:linear-gradient(135deg,#7a9c3a,#5e7a2e);border:1px solid #6d8f35;box-shadow:0 2px 6px #7a9c3a4d;color:#fff}.order-btn-view:hover{background:linear-gradient(135deg,#5e7a2e,#4a6123);box-shadow:0 4px 10px #7a9c3a66;transform:translateY(-1px)}.order-btn-cancel{background:linear-gradient(135deg,#dc3545,#c82333);border:1px solid #bd2130;box-shadow:0 2px 6px #dc35454d;color:#fff}.order-btn-cancel:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 10px #dc354566;transform:translateY(-1px)}.order-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.empty-orders-state{padding:60px 20px;text-align:center}.empty-orders-icon{font-size:3rem;margin-bottom:16px;opacity:.3}.empty-orders-text{color:#6b7280;font-size:1.1rem;margin-bottom:6px}.empty-orders-subtext{color:#9ca3af;font-size:.85rem}.order-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.order-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.order-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.order-modal-title{color:#1f2937;font-size:1.5rem;font-weight:700}.order-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.order-modal-close:hover{background:#f3f4f6;color:#1f2937}.order-modal-body{padding:24px}.order-detail-section{margin-bottom:24px}.order-detail-heading{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:12px}.order-detail-info{background:#f9fafb;border-radius:8px;font-size:.875rem;line-height:1.6;padding:16px}.orders-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:40px;padding-bottom:20px}.pagination-btn{fontSize:.9rem;background:#175c36;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.pagination-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:#22c55e}.pagination-pages{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pagination-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;min-width:44px;padding:10px 16px;transition:all .2s}.pagination-page-btn.active{background:#175c36;border:none;color:#fff;font-weight:600}.pagination-page-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.pagination-page-btn.active:hover{background:#22c55e}@media (max-width:768px){.orders-page-container{padding:15px 12px 120px}.orders-page-title{font-size:1.3rem}.orders-page-subtitle{font-size:.8rem}.order-item-header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.order-item-id{font-size:.9rem}.order-item-date{font-size:.75rem}.order-item-body{padding:12px}.order-product-item{gap:8px;padding:8px}.order-product-image{height:50px;width:50px}.order-product-name{font-size:.85rem}.order-product-meta{font-size:.75rem;gap:8px}.order-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:10px 0}.order-total{align-items:flex-start;width:100%}.order-total-label{font-size:.7rem}.order-total-amount{font-size:1.05rem}.order-actions{gap:6px;width:100%}.order-btn{flex:1 1;font-size:.75rem;padding:8px 12px}.order-status-badge{font-size:.75rem;line-height:1.2;padding:5px 12px}.order-modal-overlay{align-items:flex-start!important;justify-content:flex-start!important;padding:0!important}.order-modal-content{border-radius:0!important;box-shadow:none!important;gap:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;width:100vw!important}.modal-inner-wrapper>div{background:#fafafa!important;border:1px solid #eee!important;border-radius:8px!important;box-sizing:border-box!important;flex:none!important;margin-bottom:1rem!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;padding:1rem!important;width:100%!important}.modal-inner-wrapper h2{font-size:1.15rem!important;margin-bottom:.75rem!important;padding:0!important}.modal-inner-wrapper h3{font-size:1rem!important;margin-bottom:.75rem!important}.modal-inner-wrapper>div>div{font-size:.85rem!important;margin-bottom:.75rem!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:break-word!important}.modal-inner-wrapper>div>div>div:first-child{font-size:.75rem!important;font-weight:600!important;margin-bottom:.25rem!important}.modal-inner-wrapper>div>div>div:not(:first-child){word-wrap:break-word!important;font-size:.85rem!important;line-height:1.4!important;max-width:100%!important;overflow-wrap:break-word!important}.modal-inner-wrapper>div>div:nth-child(2){max-width:calc(100vw - 4rem)!important;width:fit-content!important}.modal-inner-wrapper img{height:50px!important;max-height:50px!important;max-width:50px!important;width:50px!important}.modal-inner-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box!important;flex-direction:column!important;gap:0!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1rem!important;width:100%!important}.modal-buttons-top,.modal-inner-wrapper>div:first-child>div:last-child{display:none!important}.modal-inner-wrapper>div:first-child>div{margin-bottom:1rem!important}.modal-inner-wrapper>div:first-child>div:not(:nth-child(2)){background:#0000!important;border:none!important}.modal-inner-wrapper>div:first-child>div:nth-child(2){display:block!important;margin-bottom:1rem!important}.modal-inner-wrapper>div:first-child>div:last-child{margin-bottom:0!important}.modal-buttons-bottom{background:#fff!important;border-top:1px solid #e5e7eb!important;box-sizing:border-box!important;display:flex!important;gap:.5rem!important;margin:1rem -1rem -1rem!important;padding:1rem!important;width:calc(100% + 2rem)!important}.modal-buttons-bottom button{flex:1 1!important;max-width:48%!important}.modal-inner-wrapper>div:first-child{margin-bottom:1rem!important;order:1!important}.modal-inner-wrapper>div:last-child{margin-bottom:0!important;order:2!important;padding-bottom:0!important}.modal-inner-wrapper>div:first-child>div:last-child button{flex:1 1!important;font-size:.85rem!important;max-width:45%!important;padding:.75rem!important}.order-modal-content h2{font-size:1.25rem!important;margin-bottom:1rem!important}.order-modal-content h3{font-size:1.1rem!important;margin-bottom:.75rem!important}.order-modal-content>div>div>div{font-size:.85rem!important;margin-bottom:1rem!important}.order-modal-content>div>div>div>div:first-child{font-size:.8rem!important;font-weight:600!important;margin-bottom:.25rem!important}.order-modal-content img{max-height:50px!important;max-width:50px!important}.order-modal-content>div>div:first-child>div:last-child{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex!important;gap:.5rem!important;margin:0 -1rem -1rem!important;padding:1rem!important;position:sticky}.modal-inner-wrapper>div:first-child>div:last-child button,.order-modal-content>div>div:first-child>div:last-child button{flex:1 1!important;font-size:.85rem!important;padding:.75rem!important}.modal-inner-wrapper>div:last-child>div:first-of-type{max-height:none!important;overflow-y:visible!important}.modal-inner-wrapper>div:last-child>div:first-of-type>div{align-items:center!important;background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;box-sizing:border-box!important;display:flex!important;gap:.75rem!important;margin-bottom:.75rem!important;padding:.5rem!important;width:100%!important}.modal-inner-wrapper>div:last-child>div:first-of-type>div>div{flex:1 1!important;min-width:0!important;overflow:hidden!important}.modal-inner-wrapper>div:last-child>div:first-of-type>div>div:nth-child(2){flex:1 1!important}.modal-inner-wrapper>div:last-child>div:first-of-type>div>div:nth-child(3){flex:none!important;min-width:30px!important;text-align:center!important}.modal-inner-wrapper>div:last-child>div:first-of-type>div>div:nth-child(4){flex:none!important;min-width:90px!important;text-align:right!important}.modal-inner-wrapper>div:last-child>div:last-of-type{border-top:1px solid #e5e7eb!important;padding-top:.75rem!important}.modal-inner-wrapper>div:last-child>div:last-of-type>div{display:flex!important;font-size:.85rem!important;gap:1rem!important;justify-content:space-between!important;margin-bottom:.5rem!important;max-width:100%!important}.modal-inner-wrapper>div:last-child>div:last-of-type>div>span{white-space:nowrap!important}.modal-inner-wrapper>div:last-child>div:last-of-type>div:last-child{border-top:1px solid #e5e7eb!important;font-size:1rem!important;font-weight:700!important;margin-top:.5rem!important;padding-top:.5rem!important}.order-modal-header{padding:18px}.order-modal-title{font-size:1.2rem}.order-modal-body{padding:18px}.order-detail-heading{font-size:.95rem}.order-detail-info{font-size:.8rem;padding:12px}}@media (max-width:480px){.orders-page-container{padding:12px 10px 140px}.orders-page-title{font-size:1.2rem}.order-product-image{height:45px;width:45px}.order-product-name{font-size:.8rem}.order-product-meta{font-size:.7rem}.orders-pagination{gap:8px;margin-top:24px;padding-bottom:60px}.pagination-btn{font-size:.85rem;padding:8px 12px}.pagination-pages{gap:6px}.pagination-page-btn{font-size:.85rem;min-width:40px;padding:8px 12px}}.checkout-page{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin:0 auto;max-width:1400px;width:100%}@media (min-width:1024px){.checkout-page{gap:40px;grid-template-columns:1.5fr 1fr}}.checkout-left{width:100%}.checkout-left h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:24px 0 16px}@media (max-width:768px){.checkout-left h2{font-size:1.25rem;margin:20px 0 12px}}.checkout-left input:not(.address-dropdown),.checkout-left select:not(.address-dropdown),.checkout-left textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#1e293b;font-family:inherit;font-size:1rem;margin-bottom:16px;min-height:48px;outline:none;padding:14px 18px;transition:all .2s ease;width:100%}@media (max-width:768px){.checkout-left input:not(.address-dropdown),.checkout-left select:not(.address-dropdown),.checkout-left textarea{font-size:.95rem;min-height:44px;padding:12px 16px}}.address-dropdown-container{background:#fff;border:2px solid #15803d;border-radius:12px;box-shadow:0 2px 8px #15803d1a;margin-bottom:20px;position:relative}.address-dropdown{appearance:none;background-color:initial!important;border:none!important;border-radius:12px!important;color:#1e293b!important;cursor:pointer;font-size:1rem!important;font-weight:500;outline:none;padding:14px 40px 14px 18px!important;width:100%}.address-dropdown:hover{background-color:#f0fdf4!important}.address-dropdown:focus{box-shadow:0 0 0 3px #15803d1a!important}.address-dropdown option{background:#fff;color:#1e293b;font-size:1rem;padding:12px}@media (max-width:768px){.address-dropdown{font-size:.95rem!important;padding:12px 36px 12px 16px!important}}.dropdown-arrow{color:#7ba93a;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.checkout-left input:focus,.checkout-left select:focus,.checkout-left textarea:focus{border-color:#15803d;box-shadow:0 0 0 3px #15803d1a}.checkout-left input:disabled,.checkout-left select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.form-row{grid-template-columns:1fr 1fr;margin-bottom:0}@media (max-width:640px){.form-row{gap:0;grid-template-columns:1fr}}.checkout-left label{color:#475569;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.checkout-left button[type=submit],.checkout-left>button{background:#15803d;border:none;border-radius:12px;box-shadow:0 4px 12px #15803d33;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:24px;min-height:56px;padding:16px 24px;transition:all .2s ease;width:100%}.checkout-left button[type=submit]:hover,.checkout-left>button:hover{background:#166534;box-shadow:0 6px 20px #15803d4d;transform:translateY(-2px)}.checkout-left button[type=submit]:active,.checkout-left>button:active{transform:translateY(0)}.checkout-right{height:fit-content;position:sticky;top:120px;width:100%}@media (max-width:1023px){.checkout-right{order:-1;position:relative;top:0}}.checkout-right h3,.checkout-right p{margin-bottom:10px}.checkout-right ul{padding-left:20px}.checkout-right li{margin-bottom:6px}.saved-addresses-section{background:linear-gradient(135deg,#f0fdf4,#fff);border:2px solid #e2e8f0;border-radius:16px;margin:24px 0;padding:24px}.saved-addresses-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin-bottom:20px}.saved-addresses-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:20px}@media (max-width:768px){.saved-addresses-grid{grid-template-columns:1fr}.saved-addresses-section{padding:16px}}.saved-address-option{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:block;overflow:hidden;padding:18px;position:relative;text-align:left;transition:all .2s ease;width:100%}.saved-address-option:hover{background-color:#f0fdf4;border-color:#15803d;box-shadow:0 4px 12px #15803d1a;transform:translateY(-2px)}.saved-address-option.selected{background-color:#f0fdf4;border-color:#15803d;box-shadow:0 4px 12px #15803d26}.saved-address-option[data-profile=true]{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#15803d}.saved-address-option[data-profile=true]:hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#166534}.saved-address-option[data-profile=true].selected{background:linear-gradient(135deg,#dcfce7,#f0fdf4);box-shadow:0 4px 16px #15803d33}.saved-address-option h4{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 12px}.saved-address-option p{color:#64748b;font-size:.95rem;line-height:1.5;margin:6px 0}.saved-address-option p strong{color:#1e293b}.default-chip{background:#15803d;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-top:12px;padding:6px 12px}.use-new-address-btn{background:#0000;border:2px dashed #15803d;border-radius:12px;color:#15803d;cursor:pointer;display:block;font-size:1rem;font-weight:600;min-height:52px;padding:14px 20px;transition:all .2s ease;width:100%}.use-new-address-btn:hover{background:#f0fdf4;border-color:#166534;color:#166534}.mobile-summary-toggle-wrapper{display:none}@media (max-width:1023px){.mobile-summary-toggle-wrapper{display:block;margin:24px 0}}.mobile-order-summary{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.order-summary-toggle{align-items:center;background:#15803d;border:none;border-radius:12px;box-shadow:0 2px 8px #15803d33;color:#fff;cursor:pointer;display:none;font-size:1.05rem;font-weight:700;justify-content:space-between;min-height:52px;padding:16px 24px;transition:all .2s ease;width:100%}@media (max-width:1023px){.order-summary-toggle{display:flex}}.order-summary-toggle:hover{background:#166534;box-shadow:0 4px 12px #15803d4d;transform:translateY(-1px)}.order-summary-toggle:active{transform:translateY(0)}.order-summary-toggle .toggle-icon{font-size:1.2rem;margin-left:12px;transition:transform .3s ease}.order-summary-toggle.open .toggle-icon{transform:rotate(180deg)}@media (max-width:1023px){.checkout-right>div:first-child{display:none!important}.checkout-right.show-summary>div:first-child{display:block}.checkout-page{grid-template-columns:1fr}.checkout-left,.checkout-right{width:100%}}@media (max-width:768px){.checkout-left h2:first-of-type{margin-top:0}.checkout-left h2{font-size:1.25rem;margin:20px 0 12px}.saved-addresses-section{margin:20px 0;padding:16px}.saved-addresses-section h3{font-size:1.1rem}.saved-address-option{padding:14px}.saved-address-option h4{font-size:1rem}.saved-address-option p{font-size:.9rem}.checkout-right{padding:0}}@media (max-width:480px){.checkout-left h2{font-size:1.15rem;margin:16px 0 10px}.checkout-left input:not(.address-dropdown),.checkout-left select:not(.address-dropdown),.checkout-left textarea{font-size:.9rem;min-height:44px;padding:12px 14px}.saved-addresses-section{margin:16px 0;padding:12px}.saved-address-option{padding:12px}.saved-address-option h4{font-size:.95rem}.saved-address-option p{font-size:.85rem;margin:4px 0}.default-chip{font-size:.7rem;padding:4px 8px}.use-new-address-btn{font-size:.95rem;min-height:48px;padding:12px 16px}.order-summary-toggle{font-size:1rem;padding:14px 20px}.checkout-left button[type=submit],.checkout-left>button{font-size:1rem;min-height:52px;padding:14px 20px}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #15803d}button:disabled{cursor:not-allowed;opacity:.5}input:disabled,select:disabled,textarea:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.field-error{color:#ef4444;display:block;font-size:.85rem;font-weight:500;grid-column:1/-1;line-height:1.3;margin-bottom:8px;width:100%}.hidden{display:none}.admin-orders-page{background:linear-gradient(135deg,#f8faf9,#f0f4f1);display:flex;flex-direction:column;min-height:100vh;width:100vw}.admin-orders-header-wrapper{background:#fff;box-shadow:0 2px 12px #0000000f;position:sticky;top:0;width:100%;z-index:10000}.admin-orders-content{flex:1 1;margin:0 auto;max-width:1400px;padding:24px 20px;width:100%}.page-header{margin-bottom:28px}.page-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.page-title{color:#1a1a1a;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.stats-badges{display:flex;flex-wrap:wrap;gap:10px}.stat-badge{background:#fff;border:1.5px solid #e8ebe9;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:#4a5568;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.stat-badge:hover{border-color:#7a9c3a;box-shadow:0 2px 6px #7a9c3a1f}.stat-badge.pending{background:linear-gradient(135deg,#fff,#fff5f5);border-color:#ffebee;color:#d32f2f}.search-section{background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:20px}.search-bar-wrapper{position:relative;width:100%}.search-icon{color:#9ca3af;font-size:1.1rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-size:1rem;padding:14px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{background:#fff;border-color:#7a9c3a;box-shadow:0 0 0 4px #7a9c3a14;outline:none}.search-input::placeholder{color:#9ca3af}.filters-section{background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:20px}.filters-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.status-filters{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:44px;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-chip:hover{background:#f7faf4;border-color:#7a9c3a;box-shadow:0 2px 8px #7a9c3a1a;transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#7a9c3a,#88ab47);border-color:#7a9c3a;box-shadow:0 4px 12px #7a9c3a40;color:#fff}.orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:32px}.order-card{background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-card:before{background:linear-gradient(90deg,#7a9c3a,#88ab47);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.order-card:hover{border-color:#7a9c3a;box-shadow:0 8px 24px #7a9c3a26;transform:translateY(-4px)}.order-card:hover:before{transform:scaleX(1)}.order-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.order-number{color:#1a1a1a;font-size:1.15rem;font-weight:700;letter-spacing:-.3px}.status-badge{border-radius:8px;box-shadow:0 2px 6px #00000014;font-size:.8rem;letter-spacing:.3px;padding:6px 14px;text-transform:uppercase}.status-badge.pending{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.status-badge.preparing{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.status-badge.shipped{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff}.status-badge.completed{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.status-badge.cancelled{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.order-image-container{align-items:center;background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;display:flex;height:160px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.order-image-container img{max-height:100%;max-width:100%;object-fit:contain}.order-details{display:flex;flex-direction:column;gap:10px}.detail-row{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:8px}.detail-icon{color:#7a9c3a;font-size:1rem;min-width:20px}.detail-label{color:#1a1a1a;font-weight:600}.detail-value{color:#6b7280}.empty-state,.no-results{color:#9ca3af;padding:60px 20px;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:16px}.empty-state-text{font-size:1.1rem;font-weight:600}.pagination-container{border:1.5px solid #f0f0f0}.pagination-info{color:#6b7280}.page-btn{border:2px solid #e5e7eb;color:#4a5568;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f7faf4}.page-btn.active{background:linear-gradient(135deg,#7a9c3a,#88ab47)}.page-ellipsis{color:#9ca3af}.modal-overlay{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1000px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #f0f0f0}.modal-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef444433;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:10px 20px;transition:all .2s ease}.modal-close-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.modal-body{padding:32px}.modal-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.modal-section{background:#fafafa;border:1.5px solid #f0f0f0;border-radius:16px;padding:24px}.section-title{color:#1a1a1a;font-size:1.1rem;font-weight:700}.info-group,.section-title{margin-bottom:20px}.info-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-value{color:#1a1a1a;font-size:.95rem;line-height:1.5}.products-list{margin-bottom:20px;max-height:300px;overflow-y:auto}.product-item{grid-gap:16px;align-items:center;background:#fff;border:1.5px solid #f0f0f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:70px 1fr auto;margin-bottom:12px;padding:16px}.product-image{align-items:center;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;height:70px;justify-content:center;overflow:hidden;width:70px}.product-image img{max-height:100%;max-width:100%;object-fit:contain}.product-info{display:flex;flex-direction:column;gap:4px}.product-name{color:#1a1a1a;font-size:.95rem;font-weight:600}.product-quantity{color:#6b7280;font-size:.85rem}.product-price{color:#7a9c3a;font-size:1rem;font-weight:700}.order-summary{background:#fff;border:1.5px solid #f0f0f0;border-radius:12px;margin-bottom:20px;padding:20px}.summary-row{color:#4a5568;display:flex;font-size:.95rem;justify-content:space-between;padding:10px 0}.summary-total{border-top:2px solid #e5e7eb;color:#1a1a1a;font-size:1.1rem;font-weight:700;margin-top:10px;padding-top:16px}.action-buttons-section{margin-top:24px}.action-buttons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:14px 20px;transition:all .2s ease}.action-btn:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.action-btn.completed{background:linear-gradient(135deg,#4caf50,#388e3c)}.action-btn.preparing{background:linear-gradient(135deg,#1976d2,#1565c0)}.action-btn.shipped{background:linear-gradient(135deg,#fb8c00,#f57c00)}.action-btn.cancelled{background:linear-gradient(135deg,#f44336,#d32f2f)}@media (max-width:1024px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.modal-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-orders-content{padding:16px 12px}.page-title{font-size:1.5rem}.page-title-row{align-items:flex-start;flex-direction:column}.stats-badges{width:100%}.stat-badge{flex:1 1;min-width:fit-content}.filters-section,.search-section{padding:16px}.orders-grid{gap:16px;grid-template-columns:1fr}.order-card{padding:20px}.pagination-container{flex-direction:column;padding:16px}.pagination-controls{justify-content:center;width:100%}.modal-header{align-items:stretch;flex-direction:column;gap:12px;padding:20px}.modal-title{font-size:1.3rem}.modal-close-btn{width:100%}.modal-body{padding:20px}.product-item{gap:12px;grid-template-columns:1fr;text-align:center}.product-image{margin:0 auto}.product-info{align-items:center}.action-buttons-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-title{font-size:1.3rem}.filter-chip{flex:1 1;min-width:fit-content}.order-card{padding:16px}.order-number{font-size:1rem}.status-badge{font-size:.7rem;padding:5px 10px}.order-image-container{height:140px}.detail-row,.page-btn{font-size:.85rem}.page-btn{min-height:40px;min-width:40px;padding:8px 12px}.modal-title{font-size:1.1rem}.section-title{font-size:1rem}}.modal-content::-webkit-scrollbar,.products-list::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track,.products-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.modal-content::-webkit-scrollbar-thumb,.products-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover,.products-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (hover:none){.action-btn:hover,.filter-chip:hover,.order-card:hover,.page-btn:hover:not(:disabled){transform:none}.order-card:active{transform:scale(.98)}.action-btn:active,.filter-chip:active,.page-btn:active{transform:scale(.95)}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 8%,#e0e0e0 18%,#f0f0f0 33%)}:root{--primary-green-light:#88ab47;--accent-orange:#ffa726;--accent-red:#f44336;--accent-blue:#1976d2;--text-dark:#1a1a1a;--text-medium:#4a5568;--text-light:#6b7280;--border-color:#e5e7eb;--bg-light:#fafafa;--shadow-lg:0 8px 24px #7a9c3a26;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.admin-rewards-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;font-size:4rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-rewards-loading p{color:#6b7280;color:var(--text-light);font-size:1.1rem;font-weight:500}.admin-rewards-page{margin:0 auto;max-width:1400px;padding:24px}.rewards-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.rewards-header h1{color:#1a1a1a;color:var(--text-dark);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.add-reward-btn{align-items:center;background:#7a9c3a;background:var(--primary-green);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #7a9c3a40;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;min-height:48px;padding:14px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.add-reward-btn:hover{background:#5e7c2a;background:var(--primary-green-dark);box-shadow:0 6px 16px #7a9c3a59;transform:translateY(-2px)}.error-message{background:#ffebee;border-left:4px solid #f44336;border-left:4px solid var(--accent-red);border-radius:12px;border-radius:var(--radius-md);color:#c62828;font-weight:500;margin-bottom:24px;padding:16px 20px}.bulk-actions{align-items:center;background:#e8f5e9;border:2px solid #7a9c3a;border:2px solid var(--primary-green);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:20px}.bulk-count{color:#5e7c2a;color:var(--primary-green-dark);font-size:1.1rem;font-weight:700}.bulk-buttons{display:flex;flex-wrap:wrap;gap:12px}.bulk-buttons button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;min-height:44px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-activate{background:#4caf50;color:#fff}.btn-activate:hover{background:#388e3c;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.btn-deactivate{background:#ff9800;color:#fff}.btn-deactivate:hover{background:#f57c00;box-shadow:0 4px 12px #ff98004d;transform:translateY(-1px)}.btn-delete{background:#f44336;background:var(--accent-red);color:#fff}.btn-delete:hover{background:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.rewards-table-container{background:#fff;background:var(--bg-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);overflow-x:auto;padding:24px}.rewards-table{border-collapse:collapse;min-width:900px;width:100%}.rewards-table thead{background:#f8faf9;border-bottom:2px solid #7a9c3a;border-bottom:2px solid var(--primary-green)}.rewards-table th{color:#1a1a1a;color:var(--text-dark);font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.rewards-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.rewards-table tbody tr:hover{background:#f7faf4}.rewards-table tbody tr.expired-row{background:#fff5f5}.rewards-table tbody tr.expired-row:hover{background:#ffe5e5}.rewards-table td{color:#4a5568;color:var(--text-medium);font-size:.95rem;padding:16px 12px}.rewards-table td strong{color:#1a1a1a;color:var(--text-dark);font-weight:600}.type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;padding:6px 12px;white-space:nowrap}.type-badge.cart{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.type-badge.delivery{background:#fff3e0;border:1px solid #ffb74d;color:#e65100}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;padding:6px 12px;white-space:nowrap}.status-badge.active{background:#e8f5e9;border:1px solid #81c784;color:#2e7d32}.status-badge.inactive{background:#f5f5f5;border:1px solid #bdbdbd;color:#616161}.status-badge.expired{background:#ffebee;border:1px solid #e57373;color:#c62828}.expired-badge{background:#f44336;background:var(--accent-red);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px}.discount-value{color:#7a9c3a;color:var(--primary-green);font-size:1.1rem;font-weight:700}.expiry-cell{align-items:center;flex-wrap:wrap}.action-buttons,.expiry-cell{display:flex;gap:8px}.action-buttons button{align-items:center;background:#fafafa;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-buttons button svg{display:block}.action-buttons .btn-edit{border-color:#bbdefb;color:#1976d2;color:var(--accent-blue)}.action-buttons .btn-edit:hover{background:#e3f2fd;border-color:#1976d2;border-color:var(--accent-blue);transform:scale(1.1)}.action-buttons .btn-delete{border-color:#ffcdd2;color:#f44336;color:var(--accent-red)}.action-buttons .btn-delete:hover{background:#ffebee;border-color:#f44336;border-color:var(--accent-red);transform:scale(1.1)}.rewards-grid{display:none;gap:16px;grid-template-columns:1fr}.reward-card{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.reward-card:before{background:#7a9c3a;background:var(--primary-green);content:"";height:4px;left:0;position:absolute;right:0;top:0}.reward-card.expired:before{background:#f44336;background:var(--accent-red)}.reward-card.expired{background:#fff5f5;border-color:#ffcdd2}.card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.card-select{flex-shrink:0;padding-top:4px}.checkbox-large{accent-color:#7a9c3a;accent-color:var(--primary-green);cursor:pointer;height:24px;width:24px}.card-title-section{flex:1 1;min-width:0}.card-title-section h3{word-wrap:break-word;color:#1a1a1a;color:var(--text-dark);font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 8px}.card-description{color:#4a5568;color:var(--text-medium);font-size:.95rem;line-height:1.5;margin:0 0 16px}.card-details{grid-gap:12px;background:#fafafa;background:var(--bg-light);border-radius:12px;border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px;padding:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#6b7280;color:var(--text-light);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1a1a1a;color:var(--text-dark);font-size:1rem;font-weight:600}.detail-value.discount{color:#7a9c3a;color:var(--primary-green);font-size:1.3rem;font-weight:700}.expired-warning{background:#ffebee;border-left:4px solid #f44336;border-left:4px solid var(--accent-red);border-radius:8px;border-radius:var(--radius-sm);color:#f44336;color:var(--accent-red);font-size:.9rem;font-weight:600;margin-bottom:16px;padding:12px 16px}.card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:16px}.card-actions button{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;min-height:48px;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card-actions button svg{flex-shrink:0}.btn-card-edit{background:#1976d2;background:var(--accent-blue);box-shadow:0 2px 8px #1976d233;color:#fff}.btn-card-edit:hover{background:#1565c0;box-shadow:0 4px 12px #1976d24d;transform:translateY(-2px)}.btn-card-delete{background:#f44336;background:var(--accent-red);box-shadow:0 2px 8px #f4433633;color:#fff}.btn-card-delete:hover{background:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.reward-modal{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header,.reward-modal{background:#fff;background:var(--bg-white)}.modal-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:28px 32px;position:sticky;top:0;z-index:10}.modal-header h2{color:#1a1a1a;color:var(--text-dark);font-size:1.5rem;gap:8px;margin:0}.modal-close,.modal-header h2{align-items:center;display:flex;font-weight:700}.modal-close{background:#f44336;background:var(--accent-red);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.modal-close:hover{background:#d32f2f}.reward-form{padding:32px}.form-group{margin-bottom:24px}.form-label{color:#4a5568;color:var(--text-medium);display:block;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.form-label.required:after{color:#f44336;color:var(--accent-red);content:"*";margin-left:4px}.form-input,.form-select,.form-textarea{background:#fafafa;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#1a1a1a;color:var(--text-dark);font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;background:var(--bg-white);border-color:#7a9c3a;border-color:var(--primary-green);box-shadow:0 0 0 4px #7a9c3a14;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{line-height:1.5;min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.checkbox-label{align-items:center;background:#fafafa;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.checkbox-label:hover{background:#f7faf4;border-color:#7a9c3a;border-color:var(--primary-green)}.checkbox-label input[type=checkbox]:checked+span{color:#7a9c3a;color:var(--primary-green);font-weight:600}.checkbox-label span{color:#4a5568;color:var(--text-medium);font-size:.95rem;font-weight:500}.modal-actions{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);display:flex;gap:12px;margin-top:32px;padding-top:24px}.modal-actions button{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:52px;padding:14px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-save{background:#7a9c3a;background:var(--primary-green);box-shadow:0 4px 12px #7a9c3a40;color:#fff}.btn-save:hover{background:#5e7c2a;background:var(--primary-green-dark);box-shadow:0 6px 16px #7a9c3a59;transform:translateY(-2px)}.btn-cancel{background:#e5e7eb;color:#4a5568;color:var(--text-medium)}.btn-cancel:hover{background:#d1d5db}@media (max-width:768px){.admin-rewards-page{padding:16px}.rewards-header{align-items:stretch;flex-direction:column;gap:12px}.rewards-header h1{font-size:1.5rem}.add-reward-btn{justify-content:center;width:100%}.bulk-actions{align-items:stretch;flex-direction:column;padding:16px}.bulk-count{text-align:center}.bulk-buttons{flex-direction:column}.bulk-buttons button{justify-content:center;width:100%}.desktop-only{display:none!important}.mobile-only{display:grid!important}.modal-overlay{align-items:flex-end;padding:12px}.reward-modal{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:85vh}.modal-header{padding:20px}.modal-header h2{font-size:1.3rem}.reward-form{padding:20px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.card-details{grid-template-columns:1fr}.detail-value.discount{font-size:1.5rem}}@media (max-width:480px){.rewards-header h1{font-size:1.3rem}.add-reward-btn{font-size:.95rem;padding:12px 24px}.reward-card{padding:16px}.card-title-section h3{font-size:1.1rem}.card-actions{flex-direction:column}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.reward-form{padding:16px}.form-input,.form-select,.form-textarea{font-size:.95rem;padding:12px}}@media (min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.reward-modal::-webkit-scrollbar{width:8px}.reward-modal::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-light);border-radius:10px}.reward-modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.reward-modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (hover:none){.reward-card:hover{transform:none}.reward-card:active{transform:scale(.98)}button:hover{transform:none!important}button:active{transform:scale(.95)!important}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7a9c3a;outline:3px solid var(--primary-green);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.action-buttons,.add-reward-btn,.bulk-actions,.card-actions,.modal-overlay{display:none!important}.rewards-table-container{border:1px solid #000;box-shadow:none}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-skeleton{animation:shimmer 2s infinite;background:#f0f0f0;background-size:1000px 100%}.empty-state{color:#6b7280;color:var(--text-light);padding:80px 20px;text-align:center}.empty-state-icon{font-size:5rem;margin-bottom:20px;opacity:.5}.empty-state-title{color:#4a5568;color:var(--text-medium);font-size:1.3rem;font-weight:600;margin-bottom:12px}.empty-state-text{color:#6b7280;color:var(--text-light);font-size:1rem}.admin-customers-container{background:#f8f9fa;background:var(--bg-gray);min-height:100vh;padding:0;width:100%}.admin-customers-header-wrapper{background:#fff;background:var(--bg-white);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.admin-customers-content{max-width:100%;padding:16px 12px 80px}.admin-customers-title{color:#2c3e50;color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0 0 20px;padding:0 4px}.customers-error-message{background:linear-gradient(135deg,#fdecea,#fadbd8);border-left:4px solid #e74c3c;border-left:4px solid var(--danger-red);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);color:#e74c3c;color:var(--danger-red);font-size:.9rem;font-weight:500;margin-bottom:16px;padding:14px 16px}.customers-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.customers-summary-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.customers-summary-card:before{background:linear-gradient(90deg,#7a9c3a,#4a9d9c);background:linear-gradient(90deg,var(--primary-green),var(--accent-teal));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-smooth)}.customers-summary-card:active:before,.customers-summary-card:hover:before{opacity:1}.customers-summary-label{color:#95a5a6;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.customers-summary-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7a9c3a,#4a9d9c);background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));-webkit-background-clip:text;background-clip:text;color:#2c3e50;color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.2}.customers-search-section{margin-bottom:20px;position:relative}.customers-search-wrapper{position:relative;width:100%}.customers-search-input{background:#fff;background:var(--bg-white);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);color:#2c3e50;color:var(--text-primary);font-size:1rem;padding:14px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth);width:100%}.customers-search-input:focus{border-color:#7a9c3a;border-color:var(--primary-green);box-shadow:0 0 0 4px #7a9c3a1a;outline:none}.customers-search-icon{color:#95a5a6;color:var(--text-muted);font-size:1.2rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.customers-cards-container{display:flex;flex-direction:column;gap:12px}.customer-card{background:#fff;background:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.customer-card:before{background:linear-gradient(180deg,#7a9c3a,#4a9d9c);background:linear-gradient(180deg,var(--primary-green),var(--accent-teal));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-smooth);width:4px}.customer-card:active,.customer-card:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:scale(.98)}.customer-card:active:before,.customer-card:hover:before{opacity:1}.customer-card-header{align-items:flex-start;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.customer-name-section{flex:1 1;min-width:0}.customer-name{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 4px;word-break:break-word}.customer-email{color:#546e7a;color:var(--text-secondary);font-size:.85rem;margin:0;word-break:break-all}.customer-points-badge{align-items:center;background:linear-gradient(135deg,#7a9c3a,#5e7c2a);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:20px;box-shadow:0 2px 8px #7a9c3a4d;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:4px;padding:8px 14px;white-space:nowrap}.customer-points-badge:before{content:"⭐";font-size:.9rem}.customer-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.customer-stat-item{background:#f8f9fa;background:var(--bg-gray);border-radius:8px;border-radius:var(--radius-sm);padding:10px 6px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.customer-stat-item:active,.customer-stat-item:hover{background:#e9f5e1;background:var(--primary-green-light);transform:scale(.95)}.customer-stat-label{color:#95a5a6;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.customer-stat-value{color:#2c3e50;color:var(--text-primary);font-size:1.2rem;font-weight:800;line-height:1}.customer-card-footer{align-items:center;border-top:1px solid #e9ecef;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:10px}.customer-joined-date{align-items:center;color:#95a5a6;color:var(--text-muted);display:flex;font-size:.8rem;gap:6px}.customer-joined-date:before{content:"📅";font-size:.85rem}.customer-action-btn{background:linear-gradient(135deg,#7a9c3a,#5e7c2a);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border:none;border-radius:20px;box-shadow:0 2px 8px #7a9c3a33;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.customer-action-btn:active,.customer-action-btn:hover{box-shadow:0 1px 4px #7a9c3a4d;transform:scale(.95)}.customers-empty-state{background:#fff;background:var(--bg-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);margin-top:20px;padding:60px 20px;text-align:center}.customers-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.customers-empty-title{color:#2c3e50;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:8px}.customers-empty-message{color:#95a5a6;color:var(--text-muted);font-size:.95rem;line-height:1.5}.customers-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:80px 20px}.customers-loading-spinner{animation:customers-spin .8s linear infinite;border:4px solid #e9ecef;border-top-color:#7a9c3a;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-green);height:48px;width:48px}@keyframes customers-spin{to{transform:rotate(1turn)}}.customers-loading-text{color:#546e7a;color:var(--text-secondary);font-size:1rem;font-weight:600;margin-top:20px}.customer-detail-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;left:0;padding:0;position:fixed;right:0;top:0;z-index:9999}.customer-detail-modal{background:#fff;background:var(--bg-white);border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto;position:relative;width:100%}.customer-detail-header{align-items:center;background:linear-gradient(135deg,#7a9c3a,#5e7c2a);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));color:#fff;display:flex;justify-content:space-between;padding:20px 16px;position:sticky;top:0;z-index:10}.customer-detail-title{font-size:1.3rem;font-weight:700;margin:0}.customer-detail-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;min-height:44px;min-width:44px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.customer-detail-close:active,.customer-detail-close:hover{background:#ffffff4d;transform:scale(.9)}.customer-detail-body{padding:20px 16px 40px}.customer-detail-section{margin-bottom:24px}.customer-detail-section-title{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-light);color:#95a5a6;color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.customer-detail-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.customer-detail-info-item{align-items:center;background:#f8f9fa;background:var(--bg-gray);border-radius:8px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px}.customer-detail-info-label{color:#546e7a;color:var(--text-secondary);font-size:.9rem;font-weight:600}.customer-detail-info-value{color:#2c3e50;color:var(--text-primary);font-size:.95rem;font-weight:700;text-align:right}.customer-card,[role=button],button,input,select,textarea{-webkit-tap-highlight-color:transparent;min-height:44px}.customer-detail-modal::-webkit-scrollbar,.customers-cards-container::-webkit-scrollbar{width:6px}.customer-detail-modal::-webkit-scrollbar-track,.customers-cards-container::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-gray)}.customer-detail-modal::-webkit-scrollbar-thumb,.customers-cards-container::-webkit-scrollbar-thumb{background:#95a5a6;background:var(--text-muted);border-radius:3px}.customer-detail-modal::-webkit-scrollbar-thumb:hover,.customers-cards-container::-webkit-scrollbar-thumb:hover{background:#7a9c3a;background:var(--primary-green)}.pagination-container{align-items:center;background:#fff;background:var(--bg-white);border:1.5px solid #e9ecef;border:1.5px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px;padding:20px}.pagination-info{color:#546e7a;color:var(--text-secondary);font-size:.9rem;font-weight:500}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.page-btn{background:#fff;background:var(--bg-white);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:10px;color:#546e7a;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;min-width:44px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.page-btn:hover:not(:disabled){background:#e9f5e1;background:var(--primary-green-light);transform:translateY(-1px)}.page-btn.active,.page-btn:hover:not(:disabled){border-color:#7a9c3a;border-color:var(--primary-green)}.page-btn.active{background:linear-gradient(135deg,#7a9c3a,#5e7c2a);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));box-shadow:0 2px 8px #7a9c3a33;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-ellipsis{color:#95a5a6;color:var(--text-muted);padding:0 8px}@media (max-width:768px){.desktop-table-wrapper{display:none!important}.customers-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-customers-content{padding:12px 10px 80px}.admin-customers-title{font-size:1.5rem;margin-bottom:16px}.customers-summary-grid{gap:10px}.customers-summary-card{padding:14px 12px}.customers-summary-value{font-size:1.5rem}.customer-card{padding:14px}.customer-name{font-size:1rem}.customer-email{font-size:.8rem}.customer-points-badge{font-size:.85rem;padding:6px 12px}.customer-stats-grid{gap:8px}.customer-stat-item{padding:8px 4px}.customer-stat-value{font-size:1.1rem}}@media (min-width:769px){.desktop-table-wrapper{display:none!important}.customers-search-section{display:block!important;margin:0 auto 24px;max-width:600px}.customers-summary-grid{grid-template-columns:repeat(4,1fr)}.customers-cards-container{grid-gap:16px;display:grid!important;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.customer-detail-modal-overlay{align-items:center;justify-content:center;padding:20px}.customer-detail-modal{border-radius:16px;border-radius:var(--radius-lg);margin:0 auto;max-height:90vh;max-width:600px}.customer-card:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.admin-messages-container{max-width:900px;padding:24px}.am-card{background:#fff;border:1px solid #eef6ee;border-radius:10px;box-shadow:0 6px 18px #114c240f;padding:18px}.am-header{margin-bottom:12px}.am-sub{color:#556a55;margin-bottom:14px}.am-controls{margin-bottom:12px}.am-input,.am-select,.am-textarea{border:1px solid #dfe7df;border-radius:8px;padding:10px;width:100%}.am-input,.am-textarea{font-size:14px}.am-actions{display:flex;gap:8px;margin-top:12px}.am-btn{background:#175c36;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px}.am-btn.secondary{background:#f1f6f1;border:1px solid #e2efe2;color:#175c36}.am-success{background:#e8f7ec;border-radius:6px;color:#145a2b;margin-bottom:10px;padding:8px 12px}@media (max-width:768px){.admin-messages-container{padding:16px 12px}.am-card{border-radius:8px;padding:16px}.am-header h1{font-size:1.5rem}.am-sub{font-size:.9rem}.am-input,.am-select,.am-textarea{font-size:.95rem;padding:10px}.am-actions{flex-direction:column}.am-btn{font-size:.95rem;padding:12px;width:100%}}@media (max-width:480px){.admin-messages-container{padding:12px 8px}.am-card{padding:14px}.am-header h1{font-size:1.3rem}.am-input,.am-select,.am-textarea{font-size:.9rem}}:root{--primary-green:#7a9c3a;--primary-green-dark:#5e7c2a;--primary-green-light:#e9f5e1;--accent-teal:#4a9d9c;--accent-teal-light:#e8f4f4;--success-green:#10b981;--success-green-light:#d1fae5;--danger-red:#e74c3c;--danger-red-light:#fdecea;--warning-orange:#f39c12;--warning-orange-light:#fef5e7;--text-primary:#2c3e50;--text-secondary:#546e7a;--text-muted:#95a5a6;--bg-gray:#f8f9fa;--bg-white:#fff;--border-light:#e9ecef;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1)}.admin-messages-container{background:#f8f9fa;background:var(--bg-gray);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px 16px 80px}.admin-messages-header-wrapper{background:#fff;background:var(--bg-white);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.messages-page-header{margin-bottom:24px}.messages-page-title{color:#2c3e50;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.messages-page-subtitle{color:#546e7a;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.messages-alert{align-items:center;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);display:flex;font-size:.95rem;font-weight:500;gap:10px;margin-bottom:20px;padding:14px 16px}.messages-alert.success{background:linear-gradient(135deg,#d1fae5,#d1fae5);background:linear-gradient(135deg,var(--success-green-light) 0,#d1fae5 100%);border-left:4px solid #10b981;border-left:4px solid var(--success-green);color:#10b981;color:var(--success-green)}.messages-alert.error{background:linear-gradient(135deg,#fdecea,#fadbd8);background:linear-gradient(135deg,var(--danger-red-light) 0,#fadbd8 100%);border-left:4px solid #e74c3c;border-left:4px solid var(--danger-red);color:#e74c3c;color:var(--danger-red)}.messages-alert:before{font-size:1.2rem}.messages-alert.success:before{content:"✓"}.messages-alert.error:before{content:"⚠"}.messages-card{background:#fff;background:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);padding:24px}.messages-recipient-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);margin-bottom:24px;padding:20px}.messages-recipient-title{color:#95a5a6;color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.messages-toggle-container{margin-bottom:16px}.messages-toggle-label{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;min-height:56px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.messages-toggle-label:active,.messages-toggle-label:hover{background:#e9f5e1;background:var(--primary-green-light);border-color:#7a9c3a;border-color:var(--primary-green)}.messages-toggle-input{accent-color:#7a9c3a;accent-color:var(--primary-green);cursor:pointer;height:24px;width:24px}.messages-toggle-text{flex:1 1;font-weight:600}.messages-recipient-select,.messages-toggle-text{color:#2c3e50;color:var(--text-primary);font-size:1rem}.messages-recipient-select{appearance:none;background:#fff;background:var(--bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2395a5a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;min-height:56px;padding:14px 44px 14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth);width:100%}.messages-recipient-select:focus{border-color:#7a9c3a;border-color:var(--primary-green);box-shadow:0 0 0 4px #7a9c3a1a;outline:none}.messages-recipient-select option{padding:12px}.messages-form{display:flex;flex-direction:column;gap:20px}.messages-form-group{display:flex;flex-direction:column;gap:8px}.messages-form-label{align-items:center;color:#546e7a;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:6px}.messages-form-label:before{color:#7a9c3a;color:var(--primary-green);content:"•";font-size:1.2rem}.messages-input{background:#fff;background:var(--bg-white);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#2c3e50;color:var(--text-primary);font-size:1rem;min-height:56px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth);width:100%}.messages-input:focus{border-color:#7a9c3a;border-color:var(--primary-green);box-shadow:0 0 0 4px #7a9c3a1a;outline:none}.messages-input::placeholder{color:#95a5a6;color:var(--text-muted)}.messages-textarea{background:#fff;background:var(--bg-white);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#2c3e50;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.6;min-height:180px;padding:14px 16px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth);width:100%}.messages-textarea:focus{border-color:#7a9c3a;border-color:var(--primary-green);box-shadow:0 0 0 4px #7a9c3a1a;outline:none}.messages-char-counter,.messages-textarea::placeholder{color:#95a5a6;color:var(--text-muted)}.messages-char-counter{font-size:.85rem;margin-top:-12px;text-align:right}.messages-actions{display:flex;gap:12px;margin-top:8px}.messages-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:56px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.messages-btn-primary{background:linear-gradient(135deg,#7a9c3a,#5e7c2a);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));box-shadow:0 4px 12px #7a9c3a4d;color:#fff}.messages-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #7a9c3a66;transform:translateY(-2px)}.messages-btn-primary:active:not(:disabled){box-shadow:0 2px 8px #7a9c3a4d;transform:translateY(0)}.messages-btn-secondary{background:#fff;background:var(--bg-white);border:2px solid #e9ecef;border:2px solid var(--border-light);color:#546e7a;color:var(--text-secondary)}.messages-btn-secondary:hover:not(:disabled){background:#f8f9fa;background:var(--bg-gray);border-color:#95a5a6;border-color:var(--text-muted)}.messages-btn-secondary:active:not(:disabled){transform:scale(.98)}.messages-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.messages-btn:before{font-size:1.2rem}.messages-btn-primary:before{content:"📧"}.messages-btn-secondary:before{content:"↺"}.messages-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:80px 20px}.messages-loading-spinner{animation:messages-spin .8s linear infinite;border:4px solid #e9ecef;border-top-color:#7a9c3a;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-green);height:48px;width:48px}@keyframes messages-spin{to{transform:rotate(1turn)}}.messages-loading-text{color:#546e7a;color:var(--text-secondary);font-size:1rem;font-weight:600;margin-top:20px}.messages-recent-section{margin-top:32px}.messages-recent-title{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin-bottom:16px}.messages-recent-title:before{content:"📨";font-size:1.5rem}.messages-history-card{background:#fff;background:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.messages-history-card:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.messages-history-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.messages-history-subject{color:#2c3e50;color:var(--text-primary);font-size:1.05rem;font-weight:700;margin:0}.messages-history-date{color:#95a5a6;color:var(--text-muted);font-size:.8rem;white-space:nowrap}.messages-history-recipient{color:#546e7a;color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.messages-history-body{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#546e7a;color:var(--text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.6;overflow:hidden;text-overflow:ellipsis}[role=button],button,input,select,textarea{-webkit-tap-highlight-color:transparent;min-height:44px}@media (max-width:768px){.admin-messages-container{padding:16px 12px 80px}.messages-page-title{font-size:1.75rem}.messages-page-subtitle{font-size:.95rem}.messages-card{padding:20px}.messages-actions{flex-direction:column}.messages-btn{width:100%}}@media (max-width:480px){.admin-messages-container{padding:12px 10px 80px}.messages-page-title{font-size:1.5rem;margin-bottom:6px}.messages-page-subtitle{font-size:.9rem}.messages-card,.messages-recipient-section{padding:16px}.messages-input,.messages-recipient-select,.messages-textarea{font-size:.95rem;padding:12px 14px}.messages-textarea{min-height:160px}.messages-btn{font-size:.95rem;padding:14px 20px}}@media (min-width:769px){.admin-messages-container{padding:32px 24px}.messages-card{padding:32px}.messages-actions{max-width:500px}.messages-btn:hover:not(:disabled){transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.messages-textarea::-webkit-scrollbar{width:8px}.messages-textarea::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-gray);border-radius:4px}.messages-textarea::-webkit-scrollbar-thumb{background:#95a5a6;background:var(--text-muted);border-radius:4px}.messages-textarea::-webkit-scrollbar-thumb:hover{background:#7a9c3a;background:var(--primary-green)}@media (max-width:768px){.policy-section{padding:20px 16px}}@media (max-width:480px){.policy-section{padding:16px 12px}}a[href^=mailto]{align-items:center;display:inline-flex!important;min-height:48px;touch-action:manipulation}html{scroll-behavior:smooth}@media print{.policy-section{border:1px solid #e5e7eb!important;box-shadow:none!important}}
/*# sourceMappingURL=main.ac531a16.css.map*/