.data-table-container{--dt-bg:#ffffff05;--dt-border:#ffffff1a;--dt-text-primary:#ffffffe6;--dt-text-secondary:#ffffffb3;--dt-text-muted:#ffffff80;--dt-hover:#ffffff0d;--dt-header-bg:#ffffff0d;--dt-row-height:var(--row-height,48px);width:100%;margin-top:8px}.data-table-wrapper{--dt-scrollbar-width:0px;max-height:var(--dt-max-height,none);border:1px solid #ffffff0d;border-radius:8px;overflow:hidden auto}.data-table{border-collapse:collapse;width:100%;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);-webkit-backdrop-filter:blur(24px)}.data-table-header-cell{text-transform:uppercase;letter-spacing:.5px;color:var(--dt-text-secondary);border-bottom:1px solid var(--dt-border);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:600}.data-table-header-cell:hover{color:var(--dt-text-primary)}.data-table-body{background:0 0}.data-table-row{height:var(--dt-row-height);transition:background-color .15s}.data-table-row:hover{background:var(--dt-hover)}.data-table:not(.data-table-virtual-container *) .data-table-row:not(:last-child) .data-table-cell,.data-table-virtual-container .data-table-row .data-table-cell{border-bottom:1px solid var(--dt-border)}.data-table-cell{color:var(--dt-text-primary);vertical-align:middle;text-align:center;padding:12px 16px}.data-table-row-actions{opacity:1;pointer-events:auto}.data-table-empty{text-align:center;color:var(--dt-text-muted);padding:48px 16px}.data-table--compact .data-table-header-cell,.data-table--compact .data-table-cell{padding:8px 12px;font-size:13px}.data-table--card .data-table-row{background:#ffffff05;border-radius:4px;margin-bottom:4px}.data-table--card .data-table-cell{padding:16px 20px}.data-table-toolbar{align-items:center;gap:8px;margin-bottom:16px;display:flex}.data-table-toolbar button{color:var(--dt-text-secondary);border:1px solid var(--dt-border);cursor:pointer;background:#ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.data-table-toolbar button:hover{color:var(--dt-text-primary);background:#ffffff26}.data-table-pagination{justify-content:center;margin-top:16px;display:flex}@media (max-width:768px){.data-table-header-cell,.data-table-cell{padding:10px 12px;font-size:12px}.data-table-header-cell{font-size:11px}}@media (max-width:480px){.data-table-header-cell,.data-table-cell{padding:8px 10px;font-size:11px}.data-table-toolbar{flex-wrap:wrap}}.product-code-cell{color:var(--color-primary-light);font-weight:600}.quantity-cell{color:var(--state-success);text-align:center;font-weight:600}.datetime-cell{color:var(--dt-text-secondary);font-size:13px}.status-badge{text-transform:uppercase;border-radius:4px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.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}.data-table-virtual-container .data-table-header{-webkit-backdrop-filter:blur(24px);z-index:10;box-shadow:0 1px 0 var(--dt-border);background:#111827d9;position:sticky;top:0}.data-table-virtual-container .data-table-body>tr[aria-hidden]{border:none!important}.data-table-virtual-container .data-table-body>tr[aria-hidden] td{border:none!important;padding:0!important}.mobile-table-view{width:100%;padding:8px}.mobile-table-cards{flex-direction:column;gap:12px;display:flex}.mobile-table-card{contain:layout style paint;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:16px;transition:all .15s}.mobile-table-card--clickable{cursor:pointer;min-height:44px}.mobile-table-card--clickable:hover{background:#ffffff0d;border-color:#ffffff1a}.mobile-table-card--clickable:active{transform:scale(.98)}.mobile-table-card--clickable:focus-visible{outline-offset:2px;outline:2px solid #3b82f680}.mobile-table-card-item{flex-direction:column;gap:4px;padding:8px 0;display:flex}.mobile-table-card-item:not(:last-child){border-bottom:1px solid #ffffff0d}.mobile-table-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--dt-text-secondary);font-size:11px;font-weight:600}.mobile-table-card-value{color:var(--dt-text-primary);align-items:center;min-height:24px;font-size:14px;display:flex}.mobile-table-card-actions{border-top:1px solid #ffffff0d;justify-content:center;margin-top:12px;padding-top:12px;display:flex}@media (max-width:768px){.data-table-row-actions button,.data-table-row-actions a{min-width:44px;min-height:44px;margin:0 4px;padding:12px}.data-table-row-actions{justify-content:center;align-items:center;gap:8px;display:flex}}@media (max-width:480px){.data-table-row-actions button,.data-table-row-actions a{min-width:48px;min-height:48px;margin:0 6px;padding:14px}.data-table-row-actions{gap:12px}}.mobile-compact-view{width:100%;padding:8px}.mobile-compact-cards{flex-direction:column;gap:8px;display:flex}.mobile-compact-card{contain:layout style paint;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;min-height:44px;padding:12px 16px;transition:all .15s}.mobile-compact-card--expandable{cursor:pointer}.mobile-compact-card--expandable:hover{background:#ffffff0d;border-color:#ffffff1a}.mobile-compact-card--expandable:active{transform:scale(.98)}.mobile-compact-card--expandable:focus-visible{outline-offset:2px;outline:2px solid #3b82f680}.mobile-compact-summary{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;display:grid}.mobile-compact-tl{color:var(--dt-text-primary);font-size:14px;font-weight:600}.mobile-compact-tr{text-align:right;color:var(--dt-text-primary);font-size:14px}.mobile-compact-bl{color:var(--dt-text-secondary);font-size:12px}.mobile-compact-br{text-align:right;color:var(--dt-text-secondary);font-size:12px}.mobile-compact-chevron{color:var(--dt-text-muted);justify-content:center;padding:4px 0 0;transition:transform .2s;display:flex}.mobile-compact-chevron--open{transform:rotate(180deg)}.mobile-compact-expanded{max-height:0;transition:max-height .25s;overflow:hidden}.mobile-compact-expanded--open{max-height:500px}.mobile-compact-expanded-inner{border-top:1px solid #ffffff0d;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.mobile-compact-field{justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.mobile-compact-field-label{text-transform:uppercase;letter-spacing:.5px;color:var(--dt-text-secondary);font-size:11px;font-weight:600}.mobile-compact-field-value{color:var(--dt-text-primary);text-align:right;font-size:13px}