.table-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    overflow: hidden;
}

.dark .table-container {
    background-color: #1f2937;
}

.table-header {
    position: sticky;
    top: 0;
    z-index: 30;
    background: inherit;
    overflow: hidden;
}

.table-header table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
}

.table-scroll {
    flex: 1;
    overflow: auto;
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.table-scroll table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    min-width: 100%;
}

.dark .table-scroll {
    scrollbar-color: #475569 #1f2937;
}