:root { color-scheme: light; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.field { width: 100%; border: 1px solid #cbd5e1; border-radius: 0.375rem; padding: 0.625rem 0.75rem; outline: none; background: white; }
.field:focus { border-color: #0f766e; box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15); }
.card { border: 1px solid #e2e8f0; border-radius: 0.5rem; background: white; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); }
.badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 0.125rem 0.625rem; font-size: 0.75rem; font-weight: 700; text-transform: capitalize; }
.table-wrap { overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 0.5rem; background: white; }
th { text-align: left; color: #475569; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; }
td, th { padding: 0.75rem 1rem; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
tr:last-child td { border-bottom: 0; }