:root { font-family: Inter, Arial, sans-serif; color-scheme: light dark; }
body { margin: 0; background: #111827; color: #e5e7eb; }
.wrap { max-width: 1280px; margin: 0 auto; padding: 20px; }
.card { background: #1f2937; border: 1px solid #374151; border-radius: 10px; padding: 14px; margin-bottom: 14px; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 10px; }
.grid2 { display: grid; grid-template-columns: repeat(2, minmax(180px, 260px)); gap: 10px; align-items: end; }
label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
input, select, button, textarea { border-radius: 6px; border: 1px solid #4b5563; background: #111827; color: #e5e7eb; padding: 8px; }
.row { margin-top: 10px; display: flex; gap: 8px; align-items: center; }
.table-wrap { overflow: auto; max-height: 62vh; border: 1px solid #374151; border-radius: 8px; }
table { width: 100%; border-collapse: collapse; font-size: 12px; }
th, td { border-bottom: 1px solid #374151; padding: 6px; text-align: left; vertical-align: top; white-space: nowrap; }
small.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }