.sidebar{width:300px;max-width:300px;flex:0 0 20%;background:#fff;padding:1rem;box-shadow:2px 0 5px rgba(0,0,0,.1);border-radius:8px;top:120px;flex-shrink:0}.sidebar h3{margin-bottom:1rem;color:#555}.sidebar label{display:block;margin:.5rem 0;font-size:.9rem}.sidebar input{margin-right:.5rem}.filter-options.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:1rem}.grid-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.grid-item.disabled:hover{color:red;background-color:rgba(255,0,0,.05)}.clear-filter{margin-top:20px;padding:10px 20px;background-color:#d40000;color:#fff;border:none;border-radius:5px;cursor:pointer}.clear-filter:hover{background-color:#a30000}.filter-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:200}.modal-content{background:#fff;padding:2rem;width:90%;max-width:500px;max-height:90vh;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.5);display:flex;flex-direction:column}.modal-content h3{position:-webkit-sticky;position:sticky;top:0;background:#fff;color:#000;padding:1rem 0;z-index:10}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:1rem}.clear-all-btn{background:transparent;border:1px solid #d40000;color:#d40000;padding:8px 16px;font-size:.9rem;border-radius:6px;cursor:pointer;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.clear-all-btn:hover{background:#d40000;color:#fff}.modal-filter-options{flex:1 1;overflow-y:auto;margin:1rem 0;max-height:400px}.grid-item{padding:12px;text-align:center;background-color:#f0f0f0;border:1px solid #ddd;color:#333;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.grid-item:hover{background-color:#ddd}.close-modal,.grid-item.active{background-color:#d40000;color:#fff}.close-modal{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;text-transform:uppercase;font-size:1rem;margin-top:auto;box-shadow:0 4px 10px rgba(0,0,0,.3)}.close-modal:hover{background-color:#a30000}