body{font-family:Segoe UI,system-ui,Arial,sans-serif;background:#f6f8fb;margin:0;padding:40px;display:flex;justify-content:center}
.container{background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.08);padding:32px;max-width:560px;width:100%}
h1{margin:0 0 6px;color:#b5121b}
.subtitle{color:#555;margin:0 0 24px}
label{display:block;margin:14px 0 6px;color:#333;font-weight:600}
input,select,button{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:8px;font-size:15px}
input:focus,select:focus{outline:none;border-color:#b5121b;box-shadow:0 0 0 3px rgba(181,18,27,.15)}
button{background:#b5121b;color:#fff;border:none;margin-top:18px;cursor:pointer;font-weight:600}
button:hover{background:#9f0f17}
#msg{margin-top:10px;font-size:14px}
.hp{position:absolute;left:-9999px;visibility:hidden}
.modal.hidden {
  display: none;
}

.modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;  
}

.modal-content {
  background: #fff;
  width: 680px;
  max-height: 90vh;
  overflow: auto;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
  padding: 20px;
}

    .tabs { display:flex; gap:10px; margin-bottom:20px; }
    .tab { cursor:pointer; padding:8px 14px; border-radius:6px; background:#eee; }
    .tab.active { background:#b5121b; color:#fff; }
    table { width:100%; border-collapse:collapse; margin-top:16px; }
    th,td { border:1px solid #e5e7eb; padding:8px; text-align:left; }
    th { background:#fafafa; }
    .toolbar { display:flex; gap:10px; align-items:center; margin:10px 0; }
    .hidden { display:none; }
    input, select, textarea { padding:8px; border:1px solid #d0d5dd; border-radius:8px; }
    button { padding:10px 14px; border:none; border-radius:8px; background:#b5121b; color:#fff; cursor:pointer; }
    button.secondary { background:#eee; color:#333; }
    .modal { position:fixed; inset:0; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; }
    .modal-content { background:#fff; width:680px; max-height:90vh; overflow:auto; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,.2); padding:20px; }
    .modal-header { display:flex; justify-content:space-between; align-items:center; }
    .row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .loc-table td input { width:95%; }

.logo {
  text-align: center;
  margin-bottom: 20px;
}

.logo img {
  max-width: 220px;
  width: 100%;
  height: auto;
}

.legal-disclaimer {
  font-size: 12px;
  color: #555;
  margin-top: 16px;
  line-height: 1.4;
}