@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--color-bg:#f3f6fa;--color-surface:#fff;--color-surface-muted:#eef2f7;--color-primary:#0c3a56;--color-primary-dark:#082a3f;--color-primary-soft:#e4edf3;--color-accent:#e17a1f;--color-accent-dark:#c4650f;--color-success:#1f7a54;--color-success-soft:#e4f4ec;--color-danger:#c0392b;--color-danger-soft:#fbeae8;--color-warning-soft:#fff6e1;--color-text:#17232e;--color-text-muted:#5b6b7a;--color-border:#dce3ea;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-sm:6px;--radius-md:10px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}input,select,button{font-family:inherit}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.field{margin-bottom:16px}.field label{color:var(--color-primary-dark);margin-bottom:5px;font-size:.85rem;font-weight:600;display:block}.field input,.field select{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);padding:10px 12px;font-size:.95rem}.field input:focus,.field select:focus{border-color:var(--color-primary);outline:none}.field .error{color:var(--color-danger);margin-top:4px;font-size:.8rem}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-dark)}.btn-ghost{color:var(--color-primary);background:0 0;padding:8px 4px}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);padding:10px 12px;font-size:.72rem}td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:10px 12px}tr:hover td{background:var(--color-surface-muted)}.badge{border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-block}
