.datatable-container{--datatable-bg:var(--bg-panel);--datatable-surface:var(--bg-panel-deep);--datatable-border:var(--border-subtle);--datatable-header-text:var(--text-primary);--datatable-text:var(--text-primary);--datatable-text-secondary:var(--text-secondary);--datatable-hover:var(--bg-hover);--datatable-selected:rgba(var(--accent-primary-rgb),.1);--datatable-selected-border:var(--accent-primary);--datatable-striped:#ffffff04;--datatable-focus:var(--accent-primary);--datatable-resize-handle:var(--border-strong);--datatable-badge-success-bg:rgba(var(--profit-rgb),.1);--datatable-badge-success-text:var(--profit);--datatable-badge-danger-bg:rgba(var(--loss-rgb),.1);--datatable-badge-danger-text:var(--loss);--datatable-badge-warning-bg:rgba(var(--warning-rgb),.1);--datatable-badge-warning-text:var(--warning);--datatable-badge-info-bg:rgba(var(--accent-primary-rgb),.1);--datatable-badge-info-text:var(--info);--datatable-badge-neutral-bg:rgba(var(--text-primary-rgb),.05);--datatable-badge-neutral-text:var(--text-secondary);--datatable-header-bg:var(--datatable-surface);background:var(--datatable-bg);border:1px solid var(--datatable-border);border-radius:calc(var(--radius-lg) + 2px);width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.datatable-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--datatable-header-bg);border-bottom:1px solid var(--datatable-border);flex-wrap:wrap;padding:.9375rem 1.125rem;display:flex}.datatable-toolbar-left,.datatable-toolbar-right{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.datatable-toolbar-left{flex:1}.datatable-search{min-width:min(100%,280px);max-width:calc(100% - var(--space-sm));position:relative}.datatable-search-icon{left:var(--space-sm);width:var(--space-md);height:var(--space-md);color:var(--datatable-text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.datatable-search-input{background:var(--datatable-bg);border:1px solid var(--datatable-border);border-radius:calc(var(--radius-md) + 2px);width:100%;min-height:44px;color:var(--datatable-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);padding:.6875rem .875rem .6875rem 2.5rem;font-size:.875rem;line-height:1.4}.datatable-search-input:focus{border-color:var(--datatable-focus);box-shadow:var(--ui-focus-ring);outline:none}.datatable-search-input:focus-visible{border-color:var(--datatable-focus);box-shadow:var(--ui-focus-ring);outline:none}.datatable-bulk-actions{align-items:center;gap:var(--space-sm);display:flex}.datatable-bulk-selected{color:var(--datatable-text);padding:0 .75rem;font-size:.8125rem;font-weight:600}.datatable-bulk-action{align-items:center;gap:var(--space-xs);background:var(--datatable-bg);border:1px solid var(--datatable-border);border-radius:calc(var(--radius-md) + 2px);cursor:pointer;min-height:44px;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);padding:.625rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.datatable-bulk-action:hover{background:var(--datatable-hover);border-color:var(--border-strong)}.datatable-bulk-action:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.datatable-bulk-action svg{width:var(--space-md);height:var(--space-md)}.datatable-bulk-action-primary{background:var(--accent-primary);color:var(--on-accent);border-color:var(--accent-primary)}.datatable-bulk-action-primary:hover{background:var(--accent-hover)}.datatable-bulk-action-danger{background:var(--loss);color:var(--on-loss);border-color:var(--loss)}.datatable-bulk-action-danger:hover{background:var(--loss-dark)}.datatable-toolbar-button{align-items:center;gap:var(--space-xs);background:var(--datatable-bg);border:1px solid var(--datatable-border);border-radius:calc(var(--radius-md) + 2px);min-height:44px;color:var(--datatable-text);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);padding:.625rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.datatable-toolbar-button:hover{background:var(--datatable-hover);border-color:var(--border-strong)}.datatable-toolbar-button:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.datatable-toolbar-button svg{width:var(--space-md);height:var(--space-md)}.datatable-icon-action{min-width:44px;min-height:44px}.datatable-column-selector{position:relative}.datatable-column-dropdown{top:calc(100% + var(--space-xs));min-width:var(--min-w-xl);background:var(--datatable-bg);border:1px solid var(--datatable-border);border-radius:calc(var(--radius-lg) + 2px);max-width:95vw;z-index:var(--z-component-dropdown);max-height:var(--max-h-list-sm);padding:.375rem;position:absolute;right:0;overflow-y:auto;box-shadow:0 4px 12px #0003}.datatable-column-option{align-items:center;gap:var(--space-sm);border-radius:calc(var(--radius-sm) + 2px);cursor:pointer;min-height:44px;transition:background-color var(--transition-fast),color var(--transition-fast);color:var(--datatable-text);padding:.75rem .875rem;font-size:.8125rem;display:flex}.datatable-column-option:hover{background:var(--datatable-hover)}.datatable-column-option input[type=checkbox]{cursor:pointer;accent-color:var(--datatable-focus)}.datatable-export{gap:var(--space-xs);display:flex}.datatable-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;position:relative;overflow:auto}.datatable-wrapper.datatable-sticky-header{position:relative}.datatable-wrapper:after{content:"";width:var(--space-2xl,48px);background:linear-gradient(to left,var(--datatable-bg),transparent);pointer-events:none;opacity:0;z-index:1;height:100%;transition:opacity .2s;position:absolute;bottom:0;right:0}.datatable-wrapper[data-scrollable=true]:after{opacity:1}.datatable-wrapper::-webkit-scrollbar{height:var(--space-sm);width:var(--space-sm)}.datatable-wrapper::-webkit-scrollbar-track{background:var(--datatable-header-bg);border-radius:var(--radius-sm)}.datatable-wrapper::-webkit-scrollbar-thumb{background:var(--datatable-resize-handle);border-radius:var(--radius-sm)}.datatable-wrapper::-webkit-scrollbar-thumb:hover{background:var(--datatable-text-secondary)}.datatable-wrapper.datatable-sticky-header thead{z-index:var(--z-component-sticky);position:sticky;top:0}.datatable{border-collapse:separate;border-spacing:0;width:100%;color:var(--datatable-text);table-layout:auto;font-size:.875rem}.datatable-dense{font-size:var(--text-xs)}.datatable-dense th,.datatable-dense td{padding:var(--space-xs)var(--space-sm)}.datatable thead{background:var(--datatable-header-bg)}.datatable-header{text-align:left;color:var(--datatable-header-text);border-bottom:1px solid var(--datatable-border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.875rem 1rem;font-size:.75rem;font-weight:700;position:relative}.datatable-header-content{align-items:center;gap:var(--space-xs);display:flex}.datatable-sortable{cursor:pointer;transition:background var(--transition-fast)}.datatable-sortable:hover{background:var(--datatable-hover)}.datatable-sortable:focus-visible{box-shadow:inset var(--ui-focus-ring);outline:none}.datatable-sorted{background:var(--datatable-hover)}.datatable-sort-icon{flex-shrink:0;align-items:center;display:flex}.datatable-sort-icon svg{width:var(--space-sm);height:var(--space-sm)}.datatable-align-left{text-align:left}.datatable-align-center{text-align:center}.datatable-align-right{text-align:right}.datatable-resize-handle{width:var(--space-xs);cursor:col-resize;-webkit-user-select:none;user-select:none;background:0 0;position:absolute;top:0;bottom:0;right:0}.datatable-resize-handle:hover,.datatable-resize-handle:active{background:var(--datatable-resize-handle)}.datatable-expand-header,.datatable-select-header{width:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm)var(--space-sm);text-align:center}.datatable-checkbox{cursor:pointer;width:1rem;height:1rem;accent-color:var(--datatable-focus)}.datatable-checkbox:focus-visible{box-shadow:var(--ui-focus-ring);outline-offset:var(--space-xs,4px);outline:none}.datatable tbody tr{transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.datatable-row{background:var(--datatable-bg)}.datatable-striped tbody tr:nth-child(2n) .datatable-row{background:var(--datatable-striped)}.datatable-hoverable tbody tr:hover{background:var(--datatable-hover)!important}.datatable-bordered td{border-right:1px solid var(--datatable-border)}.datatable-bordered td:last-child{border-right:none}.datatable-cell{border-bottom:1px solid var(--datatable-border);vertical-align:middle;color:var(--datatable-text);padding:.9375rem 1rem;line-height:1.45}.datatable-expand-cell,.datatable-select-cell{width:var(--touch-target-min);min-width:var(--touch-target-min);text-align:center;border-bottom:1px solid var(--datatable-border);padding:.9375rem .875rem}.datatable-expand-button{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:calc(var(--radius-sm) + 2px);cursor:pointer;color:var(--datatable-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.datatable-expand-button:hover{background:var(--datatable-hover);color:var(--datatable-text)}.datatable-expand-button:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.datatable-expand-button svg{width:var(--space-sm);height:var(--space-sm)}.datatable-toggle-icon{transition:transform var(--transition-fast)}.datatable-toggle-icon.is-expanded{transform:rotate(90deg)}.datatable-cell-content{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.datatable-badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:.3125rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.datatable-badge-success{background:var(--datatable-badge-success-bg);color:var(--datatable-badge-success-text);border-color:rgba(var(--profit-rgb),.22)}.datatable-badge-danger{background:var(--datatable-badge-danger-bg);color:var(--datatable-badge-danger-text);border-color:rgba(var(--loss-rgb),.22)}.datatable-badge-warning{background:var(--datatable-badge-warning-bg);color:var(--datatable-badge-warning-text);border-color:rgba(var(--warning-rgb),.22)}.datatable-badge-info{background:var(--datatable-badge-info-bg);color:var(--datatable-badge-info-text);border-color:rgba(var(--accent-primary-rgb),.22)}.datatable-badge-neutral{background:var(--datatable-badge-neutral-bg);color:var(--datatable-badge-neutral-text);border-color:#ffffff14}.datatable-row-selected{border-left:var(--space-xs)solid var(--datatable-selected-border);background:var(--datatable-selected)!important}.datatable-row-clickable{cursor:pointer}.datatable-expanded-row{background:var(--datatable-hover)}.datatable-expanded-content{border-bottom:1px solid var(--datatable-border);padding:1rem 1.125rem}.datatable-loading{text-align:center;color:var(--datatable-text-secondary);padding:3rem 1.5rem}.datatable-loading>div{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.datatable-spinner{width:var(--space-xl);height:var(--space-xl);border:var(--space-xs)solid var(--datatable-border);border-top-color:var(--datatable-focus);animation:datatable-spin var(--transition-slower)linear infinite;border-radius:50%}@keyframes datatable-spin{to{transform:rotate(360deg)}}.datatable-empty{text-align:center;color:var(--datatable-text-secondary);font-size:var(--text-sm);padding:3rem 1.5rem}.datatable-pagination{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--datatable-header-bg);border-top:1px solid var(--datatable-border);flex-wrap:wrap;padding:.9375rem 1.125rem;display:flex}.datatable-pagination-info{color:var(--datatable-text-secondary);font-size:.8125rem}.datatable-pagination-controls{align-items:center;gap:var(--space-xs);display:flex}.datatable-pagination-button{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);background:var(--datatable-bg);border:1px solid var(--datatable-border);border-radius:calc(var(--radius-sm) + 2px);color:var(--datatable-text);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);justify-content:center;align-items:center;display:flex}.datatable-pagination-button:hover:not(:disabled){background:var(--datatable-hover);border-color:var(--border-strong)}.datatable-pagination-button:focus-visible:not(:disabled){box-shadow:var(--ui-focus-ring);border-color:var(--datatable-focus);outline:none}.datatable-pagination-button:disabled{opacity:.4;cursor:not-allowed}.datatable-pagination-button svg{width:var(--space-sm);height:var(--space-sm)}.datatable-pagination-pages{gap:var(--space-xs);display:flex}.datatable-pagination-page{min-width:var(--touch-target-min);min-height:var(--touch-target-min);height:var(--touch-target-min);padding:0 var(--space-sm);background:var(--datatable-bg);border:1px solid var(--datatable-border);border-radius:calc(var(--radius-sm) + 2px);color:var(--datatable-text);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);font-size:.8125rem;font-weight:600}.datatable-pagination-page:hover{background:var(--datatable-hover);border-color:var(--border-strong)}.datatable-pagination-page:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--datatable-focus);outline:none}.datatable-pagination-page.active{background:var(--datatable-focus);color:var(--on-accent);border-color:var(--datatable-focus)}.datatable-pagination-size{margin-left:auto}.datatable-pagination-select{background:var(--datatable-bg);border:1px solid var(--datatable-border);border-radius:calc(var(--radius-sm) + 2px);min-height:44px;color:var(--datatable-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-xs)center;background-size:var(--space-sm);padding:.625rem 2.25rem .625rem .875rem;font-size:.8125rem}.datatable-pagination-select:focus{border-color:var(--datatable-focus);box-shadow:var(--ui-focus-ring);outline:none}.datatable-pagination-select:focus-visible{border-color:var(--datatable-focus);box-shadow:var(--ui-focus-ring);outline:none}@media (max-width:768px){.datatable-container{overflow:hidden}.datatable-toolbar{align-items:stretch;gap:var(--space-sm);flex-direction:column}.datatable-toolbar-left,.datatable-toolbar-right{justify-content:space-between;width:100%}.datatable-search{min-width:100%}.datatable-pagination{gap:var(--space-sm);flex-direction:column}.datatable-pagination-info,.datatable-pagination-controls,.datatable-pagination-size{justify-content:center;width:100%}.datatable-pagination-size{margin-left:0}.datatable-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.datatable{table-layout:auto;width:auto;min-width:100%}.datatable-search{flex:1;min-width:auto}.datatable-header,.datatable-cell,.datatable-expand-header,.datatable-select-header,.datatable-expand-cell,.datatable-select-cell{padding:.75rem .625rem}.datatable-expand-button,.datatable-pagination-button,.datatable-pagination-page,.datatable-checkbox{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.datatable-column-dropdown{max-width:calc(100vw - var(--space-xl));left:auto;right:0}}@media (max-width:480px){.datatable-header,.datatable-cell{padding:.625rem .5rem}.datatable-search{min-width:100%}.datatable-toolbar-button{padding:var(--space-xs);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.datatable-bulk-action{padding:var(--space-xs)}.datatable-wrapper{scroll-snap-type:x mandatory}.datatable{scroll-snap-align:start}}@media print{.datatable-toolbar,.datatable-pagination,.datatable-expand-cell,.datatable-select-cell{display:none}.datatable{font-size:var(--text-xs,.75rem)}.datatable-row{page-break-inside:avoid}}