.category-cascade{position:relative;min-width:210px}.category-cascade>button{width:100%;height:44px;padding:0 12px;border:1px solid #bfe4ec;border-radius:10px;background:#fff;color:#3c4c63;text-align:left;cursor:pointer}.category-panel{position:fixed;z-index:1000;inset:5vh 4vw auto;display:flex;height:86vh;flex-direction:column;overflow:hidden;border:1px solid #dfe5e8;border-radius:14px;background:#fff;box-shadow:0 24px 80px #10213b45}.category-panel[hidden]{display:none}.category-modal-head{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px 22px 14px}.category-modal-head strong{color:#202938;font-size:22px;font-weight:500}.category-modal-head>button{width:36px;height:36px;border:0;background:transparent;color:#8a929d;font-size:34px;line-height:32px;cursor:pointer}.category-modal-head input{grid-column:1/-1;height:50px;padding:0 18px;border:1px solid #dfe3e8;border-radius:9px;outline:0;color:#344054;font-size:14px}.category-modal-head input:focus{border-color:#36c5ba;box-shadow:0 0 0 3px #21b5d214}.category-columns{display:grid;min-height:0;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 22px 0;overflow:hidden;border:1px solid #e1e5e9;border-radius:10px}.category-column{min-width:0;overflow:auto;border-right:1px solid #e5e7eb;background:#fff}.category-column:last-child{border-right:0}.category-column h4{position:sticky;z-index:1;top:0;margin:0;padding:17px 22px;border-bottom:1px solid #e5e7eb;background:#fff;color:#667085;font-size:15px;font-weight:400}.category-node{display:flex;min-height:48px;align-items:center;gap:7px;margin:2px 12px;padding:0 10px;border-radius:6px;color:#30343b;cursor:pointer}.category-node:hover,.category-node.active{background:#e4f8f6;color:#08a99d}.category-node span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-node b{color:#98a2b3;font-size:11px;font-weight:400}.category-node i{width:12px;color:#0fb9ac;font-size:24px;font-style:normal}.category-confirm{flex:0 0 auto;min-width:42px;height:25px;padding:0 7px;border:1px solid #b8c3ce;border-radius:5px;background:#fff;color:#667085;font-size:11px;cursor:pointer}.category-confirm:hover,.category-confirm.selected{border-color:#12b8aa;background:#12b8aa;color:#fff}.category-empty{padding:24px;color:#a0a9b5;font-size:13px}.category-modal-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 18px;color:#667085;font-size:13px}.category-modal-foot button{min-width:92px;height:38px;border:0;border-radius:7px;background:#12b8aa;color:#fff;font-weight:700;cursor:pointer}@media(max-width:900px){.category-panel{inset:3vh 12px auto;height:90vh}.category-columns{grid-template-columns:1fr 1fr;margin:8px 12px 0}.category-modal-head,.category-modal-foot{padding-right:12px;padding-left:12px}}
/* Checkbox selection replaces the old per-level confirmation control. */
.category-check{display:grid;flex:0 0 23px;width:23px;height:23px;place-items:center;padding:0;border:1px solid #aeb9c5;border-radius:5px;background:#fff;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.category-check:hover,.category-check.selected{border-color:#12b8aa;background:#12b8aa}