.table-container{width:100%;border-radius:var(--border-radius-medium);border:1px solid var(--light-gray);overflow-x:auto;background-color:var(--white)}.table-container table{width:100%;border-collapse:collapse;font-size:var(--smallfont);margin:0}.table-container th,.table-container td{padding:var(--smallfont) var(--extrasmallfont)!important;text-align:left;border-bottom:1px solid var(--light-gray);vertical-align:middle;white-space:nowrap!important}.table-container th{background-color:var(--bg-gray)!important;font-weight:600!important;color:var(--secondary-color)!important;font-size:var(--smallfont)!important;white-space:nowrap!important;letter-spacing:.5px}.table-container tbody tr:last-child td{border-bottom:none}.table-container.grid .table{display:flex;flex-direction:column;overflow:auto}.table-container.grid .table-header{display:grid;background-color:var(--bg-gray);padding:var(--smallfont) var(--basefont);font-weight:600;color:var(--secondary-color);border-bottom:1px solid var(--light-gray);grid-template-columns:.5fr 1fr 3fr 1.5fr 1fr 1fr .5fr;gap:10px;align-items:center}.table-container.grid .table-row{display:grid;padding:var(--smallfont) var(--basefont);border-bottom:1px solid var(--light-gray);align-items:center;grid-template-columns:.5fr 1fr 3fr 1.5fr 1fr 1fr .5fr;gap:10px}.table-container.grid .table-row:last-child{border-bottom:none}.table-container.grid .table-cell{font-size:var(--smallfont);white-space:nowrap;display:flex;justify-content:flex-start;gap:10px;background-color:transparent;border-radius:none;box-shadow:none}.table-container.grid .content-item{display:flex;align-items:center;gap:var(--extrasmallfont);min-width:0}.table-container.grid .content-image{flex-shrink:0;width:40px;height:30px;border-radius:4px;overflow:hidden}.table-container.grid .content-image img{width:100%;height:100%;object-fit:fill}.table-container.grid .content-info{flex:1;min-width:0;max-width:200px}.table-container .content-title{font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;max-width:200px}.table-container.grid .content-coach{font-size:calc(var(--extrasmallfont) * .9);color:var(--dark-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-container .table-row.empty-row{display:flex;justify-content:center;align-items:center;background-color:#f9f9f9}.table-container .table-cell.full-span{width:100%;text-align:center}.table-container .empty-message{text-align:center!important;color:var(--dark-gray);font-style:italic}.table-container .clickable{cursor:pointer}@media(max-width:1250px){.table-container{overflow-x:auto;scroll-behavior:smooth;box-shadow:inset -10px 0 10px -10px #0000001a}.table-container table{min-width:1000px;overflow:auto}.table-container.grid .table-header,.table-container.grid .table-row{grid-template-columns:.5fr 1fr 2.5fr 1.5fr 1fr 1fr .5fr;min-width:1000px}}@media(max-width:1024px){.table-container table{min-width:800px}.table-container th,.table-container td,.table-container.grid .table-cell{font-size:var(--extrasmallfont)}.table-container.grid .table-header,.table-container.grid .table-row{grid-template-columns:.4fr .8fr 2fr 1.2fr .8fr .8fr .6fr;min-width:800px}.table-container.grid .table-cell{font-size:var(--extrasmallfont)}}@media(max-width:768px){.table-container{overflow-x:auto;scroll-behavior:smooth;box-shadow:inset -10px 0 10px -10px #0000001a}.table-container table,.table-container.grid .table-header,.table-container.grid .table-row{min-width:700px}.table-container.grid .table-cell{font-size:var(--extrasmallfont)}.table-container.grid .content-image{width:35px;height:25px}.table-container.grid .content-title{font-size:var(--extrasmallfont);max-width:150px}.table-container.grid .content-coach{font-size:calc(var(--extrasmallfont) * .85);max-width:120px}.table-container th,.table-container.grid .table-header{position:sticky;top:0;z-index:10;background-color:var(--bg-gray)}}@media(max-width:480px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-shadow:inset -15px 0 15px -15px #00000026}.table-container table{min-width:800px}.table-container th,.table-container td{padding:var(--extrasmallfont) calc(var(--extrasmallfont) / 2);font-size:calc(var(--extrasmallfont) * .9);white-space:nowrap}.table-container.grid .table-header,.table-container.grid .table-row{min-width:800px}.table-container.grid .table-cell{font-size:calc(var(--extrasmallfont) * .85)}.table-container.grid .content-image{width:30px;height:22px}.table-container.grid .content-title{font-size:calc(var(--extrasmallfont) * .9);max-width:120px}.table-container.grid .content-coach{font-size:calc(var(--extrasmallfont) * .8);max-width:100px}.table-container.grid .status-badge{font-size:calc(var(--extrasmallfont) * .8);padding:2px 6px;border-radius:var(--border-radius-medium);white-space:nowrap}.table-container.grid .action-btn{padding:4px;font-size:calc(var(--extrasmallfont) * .9)}.table-container th,.table-container.grid .table-header{position:sticky;top:0;z-index:10;background-color:var(--bg-gray);box-shadow:0 2px 4px #0000001a}}@media(max-width:320px){.table-container table,.table-container.grid .table-header,.table-container.grid .table-row{min-width:900px}.table-container th{font-size:calc(var(--extrasmallfont) * .8);padding:10px}.table-container td,.table-container.grid .table-cell{font-size:calc(var(--extrasmallfont) * .8)}}@media(max-width:768px){.table-container{position:relative}}.table-container::-webkit-scrollbar{height:4px}.table-container::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--dark-gray)!important;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.table-container.admin-table{box-shadow:0 2px 8px #0000001a}.table-container.admin-table th{background-color:#f8f9fa;color:#495057;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.table-container.admin-table .sortable{-webkit-user-select:none;user-select:none;position:relative}.table-container.admin-table .sortable:hover{background-color:#e9ecef}.table-container.admin-table .sort-indicator{margin-left:4px;font-size:10px;opacity:.7}.table-container.admin-table .clickable:hover{background-color:#f8f9fa}.table-container.admin-table .actions-column{width:120px;min-width:120px;text-align:center}.table-container.admin-table .select-column{width:50px;min-width:50px;text-align:center}
