.app-container{margin:0 auto;max-width:1400px;padding:20px}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:10px 0}.filter-bar .filter-group{align-items:center;display:flex;gap:10px}.filter-bar .filter-group .filter-label{color:#888;font-size:14px}.filter-bar .filter-group.checkbox-group{color:#888;font-size:14px;gap:6px}.filter-bar .filter-group.checkbox-group input{accent-color:#f39c12;cursor:pointer;height:16px;width:16px}.filter-bar .custom-select{position:relative}.filter-bar .custom-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2b2b2b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 30px 6px 12px;position:relative}.filter-bar .custom-select:after{color:#888;content:"\f078";font-family:Font Awesome\ 6 Free;font-size:12px;font-weight:900;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.filter-bar .search-wrapper{background:#2b2b2b;border-radius:4px;display:flex;margin-left:auto;overflow:hidden}.filter-bar .search-wrapper input{background:transparent;border:none;color:#fff;outline:none;padding:8px 12px;width:200px}.filter-bar .search-wrapper .search-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:0 12px}@media (max-width:768px){.filter-bar{align-items:flex-start;flex-direction:column}.filter-bar .search-wrapper{margin-left:0;width:100%}.filter-bar .search-wrapper input{width:100%}}.content-list{display:flex;flex-direction:column;gap:15px}.content-list .load-card{align-items:start;background:#242424;border:1px solid transparent;border-radius:8px;display:grid;gap:20px;grid-template-columns:200px 1fr auto auto auto;padding:15px;transition:border-color .2s}.content-list .load-card:hover{border-color:#444;text-decoration:none!important}.content-list .load-card .card-image{background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;height:120px;width:200px}.content-list .load-card .card-content{display:flex;flex-direction:column;gap:8px}.content-list .load-card .card-content .load-card-header{align-items:center;display:flex;gap:10px}.content-list .load-card .card-content .load-card-header .badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.content-list .load-card .card-content .load-card-header .badge.badge-orange{background:#6b4d18;color:#f39c12}.content-list .load-card .card-content .load-card-header .badge.badge-blue{background:#1a4d6b;color:#3498db}.content-list .load-card .card-content .load-card-header .badge.badge-green{background:#1a6b34;color:#2ecc71}.content-list .load-card .card-content .load-card-header .badge.badge-red{background:#6b1a1a;color:#e74c3c}.content-list .load-card .card-content .load-card-header .card-title{color:#fff;font-size:17px;font-weight:600}.content-list .load-card .card-content .card-desc{color:#888;font-size:14px;line-height:1.4}.content-list .load-card .card-content .card-subtags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.content-list .load-card .card-content .card-subtags .subtag{background:#2a2a2a;border-radius:12px;color:#888;font-size:12px;padding:2px 10px}.content-list .load-card .card-meta{color:#888;display:flex;flex-direction:column;font-size:13px;gap:8px;min-width:120px}.content-list .load-card .card-meta .meta-item i{margin-right:6px;width:16px}.content-list .load-card .card-stats{align-items:center;display:flex;flex-direction:column;min-width:60px}.content-list .load-card .card-stats .rating{color:#f39c12;font-size:18px;font-weight:700}.content-list .load-card .card-stats .rating i{margin-right:4px}.content-list .load-card .card-stats .reviews{color:#888;font-size:12px}.content-list .load-card .card-actions{align-items:center;display:flex;gap:10px;position:relative}.content-list .load-card .card-actions .icon-btn{background:transparent;border:none;color:#888;cursor:pointer;font-size:18px;transition:color .2s}.content-list .load-card .card-actions .icon-btn:hover{color:#fff}.content-list .load-card .card-actions .icon-btn.bookmark:hover,.content-list .load-card .card-actions .icon-btn.download-btn{color:#f39c12}.content-list .load-card .card-actions .dropdown-wrapper{position:relative}.content-list .load-card .card-actions .dropdown-wrapper .dropdown-menu{background:#333;border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.5);min-width:150px;padding:6px 0;position:absolute;right:0;top:100%;z-index:10}.content-list .load-card .card-actions .dropdown-wrapper .dropdown-menu.hidden{display:none}.content-list .load-card .card-actions .dropdown-wrapper .dropdown-menu a{color:#e0e0e0;display:block;font-size:14px;padding:8px 15px;text-decoration:none}.content-list .load-card .card-actions .dropdown-wrapper .dropdown-menu a:hover{background:#444}@media (max-width:992px){.content-list .load-card{grid-template-columns:140px 1fr auto auto}.content-list .load-card .card-meta{display:none}}@media (max-width:768px){.content-list .load-card{gap:12px;grid-template-columns:1fr;padding:10px;position:relative}.content-list .load-card .card-image{height:140px;width:100%}.content-list .load-card .card-content{order:2}.content-list .load-card .card-stats{align-items:center;flex-direction:row;gap:6px;position:absolute;right:50px;top:15px}.content-list .load-card .card-stats .rating{font-size:15px}.content-list .load-card .card-stats .reviews{font-size:11px}.content-list .load-card .card-actions{position:absolute;right:10px;top:10px}}.tags-bar{background:#2b2b2b;border-radius:6px;margin-bottom:20px;padding:8px 30px 8px 12px;position:relative}.tags-bar .tags-scroll-area{max-height:24px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.tags-bar .tags-scroll-area.open{max-height:600px}.tags-bar .tags-scroll-area .tags-wrapper{display:flex;flex-wrap:wrap;gap:8px}.tags-bar .tags-scroll-area .tags-wrapper button:focus{box-shadow:none;outline:none}.tags-bar .tags-scroll-area .tags-wrapper .tag{background:#2a2a2a;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:13px;padding:4px 12px;transition:background .2s;white-space:nowrap}.tags-bar .tags-scroll-area .tags-wrapper .tag:hover{background:#383838}.tags-bar .tags-scroll-area .tags-wrapper .tag.active{background:#333;color:#fff}.tags-bar .tags-toggle{align-items:center;background:linear-gradient(90deg,transparent 0,#2b2b2b 40%);border:none;bottom:0;color:#888;cursor:pointer;display:flex;font-size:16px;padding:0 15px 0 25px;position:absolute;right:0;top:0;transition:color .2s;z-index:10}.tags-bar .tags-toggle:hover{color:#fff}.tags-bar .tags-toggle i{transition:transform .3s ease}.tags-bar .tags-toggle.rotated i{transform:rotate(180deg)}.active-tags{border-bottom:1px solid #e9ecef;margin-bottom:15px;padding:10px 0}.active-tags-wrapper{display:flex;flex-wrap:wrap;gap:8px}.active-tag{align-items:center;background:#007bff;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;gap:6px;padding:4px 12px}.remove-tag{background:none;border:none;color:#fff;cursor:pointer;font-size:12px;opacity:.7;padding:0;transition:opacity .2s}.remove-tag:hover{opacity:1}.tags-header{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.tags-clear{background:none;border:none;color:#dc3545;cursor:pointer;font-size:13px;padding:4px 8px}.tags-clear:hover{text-decoration:underline}.tag.active{background:#6b4d18;color:#f39c12}.tag.active .tag-count{background:hsla(0,0%,100%,.3);color:#fff}.top-nav{border-bottom:1px solid #333;display:flex;margin-bottom:15px}.top-nav .nav-tabs{display:flex;gap:20px}.top-nav .nav-tabs .nav-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:#888;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:10px 0;transition:all .2s}.top-nav .nav-tabs .nav-tab .tab-count{font-size:13px}.top-nav .nav-tabs .nav-tab:hover{color:#e0e0e0}.top-nav .nav-tabs .nav-tab.active{border-bottom-color:#f39c12;color:#f39c12}@media (max-width:768px){.top-nav .nav-tabs{justify-content:space-between;width:100%}.top-nav .nav-tabs .nav-tab{font-size:13px}}#paginationContainer{margin:0!important}.pagination-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:30px 0 10px}.pagination-wrapper .pagination{align-items:center;display:flex;flex-direction:row;gap:6px}.pagination-wrapper .pagination .page-btn{align-items:center;background:transparent;border:1px solid #383838;border-radius:4px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:38px;justify-content:center;min-width:38px;padding:0 12px;transition:all .2s ease}.pagination-wrapper .pagination .page-btn:hover:not(.disabled){background:#333;border-color:#444}.pagination-wrapper .pagination .page-btn.active{background:#f39c12;border-color:#f39c12;color:#fff;cursor:default}.pagination-wrapper .pagination .page-btn.active:hover{background:#f39c12}.pagination-wrapper .pagination .page-btn.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.pagination-wrapper .pagination .page-btn.nav-arrow{gap:8px;padding:0 16px}.pagination-wrapper .pagination .page-btn.nav-arrow i{font-size:14px}.pagination-wrapper .pagination .page-btn.dots{border:none;cursor:default;min-width:auto;padding:0 4px}.pagination-wrapper .pagination .page-btn.dots:hover{background:transparent}.pagination-wrapper .pagination-info{color:#888;font-size:14px}@media (max-width:768px){.pagination-wrapper{align-items:center;flex-direction:column-reverse;gap:15px}.pagination-wrapper .pagination{flex-wrap:wrap;justify-content:center}}.content-loader{background:rgba(69,59,59,.57);border-radius:8px;display:none;justify-content:center;min-height:200px;padding:40px 20px}.content-loader,.loader-spinner{align-items:center;flex-direction:column}.loader-spinner{display:flex;gap:16px}.loader-text{color:#f9f9fa;font-size:14px}.spinner-border{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:40px;width:40px}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-list{transition:opacity .3s ease}.content-list.loading{position:relative}.topListLabel h2{color:#fff;font-size:1.55em;font-weight:100}.topListLabel div{color:#c9c9c9;font-size:1em;font-weight:100;padding:10px 0 5px}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-state i{color:#dee2e6;font-size:48px;margin-bottom:20px}.error-message{color:#6c757d;padding:60px 20px;text-align:center}.error-message i{color:#dc3545;font-size:48px;margin-bottom:20px}.error-message button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 24px;transition:background .2s}.error-message button:hover{background:#0056b3}