.data-table-container{--dt-bg:rgba(255,255,255,0.02);--dt-border:rgba(255,255,255,0.1);--dt-text-primary:rgba(255,255,255,0.9);--dt-text-secondary:rgba(255,255,255,0.7);--dt-text-muted:rgba(255,255,255,0.5);--dt-hover:rgba(255,255,255,0.05);--dt-header-bg:rgba(255,255,255,0.05);--dt-row-height:var(--row-height,48px);width:100%}.data-table-wrapper{border-radius:8px;border:1px solid rgba(255,255,255,.05);overflow:hidden;--dt-scrollbar-width:0px}.data-table{width:100%;border-collapse:collapse;color:var(--dt-text-primary);font-size:14px}.data-table-wrapper>table.data-table{width:calc(100% - var(--dt-scrollbar-width))}.data-table-header{background:var(--dt-header-bg)}.data-table-header-cell{padding:12px 16px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--dt-text-secondary);border-bottom:1px solid var(--dt-border);white-space:nowrap}.data-table-header-cell:hover{color:var(--dt-text-primary)}.data-table-body{background:transparent}.data-table-row{height:var(--dt-row-height);transition:background-color .15s ease;contain:layout style paint}.data-table-row:hover{background:var(--dt-hover)}.data-table-virtual-container .data-table-row .data-table-cell,.data-table:not(.data-table-virtual-container *) .data-table-row:not(:last-child) .data-table-cell{border-bottom:1px solid var(--dt-border)}.data-table-cell{padding:12px 16px;color:var(--dt-text-primary);vertical-align:middle;text-align:center}.data-table-row-actions{opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.group:hover .data-table-row-actions{opacity:1;pointer-events:auto}.group:focus-within .data-table-row-actions{opacity:1;pointer-events:auto}.data-table-row-actions--always-visible{opacity:1;pointer-events:auto}.data-table-empty{padding:48px 16px;text-align:center;color:var(--dt-text-muted)}.data-table--compact .data-table-cell,.data-table--compact .data-table-header-cell{padding:8px 12px;font-size:13px}.data-table--card .data-table-row{background:rgba(255,255,255,.02);margin-bottom:4px;border-radius:4px}.data-table--card .data-table-cell{padding:16px 20px}.data-table-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.data-table-toolbar button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:rgba(255,255,255,.1);color:var(--dt-text-secondary);font-size:13px;font-weight:500;border:1px solid var(--dt-border);cursor:pointer;transition:all .15s ease}.data-table-toolbar button:hover{background:rgba(255,255,255,.15);color:var(--dt-text-primary)}.data-table-pagination{margin-top:16px;display:flex;justify-content:center}@media (max-width:768px){.data-table-cell,.data-table-header-cell{padding:10px 12px;font-size:12px}.data-table-header-cell{font-size:11px}}@media (max-width:480px){.data-table-cell,.data-table-header-cell{padding:8px 10px;font-size:11px}.data-table-toolbar{flex-wrap:wrap}}.product-code-cell{font-weight:600;color:var(--color-primary-light)}.quantity-cell{font-weight:600;color:var(--state-success);text-align:center}.datetime-cell{color:var(--dt-text-secondary);font-size:13px}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge--success{background:var(--state-success-bg);color:var(--state-success);border:1px solid color-mix(in srgb,var(--state-success) 30%,transparent)}.status-badge--warning{background:var(--state-warning-bg);color:var(--state-warning);border:1px solid color-mix(in srgb,var(--state-warning) 30%,transparent)}.status-badge--danger{background:var(--state-error-bg);color:var(--state-error);border:1px solid color-mix(in srgb,var(--state-error) 30%,transparent)}.status-badge--info{background:var(--state-info-bg);color:var(--state-info);border:1px solid color-mix(in srgb,var(--state-info) 30%,transparent)}.trend-up{color:var(--state-success)}.trend-down{color:var(--state-error)}.trend-neutral{color:var(--dt-text-muted)}.data-table-virtual-container{overflow:auto;contain:strict;will-change:scroll-position}.data-table-virtual-container .data-table-header{position:sticky;top:0;background:var(--dt-header-bg);z-index:10;box-shadow:0 1px 0 var(--dt-border)}.data-table-virtual-container .data-table-body{position:relative}.data-table-virtual-container .data-table-body>tr:first-child{border:none!important;visibility:hidden}.data-table-virtual-container .data-table-body>tr:first-child td{border:none!important;padding:0!important}.data-table-virtual-container .data-table-row{display:table;table-layout:fixed;width:100%;z-index:0;will-change:transform}.data-table-virtual-body{display:none}.mobile-table-view{width:100%;padding:8px}.mobile-table-cards{display:flex;flex-direction:column;gap:12px}.mobile-table-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;transition:all .15s ease;contain:layout style paint}.mobile-table-card--clickable{cursor:pointer;min-height:44px}.mobile-table-card--clickable:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.mobile-table-card--clickable:active{transform:scale(.98)}.mobile-table-card--clickable:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.mobile-table-card-item{display:flex;flex-direction:column;gap:4px;padding:8px 0}.mobile-table-card-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.mobile-table-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--dt-text-secondary)}.mobile-table-card-value{font-size:14px;color:var(--dt-text-primary);min-height:24px;display:flex;align-items:center}.mobile-table-card-actions{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}@media (max-width:768px){.data-table-row-actions{opacity:1;pointer-events:auto}.data-table-row-actions a,.data-table-row-actions button{min-height:44px;min-width:44px;padding:12px;margin:0 4px}.data-table-row-actions{display:flex;align-items:center;justify-content:center;gap:8px}}@media (max-width:480px){.data-table-row-actions a,.data-table-row-actions button{min-height:48px;min-width:48px;padding:14px;margin:0 6px}.data-table-row-actions{gap:12px}}