*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2bae66;--primary-dark:#1f8f50;--accent:#52d68a;--danger:#ef4444;--danger-dark:#dc2626;--success:#2bae66;--bg:#0a1a0f;--bg-card:#0f2318;--bg-section:#122b1c;--text:#d4f0e0;--text-muted:#6aab85;--border:#1e4a30;--white:#fff;--font:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 8px 32px #00000080;--transition:.3s ease}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--bg);color:var(--text);min-height:100vh;line-height:1.7}.app{max-width:1100px;margin:0 auto;padding:0 1.5rem}.app__header{text-align:center;padding:3rem 1rem 1.5rem}.app__title{color:var(--text);margin-bottom:.4rem;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800}.app__subtitle{color:var(--text-muted);font-size:.95rem}.app__count{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9rem}.add-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;padding:1.75rem}.add-form__title{color:var(--text);margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.add-form__row{grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.add-form__group{flex-direction:column;gap:.35rem;display:flex}.add-form__label{color:var(--text-muted);font-size:.85rem;font-weight:600}.add-form__input{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);transition:border-color var(--transition), box-shadow var(--transition);padding:.65rem 1rem;font-size:.95rem}.add-form__input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2bae6633}.add-form__input::placeholder{color:var(--text-muted)}.add-form__select{cursor:pointer}.add-form__footer{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.add-form__btn{background:var(--primary);color:var(--white);border:2px solid var(--primary);cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border-radius:50px;align-items:center;padding:.7rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.add-form__btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #2bae6666}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:.6rem;padding:1.5rem;animation:.25s forwards slideIn;display:flex}.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #0009}@keyframes slideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.product-card__badge{background:var(--bg-section);border:1px solid var(--border);color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border-radius:50px;align-self:flex-start;padding:.2rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.product-card__name{color:var(--text);font-size:1.05rem;font-weight:700}.product-card__price{color:var(--primary);font-size:1.3rem;font-weight:800}.product-card__stock{font-size:.85rem;font-weight:600}.product-card__stock--in{color:var(--success)}.product-card__stock--out{color:var(--danger)}.product-card__quantity{color:var(--text-muted);font-size:.85rem}.product-card__quantity strong{color:var(--text);font-weight:700}.product-card__btn{color:var(--danger);border:1px solid var(--danger);cursor:pointer;transition:background var(--transition), color var(--transition), transform var(--transition);background:0 0;border-radius:50px;align-self:flex-start;margin-top:auto;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600}.product-card__btn:hover{background:var(--danger);color:var(--white);transform:translateY(-2px)}.empty-state{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state__icon{font-size:2.8rem}.empty-state__text{color:var(--text-muted);font-size:1rem}.footer{background:var(--bg-card);border-top:1px solid var(--border);margin-top:3rem;padding:1.5rem 2rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;max-width:1100px;margin:0 auto;display:flex}.footer__logo{color:var(--primary);letter-spacing:.5px;font-size:1rem;font-weight:700}.footer__copy{color:var(--text-muted);font-size:.85rem}@media (width<=768px){.add-form__row{grid-template-columns:1fr 1fr}}@media (width<=480px){.add-form__row{grid-template-columns:1fr}.add-form__footer{flex-direction:column;align-items:flex-start}.add-form__btn{justify-content:center;width:100%}.product-grid{grid-template-columns:1fr}.footer__inner{text-align:center;flex-direction:column}}