.view-toggle button{border:none;box-shadow:2px 2px 4px #0000001a,-1px -1px 3px #fffc;transition:all .2s}.view-toggle button.active{box-shadow:inset 2px 2px 4px #3b82f633,inset -1px -1px 3px #93c5fd4d}.view-toggle button:not(.active):hover{box-shadow:inset 1px 1px 2px #a3b1c626,inset -1px -1px 2px #fff6}.sort-dropdown-btn{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9;transition:all .2s}.sort-dropdown-btn:hover{box-shadow:inset 1px 1px 2px #a3b1c626,inset -1px -1px 2px #fff6}.direction-toggle-btn{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9;transition:all .2s}.direction-toggle-btn:hover{box-shadow:inset 1px 1px 2px #a3b1c626,inset -1px -1px 2px #fff6}.filter-toggle-btn{border:1px solid;border-radius:.75rem;box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9;transition:all .2s}.filter-toggle-btn.active{box-shadow:inset 2px 2px 4px #3b82f633,inset -1px -1px 3px #bfdbfe4d}.filter-toggle-btn:not(.active):hover{box-shadow:inset 1px 1px 2px #a3b1c626,inset -1px -1px 2px #fff6}.primary-action-btn{border:none;border-radius:.75rem;box-shadow:4px 4px 8px #2563eb4d,-2px -2px 6px #93c5fd33;transition:all .2s}.primary-action-btn:hover:not(:disabled){box-shadow:inset 2px 2px 4px #1d4ed84d,inset -1px -1px 3px #93c5fd33}.primary-action-btn:disabled{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -1px -1px 3px #fffc;opacity:.6}.secondary-action-btn{border:none;border-radius:.75rem;box-shadow:4px 4px 8px #10b9814d,-2px -2px 6px #6ee7b733;transition:all .2s}.secondary-action-btn:hover{box-shadow:inset 2px 2px 4px #0596694d,inset -1px -1px 3px #6ee7b733}.tertiary-action-btn{border:none;border-radius:.75rem;box-shadow:2px 2px 4px #6b728026,-1px -1px 3px #d1d5db66;transition:all .2s}.tertiary-action-btn:hover{box-shadow:inset 1px 1px 2px #4b556333,inset -1px -1px 2px #d1d5db4d}.clear-search-btn{border:none;background:none;transition:all .2s}.clear-search-btn:hover{transform:scale(1.1)}.search-input{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9;transition:all .2s;background:#f9fafbcc}.search-input:hover{box-shadow:2px 2px 5px #0000001a,-1px -1px 4px #ffffffb3;border-color:#d1d5dbb3}.search-input:focus{box-shadow:inset 1px 1px 2px #3b82f626,inset -1px -1px 2px #93c5fd33,0 0 0 2px #3b82f633;border-color:#3b82f64d;outline:none}.status-badge{border-radius:9999px;box-shadow:2px 2px 4px #0000001a,-1px -1px 2px #fffc}.card-action-btn-small{border:none;border-radius:.5rem;box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9;transition:all .2s}.card-action-btn-small:hover{box-shadow:inset 1px 1px 2px #a3b1c626,inset -1px -1px 2px #fff6}.filter-dropdown-btn{border:none;border-radius:.75rem;box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9;transition:all .2s}.filter-dropdown-btn.active{box-shadow:inset 2px 2px 4px #2563eb4d,inset -1px -1px 3px #93c5fd33}.filter-dropdown-btn:not(.active):hover{box-shadow:inset 1px 1px 2px #a3b1c626,inset -1px -1px 2px #fff6}.for-sale-filter-grid{gap:.75rem}.header-nav-link{border-radius:.75rem;padding:.5rem .75rem;box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9;transition:all .2s;border:1px solid rgba(229,231,235,.5);background:#f9fafbcc}.header-nav-link:hover{box-shadow:inset 1px 1px 2px #a3b1c626,inset -1px -1px 2px #fff6;border-color:#d1d5dbb3}.header-nav-link.active{box-shadow:inset 2px 2px 4px #6b728026,inset -1px -1px 3px #f3f4f6cc;border-color:#9ca3af4d;background:#f3f4f6e6;color:#374151}.content-layer{z-index:5}.sidebar-layer{z-index:10}.dropdown-layer{z-index:20}.modal-layer{z-index:30}.overlay-layer{z-index:40}.modal-active{pointer-events:none!important;opacity:.6;transition:opacity .2s ease}.modal-active .modal-content,.modal-active [role=dialog],.modal-active .portal-modal{pointer-events:auto;opacity:1}.portal-modal,[id=modal-root]>*{z-index:40}body.modal-open{overflow:hidden}.card-container{box-shadow:3px 3px 6px #0000001a,-2px -2px 4px #ffffffb3}.primary-button-style{box-shadow:2px 2px 4px #0000001a,-1px -1px 3px #fffc}.secondary-button-style{box-shadow:1px 1px 3px #00000014,-1px -1px 2px #fff9}.action-button-style{box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9}.active-filter-style{box-shadow:inset 2px 2px 4px #3b82f633,inset -1px -1px 3px #93c5fd4d}.inactive-filter-style,.clear-all-style{box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9}
