#categoryGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#categoryGrid .icon-category{display:flex;align-items:center;gap:14px;text-align:left;padding:18px 16px;min-height:94px;border:1px solid #dfebf4;border-radius:16px;background:#fff;transition:transform .18s,border-color .18s,background .18s}
#categoryGrid .category-symbol{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:13px;background:#eef7ff;color:#087aca}
#categoryGrid svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#categoryGrid strong{font-size:14px;font-weight:500;line-height:1.5;min-height:0}
#categoryGrid .icon-category:hover{transform:translateY(-3px);border-color:#58b7f6;background:#f5fbff}
#categoryGrid .icon-category.selected{border-color:#0092ff;background:#eaf6ff}
[data-theme=dark] #categoryGrid .icon-category{background:#112335;border-color:#284054}
[data-theme=dark] #categoryGrid .category-symbol{background:#193950;color:#76caff}
[data-theme=dark] #categoryGrid .icon-category:hover,[data-theme=dark] #categoryGrid .icon-category.selected{background:#18374e;border-color:#5dbcfb}
@media(max-width:1050px){#categoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#categoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#categoryGrid .icon-category{flex-direction:column;text-align:center;padding:14px 7px;gap:9px}#categoryGrid strong{font-size:12px}}
#categories #categoryGrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
#categories #categoryGrid .icon-category{flex-direction:column;text-align:center;justify-content:flex-start;padding:16px 8px;gap:10px;min-height:135px}
#categories #categoryGrid strong{font-size:13px;line-height:1.45}
@media(max-width:900px){#categories #categoryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){#categories #categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}