.bodyInner{z-index:99;background-color:#fff;border-radius:1rem;margin-top:-100px}.categoryInner{padding-top:5rem}.resourceGrid{flex-wrap:wrap;gap:1rem;display:flex;overflow:visible}.resource-container{max-width:1200px;margin:0 auto;padding:50px 20px 20px}.filter-controls{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.sort-toggle-group{background:#f5f5f4;border:1px solid #e7e5e4;border-radius:12px;padding:4px;display:flex}.sort-btn{color:#78716c;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sort-btn.active{color:#000;background:#fff;box-shadow:0 2px 4px #0000000d}.search-wrapper input{border:1px solid #e7e5e4;border-radius:12px;outline:none;width:100%;padding:12px 12px 12px 40px;font-size:14px}.search-wrapper{flex:1;min-width:250px;position:relative}.search-icon{color:#a8a29e;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-wrapper input:focus{border-color:#d4af37}.sort-wrapper{background:#f5f5f4;border:1px solid #e7e5e4;border-radius:12px;align-items:center;gap:8px;padding:0 16px;display:flex}.sort-wrapper select{cursor:pointer;background:0 0;border:none;outline:none;padding:12px 0;font-size:14px}.category-tabs{flex-wrap:wrap;gap:10px;margin-bottom:3rem;padding-bottom:1rem;display:flex}.tab{cursor:pointer;color:#57534e;background:#fff;border:1px solid #e7e5e4;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.tab:hover{color:#d4af37;border-color:#d4af37}.tab.active{color:#fff;background:#000;border-color:#000}.resource-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;justify-items:center;gap:1rem;display:grid}.status-message{text-align:center;padding:3rem 0}.spinner{border:3px solid #f3f3f3;border-top-color:#d4af37;border-radius:50%;width:32px;height:32px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-wrapper{justify-content:center;margin-top:3rem;display:flex}.btn-load-more{color:#fff;cursor:pointer;background:#000;border:none;border-radius:50px;padding:12px 32px;transition:transform .2s}.btn-load-more:hover{background:#d4af37;transform:scale(1.05)}.empty-state{text-align:center;color:#a8a29e;background:#f5f5f4;border:2px dashed #e7e5e4;border-radius:16px;padding:5rem 0}