:root{--bg: #f7fafc;--surface: #ffffff;--surface-2: #f1f5f8;--foreground: #111827;--muted: #5b6b7f;--border: #e3ebf0;--action: #0151b7;--highlight: #00ceba;--success: #33c17a;--error: #ff5c6c;--warning: #ffb020;--field-bg: #ffffff;--field-border: #dbeaea;--field-radius: 6px;--field-height: 40px;--field-text: #737b8b;--card-radius: 14px;--card-heading: #737b8b;--card-heading-size: 16px;--card-heading-weight: 400;--card-divider: rgba(0, 0, 0, .15);--table-header-bg: #7c8b97;--table-header-fg: #ffffff;--control-height: 44px;--row-height: 56px;--base-size: 15px;--shadow-card: 0 1px 2px rgba(17, 24, 39, .14)}*{box-sizing:border-box;border-color:var(--border)}body{margin:0;background:var(--bg);color:var(--foreground);font-family:Onest,Inter,system-ui,sans-serif;font-size:var(--base-size);line-height:1.5}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.card{background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--shadow-card);padding:20px}.card-heading{font-size:var(--card-heading-size);font-weight:var(--card-heading-weight);color:var(--card-heading);margin:0 0 15px;padding-bottom:15px;border-bottom:1px dashed var(--card-divider)}.btn{height:var(--control-height);padding:0 18px;border-radius:10px;border:1px solid transparent;font:inherit;font-weight:500;cursor:pointer}.btn-primary{background:var(--action);color:#fff}.btn-secondary{background:var(--surface);color:var(--foreground);border-color:var(--field-border)}.input{height:var(--field-height);padding:0 12px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--field-radius);color:var(--field-text);font:inherit;font-size:14px}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow-card)}.table thead th{background:var(--table-header-bg);color:var(--table-header-fg);font-weight:500;font-size:13px;text-align:left;padding:12px 16px}.table tbody td{height:var(--row-height);padding:10px 16px;border-top:1px solid var(--border)}.table tbody tr:first-child td{border-top:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500}.chip-danger{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.chip-ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:color-mix(in srgb,var(--success) 75%,#000)}.chip-muted{background:var(--surface-2);color:var(--muted)}
