Main layout
.main-columns{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding:1rem}.content-column{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.category-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.category-item:hover{background-color:#f9f9f9}.category-item.active{background-color:#f0f8f7;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;transform:translateY(-1px);z-index:2}.category-item svg{min-width:20px;width:20px;height:20px;flex-shrink:0}.category-item-content{display:flex;align-items:center;gap:12px;flex:1}.filter-badge{display:flex;align-items:center;justify-content:center;background-color:#00a389;color:#fff;border-radius:50%;min-width:22px;width:22px;height:22px;font-size:12px;font-weight:500;flex-shrink:0}.content-header{padding:1rem;border-bottom:1px solid #e5e7eb}.search-input{display:flex;align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem}.search-input input{border:none;background:transparent;outline:none;padding:0 .5rem}.content-body{padding:1rem;overflow-y:auto;max-height:calc(100vh - 200px)}.tree-container{padding:.5rem 0}.tree-item-wrapper{margin:4px 0}.tree-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:4px;transition:all .2s ease;margin:2px 0}.tree-item:hover{background-color:#f5f5f5}.tree-item.selected{background-color:#e6f7f5;box-shadow:0 2px 4px rgba(0,0,0,.08);position:relative;transform:translateY(-1px);z-index:1}.tree-item svg{min-width:20px;width:20px;height:20px;flex-shrink:0}.tree-item-content{display:flex;align-items:center;width:100%;justify-content:space-between}.checkbox-wrapper{width:18px;height:18px;border:1.5px solid #ccc;border-radius:3px;display:flex;align-items:center;justify-content:center;margin-right:4px;flex-shrink:0;transition:all .2s ease}.checkbox-wrapper.checked{background-color:#008d71;border-color:#008d71}.check-icon{color:#fff}.chevron-expand{transition:transform .2s ease;color:#666}.chevron-expand.expanded{transform:rotate(90deg)}.tree-line{border-left:1px dashed #e0e0e0;margin-left:8px;padding-left:2px}.stats-box{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-top:1rem}.button-primary{background-color:#0a2725;color:#fff;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.button-primary:hover{background-color:#085e59}.button-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.button-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}.button-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.applied-filter-box{margin-bottom:20px}.applied-filter-tag{display:flex;background-color:#e2f3f1;padding:8px 12px;border-radius:4px;margin-bottom:8px;font-size:14px}.applied-filter-tag-text{flex:1;margin-right:8px}.applied-filter-tag .remove-icon{min-width:20px;width:20px;height:20px;flex-shrink:0;cursor:pointer;color:#666}.applied-filter-tag:hover .remove-icon{color:#333}.filter-count{background-color:#fff;color:#0a2725;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;flex-shrink:0}