.data-table{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:clip}.data-table__desktop{display:none;overflow-x:auto}.data-table table{border-collapse:collapse;width:100%;min-width:480px;font-size:var(--text-sm)}.data-table tbody td{overflow-wrap:anywhere}.data-table thead th{background:var(--bg-secondary);font-size:var(--text-caption);line-height:var(--text-caption-lh);font-weight:var(--weight-semibold);color:var(--text-secondary);text-align:left;text-transform:none;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);z-index:1;white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:0}.data-table thead th.align-right{text-align:right}.data-table__sort-btn{align-items:center;gap:var(--space-1);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;display:inline-flex}.data-table__sort-btn:hover{color:var(--text-primary)}.data-table__sort-neutral{opacity:.5;font-size:10px}.data-table__resize-handle{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:6px;position:absolute;top:0;bottom:0;right:0}.data-table__resize-handle:after{content:"";background:var(--border-strong);opacity:0;border-radius:1px;width:2px;transition:opacity .12s;position:absolute;top:20%;bottom:20%;right:2px}.data-table thead th:hover .data-table__resize-handle:after,.data-table__resize-handle--active:after{opacity:1}.data-table__resize-handle--active:after{background:var(--text-accent)}.data-table thead th.align-center{text-align:center}.data-table tbody td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);color:var(--text-primary);font-weight:var(--weight-medium);font-size:var(--text-sm);line-height:var(--text-sm-lh);vertical-align:middle}.data-table tbody td.align-right{text-align:right}.data-table tbody td.align-center{text-align:center}.data-table tbody td.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr[data-clickable]{cursor:pointer;transition:background .1s}.data-table tbody tr[data-clickable]:hover{background:var(--bg-row-hover)}.data-table tbody tr[data-clickable]:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.data-table__expand-col{width:48px}.data-table__expand-cell{text-align:center}.data-table__expand-btn{cursor:pointer;padding:var(--space-1);color:var(--text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.data-table__expand-btn:hover{color:var(--text-secondary);background-color:var(--bg-secondary-hover)}.data-table__expand-btn:focus-visible{outline:2px solid var(--border-brand);outline-offset:2px}.data-table__expand-btn svg{transition:transform .15s}.data-table__expand-btn[aria-expanded=true] svg{transform:rotate(90deg)}.data-table__expanded-row td{background:var(--bg-primary);padding:var(--space-5);border-bottom:1px solid var(--border-default)}.data-table__expanded-row:last-child td{border-bottom:none}.data-table__expanded-row .detail-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;display:grid}.data-table__expanded-row .detail-grid>div{gap:var(--space-1);flex-direction:column;display:flex}.data-table__expanded-row .detail-grid dt{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--text-tertiary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.04em}.data-table__expanded-row .detail-grid dd{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--text-primary);font-weight:var(--weight-medium);word-break:break-word;margin:0}.data-table__expanded-row .detail-grid-full{grid-column:1/-1}.data-table__expanded-row .endpoint-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.data-table__expanded-row .app-detail-expand>table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm);margin-top:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-xs);overflow:hidden}.data-table__expanded-row .app-detail-expand>table thead th{font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-default);white-space:nowrap}.data-table__expanded-row .app-detail-expand>table tbody td{padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:var(--weight-medium);border-bottom:1px solid var(--border-default);vertical-align:middle;background:var(--bg-elevated)}.data-table__expanded-row .app-detail-expand>table tbody tr:last-child td{border-bottom:none}.data-table__chevron-col{width:56px}.data-table__chevron{text-align:right;color:var(--text-tertiary)}.data-table tbody tr[data-clickable]:hover .data-table__chevron{color:var(--text-primary)}.data-table__skeleton-row td{border-bottom:1px solid var(--border-default);pointer-events:none}.data-table__cards{flex-direction:column;display:flex}.data-table__card{gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border-default);background:var(--bg-elevated);flex-direction:column;display:flex;position:relative}.data-table__card:last-child{border-bottom:none}.data-table__card--skeleton{gap:var(--space-2)}.data-table__card[data-clickable]{cursor:pointer;transition:background .1s}.data-table__card[data-has-chevron]{padding-right:var(--space-8)}.data-table__card[data-clickable]:hover,.data-table__card[data-clickable]:focus-visible{background:var(--bg-row-hover)}.data-table__card[data-clickable]:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.data-table__card-chevron{top:50%;right:var(--space-5);color:var(--text-tertiary);pointer-events:none;position:absolute;transform:translateY(-50%)}.data-table__card-default{gap:var(--space-3);font-size:var(--text-sm);line-height:var(--text-sm-lh);flex-direction:column;display:flex}.data-table__card-default .data-table__card-row{flex-direction:column;gap:2px;min-width:0;display:flex}.data-table__card-default dt{color:var(--text-tertiary);font-weight:var(--weight-medium);font-size:var(--text-xs);line-height:var(--text-xs-lh);text-transform:uppercase;letter-spacing:.04em}.data-table__card-default dd{min-width:0;color:var(--text-primary);font-weight:var(--weight-medium);overflow-wrap:anywhere;word-break:break-word;margin:0}@media (width>=1024px){.data-table__desktop{display:block}.data-table__cards{display:none}}.data-table__empty{padding:var(--space-9) var(--space-7);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.data-table__cell-name{font-weight:var(--weight-semibold);color:var(--text-primary)}.data-table__cell-tabular{font-variant-numeric:tabular-nums}.data-table__cell-muted{color:var(--text-tertiary)}.data-table__card-title{font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:var(--weight-semibold);color:var(--text-primary);font-family:var(--font-sans);word-break:break-all}.data-table__cell-mono-clip{max-width:280px}.cell-eyebrow{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--weight-medium)}.data-table__card-expand-btn{width:100%;margin-top:var(--space-4);padding:var(--space-3) 0 0;border:0;border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.data-table__card-expand-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.data-table__card-expand-icon{transition:transform var(--duration-fast) var(--ease-out)}.data-table__card-expand-btn[aria-expanded=true] .data-table__card-expand-icon{transform:rotate(90deg)}.data-table__card-expanded{margin-top:var(--space-4)}