.filter-btn{height:34px;border:1px solid var(--theme-line);background:var(--theme-surface2);color:var(--theme-text);border-radius:7px;padding:0 10px;font-size:10px;font-weight:700;cursor:pointer}.filter-btn b{background:var(--theme-accent);color:white;border-radius:9px;padding:2px 6px;margin-left:4px}.filter-drawer{position:fixed;left:auto;right:0;top:0;bottom:0;width:380px;z-index:71;background:var(--theme-surface);color:var(--theme-text);padding:0;transform:translateX(105%);transition:transform .2s;box-shadow:-18px 0 50px #0005}.filter-drawer.open{transform:none}#filter-backdrop{display:none;position:fixed;inset:0;background:#03081299;z-index:70}#filter-backdrop.open{display:block}.filter-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--theme-line)}.filter-head h2{margin:0;font-size:18px}.filter-head small{color:var(--theme-muted)}.filter-head button{border:0;background:transparent;color:var(--theme-text);font-size:25px;cursor:pointer}.filter-drawer form{padding:8px 22px 24px;overflow:auto;height:calc(100vh - 75px)}.filter-drawer label{display:block;font-size:10px;font-weight:700;margin:13px 0}.filter-drawer input,.filter-drawer select{display:block;width:100%;height:38px;margin-top:6px;border:1px solid var(--theme-line);background:var(--theme-input);color:var(--theme-text);border-radius:7px;padding:0 9px}.filter-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}@media(max-width:600px){.filter-drawer{width:100%}.filter-btn{font-size:0}.filter-btn span,.filter-btn b{font-size:11px}}