.challenge-table-section{padding:2rem 1rem}.table-wrapper{overflow-x:auto;max-width:100%;margin:0 auto}.challenge-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:.75rem;overflow:hidden;background-color:#1a1a1a;color:#fff;min-width:600px}.challenge-table thead{background-color:#2a2a2a}.challenge-table th,.challenge-table td{padding:1rem;text-align:left;border-bottom:1px solid #444}.challenge-table th{font-weight:600;color:#e5e5e5}.challenge-table tbody tr{position:relative;cursor:pointer;transition:background-color .2s ease}.challenge-table tbody tr:hover{background-color:#292929}.challenge-table tbody tr:after{content:"➜";position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-size:1.5rem;color:#ff00e6;opacity:0;transition:opacity .2s ease;pointer-events:none}.challenge-table tbody tr:hover:after{opacity:1}.controls-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.controls-spacing{padding:10px 5px}.search-bar{margin-left:20px;margin-right:20px;padding:.5rem 1rem;border:1px solid #444;border-radius:.375rem;background-color:#1a1a1a;color:#fff;font-size:1rem;flex-grow:1}.search-bar::placeholder{color:#999}th.sortable{cursor:pointer;position:relative}th.sortable:after{content:"⇅";font-size:.75rem;position:absolute;right:.5rem;color:#777}.filter-buttons,.filter-buttons.grid{gap:.25rem;padding:10px 20px}.filter-buttons.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:1rem}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:.75rem;padding:10px 20px;margin-bottom:10px}.filter-btn{font-size:15px;padding:.2rem .5rem;border-radius:10px;border:1px solid #444;background:#292929;cursor:pointer;transition:background .2s,border-color .2s}.filter-btn:hover{background-color:#ff00e6!important}.filter-btn.active{background-color:#ff8bf4;color:#000;border:1px solid #FF00E6}.section-padding{padding:10px 75px;margin-bottom:200px}.table-wrapper{overflow-x:auto}.filter-buttons{display:flex}.filter-dropdown{display:none}.sort-dropdown-container{display:none;position:relative}@media (max-width: 600px){.sort-dropdown-container{display:block;margin-bottom:1rem}.filter-buttons{display:none}.filter-dropdown{display:block;width:100%;padding:.75rem 1rem;margin-bottom:1rem;background-color:#1f1f1f;color:#fff;border:1px solid #444;border-radius:.375rem;font-size:1rem}.challenge-table{min-width:0!important;width:100%}.challenge-table-section,.section-padding{padding-left:10px!important;padding-right:10px!important}.table-wrapper.px-6{padding-left:0!important;padding-right:0!important}.table-wrapper{padding:0;margin:0 auto}.challenge-table,.challenge-table thead,.challenge-table tbody,.challenge-table th,.challenge-table td,.challenge-table tr{display:block}.challenge-table thead tr{position:absolute;top:-9999px;left:-9999px}.challenge-table{background-color:transparent}.challenge-table tr{border:1px solid #444;border-radius:.5rem;margin-bottom:1rem;padding:.5rem;background:#2d2d2d}.challenge-table td{position:relative;padding:.75rem .75rem .75rem 6rem;text-align:left;border:none;border-bottom:1px solid #444}.challenge-table tr td:last-child{border-bottom:none}.challenge-table td:before{position:absolute;top:50%;left:.75rem;width:4rem;transform:translateY(-50%);font-weight:700;white-space:nowrap}.challenge-table td:nth-of-type(1):before{content:"ID"}.challenge-table td:nth-of-type(2):before{content:"Project"}.challenge-table td:nth-of-type(3):before{content:"Difficulty"}.challenge-table td:nth-of-type(4):before{content:"Topic"}.sort-dropdown-container{display:block;margin-bottom:1rem;margin-left:20px;margin-right:20px;width:100%}.sort-dropdown-toggle{background-color:#1f1f1f;color:#eaeaea;padding:.5rem 1rem;border:1px solid #444;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease;width:100%;box-sizing:border-box;text-align:left}.sort-dropdown-toggle:hover{background-color:#2d2d2d}.sort-dropdown-list{display:none;position:absolute;top:100%;left:0;width:100%;max-width:240px;margin-top:.25rem;background-color:#1f1f1f;border:1px solid #444;border-radius:.375rem;list-style:none;padding:0;z-index:10;box-shadow:0 2px 6px #00000080}.sort-dropdown-list.show{display:block}.sort-dropdown-item{padding:.5rem 1rem;color:#eaeaea;cursor:pointer;border-bottom:1px solid #333;transition:background-color .15s ease}.sort-dropdown-item:last-child{border-bottom:none}.sort-dropdown-item:hover{background-color:#2d2d2d}.challenge-table tr.no-data td:before{content:none!important}.challenge-table tr.no-data td{padding-left:.75rem!important;padding-right:.75rem!important}}