.List-container{padding:2rem;max-width:1600px;margin:2rem auto;font-family:Segoe UI,sans-serif;color:#fff;background:#0c0a1a;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.6)}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;border-radius:10px}.dropdown{position:relative}.dropdown-button{padding:8px 14px;font-size:14px;color:#fff;background:#2c2c2c;border:1px solid #444;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.dropdown-button.type{border:1px solid goldenrod;color:goldenrod}.dropdown-button.type .dropdown-arrow{color:goldenrod}.dropdown-button:hover{background:#3a3a3a;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.4)}.dropdown-arrow{margin-left:6px;font-size:12px;color:#aaa}.dropdown-menu{position:absolute;top:110%;left:0;background:#1e1e1e;border:1px solid #444;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.6);list-style:none;margin:0;padding:8px;min-width:200px;max-height:40vh;overflow-y:auto;overflow-x:hidden;z-index:49;animation:fadeIn .2s ease;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:goldenrod}.dropdown-menu li{margin-bottom:6px}.dropdown-menu li:last-child{margin-bottom:0}.dropdown-menu button{width:100%;padding:10px 14px;border-radius:6px;border:1px solid #444;background:#2c2c2c;text-align:left;cursor:pointer;font-size:14px;color:#fff;transition:all .2s ease}.dropdown-menu button:hover{background:#3a3a3a;border-color:goldenrod;color:goldenrod}.dropdown-menu button.selected{background:goldenrod;color:#111;font-weight:600;border-color:goldenrod}.dropdown.active .dropdown-button{border-color:goldenrod;background:#2c2c2c;color:goldenrod}.dropdown.active .dropdown-arrow{color:goldenrod}.pages{display:flex;justify-content:center;gap:.6rem;margin-top:2rem}.pages div{background:#222;color:#fff;padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.3)}.pages div:hover{background:rgb(143,141,136)}.pages div.active,.pages div:hover{color:#111;transform:translateY(-2px)}.pages div.active{background:goldenrod;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.filters{flex-direction:column;gap:10px}.dropdown-button{font-size:12px;width:100%}.dropdown-menu{min-width:100%;left:0;right:0;max-height:40vh}.dropdown-menu button{font-size:10px}}