body { font-family: "Inter", system-ui, -apple-system, sans-serif; background: #f6f8fb; }
.card { border-radius: 16px; }
.btn-primary { background: #2563eb; border-color: #2563eb; }
.btn-primary:hover { background: #1d4ed8; border-color: #1d4ed8; }
.btn-outline-primary { border-color: #2563eb; color: #2563eb; }
.btn-outline-primary:hover { background: #2563eb; color: #fff; }
.logo-img { height: 34px; }
.logo-placeholder { width: 48px; height: 34px; background:#e9ecef; display:flex; align-items:center; justify-content:center; font-size:12px; color:#666; border-radius:6px; }
.score-card { background:#f8f9fa; border-radius:12px; padding:16px; text-align:center; }
.score-title { font-size:12px; color:#6c757d; text-transform:uppercase; letter-spacing:.05em; }
.score-value { font-size:28px; font-weight:700; color:#0d6efd; }
.loading-overlay { position:fixed; inset:0; background:rgba(15,23,42,0.85); display:flex; align-items:center; justify-content:center; z-index:1050; }
.loading-console { background:#0b1220; color:#e2e8f0; border-radius:16px; padding:20px; width:min(520px, 92vw); box-shadow:0 20px 40px rgba(0,0,0,0.35); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.loading-header { display:flex; justify-content:space-between; align-items:center; font-size:13px; color:#94a3b8; margin-bottom:10px; }
.loading-lines { background:#0f172a; border-radius:12px; padding:12px; min-height:160px; max-height:220px; overflow:auto; font-size:12px; }
.loading-lines .line { margin-bottom:6px; color:#cbd5f5; }
.loading-lines .line span { color:#22d3ee; }
.info-icon { display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:50%; background:#e2e8f0; color:#0f172a; font-size:11px; margin-left:6px; cursor:help; }
.region-panel { background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:12px; }
.phone-flag { background: #eef2ff; color: #1e40af; font-weight: 600; display: flex; align-items: center; gap: 6px; }
.phone-flag::before {
  content: "";
  width: 16px;
  height: 12px;
  display: inline-block;
  background-size: cover;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='12'><rect width='16' height='12' fill='%23e11d48'/><circle cx='6.5' cy='6' r='3.2' fill='%23fff'/><circle cx='7.6' cy='6' r='2.4' fill='%23e11d48'/><polygon points='10.6,6 13,5 11.5,7.2 12.1,4.8 10,6.8 12.5,6.8 10.4,4.8 11,7.2 9.5,5' fill='%23fff'/></svg>");
}
.modal-content { border-radius: 16px; }
.navbar { box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08); }