:root{
  --bg:#0f1115;         /* keep current site background if already used */
  --ink:#e8e8ea;
  --ink-muted:#aab1c4;
  --brand:#0071FF;
  --brand-2:#18C9E3;
  --navy:#04162D;
  --ok:#33d17a;
  --warn:#ffd18b;
  --err:#ff6b6b;
}

body{color:var(--ink); background:var(--bg); font-family: Inter, system-ui, Arial;}

.card{background:#141820; border:1px solid #222736; border-radius:14px; padding:18px;}

.btn{padding:10px 14px; border-radius:10px; border:0; background:var(--brand); color:#fff; cursor:pointer;}
.btn.secondary{background:var(--brand-2);}

.input{width:100%; padding:10px 12px; border-radius:10px; border:1px solid #30384a; background:#0f131a; color:var(--ink);}

.row{display:grid; grid-template-columns:1fr 1fr; gap:10px;}

.small{font-size:12px; color:var(--ink-muted);}

.status{margin-top:8px; font-size:12px;}
.status.ok{color:#b7ffbf;}
.status.err{color:#ffb7c1;}

/* Logo fix - prevent stretching */
.logo img, img.logo, .brand-logo {
  height: 28px;
  width: auto;
  object-fit: contain;
  aspect-ratio: auto;
  display: block;
}

/* Container for consistency */
.container{max-width:1200px; margin:0 auto; padding:0 1rem;}