.usage-charges-filters,[data-dt-controls]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:0 0 10px}.usage-charges-search,[data-dt-search-wrap]{flex:1 1 100%}.data-table-toolbar,.project-management-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.data-table-search,.project-management-search{position:relative;flex:1;min-width:200px}.data-table-search i,.project-management-search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:12px;pointer-events:none}.data-table-input,.data-table-select,.project-management-input,.project-management-select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);padding:7px 10px;min-height:32px;font-size:13px;font-family:Inter,sans-serif;outline:none}.data-table-input:focus,.data-table-select:focus,.project-management-input:focus,.project-management-select:focus{border-color:var(--accent-purple)}.data-table-select,.project-management-select{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23777'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.data-table-search .data-table-input,.project-management-search .project-management-input{width:100%;padding-left:30px}.data-table-filter-wrap{position:relative}.data-table-filter-popover{position:absolute;right:0;top:calc(100% + 6px);width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);box-sizing:border-box;overflow-y:auto;z-index:var(--z-dropdown, 300);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #00000040;padding:12px}.data-table-filter-popover[hidden]{display:none}.card-filter-flyout{max-width:calc(100vw - 16px);max-height:min(360px,calc(100vh - 16px));box-sizing:border-box;overflow-y:auto}.card-filter-flyout .floating-menu-item{min-width:0;white-space:normal;overflow-wrap:anywhere}.card-filter-flyout--multi{display:flex;flex-direction:column;min-width:220px;overflow:hidden}.card-filter-options-list{min-height:0;max-height:280px;overflow-y:auto;scrollbar-gutter:stable}.card-filter-options-empty{display:block;padding:8px;color:var(--text-tertiary);font-size:12px}.card-filter-option-search{position:relative;display:block;flex:0 0 auto;padding:4px}.card-filter-option-search>i{position:absolute;top:50%;left:14px;color:var(--text-tertiary);font-size:11px;transform:translateY(-50%);pointer-events:none}.card-filter-option-search>.modal-input{width:100%;height:32px;box-sizing:border-box;padding-left:30px}.card-filter-option-search>.modal-input::-webkit-search-cancel-button{width:14px;height:14px;cursor:pointer;appearance:none;-webkit-appearance:none;background:var(--text-tertiary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 2.1 8 6.9l4.8-4.8 1.1 1.1L9.1 8l4.8 4.8-1.1 1.1L8 9.1l-4.8 4.8-1.1-1.1L6.9 8 2.1 3.2z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 2.1 8 6.9l4.8-4.8 1.1 1.1L9.1 8l4.8 4.8-1.1 1.1L8 9.1l-4.8 4.8-1.1-1.1L6.9 8 2.1 3.2z'/%3E%3C/svg%3E") center / contain no-repeat}.data-table-filter-title{font-size:12px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.data-table-filter-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.data-table-filter-field label{font-size:11px;font-weight:600;color:var(--text-secondary)}.data-table-filter-field .data-table-input,.data-table-filter-field .data-table-select{width:100%}.data-table-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.data-table-filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-4px 0 12px}.data-table-filter-chips[hidden]{display:none}.data-table-filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-primary);background:var(--bg-badge);color:var(--text-secondary);border-radius:999px;padding:4px 9px;font-size:12px;cursor:pointer}.data-table-filter-chip strong{color:var(--text-primary);font-weight:600}.data-table-filter-chip:hover{background:var(--bg-row-hover)}.data-table-filter-chip i{font-size:10px}.data-table-filter-clear{border:0;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px 6px}.data-table-filter-clear:hover{color:var(--text-primary)}.data-table-button,.project-management-button,.project-management-pagination button,.project-management-table td button{border:1px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);border-radius:5px;padding:6px 10px;cursor:pointer;font-size:12px;font-weight:600;font-family:Inter,sans-serif}.data-table-button:hover,.project-management-button:hover,.project-management-pagination button:hover,.project-management-table td button:hover{background:var(--bg-row-hover)}.data-table-button-primary,.project-management-button-primary{border-color:var(--accent-purple);background:var(--accent-purple);color:#fff}.data-table-button-primary:hover,.project-management-button-primary:hover{background:var(--accent-purple-hover)}.data-table-button-danger,.project-management-button-danger,.project-management-danger button,.project-management-table [data-hard-delete-project],.project-management-table [data-remove-member]{background:#ef44441f;color:var(--color-error, #ff6b6b)}.data-table-button-danger:hover,.project-management-button-danger:hover,.project-management-danger button:hover,.project-management-table [data-hard-delete-project]:hover,.project-management-table [data-remove-member]:hover{background:#ef444438}.data-table-wrap,.project-management-table-wrap{overflow-x:auto;max-width:100%;min-width:0;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-card)}.data-table-standard,.project-management-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.35;color:var(--text-secondary);background:transparent}.data-table-standard thead,.project-management-table thead{background:var(--bg-sidebar)}.data-table-standard th,.project-management-table th{padding:8px 12px;border-bottom:1px solid var(--border-primary);text-align:left;vertical-align:middle;background:var(--bg-sidebar);white-space:nowrap}.data-table-standard td,.project-management-table td{padding:7px 12px;border-bottom:1px solid var(--border-primary);text-align:left;vertical-align:middle;background:transparent;white-space:nowrap}.data-table-cell-wrap{white-space:normal!important}.data-table-standard tbody tr:last-child td,.project-management-table tbody tr:last-child td{border-bottom:none}.data-table-standard thead th,.project-management-table th{position:sticky;top:0;z-index:2;background:var(--bg-sidebar);color:var(--text-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.data-table-th-sortable{cursor:pointer;transition:color .12s;user-select:none;white-space:nowrap}.data-table-th-sortable:hover{color:var(--text-primary)}.data-table-th-sorted{color:var(--accent-purple)!important}.data-table-sort-icon{font-size:10px;margin-left:2px;vertical-align:middle;opacity:.4;transition:opacity .12s ease,color .12s ease}.data-table-th-sortable:hover .data-table-sort-icon,.data-table-th-sorted .data-table-sort-icon{opacity:1}.data-table-standard th button,.project-management-table th button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0}.data-table-standard th.data-table-col-num button,.project-management-table th.data-table-col-num button{margin-left:auto}.data-table-standard tbody tr,.project-management-table tbody tr{transition:background .1s ease,box-shadow .1s ease}.data-table-row-clickable,.project-management-row{cursor:pointer}.data-table-row-clickable:hover,.project-management-row:hover,.data-table-standard tbody tr:hover,.project-management-table tbody tr:hover{background:var(--bg-card-hover);box-shadow:inset 2px 0 0 var(--accent-purple)}.data-table-primary,.project-management-primary{color:var(--text-primary)!important;font-weight:500}.data-table-subtle,.project-management-subtle{color:var(--text-tertiary);font-size:11px;margin-top:2px}.data-table-empty,.data-table-loading,.project-management-empty{color:var(--text-muted);text-align:center;padding:32px 12px!important}.data-table-pagination,.project-management-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;margin-bottom:8px;color:var(--text-secondary);font-size:12px;flex-wrap:wrap}.data-table-pagination:empty,.project-management-pagination:empty{display:none;margin:0}.data-table-page-info{color:var(--text-muted)}.data-table-page-buttons{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap}.data-table-page-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:3px 8px;border-radius:4px;font-size:12px;line-height:1.3;cursor:pointer;transition:background .15s,color .15s}.data-table-page-btn:hover:not(:disabled):not(.active){background:var(--bg-hover);color:var(--text-primary)}.data-table-page-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.data-table-page-btn:disabled{opacity:.4;cursor:default}.data-table-page-ellipsis{color:var(--text-muted);padding:0 4px;font-size:12px}.data-table-chip,.admin-badge,.project-management-badge{display:inline-flex;align-items:center;border-radius:4px;border:0;background:var(--bg-badge);padding:2px 8px;color:var(--text-secondary);font-size:11px;font-weight:500;text-transform:capitalize}.data-table-chip-active,.admin-badge-active{background:#22c55e26;color:#22c55e}.data-table-chip-deleted,.data-table-chip-inactive,.admin-badge-deleted,.admin-badge-inactive,.data-table-chip-private,.project-management-badge-private{background:#ef444426;color:#ef4444}.data-table-chip-public,.project-management-badge-public{background:#22c55e26;color:#22c55e}.data-table-chip-internal,.project-management-badge-internal{background:#f59e0b29;color:#f59e0b}.data-table-chip-free,.admin-badge-free{background:#22c55e1a;color:#16a34a}.data-table-chip-core,.admin-badge-core{background:#3b82f626;color:#3b82f6}.data-table-chip-team,.admin-badge-team{background:#14b8a626;color:#14b8a6}.data-table-chip-enterprise,.admin-badge-enterprise{background:#a855f726;color:#a855f7}.data-table-chip-pro,.admin-badge-pro{background:#6366f126;color:#818cf8}.data-table-copyable,.admin-copyable,.project-management-copyable{cursor:pointer;transition:background .15s,color .15s;padding:1px 4px;border-radius:3px;user-select:all;color:var(--text-secondary)}.data-table-copyable:hover,.admin-copyable:hover,.project-management-copyable:hover{background:var(--accent-purple-subtle);color:var(--accent-purple)}.data-table-copyable.is-copied,.admin-copyable.is-copied,.project-management-copyable.project-management-copied{background:#22c55e26;color:#22c55e}.data-table-col-compact{white-space:nowrap}.data-table-col-num{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table-actions-col{width:1%;white-space:nowrap;text-align:right!important}.data-table-actions{display:flex;gap:4px;justify-content:flex-end;align-items:center}.data-table-icon-btn,.admin-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;transition:background .12s,color .12s}.data-table-icon-btn:hover:not(:disabled),.admin-icon-btn:hover:not(:disabled){background:var(--bg-row-hover);color:var(--text-primary)}.data-table-icon-btn:disabled,.admin-icon-btn:disabled{opacity:.4;cursor:default}.data-table-icon-btn.danger:hover:not(:disabled),.admin-icon-btn.danger:hover:not(:disabled){background:#ef444426;color:#ef4444}.data-table-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-avatar,.admin-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:600;vertical-align:middle;flex-shrink:0;position:relative;line-height:1}.data-table-avatar-img,.admin-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;inset:0}.data-table-avatar-fallback,.admin-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-weight:600;line-height:1;border-radius:50%}.data-table-avatar-img+.data-table-avatar-fallback,.admin-avatar-img+.admin-avatar-fallback{display:none}.data-table-avatar-img[src=""],.data-table-avatar-img:not([src]),.admin-avatar-img[src=""],.admin-avatar-img:not([src]){display:none}.data-table-avatar-img:not([src])+.data-table-avatar-fallback,.data-table-avatar-img[src=""]+.data-table-avatar-fallback,.admin-avatar-img:not([src])+.admin-avatar-fallback,.admin-avatar-img[src=""]+.admin-avatar-fallback{display:flex}.data-table-primary .data-table-avatar,.data-table-primary .admin-avatar,.data-table-primary .avatar-bubble{margin-right:8px}.data-table-cell-date{font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.data-table-cell-desc{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-desc-primary{color:var(--text-primary);font-weight:500}.data-table-desc-sep{color:var(--text-muted);margin:0 5px}.data-table-desc-sub{color:var(--text-tertiary)}.data-table-amount-credit{color:#22c55e;font-weight:600}.data-table-amount-debit{color:var(--text-primary);font-weight:600}.usage-charges-inline-nav{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:nowrap}[data-pagination-inline],[data-dt-pagination-top],[data-wallet-charges-inline-nav],[data-wallet-tx-inline-nav]{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.usage-charges-inline-nav .filter-chip-count{margin-left:0;white-space:nowrap}.usage-charges-inline-nav .data-table-page-buttons{display:inline-flex;align-items:center;gap:3px;flex-wrap:nowrap}.data-table-footer-left{display:inline-flex;align-items:center;gap:10px}.data-table-page-size-select{height:26px;min-height:26px;padding:2px 24px 2px 8px;font-size:12px}.data-table-column-picker,.admin-column-picker-wrap{position:relative;display:inline-flex;align-items:center}.data-table-dropdown,.admin-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:var(--z-dropdown, 300);background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:6px;box-shadow:0 8px 24px #00000059;padding:4px;min-width:190px;width:max-content;max-width:280px;max-height:320px;overflow-y:auto;white-space:nowrap}.data-table-dropdown[hidden],.admin-dropdown[hidden]{display:none!important}.data-table-dropdown-item,.admin-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;font-size:12px;color:var(--text-primary);cursor:pointer;white-space:nowrap;user-select:none;transition:background .08s}.data-table-dropdown-item:hover,.admin-dropdown-item:hover{background:var(--bg-row-hover)}.data-table-dropdown-item input[type=checkbox],.admin-dropdown-item input[type=checkbox]{margin:0;accent-color:var(--accent-purple);width:14px;height:14px;flex-shrink:0;cursor:pointer}[data-theme=dark] .data-table-dropdown-item input[type=checkbox],[data-theme=dark] .admin-dropdown-item input[type=checkbox]{color-scheme:dark}.data-table-toggle,.admin-toggle{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer;flex-shrink:0}.data-table-toggle input,.admin-toggle input{opacity:0;width:0;height:0}.data-table-toggle-slider,.admin-toggle-slider{position:absolute;inset:0;border-radius:20px;background:var(--bg-sidebar);border:1px solid var(--border-primary);transition:background .2s}.data-table-toggle-slider:before,.admin-toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform .2s,background .2s}.data-table-toggle input:checked+.data-table-toggle-slider,.admin-toggle input:checked+.admin-toggle-slider{background:var(--accent-purple);border-color:var(--accent-purple)}.data-table-toggle input:checked+.data-table-toggle-slider:before,.admin-toggle input:checked+.admin-toggle-slider:before{transform:translate(16px);background:#fff}
