.kpay-container {
  max-width: 390px;
  margin: 70px auto 0 auto;
  padding: 24px 18px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 2px 16px rgba(63,81,181,0.08);
  font-family: 'Poppins', sans-serif;
}
.kpay-title {
  font-size: 1.45rem;
  font-weight: 700;
  text-align: center;
  color: #1976d2;
  margin-bottom: 20px;
}
.tabs {
  display: flex;
  margin-bottom: 24px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(63,81,181,0.06);
}
.tab-btn {
  flex: 1;
  padding: 13px 0;
  background: #f5f5fa;
  color: #1976d2;
  font-weight: 600;
  font-size: 1.09rem;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  outline: none;
}
.tab-btn.active {
  background: #1976d2;
  color: #fff;
}
.kpay-form {
  display: none;
  margin-top: 0;
}
.kpay-form.active {
  display: block;
}
.kpay-label {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 5px;
  color: #212121;
  display: block;
}
.kpay-input, .kpay-select {
  width: 100%;
  padding: 11px;
  border-radius: 8px;
  border: 1px solid #bdbdbd;
  font-size: 1rem;
  margin-bottom: 16px;
  outline: none;
  background: #f6f9ff;
  transition: border 0.2s;
}
.kpay-input:focus, .kpay-select:focus {
  border-color: #1976d2;
  background: #fff;
}
.kpay-upload {
  border: 1px dashed #bdbdbd;
  border-radius: 8px;
  padding: 17px;
  text-align: center;
  margin-bottom: 16px;
  background: #f9faff;
  cursor: pointer;
  color: #757575;
  transition: border-color 0.2s;
}
.kpay-upload input[type="file"] {
  display: none;
}
.kpay-upload:hover {
  border-color: #1976d2;
  color: #1976d2;
}
.kpay-preview {
  margin-bottom: 10px;
}
.kpay-btn {
  background: #1976d2;
  color: #fff;
  padding: 13px 0;
  width: 100%;
  border: none;
  border-radius: 8px;
  font-size: 1.12rem;
  font-weight: 600;
  cursor: pointer;
  margin-top: 5px;
  transition: background 0.2s;
}
.kpay-btn:hover, .kpay-btn:active {
  background: #1565c0;
}
.kpay-note {
  background: #f0f7fa;
  color: #2075c5;
  border-radius: 8px;
  padding: 12px 13px;
  margin-bottom: 20px;
  font-size: 0.97rem;
  border-left: 4px solid #1976d2;
}
.kpay-balance {
  background: #fef7e0;
  color: #b57d00;
  border-radius: 8px;
  padding: 10px 13px;
  margin-bottom: 16px;
  font-size: 1.05rem;
  text-align: center;
  border: 1px solid #ffe49c;
  font-weight: 600;
}
.kpay-admin-phone {
  font-size: 1.13rem;
  font-weight: 700;
  color: #1976d2;
  letter-spacing: 0.5px;
  background: #e3f2fd;
  border-radius: 8px;
  padding: 9px 13px;
  margin-bottom: 12px;
  display: inline-block;
  word-break: break-all;
}
.kpay-success, .kpay-error {
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 500;
  display: none;
}
.kpay-success { background: #e8f5e9; color: #388e3c; }
.kpay-error { background: #ffebee; color: #d32f2f; }
.kpay-actions {
  text-align: center;
  margin-top: 18px;
  font-size: 0.93rem;
  color: #757575;
}
.kpay-actions a {
  color: #1976d2;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 7px;
}
.kpay-back {
  margin-top: 16px;
  text-align: center;
}
.kpay-back a {
  color: #1976d2;
  text-decoration: none;
  font-size: 1.05rem;
  display: inline-flex;
  align-items: center;
}
.kpay-back a:hover {
  text-decoration: underline;
}