.filter-dropdown,.filter-right{position:relative}.filter-bar{background-color:#fff;padding:15px 0;margin-bottom:20px;border-radius:10px;color:#1e293b;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s,box-shadow .3s,color .3s}body.dark-mode .filter-bar{background-color:#1e1e1e;color:#e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.3)}.filter-container{display:flex;justify-content:space-between;align-items:center;padding:0 15px}.filter-icon,.filter-left{display:flex;align-items:center}.filter-left{gap:10px}.filter-icon{gap:5px;font-weight:500;font-size:.9rem;color:#1e293b;transition:color .3s}body.dark-mode .filter-dropdown-content a,body.dark-mode .filter-icon{color:#e2e8f0}.filter-icon svg{width:20px;height:20px}.filter-dropdown{display:inline-block}.filter-dropdown-btn{background-color:#7c3aed;color:#fff;padding:8px 15px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.9rem;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.filter-dropdown-btn svg{min-width:16px}.filter-dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:200px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:100;border-radius:5px;margin-top:5px;transition:background-color .3s}body.dark-mode .filter-dropdown-content{background-color:#1e1e1e;box-shadow:0 8px 16px 0 rgba(0,0,0,.4)}.filter-dropdown-content a{color:#1e293b;padding:12px 16px;text-decoration:none;display:block;font-size:.9rem;transition:background-color .2s,color .3s}.filter-dropdown-content a:hover{background-color:#f8fafc}body.dark-mode .filter-dropdown-content a:hover{background-color:#2d2d2d}.filter-dropdown.active .filter-dropdown-content{display:block}.filter-dropdown-content a.active{background-color:#7c3aed;color:#fff}@media (max-width:768px){.filter-bar{padding:5px 0;margin-bottom:8px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.filter-dropdown-btn,.filter-dropdown-content{width:100%;box-sizing:border-box;border-radius:4px}body.dark-mode .filter-bar{box-shadow:0 1px 2px rgba(0,0,0,.15)}.filter-container{flex-direction:column;gap:5px;padding:0 5px}.filter-left{width:100%;justify-content:center}.filter-icon{font-size:.75rem}.filter-icon svg{width:12px;height:12px}.filter-dropdown,.filter-right{width:100%}.filter-dropdown-btn{max-width:none;justify-content:space-between;padding:3px 6px;font-size:.75rem;height:24px;background-color:#8b5cf6}.filter-dropdown-btn svg{width:10px;height:10px}.filter-dropdown-content{min-width:unset;max-height:180px;overflow-y:auto;margin-top:2px}.filter-dropdown-content a{padding:6px 7px;font-size:.75rem}}@media (max-width:359px){.filter-bar{padding:6px 0;margin-bottom:10px}.filter-container{padding:0 6px;gap:6px}.filter-icon{font-size:.75rem}.filter-icon svg{width:14px;height:14px}.filter-dropdown-btn{padding:5px 8px;font-size:.75rem;height:30px;border-radius:5px}.filter-dropdown-btn svg{width:12px;height:12px}.filter-dropdown-content a{padding:7px 8px;font-size:.75rem}}