.datatable-container{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.datatable-container:hover{box-shadow:var(--shadow-md)}.datatable-header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--surface),var(--background));justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.datatable-search-wrapper{flex:1;max-width:400px;position:relative}.datatable-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.datatable-search-input{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);width:100%;font-size:.875rem;font-family:var(--font-family);transition:var(--transition);outline:none;padding:.75rem 1rem .75rem 2.75rem}.datatable-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #c5956b1a}.datatable-actions{align-items:center;gap:.75rem;display:flex}.datatable-scroll{width:100%;overflow-x:auto}.datatable-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.datatable-table th{background:var(--background);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.datatable-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:1.25rem 1.5rem;font-size:.875rem;transition:background .2s}.datatable-row:hover td{background-color:var(--surface-hover)}.datatable-row.clickable{cursor:pointer}.datatable-row.clickable:active{background-color:var(--surface)}.datatable-row:last-child td{border-bottom:none}.datatable-footer{background:var(--background);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.datatable-info{color:var(--text-secondary);font-size:.875rem}.datatable-pagination{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pagination-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--background);border-color:var(--text-secondary);color:var(--text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--surface);color:var(--text-secondary);border-color:var(--border);box-shadow:none}.pagination-number{border-radius:var(--radius-md);cursor:pointer;width:2.25rem;height:2.25rem;color:var(--text-secondary);border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover:not(.active){background:var(--surface);color:var(--text-primary)}.pagination-number.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);font-weight:600}.status-pill{text-transform:uppercase;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.datatable-skeleton{padding:1.25rem 1.5rem}.skeleton-box{background:linear-gradient(90deg,var(--border)25%,var(--background)50%,var(--border)75%);background-size:200% 100%;border-radius:4px;height:1rem;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.datatable-empty{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.datatable-empty svg{opacity:.5;margin-bottom:1rem}