*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s ease}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#45a049}.btn-secondary{background-color:#f44336;color:#fff}.btn-secondary:hover{background-color:#da190b}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;margin:10px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}html[dir=rtl] body{direction:rtl;text-align:right}html[dir=rtl] .App{text-align:right}.App-header{background-color:#4caf50;padding:20px;color:#fff}.hero h1{font-size:3rem;margin-bottom:20px}.hero p{font-size:1.2rem}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(20px,30px) rotate(270deg)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes checkmarkDraw{0%{stroke-dasharray:0,100;opacity:0}50%{opacity:1}to{stroke-dasharray:100,0;opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bottom-navbar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fffffffa,#fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 20px #0000001a;display:flex;justify-content:space-around;align-items:center;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:900;border-top:1px solid rgba(0,0,0,.05)}@media(max-width:768px){.bottom-navbar{padding:4px 0 max(6px,env(safe-area-inset-bottom))}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#666;padding:8px 16px;min-width:70px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}@media(max-width:768px){.nav-item{padding:4px 12px;min-width:60px}}.nav-item:hover{color:#4caf50;transform:translateY(-2px)}.nav-item.active{color:#4caf50}.nav-item.active .nav-icon{animation:iconBounce .5s ease;stroke-width:2.5}.nav-item.active .nav-text{font-weight:600}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.nav-icon{width:26px;height:26px;stroke-width:2;margin-bottom:4px;transition:all .3s ease}@media(max-width:768px){.nav-icon{width:24px;height:24px}}.nav-text{font-size:11px;font-weight:500;letter-spacing:.3px;transition:all .3s ease}@media(max-width:768px){.nav-text{font-size:10px}}.cart-icon-wrapper{position:relative}.cart-badge{position:absolute;top:-6px;right:-8px;background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;border-radius:10px;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #f4433666;border:2px solid #ffffff;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}main{padding-top:56px!important;padding-bottom:80px!important}@media(max-width:768px){main{padding-top:48px!important}}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 0;margin-top:40px;text-align:center}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-credit{margin:0;color:#6c757d;font-size:.9rem}.footer-credit strong{color:#4caf50;font-weight:600}.top-bar{position:fixed;top:0;left:0;right:0;background-color:#4caf50;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:8px 16px;z-index:900;height:56px;box-sizing:border-box}@media(max-width:768px){.top-bar{padding:8px 12px;height:48px}}.top-bar__logo{flex:0 0 auto;display:flex;align-items:center}.top-bar__logo img{height:32px;width:auto;filter:brightness(0) invert(1)}@media(max-width:768px){.top-bar__logo img{height:26px}}.top-bar__title{position:absolute;left:50%;transform:translate(-50%);color:#fff;font-size:18px;font-weight:600;white-space:nowrap}@media(max-width:768px){.top-bar__title{font-size:15px}}.top-bar__spacer{flex:0 0 auto;width:80px}@media(max-width:768px){.top-bar__spacer{width:60px}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#2e7d32,#388e3c,#4caf50,#66bb6a,#81c784);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.splash-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.15}.floating-shape{position:absolute;background:#ffffff4d;border-radius:50%;animation:float 20s infinite ease-in-out}.floating-shape.shape-1{width:300px;height:300px;top:10%;left:-10%;animation-delay:0s;animation-duration:25s}.floating-shape.shape-2{width:200px;height:200px;top:60%;right:-5%;animation-delay:3s;animation-duration:20s}.floating-shape.shape-3{width:250px;height:250px;bottom:10%;left:50%;animation-delay:6s;animation-duration:30s}.splash-banner{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;padding:16px 20px;background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.2);animation:fadeInUp .6s ease-out;z-index:3}.splash-banner-logo{height:40px;width:auto;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.15))}@media(max-width:425px){.splash-banner-logo{height:32px}}.splash-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:32px;margin-bottom:10%;padding:32px;max-width:600px}.splash-content .splash-image{width:120vw;max-width:1000px;height:auto;object-fit:contain}@media(max-width:425px){.splash-content{gap:24px;padding:20px}}.splash-hero{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.splash-logo-icon{font-size:120px;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}@media(max-width:425px){.splash-logo-icon{font-size:100px}}.splash-cta-section{display:flex;flex-direction:column;align-items:center;gap:16px;animation:fadeInUp 1.6s ease-out}.splash-logo-container{position:relative;display:flex;align-items:center;justify-content:center}.splash-logo-circle{width:180px;height:180px;background:#fff3;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #0003,inset 0 1px #ffffff4d;border:3px solid rgba(255,255,255,.4);animation:bounce 2s ease-in-out infinite}.splash-logo-circle .splash-logo-img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.splash-text-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.splash-title{display:flex;flex-direction:column;align-items:center;gap:8px}.splash-title .title-line-1{font-size:48px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.3);letter-spacing:-1.5px;margin:0;animation:fadeInUp .8s ease-out}.splash-subtitle{font-size:17px;font-weight:500;color:#ffffffe6;max-width:400px;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.2);animation:fadeInUp 1.2s ease-out}.splash-loading{display:flex;flex-direction:column;align-items:center;gap:16px;animation:fadeInUp 1.4s ease-out}.splash-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.splash-loading-text{font-size:15px;font-weight:500;color:#ffffffe6;letter-spacing:.5px}.splash-btn-primary{padding:16px 48px;background:#fff;color:#4caf50;border:none;border-radius:30px;font-size:18px;justify-content:center;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0003;letter-spacing:.5px;display:flex;align-items:center;gap:8px;min-height:56px;width:80vw;max-width:500px}@media(max-width:425px){.splash-btn-primary{min-height:54px;padding:12px 40px;font-size:18px}}.splash-btn-primary:disabled{opacity:.7;cursor:not-allowed}.splash-btn-primary.loaded{animation:successPulse .6s ease}.splash-btn-primary svg{width:20px;height:20px;transition:transform .2s ease}@media(max-width:425px){.splash-btn-primary svg{width:20px;height:20px}}.splash-btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 25px #00000040;background:#fffffff2}.splash-btn-primary:hover:not(:disabled) svg{transform:translate(4px)}.splash-btn-primary:active:not(:disabled){transform:translateY(-1px)}@media(max-width:768px){.splash-logo-circle{width:150px;height:150px}.splash-logo-circle .splash-logo-img{width:110px;height:110px}}@media(max-width:480px){.splash-title .title-line-1{font-size:40px;letter-spacing:-1px}.splash-title .title-line-2{font-size:22px;letter-spacing:0}.splash-subtitle{font-size:16px;padding:0 12px}}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;max-width:1200px;margin:0 auto}@media(max-width:425px){.product-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 8px}}@media(min-width:426px)and (max-width:639px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(min-width:640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.product-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;position:relative;border:2px solid transparent}@media(max-width:425px){.product-card{border-radius:12px;box-shadow:0 1px 4px #00000014}}.product-card:hover{border-color:#4caf5066}.product-image-wrapper{position:relative;background:linear-gradient(135deg,#f5f7fa,#e8ecf170);padding:12px;border-radius:50% 10%;aspect-ratio:1}@media(max-width:425px){.product-image-wrapper{padding:4px}}.product-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.featured-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #4caf504d}@media(max-width:425px){.featured-badge{top:4px;right:4px;padding:2px 4px;font-size:7px;border-radius:6px;letter-spacing:.3px}}.product-info{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}@media(max-width:425px){.product-info{padding:8px;gap:4px}}.product-header{display:flex;flex-direction:column;gap:4px}.product-name{font-size:14px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px}@media(max-width:425px){.product-name{font-size:13px;line-height:1.3;min-height:34px;font-weight:700}}.product-category-tag{font-size:10px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:8px;width:fit-content;font-weight:500}@media(max-width:425px){.product-category-tag{font-size:9px;padding:2px 4px;border-radius:6px}}.product-price-row{display:flex;align-items:baseline;gap:4px;margin-top:auto}.product-price{font-size:18px;font-weight:700;color:#4caf50;margin:0}@media(max-width:425px){.product-price{font-size:15px}}.product-unit{font-size:11px;color:#999;font-weight:500}@media(max-width:425px){.product-unit{font-size:9px}}.product-actions{display:flex;gap:8px;align-items:center;margin-top:8px}@media(max-width:425px){.product-actions{gap:8px;margin-top:8px}}.quantity-selector{display:flex;align-items:center;background:#f5f5f5;border-radius:12px;padding:4px;gap:4px;flex:1}@media(max-width:425px){.quantity-selector{border-radius:8px;padding:4px;gap:4px}}.qty-btn{width:28px;height:28px;border-radius:8px;border:none;background:#fff;color:#4caf50;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}@media(max-width:425px){.qty-btn{width:24px;height:24px;border-radius:8px}}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-btn:not(:disabled):hover{background:#4caf50;color:#fff;transform:scale(1.1)}.qty-btn:not(:disabled):active{transform:scale(.95)}.qty-btn svg{width:16px;height:16px;stroke-width:2.5}@media(max-width:425px){.qty-btn svg{width:12px;height:12px;stroke-width:2.5}}.qty-display{flex:1;text-align:center;font-size:13px;font-weight:600;color:#333;min-width:30px}@media(max-width:425px){.qty-display{font-size:14px;min-width:24px;font-weight:700}}.add-to-cart-btn{width:36px;height:36px;border-radius:12px;border:none;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4caf504d;flex-shrink:0}@media(max-width:425px){.add-to-cart-btn{width:30px;height:30px;border-radius:12px;box-shadow:0 2px 8px #4caf5066}}.add-to-cart-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #4caf5066}.add-to-cart-btn:active{transform:scale(.95)}.add-to-cart-btn svg{width:18px;height:18px;stroke-width:2.5}@media(max-width:425px){.add-to-cart-btn svg{width:16px;height:16px;stroke-width:2.5}}.add-to-cart-btn.adding{background:linear-gradient(135deg,#4caf50,#45a049);animation:successPulse .6s ease}.add-to-cart-btn.adding .checkmark{animation:checkmarkDraw .6s ease}.App-header{background-color:#4caf50;padding:12px;color:#fff}.hero{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:80px 0;text-align:center}.hero h1{font-size:32px;margin-bottom:12px}.hero p{font-size:18px;margin-bottom:16px}@media(max-width:640px){.hero h1{font-size:28px}}.products-page{min-height:100vh;padding-bottom:30px}.products-container{max-width:1400px;margin:0 auto;padding:0 20px 20px}.offers-carousel{position:relative;overflow:hidden;border-radius:12px;margin:10px auto;aspect-ratio:3/1;max-height:450px}@media(max-width:640px){.offers-carousel{aspect-ratio:3/4;max-height:500px}}.offers-carousel__slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease}.offers-carousel__slide img{width:100%;height:100%;object-fit:contain;border-radius:12px}.offers-carousel__slide.active{opacity:1}.offers-carousel__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.offers-carousel__dot{width:10px;height:10px;border-radius:50%;border:2px solid #ffffff;background:transparent;cursor:pointer;padding:0;transition:background .3s ease}.offers-carousel__dot.active{background:#fff}.results-count{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#333;font-weight:600;font-size:15px}@media(max-width:768px){.results-count{justify-content:center}}@media(max-width:425px){.results-count{font-size:12px}}.results-count svg{width:22px;height:22px;stroke-width:2.5}@media(max-width:425px){.results-count svg{width:14px;height:14px}}.filters-bar{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:2px solid #f0f0f0;padding:24px;margin-bottom:32px}@media(max-width:768px){.filters-bar{padding:20px}}@media(max-width:425px){.filters-bar{padding:16px 12px}}.filters-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}@media(max-width:768px){.filters-row{display:flex;flex-direction:column;gap:12px}}.search-box{position:relative;flex:1;min-width:280px}@media(max-width:768px){.search-box{width:100%;min-width:0}}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#999;pointer-events:none}.search-input{width:100%;padding:14px 48px;border:2px solid #e0e0e0;border-radius:12px;font-size:15px;font-family:inherit;transition:all .3s ease;background:#fafafa}@media(max-width:425px){.search-input{font-size:13px}}.search-input:focus{outline:none;border-color:#4caf50;background:#fff;box-shadow:0 0 0 4px #4caf501a}.search-input::placeholder{color:#999}.clear-search{border:none;background:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#f0f0f0;border-radius:50%;transition:all .2s ease}.clear-search svg{width:14px;height:14px;color:#666}.clear-search:hover{background:#e0e0e0}.category-pills{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:768px){.category-pills{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.category-pills::-webkit-scrollbar{width:6px;height:6px}.category-pills::-webkit-scrollbar-track{background:#f0f0f0;border-radius:6px}.category-pills::-webkit-scrollbar-thumb{background:#4caf50;border-radius:6px}}.category-pill{border:none;background:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:4px;padding:10px 18px;border:2px solid #e0e0e0;background:#fff;border-radius:12px;font-size:14px;font-weight:600;color:#555;transition:all .3s ease}@media(max-width:768px){.category-pill{white-space:nowrap;flex-shrink:0}}@media(max-width:425px){.category-pill{font-size:11px;padding:4px 12px}}.category-pill svg{width:18px;height:18px;stroke-width:2.5}.category-pill:hover{border-color:#4caf50;color:#4caf50;background:#f1f8f4}.category-pill.active{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff;box-shadow:0 4px 12px #4caf5040}.sort-dropdown{position:relative;min-width:200px}@media(max-width:768px){.sort-dropdown{width:100%;min-width:0}}.sort-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#666;pointer-events:none;z-index:1}.sort-select{width:100%;padding:14px 44px 14px 48px;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;color:#333;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}@media(max-width:425px){.sort-select{font-size:13px}}.sort-select:hover{border-color:#4caf50}.sort-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a}.active-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:2px solid #f0f0f0}@media(max-width:768px){.active-filters{display:flex;flex-direction:column;align-items:flex-start}}.filter-label{font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.filter-label{width:100%}}.filter-tag{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#e8f5e9;color:#2e7d32;border-radius:10px;font-size:13px;font-weight:600;border:2px solid #c8e6c9}.filter-tag button{border:none;background:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;color:#2e7d32;font-size:20px;font-weight:700;width:20px;height:20px;border-radius:50%;transition:all .2s ease}.filter-tag button:hover{background:#2e7d321a}.clear-all-filters{border:none;background:none;cursor:pointer;font-family:inherit;padding:8px 16px;background:#fff3e0;color:#e65100;border:2px solid #ffe0b2;border-radius:10px;font-size:13px;font-weight:600;transition:all .3s ease}.clear-all-filters:hover{background:#ffe0b2;border-color:#ffb74d}.loading-state{flex-direction:column;display:flex;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.loading-spinner-large{width:60px;height:60px;border:5px solid #f0f0f0;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:16px;color:#666;font-weight:500}.empty-products-state{flex-direction:column;display:flex;align-items:center;justify-content:center;padding:80px 20px;gap:16px;background:#fff;border-radius:16px;box-shadow:none;border:2px solid #f0f0f0;margin:40px 0}.empty-products-state svg{width:64px;height:64px;color:#ccc;margin-bottom:8px}.empty-products-state h3{font-size:24px;font-weight:700;color:#333;margin:0}.empty-products-state p{font-size:15px;color:#666;margin:0 0 16px}.reset-filters-btn{border:none;background:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:12px;font-size:15px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #4caf5040}.reset-filters-btn svg{width:18px;height:18px}.reset-filters-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5059}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,2fr));gap:24px;margin-top:32px}@media(max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,2fr));gap:16px}}@media(max-width:425px){.product-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:24px}}.cart-page{min-height:100vh;background:#f8f9fa;padding:20px 16px 100px}.cart-container{max-width:1200px;margin:0 auto}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cart-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.cart-count{font-size:14px;color:#666;background:#f0f0f0;padding:6px 12px;border-radius:20px;font-weight:500}.cart-content{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.cart-content{grid-template-columns:1fr 380px}}.cart-items-section{display:flex;flex-direction:column;gap:12px}.modern-cart-item{background:#fff;border-radius:16px;padding:16px;display:flex;gap:16px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .3s ease}.modern-cart-item:hover{box-shadow:0 4px 12px #0000001a}.cart-item-image-wrapper{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.modern-cart-image{width:100%;height:100%;object-fit:contain;padding:8px}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cart-item-header h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4}.remove-btn{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:none;background:#fee;color:#f44336;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-btn:hover{background:#f44336;color:#fff;transform:scale(1.1)}.remove-btn svg{width:16px;height:16px;stroke-width:2.5}.cart-item-meta{display:flex;gap:8px;align-items:center}.unit-price{font-size:13px;color:#666;font-weight:500}.cart-item-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.cart-quantity-selector{display:flex;align-items:center;background:#f5f5f5;border-radius:12px;padding:6px;gap:8px}.cart-qty-btn{width:32px;height:32px;border-radius:8px;border:none;background:#fff;color:#4caf50;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cart-qty-btn:hover{background:#4caf50;color:#fff;transform:scale(1.1)}.cart-qty-btn svg{width:16px;height:16px;stroke-width:2.5}.cart-qty-display{min-width:60px;text-align:center;font-size:15px;font-weight:600;color:#333;display:flex;align-items:baseline;justify-content:center;gap:4px}.qty-unit{font-size:11px;color:#999;font-weight:500}.item-total{font-size:18px;font-weight:700;color:#4caf50}.cart-actions-bar{display:flex;gap:12px;margin-top:8px}.clear-cart-btn,.continue-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.clear-cart-btn svg,.continue-btn svg{width:18px;height:18px;stroke-width:2.5}.clear-cart-btn{background:#f8f9fa;color:#666;border:2px solid #e8e8e8}.clear-cart-btn:hover{background:#fee;color:#f44336;border-color:#f44336}.continue-btn{background:#fff;color:#4caf50;border:2px solid #4caf50}.continue-btn:hover{background:#4caf50;color:#fff}.order-summary-sidebar{position:sticky;top:20px;height:fit-content}.summary-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.summary-card h2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 20px}.summary-rows{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.summary-row span:last-child{font-weight:600;color:#333}.free-badge{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:2px solid #f0f0f0;margin-bottom:20px}.summary-total span:first-child{font-size:16px;font-weight:600;color:#666}.total-amount{font-size:24px;font-weight:700;color:#4caf50}.checkout-btn{width:100%;padding:16px;border-radius:12px;border:none;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.checkout-btn:active{transform:translateY(0)}.checkout-btn svg{width:20px;height:20px;stroke-width:2.5}.security-badges{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.badge-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#666}.badge-item svg{width:20px;height:20px;color:#4caf50;stroke-width:2}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.empty-cart-icon{width:120px;height:120px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-cart-icon svg{width:60px;height:60px;color:#999;stroke-width:1.5}.empty-cart h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.empty-cart p{font-size:16px;color:#666;margin:0 0 32px;max-width:400px}.continue-shopping-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d}.continue-shopping-btn svg{width:20px;height:20px;stroke-width:2.5}.continue-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}@media(max-width:768px){.cart-page{padding:16px 12px 100px}.cart-header h1{font-size:20px}.cart-count{font-size:12px;padding:4px 10px}.modern-cart-item{padding:12px;gap:12px}.cart-item-image-wrapper{width:70px;height:70px}.order-summary-sidebar{position:relative;top:auto}}.checkout-page{min-height:100vh;background:#f5f5f5;padding:12px 8px 100px}.checkout-container{max-width:1200px;margin:0 auto}.checkout-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.checkout-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.back-link{display:inline-flex;align-items:center;gap:2px;color:#666;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}.back-link:hover{color:#4caf50}.back-link svg{width:18px;height:18px;stroke-width:2.5}.checkout-layout{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:968px){.checkout-layout{grid-template-columns:1fr 400px}}.checkout-form-section{display:flex;flex-direction:column;gap:8px}.modern-form-section{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 4px #00000014}.section-header{display:flex;align-items:center;gap:4px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.section-header svg{width:24px;height:24px;color:#4caf50;stroke-width:2;flex-shrink:0}.section-header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.input-grid{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:640px){.input-grid{grid-template-columns:1fr 1fr}}.input-grid .input-group.full-width{grid-column:1/-1}.input-group{display:flex;flex-direction:column;gap:2px}.input-group label{font-size:13px;font-weight:600;color:#1a1a1a}.input-group input,.input-group textarea,.input-group select{width:100%;padding:4px 14px;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a}.input-group input.input-error,.input-group textarea.input-error,.input-group select.input-error{border-color:#f44336}.input-group input.input-error:focus,.input-group textarea.input-error:focus,.input-group select.input-error:focus{box-shadow:0 0 0 4px #f443361a}.input-group textarea{resize:vertical;min-height:80px}.error-text{font-size:13px;color:#f44336;font-weight:500}.char-count{font-size:12px;color:#999;text-align:right}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.payment-card{position:relative;cursor:pointer}.payment-card input[type=radio]{position:absolute;opacity:0}.payment-content{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;background:#fff;border:2px solid #e8e8e8;border-radius:8px;transition:all .2s ease}.payment-card input[type=radio]:checked+.payment-content{border-color:#4caf50;background:#f1f8f1}.payment-card:hover .payment-content{border-color:#4caf50}.payment-content svg{width:28px;height:28px;color:#666;stroke-width:2}.payment-card input[type=radio]:checked+.payment-content .payment-content svg{color:#4caf50}.payment-content span{font-size:13px;font-weight:600;color:#1a1a1a}.submit-error-banner{display:flex;align-items:center;gap:4px;background:#ffebee;border:2px solid #f44336;color:#c62828;padding:8px;border-radius:8px;font-weight:500;font-size:13px}.submit-error-banner svg{width:24px;height:24px;flex-shrink:0;stroke-width:2}.order-summary-fixed{position:sticky;top:12px;height:fit-content}.summary-sticky{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #00000014}.summary-sticky h2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.summary-items-list{max-height:300px;overflow-y:auto;margin-bottom:12px;padding-right:4px}.summary-product{display:flex;gap:4px;padding:4px 0;border-bottom:1px solid #f0f0f0}.summary-product:last-child{border-bottom:none}.summary-product-image{position:relative;width:60px;height:60px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:8px;flex-shrink:0;overflow:hidden}.summary-product-image img{width:100%;height:100%;object-fit:contain;padding:6px}.item-qty-badge{position:absolute;top:-6px;right:-6px;background:#4caf50;color:#fff;border-radius:10px;min-width:22px;height:22px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 6px #4caf5066}.summary-product-info{flex:1;min-width:0}.summary-product-name{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-product-unit{font-size:12px;color:#999}.summary-product-price{font-size:15px;font-weight:700;color:#4caf50;flex-shrink:0}.summary-calculations{padding:8px 0;border-top:2px solid #f0f0f0;border-bottom:2px solid #f0f0f0;margin-bottom:8px}.calc-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px;color:#666}.calc-row:last-child{margin-bottom:0}.calc-row span:last-child{font-weight:600;color:#1a1a1a}.free-shipping{color:#4caf50!important;font-weight:700!important}.shipping-notice{display:flex;align-items:center;gap:2px;padding:4px;background:#fff3e0;border-radius:10px;font-size:12px;color:#e65100;margin-top:4px}.shipping-notice svg{width:16px;height:16px;flex-shrink:0;stroke-width:2}.summary-total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:12px}.summary-total-row span:first-child{font-size:15px;font-weight:600;color:#666}.total-price{font-size:28px;font-weight:700;color:#4caf50}.place-order-button{width:100%;padding:8px;border-radius:8px;border:none;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d;margin-bottom:12px}.place-order-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.place-order-button:active:not(:disabled){transform:translateY(0)}.place-order-button:disabled{opacity:.6;cursor:not-allowed}.place-order-button svg{width:20px;height:20px;stroke-width:2.5}@media(max-width:967px){.place-order-button{position:fixed;bottom:0;left:0;right:0;z-index:1001;border-radius:0;margin:0;padding:18px 8px;padding-bottom:calc(18px + env(safe-area-inset-bottom));box-shadow:0 -4px 12px #0000001a}.place-order-button:hover:not(:disabled){transform:none}.checkout-page~.bottom-navbar,body:has(.checkout-page) .bottom-navbar{display:none}}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.trust-badges{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid #f0f0f0}.trust-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#666}.trust-item svg{width:20px;height:20px;color:#4caf50;stroke-width:2;flex-shrink:0}.success-container{max-width:500px;margin:60px auto;background:#fff;border-radius:20px;padding:48px 24px;box-shadow:0 4px 12px #0000001a;text-align:center}.success-animation{margin-bottom:24px}.success-checkmark{width:100px;height:100px;margin:0 auto;position:relative}.success-checkmark svg{width:100px;height:100px}.success-circle{stroke:#4caf50;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-check{transform-origin:50% 50%;stroke:#4caf50;stroke-width:2;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}.success-container h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.success-container>p{font-size:15px;color:#666;margin:0 0 16px}.order-number-card{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:16px;border-radius:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:2px}.order-label{font-size:13px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.order-number-display{font-size:24px;font-weight:700;color:#4caf50;font-family:Courier New,monospace}.confirmation-text{font-size:13px;color:#666;line-height:1.6;margin-bottom:24px}.success-actions{display:flex;flex-direction:column;gap:4px}.success-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:14px 16px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease}.success-btn svg{width:20px;height:20px;stroke-width:2.5}.success-btn.primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px #4caf504d}.success-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.success-btn.secondary{background:#f0f0f0;color:#666}.success-btn.secondary:hover{background:#e8e8e8;color:#1a1a1a}@media(max-width:640px){.success-container{margin:12px auto;padding:24px 16px}.success-container h1{font-size:24px}.order-number-display{font-size:20px}.success-actions{align-items:stretch}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header svg{width:64px;height:64px;color:#667eea;margin:0 auto 20px;display:block}.login-header h1{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:8px}.login-header p{color:#718096;font-size:14px}.login-form .form-group{margin-bottom:24px}.login-form .form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.login-form .form-group label svg{width:18px;height:18px;color:#667eea}.login-form .form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .3s ease;font-family:inherit}.login-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-form .form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.login-form .form-group input::placeholder{color:#cbd5e0}.login-error{background-color:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #fc8181;text-align:center;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-submit-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:24px;text-align:center}.login-footer p{color:#718096;font-size:13px}.login-loading{text-align:center;color:#fff;font-size:18px;font-weight:500}.protected-route-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.protected-route-loading .spinner-large{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.protected-route-loading p{color:#4a5568;font-size:16px}.logout-btn{background:linear-gradient(135deg,#f56565,#c53030)!important}.logout-btn:hover{background:linear-gradient(135deg,#fc8181,#e53e3e)!important}.admin-dashboard{min-height:100vh;background:#f5f5f5;padding:12px 8px 100px}.admin-container{max-width:1400px;margin:0 auto}.admin-header{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.admin-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.admin-title-section{display:flex;align-items:center;gap:8px}.admin-icon{width:48px;height:48px;color:#4caf50;stroke-width:2;flex-shrink:0}.admin-title-section h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.admin-title-section p{font-size:13px;color:#666;margin:0}.admin-actions{display:flex;gap:4px}.admin-action-btn{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px 12px;border-radius:8px;border:2px solid #4caf50;background:#fff;color:#4caf50;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-action-btn svg{width:20px;height:20px;stroke-width:2.5}.admin-action-btn:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #4caf504d}.admin-action-btn.active{background:#f44336;border-color:#f44336;color:#fff}.admin-action-btn.active:hover{background:#d32f2f;border-color:#d32f2f}.admin-back-btn{display:flex;align-items:center;gap:2px;background:#fff;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:4px;border:none}.admin-back-btn svg{width:18px;height:18px;stroke-width:2.5}.admin-back-btn:hover{color:#4caf50}.admin-section{background:#fff;border-radius:20px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.section-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:8px}.section-title{display:flex;align-items:center;gap:4px}.section-title svg{width:28px;height:28px;color:#4caf50;stroke-width:2}.section-title h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.item-count{background:#4caf50;color:#fff;padding:4px;border-radius:8px;font-size:13px;font-weight:700}.filter-group{display:flex;align-items:center;gap:4px}.filter-group label{font-size:13px;font-weight:600;color:#666}.modern-select{padding:10px 8px;border:2px solid #e8e8e8;border-radius:8px;font-size:13px;font-weight:500;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.modern-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px}.order-card{background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;padding:12px;transition:all .3s ease;display:flex;flex-direction:column;gap:8px}.order-card:hover{border-color:#4caf50;box-shadow:0 4px 16px #4caf5026;transform:translateY(-2px)}.order-card-header{display:flex;justify-content:space-between;align-items:center}.order-number{display:flex;align-items:center;gap:2px;font-size:15px;font-weight:700;color:#1a1a1a;font-family:Courier New,monospace}.order-number svg{width:18px;height:18px;color:#666;stroke-width:2.5}.status-badge{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fff3cd;color:#856404}.status-confirmed{background:#d4edda;color:#155724}.status-processing{background:#cfe2ff;color:#004085}.status-shipped{background:#cff4fc;color:#055160}.status-delivered{background:#d1e7dd;color:#0a3622}.status-cancelled{background:#f8d7da;color:#721c24}.order-customer{display:flex;align-items:flex-start;gap:4px;padding:4px;background:#fff;border-radius:8px}.order-customer svg{width:20px;height:20px;color:#4caf50;stroke-width:2;flex-shrink:0;margin-top:2px}.customer-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.customer-contact{font-size:13px;color:#666}.order-items{display:flex;flex-direction:column;gap:2px}.order-item-preview{display:flex;align-items:center;gap:2px;font-size:13px;color:#666}.item-quantity{font-weight:700;color:#4caf50;min-width:30px}.item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-items{font-size:12px;color:#999;font-style:italic}.order-footer{display:flex;justify-content:space-between;align-items:center;align-items:flex-end;margin-top:auto;padding-top:8px;border-top:2px solid #f0f0f0}.order-meta{display:flex;flex-direction:column;gap:6px}.order-total{display:flex;flex-direction:column;gap:2px}.order-total span{font-size:12px;color:#999;font-weight:500}.order-total strong{font-size:20px;color:#4caf50;font-weight:700}.order-date{font-size:12px;color:#999}.order-actions{display:flex;gap:2px}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:2px 14px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn svg{width:16px;height:16px;stroke-width:2.5}.action-btn.confirm{background:#4caf50;color:#fff}.action-btn.confirm:hover{background:#45a049;transform:scale(1.05)}.action-btn.cancel{background:#f44336;color:#fff}.action-btn.cancel:hover{background:#d32f2f;transform:scale(1.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 12px;text-align:center}.empty-state svg{width:80px;height:80px;color:#ccc;stroke-width:1.5;margin-bottom:8px}.empty-state p{font-size:15px;color:#999;margin:0}.admin-form-card{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.admin-form-card h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px;display:flex;align-items:center;gap:4px}.admin-form-card h3 svg{width:28px;height:28px;color:#4caf50;stroke-width:2}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(max-width:640px){.form-grid{grid-template-columns:1fr 1fr}}.form-grid .full-width{grid-column:1/-1}.modern-form-group{display:flex;flex-direction:column;gap:2px}.modern-form-group label{font-size:13px;font-weight:600;color:#1a1a1a}.modern-form-group input,.modern-form-group textarea,.modern-form-group select{width:100%;padding:4px 8px;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease}.modern-form-group input:focus,.modern-form-group textarea:focus,.modern-form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a}.modern-form-group textarea{min-height:100px;resize:vertical}.checkbox-group{display:flex;align-items:center;gap:4px;padding:4px;background:#f5f5f5;border-radius:8px}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-group label{font-size:15px;font-weight:500;color:#1a1a1a;cursor:pointer;margin:0}.image-upload-section{background:#f5f5f5;border:2px dashed #e8e8e8;border-radius:12px;padding:16px;transition:all .2s ease}.image-upload-section:hover{border-color:#4caf50;background:#f1f8f1}.image-preview-container{margin-top:8px;padding:8px;background:#fff;border-radius:8px;border:2px solid #4caf50}.preview-image{width:150px;height:150px;object-fit:cover;border-radius:8px;margin-bottom:4px}.upload-guidelines{font-size:13px;color:#666;margin-top:4px;padding:4px;background:#fff;border-radius:6px}.submit-btn{padding:14px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d;margin-top:16px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.product-admin-card{background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;padding:8px;transition:all .3s ease}.product-admin-card:hover{border-color:#4caf50;box-shadow:0 4px 16px #4caf5026}.product-admin-header{display:flex;gap:8px;margin-bottom:8px}.product-admin-image{width:80px;height:80px;background:#fff;border-radius:8px;overflow:hidden;flex-shrink:0}.product-admin-image img{width:100%;height:100%;object-fit:cover}.product-admin-info{flex:1;min-width:0}.product-admin-name{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.product-admin-desc{font-size:13px;color:#666;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-meta{display:flex;gap:4px;align-items:center}.product-price-tag{font-size:18px;font-weight:700;color:#4caf50}.product-unit-tag{padding:4px 10px;background:#e3f2fd;color:#1565c0;border-radius:6px;font-size:12px;font-weight:600}.product-category-tag-admin{padding:4px 10px;background:#f3e5f5;color:#7b1fa2;border-radius:6px;font-size:12px;font-weight:600}.product-admin-actions{display:flex;gap:2px;padding-top:8px;border-top:2px solid #f0f0f0}.admin-product-btn{flex:1;padding:10px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.admin-product-btn svg{width:16px;height:16px;stroke-width:2.5}.admin-product-btn.manage{background:#4caf50;color:#fff}.admin-product-btn.manage:hover{background:#45a049}.admin-product-btn.delete{background:#f44336;color:#fff}.admin-product-btn.delete:hover{background:#d32f2f}.product-expanded-section{margin-top:8px;padding:8px;background:#fff;border-radius:8px;border:2px solid #4caf50}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.category-card{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:2px solid #e8e8e8;border-radius:12px;padding:12px;transition:all .3s ease}.category-card:hover{border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 16px #4caf5026}.category-card-header{display:flex;justify-content:space-between;align-items:center;align-items:flex-start;margin-bottom:4px}.category-name{font-size:18px;font-weight:700;color:#1a1a1a}.category-desc{font-size:13px;color:#666;line-height:1.5;margin-bottom:8px}.delete-category-btn{padding:2px 8px;border-radius:10px;border:none;background:#f44336;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.delete-category-btn:hover{background:#d32f2f;transform:scale(1.05)}.delete-category-btn svg{width:16px;height:16px;stroke-width:2.5}@media(max-width:640px){.admin-header{padding:12px}.admin-title-section{flex-direction:column;align-items:flex-start}.admin-title-section .admin-icon{width:36px;height:36px}.admin-title-section h1{font-size:24px}.admin-actions{width:100%;flex-direction:column}.admin-action-btn{width:100%;justify-content:center}.orders-grid,.products-grid,.categories-grid{grid-template-columns:1fr}.section-header-bar{flex-direction:column;align-items:flex-start}.filter-group{width:100%}.filter-group .modern-select{flex:1}}.orders-list{display:flex;flex-direction:column;gap:12px}.order-row{background:#fff;border:2px solid #e8e8e8;border-radius:16px;overflow:hidden;transition:all .3s ease}.order-row:hover{border-color:#4caf50;box-shadow:0 4px 16px #4caf501a}.order-row.expanded{border-color:#4caf50;box-shadow:0 6px 20px #4caf5026}.order-summary{display:grid;grid-template-columns:2.5fr 1.3fr 1.2fr 1.3fr 1.3fr 60px;align-items:center;gap:12px;padding:12px 16px;background:#fafafa}.order-info-group{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .2s ease;min-height:40px}.order-info-group>div{display:flex;flex-direction:column;justify-content:center;flex:1}.order-info-group:hover{background:#4caf500d}.order-info-group.status-info{justify-content:center}.order-info-group.expand-btn{cursor:default;padding:0;justify-content:center}.order-info-group.expand-btn:hover{background:transparent}.order-info-group svg{width:18px;height:18px;color:#4caf50;stroke-width:2;flex-shrink:0}.order-info-group .label{font-size:10px;color:#999;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:2px}.order-info-group .value{font-size:14px;color:#1a1a1a;font-weight:600}.order-info-group.items-info .value,.order-info-group.total-info .value{font-size:16px;font-weight:700;color:#4caf50}.order-info-group.date-info .value{font-size:13px}.order-row.expanded .order-summary{background:#f8fff9;border-bottom:2px solid #e8f5e9}.expand-btn{padding-right:8px}.expand-toggle{background:#e8f5e9;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.expand-toggle:hover{background:#4caf50}.expand-toggle:hover svg{color:#fff}.expand-toggle svg{width:20px;height:20px;color:#4caf50;stroke-width:2.5;transition:all .3s ease}.expand-toggle svg.rotated{transform:rotate(180deg)}.order-details{background:#fff;padding:24px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.order-number-detail{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#1a1a1a;font-family:Courier New,monospace}.order-number-detail svg{width:22px;height:22px;color:#4caf50;stroke-width:2.5}.details-content{display:flex;flex-direction:column;gap:24px}.details-section{background:#fafafa;border-radius:12px;padding:20px}.details-section h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px;display:flex;align-items:center;gap:8px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-label{font-size:12px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:#1a1a1a;font-weight:600}.items-table{display:flex;flex-direction:column;gap:8px}.items-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;background:#fff;border-radius:8px;font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.items-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:14px 16px;background:#fff;border-radius:8px;align-items:center;transition:all .2s ease}.items-table-row:hover{background:#f8fff9;transform:translate(-4px)}.item-name-cell{font-size:15px;font-weight:600;color:#1a1a1a}.item-quantity-cell{font-size:14px;color:#666;font-weight:600}.item-price-cell{font-size:14px;color:#666}.item-total-cell{font-size:15px;font-weight:700;color:#4caf50;text-align:left}.items-table-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px;background:#e8f5e9;border-radius:8px;margin-top:8px;font-weight:700;color:#1a1a1a}.items-table-footer .total-amount{font-size:18px;color:#2e7d32}.status-actions{display:flex;flex-wrap:wrap;gap:10px}.status-action-btn{padding:10px 18px;border-radius:10px;border:2px solid #e8e8e8;background:#fff;color:#666;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.status-action-btn:hover:not(:disabled){border-color:#4caf50;color:#4caf50;background:#f8fff9;transform:translateY(-2px)}.status-action-btn.active{border-color:#4caf50;background:#4caf50;color:#fff}.status-action-btn:disabled{cursor:not-allowed;opacity:.5}.status-action-btn.cancel-btn:hover:not(:disabled){border-color:#f44336;color:#f44336;background:#fff5f5}.status-action-btn.cancel-btn.active{border-color:#f44336;background:#f44336;color:#fff}@media(max-width:1200px){.order-summary{grid-template-columns:2fr 1.2fr 1fr 1.2fr 60px;gap:16px}.order-info-group.items-info{display:none}}@media(max-width:768px){.order-summary{grid-template-columns:1fr;gap:0;padding:16px}.order-info-group{justify-content:space-between;padding:12px 8px;border-bottom:1px solid #f0f0f0;margin:0}.order-info-group:last-of-type{border-bottom:none}.order-info-group.expand-btn{justify-content:center;border:none;padding-top:16px;margin-top:8px}.order-info-group svg{order:-1}.order-info-group>div{display:flex;align-items:center;gap:8px}.order-info-group .label{display:inline;margin-bottom:0}.order-info-group .label:after{content:": "}.order-details{padding:20px 12px}.details-header{margin-bottom:20px}.order-number-detail{font-size:16px}.details-content{gap:20px}.details-section{padding:16px}.details-section h3{font-size:15px;margin-bottom:14px}.details-grid{grid-template-columns:1fr;gap:14px}.detail-item{gap:6px}.detail-label{font-size:11px}.detail-value{font-size:14px}.items-table{gap:10px}.items-table-header{grid-template-columns:2fr 1fr 1fr;padding:10px 12px;font-size:11px}.items-table-row{grid-template-columns:2fr 1fr 1fr;padding:12px;gap:12px}.item-price-cell{display:none}.item-name-cell{font-size:14px}.item-quantity-cell{font-size:13px;text-align:center}.item-total-cell{font-size:14px;text-align:right}.items-table-footer{grid-template-columns:2fr 1fr 1fr;padding:14px 12px;gap:12px}.items-table-footer .total-amount{font-size:16px;text-align:right}.status-actions{flex-direction:column;gap:12px}.status-action-btn{width:100%;justify-content:center;padding:12px 18px;font-size:15px}}.products-controls{display:flex;gap:12px;margin-bottom:16px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px}.search-box svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#666;pointer-events:none}.search-box input{width:100%;padding:12px 40px;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.search-box input::placeholder{color:#999}.search-box .clear-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#999;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;transition:all .3s ease}.search-box .clear-search:hover{background:#f44336}.sort-box{display:flex;align-items:center;gap:4px}.sort-box label{font-size:13px;font-weight:600;color:#666;white-space:nowrap}.sort-box select{padding:10px 16px;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;cursor:pointer;background:#fff;transition:all .3s ease}.sort-box select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.background-loading,.load-error{padding:8px 12px;margin-bottom:12px;border-radius:8px;text-align:center;font-size:13px}.background-loading{background:#4caf501a;color:#4caf50}.load-error{background:#f443361a;color:#f44336;display:flex;align-items:center;justify-content:center;gap:8px}.load-error .retry-btn{padding:6px 12px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s ease}.load-error .retry-btn:hover{background:#ea1c0d}.loading-state{text-align:center;padding:32px}.loading-state .spinner{width:48px;height:48px;margin:0 auto 12px;border:4px solid rgba(76,175,80,.2);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:#666;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}.stock-badge{padding:4px 10px;border-radius:50%;font-size:12px;font-weight:600}.stock-badge.low{background:#f4433626;color:#f44336}.stock-badge.medium{background:#ff980026;color:#ff9800}.stock-badge.high{background:#4caf5026;color:#4caf50}.featured-badge{padding:4px 10px;border-radius:50%;font-size:12px;font-weight:600;background:#4caf5026;color:#4caf50}.product-admin-card.editing{border:2px solid #4caf50;box-shadow:0 2px 8px #4caf504d}.product-edit-form{padding:16px}.product-edit-form h3{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e8e8e8}.product-edit-form h4{font-size:15px;font-weight:600;color:#666;margin:0 0 8px}.edit-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px}.edit-form-grid .full-width{grid-column:1/-1}.edit-form-grid .form-group{display:flex;flex-direction:column}.edit-form-grid .form-group label{font-size:13px;font-weight:600;color:#666;margin-bottom:6px}.edit-form-grid .form-group input,.edit-form-grid .form-group textarea,.edit-form-grid .form-group select{padding:10px 14px;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;transition:all .3s ease}.edit-form-grid .form-group input:focus,.edit-form-grid .form-group textarea:focus,.edit-form-grid .form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.edit-form-grid .form-group textarea{resize:vertical;font-family:inherit}.edit-form-grid .checkbox-group{display:flex;align-items:center;gap:4px;padding-top:24px}.edit-form-grid .checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.edit-form-grid .checkbox-group label{font-size:15px;font-weight:500;color:#1a1a1a;cursor:pointer;margin:0}.image-management-section{margin-bottom:16px;padding:12px;background:#4caf500d;border-radius:8px}.edit-form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:2px solid #e8e8e8}.edit-form-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-form-actions button:disabled{opacity:.6;cursor:not-allowed}.edit-form-actions .save-btn{background:#4caf50;color:#fff}.edit-form-actions .save-btn:hover:not(:disabled){background:#3d8b40;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.edit-form-actions .cancel-btn{background:#fff;color:#666;border:2px solid #e8e8e8}.edit-form-actions .cancel-btn:hover:not(:disabled){border-color:#f44336;color:#f44336}.admin-product-btn.edit{background:#4caf50;color:#fff;border:none}.admin-product-btn.edit:hover{background:#3d8b40;transform:translateY(-2px);box-shadow:0 2px 8px #4caf504d}@media(max-width:768px){.products-controls{flex-direction:column}.search-box{min-width:100%}.sort-box{width:100%}.sort-box select{flex:1}.edit-form-grid{grid-template-columns:1fr}.edit-form-actions{flex-direction:column-reverse}.edit-form-actions button{width:100%}}.admin-panel{padding:20px 0}.admin-form{background:#fff;padding:16px;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:15px}.form-group textarea{height:100px;resize:vertical}