.data-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle}.data-table th{background:color-mix(in srgb,var(--color-surface-muted) 68%,var(--color-surface));color:var(--color-text-muted);font-size:.8rem;font-weight:700}.data-table tbody tr:last-child td{border-bottom:0}.data-table__sort{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--space-2);justify-content:flex-start;padding:0;text-align:left;width:100%}.data-table__sort-icon{color:var(--color-text-soft);flex:0 0 auto;font-size:.78rem;line-height:1}.data-table__actions{text-align:right}.data-table__actions a,.data-table td:first-child a{font-weight:700;text-decoration:none}.data-table td:first-child a:hover,.data-table td:first-child a:focus-visible{text-decoration:underline}.data-table__status{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);display:inline-flex;font-size:.78rem;font-weight:700;min-height:24px;padding:0 var(--space-2);white-space:nowrap}.data-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}.data-pagination .button,.data-pagination__page-button{min-height:36px}.data-pagination__page-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.data-pagination__page-button{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font:inherit;font-weight:700;min-width:36px;padding:0 var(--space-2)}.data-pagination__page-button:hover:not(.data-pagination__page-button--active){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-active)}.data-pagination__page-button--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}@media(hover:hover)and (pointer:fine){.data-table tbody tr:hover td{background:var(--color-primary-soft)}}@media(max-width:759px){.data-pagination{justify-content:center}}:root{--color-primary: #5e6f58;--color-primary-hover: #354133;--color-primary-active: #354133;--color-background: #f6f4f0;--color-surface: #ffffff;--color-surface-muted: #f1eee8;--color-border: #d7d2c8;--color-border-strong: #beb7aa;--color-text: #242b24;--color-text-muted: #667066;--color-text-soft: #7c857a;--color-accent: #b58a4a;--color-primary-soft: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));--color-danger: #a33b36;--color-danger-soft: color-mix(in srgb, var(--color-danger) 14%, var(--color-surface));--color-danger-border: color-mix(in srgb, var(--color-danger) 32%, var(--color-surface));--color-warning: #8d5b13;--color-warning-soft: color-mix(in srgb, var(--color-accent) 22%, var(--color-surface));--color-warning-border: color-mix(in srgb, var(--color-accent) 42%, var(--color-surface));--color-info: #4f6675;--color-info-soft: color-mix(in srgb, var(--color-info) 14%, var(--color-surface));--color-info-border: color-mix(in srgb, var(--color-info) 28%, var(--color-surface));--color-success: var(--color-primary-active);--color-success-soft: color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));--color-success-border: color-mix(in srgb, var(--color-primary) 36%, var(--color-surface));--color-neutral-soft: color-mix(in srgb, var(--color-text-soft) 16%, var(--color-surface));--color-neutral-border: color-mix(in srgb, var(--color-text-soft) 28%, var(--color-surface));--color-on-primary: #ffffff;--color-sidebar-background: var(--color-primary);--color-sidebar-background-strong: var(--color-primary-hover);--color-sidebar-text: #ffffff;--color-sidebar-text-muted: rgb(255 255 255 / 72%);--color-sidebar-text-soft: rgb(255 255 255 / 52%);--color-sidebar-active-background: rgb(255 255 255 / 88%);--color-sidebar-active-text: var(--color-primary-active);--color-sidebar-hover-background: rgb(255 255 255 / 12%);--color-sidebar-border: rgb(255 255 255 / 14%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 4px;--radius-md: 8px;--shadow-sm: 0 1px 2px rgb(36 43 36 / 8%);--shadow-md: 0 12px 30px rgb(36 43 36 / 12%);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 28%, transparent);--sidebar-width: 260px;--topbar-height: 64px;--breakpoint-md: 760px;--breakpoint-lg: 1040px}*{box-sizing:border-box}html{min-height:100%;background:var(--color-background);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100%;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}.button{align-items:center;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-on-primary);cursor:pointer;display:inline-flex;font-weight:650;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);text-decoration:none}.button:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.button--secondary{background:var(--color-surface);color:var(--color-primary)}.button--secondary:hover{background:var(--color-primary-soft);color:var(--color-primary-active)}.input,.select{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);min-height:40px;padding:0 var(--space-3);width:100%}.muted{color:var(--color-text-muted)}