/* ===== СТРАНИЦА КАТЕГОРИЙ ===== */.categories-page{display:flex;flex-direction:column;gap:20px}

/* ===== ТАБЛИЦА ===== */.categories-table{background:#fff;border-radius:24px;border:1px solid #ececf3;overflow:hidden}.categories-head-row,.categories-row{display:grid;grid-template-columns:260px 1fr 120px;gap:20px;align-items:center;padding:18px 22px}.categories-head-row{font-weight:800;background:#fafafe;border-bottom:1px solid #ececf3}.categories-row{border-bottom:1px solid #f1f1f6}.categories-row:last-child{border-bottom:none}

/* ===== НАЗВАНИЕ КАТЕГОРИИ ===== */.categories-name{font-size:16px;font-weight:800}

/* ===== ПОДКАТЕГОРИИ ===== */.categories-subs{display:flex;flex-wrap:wrap;gap:10px}.category-sub-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f7f7fc;border:1px solid #ececff;border-radius:14px;position:relative;cursor:pointer;transition:.15s}.category-sub-item:hover{background:#f1efff;border-color:#d9d2ff}.category-sub-item span{color:#6c47ff;font-weight:700}.empty-subcats{color:#999}

/* ===== КНОПКА УДАЛЕНИЯ ПОДКАТЕГОРИИ ===== */.sub-del-btn{width:22px;height:22px;border:none;border-radius:50%;background:#ffeff1;color:#ff4d67;font-weight:900;cursor:pointer;margin-left:6px;display:flex;align-items:center;justify-content:center;flex:0 0 22px}.sub-del-btn:hover{background:#ffdfe4}

/* ===== КНОПКИ ДЕЙСТВИЙ ===== */.categories-actions{display:flex;gap:10px;justify-content:flex-end}.categories-actions button{width:42px;height:42px;border:none;border-radius:12px;cursor:pointer;font-size:18px}.edit-btn{background:#f3efff;color:#6c47ff}.delete-btn{background:#fff1f1;color:#ff4d67}

/* ===== КНОПКА ДОБАВЛЕНИЯ ===== */.add-sub-btn{border:1px dashed #c9c9e8;background:#fafafe;color:#6c47ff;border-radius:14px;padding:10px 14px;font-weight:800;cursor:pointer}.add-sub-btn:hover{background:#f1efff}.category-plus-btn,.category-main-plus-btn{width:42px;height:42px;border:none;border-radius:14px;background:#6c47ff;color:#fff;font-size:28px;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(108,71,255,.18);transition:.15s}.category-plus-btn:hover,.category-main-plus-btn:hover{transform:translateY(-1px);background:#5d39f5}

/* ===== МОДАЛЬНОЕ ОКНО ===== */.category-modal{position:fixed;left:0;top:0;width:100%;height:100dvh;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.category-modal-box{width:min(560px,100%);background:#fff;border-radius:26px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.22);margin:auto}

/* ===== ВЕРХ МОДАЛКИ ===== */.category-modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.category-modal-top h2{margin:0;font-size:24px;font-weight:900}.category-modal-top button{width:42px;height:42px;border:none;border-radius:14px;background:#f5f5fa;font-size:26px;cursor:pointer}

/* ===== ФОРМА ===== */.category-form-grid{display:grid;grid-template-columns:1fr 160px;gap:14px}.category-form-grid span{display:block;font-size:13px;font-weight:800;color:#777;margin-bottom:7px}.category-form-grid input{width:100%;height:46px;border:1px solid #ddd;border-radius:14px;padding:0 14px;font-weight:800}

/* ===== КНОПКИ МОДАЛКИ ===== */.category-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.category-modal-actions button{height:44px;border:none;border-radius:14px;padding:0 18px;font-weight:900;cursor:pointer}.category-modal-actions .cancel-btn{background:#f1f1f4;color:#222}.category-modal-actions .save-btn{background:#6c47ff;color:#fff}.category-modal-actions button:disabled{opacity:.55;pointer-events:none}.save-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */@media(max-width:900px){.categories-head-row{display:none}.categories-row{grid-template-columns:1fr;padding:16px}.categories-actions{justify-content:flex-start}}@media(max-width:700px){.category-form-grid{grid-template-columns:1fr}.category-modal-box{padding:18px;border-radius:20px}}

/* ===== SELECT ПОДКАТЕГОРИЙ В ТОВАРЕ ===== */.variant-sub-select{width:100%;height:38px;border:1px solid #ddd;border-radius:12px;padding:0 12px;background:#fff;font-weight:800;outline:none}.variant-sub-select:focus{border-color:#6c47ff;box-shadow:0 0 0 3px rgba(108,71,255,.12)}