.filter-bar-container{width:100%;background:#ffffff;border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.08);border:1px solid #e2e8f0;padding:12px 16px;margin-bottom:24px;position:relative;z-index:40}.filter-bar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.filter-dropdown-wrapper{position:relative;flex:1 1 auto;min-width:130px}.filter-pill-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:40px}.filter-pill-btn:hover{background:#f1f5f9;border-color:#94a3b8}.filter-pill-btn.active{background:#eff6ff;border-color:#1c62b4;color:#1c62b4;font-weight:600}.filter-pill-btn .pill-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.filter-pill-btn .pill-icon{font-size:.95rem;color:#64748b;transition:transform .2s ease}.filter-dropdown-wrapper.open .pill-icon{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;max-width:320px;background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);padding:12px;z-index:100;animation:filterFadeIn .15s ease-out}@keyframes filterFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-menu.right-align{left:auto;right:0}.filter-menu-search{width:100%;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:.8rem;margin-bottom:8px;outline:none}.filter-menu-search:focus{border-color:#1c62b4}.filter-menu-options{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.filter-menu-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:.82rem;color:#334155;cursor:pointer;transition:background .15s ease}.filter-menu-option:hover{background:#f1f5f9}.filter-menu-option input[type=checkbox],.filter-menu-option input[type=radio]{accent-color:#1c62b4;cursor:pointer}.filter-budget-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:8px}.filter-budget-select{width:100%;padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;font-size:.8rem;background:#ffffff;outline:none}.filter-action-group{display:flex;align-items:center;gap:8px;margin-left:auto}.filter-apply-btn{background:#d96d14;color:#ffffff;border:none;border-radius:8px;padding:0 20px;height:40px;font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px rgba(217,109,20,.25)}.filter-apply-btn:hover{background:#c45a0b;transform:translateY(-1px)}.filter-clear-btn{background:transparent;color:#64748b;border:1px solid #cbd5e1;border-radius:8px;padding:0 14px;height:40px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-clear-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#94a3b8}@media (max-width:992px){.filter-bar-row{display:grid;grid-template-columns:repeat(3,1fr)}.filter-action-group{grid-column:span 3;justify-content:flex-end;margin-left:0;margin-top:4px}}@media (max-width:640px){.filter-bar-row{grid-template-columns:1fr 1fr}.filter-action-group{grid-column:span 2}}