:root{color:#18231f;background:#f5f7f6;font-family:Inter,system-ui,sans-serif}body{margin:0}main{max-width:960px;margin:0 auto;padding:32px 20px}header{color:#087f5b}section{background:#fff;border-radius:16px;margin-top:48px;padding:32px;box-shadow:0 8px 30px #1232}h1{margin-top:0}.catalog-controls{gap:12px;margin:24px 0 20px;display:grid}.category-tabs{flex-wrap:wrap;gap:8px;display:flex}.category-tabs button{color:#18231f;background:#eef4f1}.category-tabs button.active{color:#fff;background:#087f5b}.products{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}article{border:1px solid #dfe7e3;border-radius:12px;padding:16px}button{color:#fff;cursor:pointer;background:#087f5b;border:0;border-radius:8px;padding:10px 14px}button:disabled{opacity:.45;cursor:not-allowed}form{border-top:1px solid #dfe7e3;gap:12px;margin-top:28px;padding-top:24px;display:grid}.inline-form{margin-top:16px;padding-top:16px}input,select{font:inherit;border:1px solid #bdcbc5;border-radius:8px;padding:11px}.error{color:#c92a2a}.empty{color:#5c6964}.success{background:#d3f9d8;border-radius:12px;margin-top:20px;padding:16px}