#adminTabs{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}
#adminTabs button{padding:11px 18px;border:0;border-radius:9px;background:#222;color:#fff;font-weight:600;cursor:pointer}
#categoryAdmin{margin-top:16px}
.categoryHead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;flex-wrap:wrap}
.categoryHead h2{margin:0 0 5px}
.categoryHead button,.catEdit button{padding:10px 15px;border:0;border-radius:8px;background:#222;color:#fff;cursor:pointer}
.categoryList{display:grid;gap:12px}
.catCard{display:flex;align-items:center;gap:15px;padding:14px;background:#fff;border:1px solid #ddd;border-radius:12px;flex-wrap:wrap}
.catInfo{display:flex;flex-direction:column;gap:4px;flex:1;min-width:180px}
.catInfo small,.muted{color:#666}
.catSort{display:flex;align-items:center;gap:7px}
.catSort input{width:75px}
.catEdit{padding:18px;margin-bottom:20px;background:#faf8f3;border:1px solid #ddd;border-radius:12px;display:grid;gap:14px}
.catEdit label{display:grid;gap:6px;font-weight:600}
.catEdit input,.catEdit select{padding:10px;border:1px solid #bbb;border-radius:7px;background:#fff}
.catCheck{display:flex!important;align-items:center;gap:8px}
.catCheck input{width:auto}
.catButtons{display:flex;gap:10px;flex-wrap:wrap}
.catImageEdit{display:flex;align-items:center;gap:18px;padding:14px;background:#fff;border:1px solid #ddd;border-radius:10px;flex-wrap:wrap}
.catImageEdit>div{display:grid;gap:10px;flex:1}
.catProductEdit{border-top:1px solid #ccc;margin-top:8px;padding-top:16px}
.catProductRow{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,280px);gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e4e4e4}
.catProductRow select{width:100%}
@media(max-width:650px){.catProductRow{grid-template-columns:1fr}.catCard{align-items:flex-start}.categoryHead{align-items:flex-start}}