.home-page{display:grid;gap:25px}.banner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:220px;overflow:hidden;padding:40px 50px;border:1px solid rgba(255,255,255,.68);border-radius:24px;background:linear-gradient(105deg,#ffffffb8,#f3e8ff9e);box-shadow:0 10px 30px #0f172a05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.banner-content{position:relative;z-index:2;max-width:60%}.hero-badge{display:inline-block;margin-bottom:15px;padding:4px 12px;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#db2777);color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.banner h1{margin:0 0 15px;color:#111827;font-size:36px;font-weight:800;letter-spacing:1px}.banner p{color:#6b7280;font-size:15px;letter-spacing:.5px}.banner-right{position:relative;z-index:2;display:flex;align-items:center;gap:30px}.stat-card{min-width:128px;padding:20px 25px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:linear-gradient(145deg,#ffffff7a,#ffffff38);box-shadow:0 8px 24px #9333ea14;text-align:center;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.stat-label{margin-bottom:5px;color:#9ca3af;font-size:12px}.stat-value{display:flex;align-items:center;justify-content:center;gap:5px;color:#db2777;font-size:28px;font-weight:800}.stat-value span{font-size:20px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px;border:1px solid rgba(255,255,255,.62);border-radius:20px;background:#ffffff80;box-shadow:0 4px 20px #0f172a03;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feature-card{display:flex;align-items:center;gap:15px;padding:15px 20px;border:1px solid rgba(255,255,255,.5);border-radius:14px;background:#ffffffb3}.feature-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:999px;font-size:13px;font-weight:800}.fi-1{background:#e0e7ff;color:#4f46e5}.fi-2{background:#dcfce7;color:#16a34a}.fi-3{background:#e0f2fe;color:#0284c7}.fi-4{background:#fce7f3;color:#db2777}.feature-info h3{margin:0 0 2px;color:#1f2937;font-size:14px;font-weight:800}.feature-info p{color:#9ca3af;font-size:11px}.products-section{min-height:400px;padding:30px;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:#fff9;box-shadow:0 10px 30px #0f172a05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.products-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px}.products-title{display:flex;align-items:center;gap:8px;color:#1f2937;font-size:16px;font-weight:800}.products-title:before{content:"●";color:#8b5cf6;font-size:12px}.filter-controls{display:flex;align-items:center;gap:15px}.select-custom,.search-input{height:38px;border:1px solid #e5e7eb;border-radius:8px;background:#fffc;color:#4b5563;font-size:13px;outline:none}.select-custom{min-width:120px;padding:8px 16px;cursor:pointer}.search-wrapper{position:relative}.search-input{width:200px;padding:8px 16px 8px 35px}.search-icon{position:absolute;left:12px;top:50%;color:#9ca3af;font-size:13px;transform:translateY(-50%)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.68);border-radius:16px;background:linear-gradient(145deg,#ffffff75,#ffffff2e),#fff3;box-shadow:inset 0 1px #ffffffb3,0 18px 42px #0f172a14;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #6366f11f}.product-card figure{position:relative;margin:0;aspect-ratio:1 / 1;overflow:hidden;background:#ffffff2e}.product-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover figure img{transform:scale(1.04)}.category-pill{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:8px;background:#4f46e5;color:#fff;font-size:11px;font-weight:800}.product-info{position:absolute;right:10px;bottom:10px;left:10px;padding:14px;border:1px solid rgba(255,255,255,.48);border-radius:12px;background:linear-gradient(145deg,#ffffff6b,#ffffff2e);box-shadow:inset 0 1px #ffffff8c,0 14px 30px #0f172a14;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.product-title-row{display:flex;align-items:flex-start;gap:8px}.product-title-row h3{min-width:0;margin:0;color:#1f2937;font-size:14px;font-weight:800;line-height:1.45}.stock-pill{flex:0 0 auto;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:800}.stock-pill.available{background:#dcfce7;color:#16a34a}.stock-pill.low{background:#fef3c7;color:#d97706}.stock-pill.empty{background:#fee2e2;color:#ef4444}.stock-pill.manual{background:#e0f2fe;color:#0284c7}.product-price{margin-top:12px;color:#ef4444;font-size:20px;font-weight:900}.product-price span{margin-right:1px;font-size:12px}.empty-state{padding:60px 0;text-align:center}.empty-icon{margin-bottom:15px;color:#c084fc;font-size:50px;line-height:1;opacity:.7}.empty-state h2{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:800}.empty-state p{margin-bottom:25px;color:#9ca3af;font-size:13px}.front-btn-primary{display:inline-block;padding:10px 24px;border-radius:8px;background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 4px 15px #8b5cf633;color:#fff;font-size:14px;font-weight:700;transition:opacity .2s ease}.front-btn-primary:hover{opacity:.9}@media(max-width:980px){.banner{align-items:flex-start;flex-direction:column}.banner-content{max-width:100%}.features,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.banner,.products-section{padding:24px}.banner h1{font-size:28px}.banner-right,.products-header,.filter-controls{align-items:stretch;width:100%;flex-direction:column}.features,.product-grid{grid-template-columns:1fr}.search-input,.select-custom{width:100%}}