.filter-modal-overlay{z-index:1100;background:#000000b3;justify-content:flex-start;align-items:stretch;display:flex;position:fixed;inset:0}.filter-modal{box-sizing:border-box;-webkit-overflow-scrolling:touch;background:#001529;width:400px;height:100vh;padding:24px;overflow-y:auto}.filter-modal::-webkit-scrollbar{width:10px}.filter-modal::-webkit-scrollbar-track{background:#001529cc;border-radius:10px}.filter-modal::-webkit-scrollbar-thumb{background:#fff3;border:2px solid #001529cc;border-radius:10px}.filter-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.filter-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filter-modal-title{color:#fff;font-size:22px;font-weight:500}.close-button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:4px;font-size:28px;transition:opacity .2s}.close-button:hover{opacity:1}.filter-section{box-sizing:border-box;background:#00152999;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-bottom:24px;padding:16px}.filter-section-title{color:#fff;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:500;display:flex}.filter-section-title:before{content:"";background:#0a4b8f;border-radius:2px;width:3px;height:18px;display:block}.input-group{flex-direction:column;gap:12px;width:100%;display:flex}.input-field{box-sizing:border-box;width:100%}.input-field label{color:#ffffffb3;margin-bottom:6px;font-size:14px;display:block}.input-field input{color:#fff;box-sizing:border-box;background:#000d1a80;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:10px 14px;font-size:15px}.input-field input::placeholder{color:#fff6}.input-field input:focus{background:#000d1ab3;border-color:#ffffff4d;outline:none;box-shadow:0 0 0 1px #ffffff1a}.number-selector{flex-wrap:wrap;gap:10px;display:flex}.number-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:15px;transition:all .2s;display:flex}.number-button:hover{background:#0a4b8f4d;border-color:#0a4b8f}.number-button.selected{color:#fff;background:#0a4b8f;border-color:#0a4b8f;font-weight:500;box-shadow:0 0 0 1px #fff3}.mobilia-options{gap:10px;display:flex}.mobilia-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex:1;padding:10px;font-size:15px;transition:all .2s}.mobilia-button:hover{background:#0a4b8f4d;border-color:#0a4b8f}.mobilia-button.selected{color:#fff;background:#0a4b8f;border-color:#0a4b8f;font-weight:500;box-shadow:0 0 0 1px #fff3}.filter-actions{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;display:flex}.clear-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;width:100%;padding:12px;font-size:15px;transition:all .2s}.clear-button:hover{background:#ffffff1a;border-color:#fff6}.save-button{color:#fff;cursor:pointer;background:#0a4b8f;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:500;transition:all .2s}.save-button:hover{background:#063366}@media (max-width:768px){.filter-modal{width:100%;height:100%;padding-bottom:200px}.filter-section{margin-bottom:16px}.filter-actions{margin-top:32px;margin-bottom:32px;padding-top:32px}.clear-button,.save-button{min-height:48px;margin-bottom:8px}}