.filter-box{flex-direction:column;gap:.75rem;width:min(100%,520px);display:flex}.filter-label{color:var(--color-text);letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:1rem}.filter-input{border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);padding:1rem 1.25rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.filter-input:focus{border-color:var(--color-hover);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.filter-input::placeholder{color:var(--color-text-placeholder)}
.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table-header{background:var(--color-surface-deep);color:var(--color-text);text-align:left;letter-spacing:.05em;text-transform:uppercase;padding:1rem 1.25rem;font-size:.95rem;font-weight:500}.data-table-row{border-top:1px solid var(--color-surface-2)}.data-table-row:hover{background:var(--color-row-hover)}.data-table-cell{color:var(--color-text-muted);padding:1rem 1.25rem;line-height:1.6}.data-table-link{color:var(--color-accent-text);text-decoration:none}.data-table-link:hover{color:var(--color-hover);text-decoration:underline}.data-table-empty{color:var(--color-text-dim);text-align:center;padding:2rem 1.25rem}@media (max-width:768px){.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table thead{display:none}.data-table-row{border-top:1px solid var(--color-border-strong);padding:.5rem 0}.data-table-cell{text-align:right;justify-content:space-between;gap:1rem;padding:.6rem 1.25rem;display:flex}.data-table-cell:before{content:attr(data-label);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:.8rem}}