.category-page{max-width:900px;margin:auto}.category-heading{margin:38px 0 26px}.category-heading h1{font:800 38px Manrope;margin:0}.category-heading p{color:var(--muted)}.category-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.category-add,.category-list{padding:24px}.category-add h2{font:800 19px Manrope;margin:0 0 22px}.category-add{display:grid;gap:18px;position:sticky;top:96px}.category-list article{display:flex;gap:8px;padding:11px 0;border-top:1px solid var(--line)}.category-list article>form:first-child{display:flex;gap:8px;flex:1}.category-list input{height:42px}.save-category,.delete-category{border:0;border-radius:9px;font-weight:700;cursor:pointer}.save-category{padding:0 13px;background:#e8f2eb;color:var(--green)}.delete-category{width:42px;height:42px;background:#fff0ee;color:#ad493b;font-size:20px}@media(max-width:700px){.category-layout{grid-template-columns:1fr}.category-add{position:static}.category-heading h1{font-size:31px}}