:root{
  --bg:#fff;
  --blue-600:#2563eb; --blue-700:#1d4ed8; --blue-100:#e8f0ff;
  --green-100:#eaf7ef;
  --border:rgba(0,0,0,.10);
  --text:#0f172a;
}
body{ background:var(--bg); color:var(--text); }
button{ background:var(--blue-600); color:#fff; border:1px solid rgba(0,0,0,.05); cursor:pointer; }
button:hover{ background:var(--blue-700); }
button:disabled{ opacity:.55; cursor:not-allowed; }
input,select,textarea{ background:var(--green-100); border:1px solid rgba(43, 94, 62, 0.25); color:var(--text); }
input:focus,select:focus,textarea:focus{ outline:2px solid rgba(44, 190, 68, 0.25); border-color:rgba(34, 68, 139, 0.35); }
th{ background:var(--blue-100); }
.pill{ background:var(--blue-100); color: #2c4999; }
@media (max-width: 720px){
  .row{ flex-direction:column; align-items:stretch; }
  input,select,button,textarea{ width:100%; box-sizing:border-box; }
  .right{ margin-left:0; }
  .tableWrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .tableWrap table{ min-width:720px; }
}