.page-shell { width: min(100% - 2rem, 80rem); margin-inline: auto; }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.toolbar { display: flex; gap: var(--space-3); flex-wrap: wrap; align-items: flex-end; margin-bottom: var(--space-6); }
.table-wrap { overflow-x: auto; }
.table { width: 100%; border-collapse: collapse; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; }
.table th, .table td { text-align: left; padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border); font-size: 0.9rem; white-space: nowrap; }
.table th { background: var(--color-surface); font-weight: 600; }
.table tr:last-child td { border-bottom: 0; }
.grid { display: grid; gap: var(--space-6); }
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-5); }
@media (max-width: 1023px) { .card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) { .page-shell { width: min(100% - 1.25rem, 80rem); } .card-grid { grid-template-columns: minmax(0,1fr); } }