.filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:filter-modal-fadeIn .2s ease-out}.filter-modal-content{background:var(--surface);border-radius:8px;box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:filter-modal-slideUp .3s ease-out}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--warm-300)}.filter-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--warm-900)}.filter-modal-header button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--warm-700);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.filter-modal-header button:hover{background-color:var(--warm-300)}.filter-modal-body{padding:20px;overflow-y:auto;flex:1 1}.filter-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--warm-300)}.filter-modal-field{margin-bottom:15px}.filter-modal-field:last-child{margin-bottom:0}.filter-modal-field label{display:block;margin-bottom:5px;font-size:.875rem;font-weight:500;color:var(--warm-900)}.filter-modal-field input,.filter-modal-field select{width:100%;padding:8px 12px;border:1px solid var(--warm-300);border-radius:4px;font-size:.875rem;background:var(--bg-secondary);color:var(--warm-900);transition:border-color .2s;box-sizing:border-box}.filter-modal-field input:focus,.filter-modal-field select:focus{outline:none;border-color:var(--orange-primary)}.filter-modal-field input::-moz-placeholder{color:var(--warm-900)}.filter-modal-field input::placeholder{color:var(--warm-900)}@keyframes filter-modal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes filter-modal-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sort-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:sort-modal-fadeIn .2s ease-out}.sort-modal-content{background:var(--surface);border-radius:8px;box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:sort-modal-slideUp .3s ease-out}.sort-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--warm-300)}.sort-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--warm-900)}.sort-modal-header button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--warm-700);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.sort-modal-header button:hover{background-color:var(--warm-300)}.sort-modal-body{padding:20px;overflow-y:auto;flex:1 1}.sort-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--warm-300)}.sort-modal-options{display:flex;flex-direction:column;gap:15px}.sort-modal-option{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--warm-300);border-radius:4px;background:var(--bg-secondary)}.sort-modal-option span{font-size:.875rem;font-weight:500;color:var(--warm-900)}.sort-modal-buttons{display:flex;gap:8px}@keyframes sort-modal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sort-modal-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}