:root {
  --ink: #17191e;
  --ink-2: #4a5160;
  --muted: #7a8292;
  --line: #e3e6ec;
  --bg: #f5f6f8;
  --card: #ffffff;
  --renter: #2f5fd0;
  --renter-bg: #eaf0fd;
  --broker: #1f8a5b;
  --broker-bg: #e8f6ef;
  --brand: #e2542a;
  --warn: #b25e00;
  --warn-bg: #fff4e5;
  --danger: #c0392b;
  --radius: 12px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--ink);
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); }
body { font-size: 14px; line-height: 1.45; }
button, input, select, textarea { font: inherit; color: inherit; }
button {
  cursor: pointer; border: 1px solid var(--line); background: var(--card); border-radius: 8px;
  padding: 6px 11px; font-weight: 500; transition: background .12s, border-color .12s;
}
button:hover { background: #f0f2f5; }
button:disabled { opacity: .5; cursor: default; }
button.primary { background: var(--ink); color: #fff; border-color: var(--ink); }
button.primary:hover { background: #2c3038; }
button.danger { color: var(--danger); }
input, select, textarea {
  border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: #fff; width: 100%;
}
input:focus, select:focus, textarea:focus { outline: 2px solid #c9d6f5; outline-offset: 0; border-color: #9fb4ea; }
a { color: var(--renter); }
.muted { color: var(--muted); }
.logo {
  display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 8px;
  background: var(--brand); color: #fff; font-weight: 800; font-size: 15px;
}
.badge { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #eef0f3; color: var(--ink-2); }
.badge.good { background: var(--broker-bg); color: var(--broker); }
.badge.warn { background: var(--warn-bg); color: var(--warn); }
.badge.bad { background: #fdecea; color: var(--danger); }
.badge.blue { background: var(--renter-bg); color: var(--renter); }
[hidden] { display: none !important; }