.login-container{align-items:center;background:var(--login-gradient);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-container:before{background:radial-gradient(circle,#10b981 0,#0000 70%);height:480px;opacity:.28;right:-120px;top:-160px;width:480px}.login-container:after,.login-container:before{border-radius:50%;content:"";filter:blur(90px);pointer-events:none;position:absolute}.login-container:after{background:radial-gradient(circle,#f59e0b 0,#0000 70%);bottom:-100px;height:380px;left:-80px;opacity:.22;width:380px}.login-card{backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);background:#ffffff17;border:1px solid #ffffff2e;border-radius:32px;box-shadow:0 40px 100px #00000059,inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0000001a;color:#fff;padding:48px 42px;position:relative;text-align:center;width:390px;z-index:1}.login-card:before{background:linear-gradient(90deg,#10b981,#f59e0b);border-radius:0 0 4px 4px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.login-card h2{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:12px 0 6px}.subtitle{color:#ffffffa6;font-size:14px;margin-bottom:32px}.login-card input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;color:#fff;font-size:15px;margin-bottom:14px;outline:none;padding:14px 18px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.login-card input::placeholder{color:#ffffff73}.login-card input:hover{background:#ffffff24;border-color:#ffffff61}.login-card input:focus{background:#10b9811f;border-color:#10b981;box-shadow:0 0 0 3px #10b98138}.login-card button[type=submit]{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:16px;box-shadow:0 8px 24px #10b98166;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.3px;margin-top:4px;padding:15px;transition:filter .2s ease,transform .15s ease,box-shadow .2s ease;width:100%}.login-card button[type=submit]:hover{box-shadow:0 14px 36px #10b98180;filter:brightness(1.1);transform:translateY(-2px)}.login-card button[type=submit]:focus-visible{outline:3px solid #10b98199;outline-offset:2px}.error{background:#dc26262e;border:1px solid #dc26264d;border-radius:10px;color:#fca5a5;font-size:14px;margin-bottom:14px;padding:10px 14px}.hint{color:#ffffff6b;font-size:12px;margin-top:20px}.products-page{min-height:calc(100vh - 68px);padding:28px 0 72px}.products-hero{align-items:center;background:var(--hero-gradient);border-radius:28px;box-shadow:0 16px 48px var(--brand-glow),0 4px 16px #00000026;color:#fff;display:flex;gap:20px;justify-content:space-between;margin:0 auto 28px;max-width:1200px;overflow:hidden;padding:34px 44px;position:relative}.products-hero:before{background:linear-gradient(130deg,#ffffff1f,#ffffff0a 40%,#0000 70%);border-radius:inherit;inset:0}.products-hero:after,.products-hero:before{content:"";pointer-events:none;position:absolute}.products-hero:after{background:radial-gradient(circle,#f59e0b47 0,#0000 70%);border-radius:50%;height:280px;right:-60px;top:-80px;width:280px}.products-hero h1{font-size:34px;font-weight:800;letter-spacing:-.8px;margin:0;position:relative;z-index:1}.products-hero p{margin-top:6px;opacity:.82}.hero-cart-btn,.products-hero p{font-size:15px;position:relative;z-index:1}.hero-cart-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:18px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-weight:700;gap:8px;letter-spacing:.2px;padding:13px 26px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.hero-cart-btn:hover{background:#ffffff42;box-shadow:0 12px 32px #00000038;transform:translateY(-2px)}.hero-cart-btn:focus-visible{outline:3px solid #ffffff8c;outline-offset:2px}.cart-badge{align-items:center;background:var(--accent-light);border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px var(--accent-glow);color:#1a1208;display:flex;font-size:11px;font-weight:800;height:20px;justify-content:center;min-width:20px;padding:0 4px;position:absolute;right:-9px;top:-9px}.products-container{margin:0 auto;max-width:1200px;padding:0 24px}.products-filters{align-items:center;backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);background:var(--bg-layer);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:14px 18px}.search-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-input);border:1.5px solid var(--border);border-radius:14px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s,box-shadow .2s;width:260px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--brand-light);box-shadow:0 0 0 3px var(--brand-glow)}.category-tabs{display:flex;flex-wrap:wrap;gap:8px}.cat-tab{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-badge);border:1.5px solid var(--border-soft);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cat-tab:hover{background:#10b98114;border-color:var(--brand-light);color:var(--brand)}.cat-tab.active{background:var(--brand);border-color:var(--brand);box-shadow:0 4px 14px var(--brand-glow);color:#fff;font-weight:600}.no-results{color:var(--text-muted);font-size:16px;padding:72px 0;text-align:center}.products-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.product-card{backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;padding:20px;text-align:center;transition:transform .28s ease,box-shadow .28s ease,border-color .25s ease}.product-card:hover{border-color:var(--border);box-shadow:var(--shadow-card-hv);transform:translateY(-7px)}.image-wrap{align-items:center;background:var(--bg-badge);border:1px solid var(--border-soft);border-radius:16px;display:flex;height:150px;justify-content:center;margin-bottom:14px;overflow:hidden}.image-wrap img{max-height:100%;max-width:100%;object-fit:contain}.product-category{color:var(--brand-light);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.product-card h3{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3;margin:0 0 6px}.price{color:var(--price-color);flex:1 1;font-size:19px;font-weight:800;letter-spacing:-.3px;margin:0 0 16px}.add-btn{background:linear-gradient(135deg,var(--brand),var(--brand-light));border:none;border-radius:14px;box-shadow:0 4px 14px var(--brand-glow);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:11px;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.add-btn:hover{box-shadow:0 10px 24px var(--brand-glow);filter:brightness(1.1);transform:translateY(-2px)}.add-btn:focus-visible{outline:3px solid var(--brand-glow);outline-offset:2px}.toast{animation:slideUp .3s ease;background:linear-gradient(135deg,var(--brand),var(--brand-light));border:1px solid #ffffff26;border-radius:16px;bottom:28px;box-shadow:0 12px 32px var(--brand-glow),0 4px 8px #00000026;color:#fff;font-size:14px;font-weight:600;padding:13px 22px;position:fixed;right:28px;z-index:3000}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-sidebar{backdrop-filter:blur(var(--glass-blur-lg)) saturate(200%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(200%);background:var(--bg-sidebar);border-left:1px solid var(--border);box-shadow:var(--shadow-sidebar);display:flex;flex-direction:column;height:100vh;position:fixed;right:-460px;top:0;transition:right .35s cubic-bezier(.4,0,.2,1);width:440px;z-index:2000}.cart-sidebar.open{right:0}.cart-header{align-items:center;background:linear-gradient(180deg,#10b9810f 0,#0000);border-bottom:1px solid var(--border-soft);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 24px}[data-theme=dark] .cart-header{background:linear-gradient(180deg,#14b8a60d 0,#0000)}.cart-header h3{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.close-btn{align-items:center;background:var(--bg-badge);border:1px solid var(--border-soft);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;height:32px;justify-content:center;line-height:1;transition:color .2s,background .2s,border-color .2s;width:32px}.close-btn:hover{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.cart-items{flex:1 1;overflow-y:auto;padding:16px 24px}.cart-items::-webkit-scrollbar{width:3px}.cart-items::-webkit-scrollbar-track{background:#0000}.cart-items::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cart-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.cart-empty-icon{font-size:52px;opacity:.5}.cart-empty p{font-size:16px;font-weight:500;margin:0}.order-success{background:var(--success-bg);border:1px solid #10b98133;border-radius:18px;color:var(--success-text);font-size:15px;font-weight:600;margin-top:24px;padding:24px;text-align:center}.cart-item{align-items:center;border-bottom:1px solid var(--border-item);display:flex;gap:12px;padding:14px 0}.cart-item:last-child{border-bottom:none}.cart-item-info{flex:1 1;min-width:0}.cart-item-name{color:var(--text-primary);display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-unit{color:var(--text-muted);display:block;font-size:12px;margin-top:3px}.cart-item-controls{flex-shrink:0;gap:8px}.cart-item-controls,.qty-btn{align-items:center;display:flex}.qty-btn{background:var(--bg-badge);border:1.5px solid var(--border);border-radius:9px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:700;height:30px;justify-content:center;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .1s;width:30px}.qty-btn:hover{background:var(--brand);border-color:var(--brand);box-shadow:0 3px 10px var(--brand-glow);color:#fff;transform:scale(1.08)}.qty{color:var(--text-primary);font-size:14px;font-weight:700;min-width:24px;text-align:center}.cart-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.cart-item-total{color:var(--price-color);font-size:14px;font-weight:700}.remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:15px;line-height:1;padding:2px;transition:color .15s}.remove-btn:hover{color:var(--red)}.cart-footer{border-top:1px solid var(--border-soft);flex-shrink:0;padding:20px 24px}.cart-total{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;justify-content:space-between;margin-bottom:16px}.cart-total strong{color:var(--price-color);font-size:22px;font-weight:800;letter-spacing:-.5px}.order-btn{background:linear-gradient(135deg,var(--brand),var(--brand-light));border:none;border-radius:16px;box-shadow:0 6px 22px var(--brand-glow);color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.2px;padding:14px;transition:filter .2s,transform .15s,box-shadow .2s;width:100%}.order-btn:hover{box-shadow:0 12px 32px var(--brand-glow);filter:brightness(1.1);transform:translateY(-1px)}.order-btn:focus-visible{outline:3px solid var(--brand-glow);outline-offset:2px}.clear-btn{background:var(--red-bg);border:1.5px solid var(--red-border);border-radius:14px;color:var(--red);cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:11px;transition:background .2s,border-color .2s,color .2s;width:100%}.clear-btn:hover{background:var(--red);border-color:var(--red);box-shadow:0 4px 14px #dc26264d;color:#fff}:root{--bg-base:#f5f0eb;--bg-layer:#fffbf6b8;--bg-layer-solid:#fffbf6;--bg-sidebar:#fffbf6e0;--bg-card:#fffbf6ad;--bg-input:#ffffffd9;--bg-badge:#fff6;--text-primary:#1a1208;--text-secondary:#5c4a2a;--text-muted:#9c8660;--border:#10b98138;--border-soft:#00000012;--border-item:#0000000d;--glass-blur:18px;--glass-blur-lg:28px;--shadow-card:0 4px 24px #10b9811a,0 1px 4px #0000000a;--shadow-card-hv:0 16px 48px #10b9812e,0 4px 12px #00000014;--shadow-sidebar:-8px 0 48px #0000001a,-2px 0 8px #0000000a;--brand:#059669;--brand-light:#10b981;--brand-glow:#10b98152;--accent:#d97706;--accent-light:#f59e0b;--accent-glow:#f59e0b59;--price-color:#d97706;--red:#dc2626;--red-bg:#dc262612;--red-border:#dc262638;--success-bg:#d1fae5e6;--success-text:#065f46;--hero-gradient:linear-gradient(135deg,#065f46,#059669 50%,#10b981);--page-gradient:linear-gradient(150deg,#f5f0eb,#ecfdf5 45%,#fffbeb);--login-gradient:linear-gradient(135deg,#064e3b,#065f46 40%,#047857 70%,#92400e)}[data-theme=dark]{--bg-base:#060809;--bg-layer:#080c10d1;--bg-layer-solid:#0a0e12;--bg-sidebar:#06090cf0;--bg-card:hsla(0,0%,100%,.038);--bg-input:hsla(0,0%,100%,.055);--bg-badge:#ffffff12;--text-primary:#e8f4f0;--text-secondary:#7fb3a5;--text-muted:#3d6b5f;--border:#14b8a638;--border-soft:#ffffff0f;--border-item:#ffffff0d;--shadow-card:0 4px 32px #0009,0 1px 4px #0006;--shadow-card-hv:0 16px 56px #000000b3,0 0 0 1px #14b8a626;--shadow-sidebar:-8px 0 48px #000000b3;--brand:#14b8a6;--brand-light:#2dd4bf;--brand-glow:#14b8a64d;--accent:#f59e0b;--accent-light:#fbbf24;--accent-glow:#f59e0b47;--price-color:#34d399;--red:#f87171;--red-bg:#f8717114;--red-border:#f8717133;--success-bg:#064e3b8c;--success-text:#34d399;--hero-gradient:linear-gradient(135deg,#042f2e,#0f4c45 50%,#134e4a);--page-gradient:linear-gradient(150deg,#060809,#060d0c 45%,#07090b);--login-gradient:linear-gradient(135deg,#030706,#042f2e 40%,#0f4c45 80%,#1c1500)}*{box-sizing:border-box}body{background:#f5f0eb;background:var(--bg-base);background-attachment:fixed;background-image:linear-gradient(150deg,#f5f0eb,#ecfdf5 45%,#fffbeb);background-image:var(--page-gradient);color:#1a1208;color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;margin:0;min-height:100vh;transition:background .4s ease,color .3s ease}button{cursor:pointer}.top-header{backdrop-filter:blur(28px) saturate(200%);backdrop-filter:blur(var(--glass-blur-lg)) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(200%);background:#fffbf6b8;background:var(--bg-layer);border-bottom:1px solid #10b98138;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,border-color .3s ease;z-index:100}.top-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 32px}.brand-name{color:#059669;color:var(--brand);display:block;font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.1}.brand-sub{color:#9c8660;color:var(--text-muted);display:block;font-size:12px;letter-spacing:.02em;margin-top:3px}.top-actions{gap:14px}.top-actions,.user-pill{align-items:center;display:flex}.user-pill{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--brand),var(--brand-light));border-radius:50%;box-shadow:0 0 0 3px #10b98152,0 2px 8px #0003;box-shadow:0 0 0 3px var(--brand-glow),0 2px 8px #0003;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.username{color:#1a1208;color:var(--text-primary);font-size:14px;font-weight:600}.theme-toggle{flex-shrink:0;height:28px;position:relative;width:54px}.theme-toggle input{height:0;opacity:0;position:absolute;width:0}.theme-toggle-track{align-items:center;background:#fff6;background:var(--bg-badge);border:1.5px solid #10b98138;border:1.5px solid var(--border);border-radius:14px;cursor:pointer;display:flex;inset:0;padding:0 4px;position:absolute;transition:background .3s ease,border-color .3s ease}.theme-toggle input:checked+.theme-toggle-track{background:#0f4c45;border-color:#059669;border-color:var(--brand)}.theme-toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 6px #0000004d;display:flex;font-size:11px;height:20px;justify-content:center;line-height:1;transition:transform .3s ease;width:20px}.theme-toggle input:checked+.theme-toggle-track .theme-toggle-thumb{transform:translateX(26px)}.logout-btn{background:#dc262612;background:var(--red-bg);border:1.5px solid #dc262638;border:1.5px solid var(--red-border);border-radius:10px;color:#dc2626;color:var(--red);cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease,color .2s ease}.logout-btn:hover{background:#dc2626;background:var(--red);box-shadow:0 6px 18px #dc26264d;color:#fff;transform:translateY(-1px)}.logout-btn:focus-visible{outline:3px solid #dc262638;outline:3px solid var(--red-border);outline-offset:2px}
/*# sourceMappingURL=main.fa3b92e0.css.map*/