:root {
  --account-blue: #079fbe;
  --account-blue-dark: #008dac;
  --account-blue-soft: #e8f8fb;
  --account-gold: #f4c638;
  --account-ink: #354052;
  --account-line: #dfe7eb;
  --account-muted: #8a99a7;
}

.static-auth-error {
  min-height: 18px;
  margin: -4px 0 8px;
  color: #d84545;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}

.static-auth-submit:disabled {
  cursor: wait;
  filter: grayscale(.2);
  opacity: .75;
}

.static-account-mail {
  position: relative;
}

.static-account-mail em[data-account-unread] {
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 9px;
  color: #fff;
  background: #8bc53f;
  font: 700 10px/16px Arial, sans-serif;
  text-align: center;
}

.static-account-balance button.is-loading i,
.pc-account-balance button.is-loading i {
  animation: pc-account-spin .7s linear infinite;
}

body.pc-account-page-active .static-tab-root {
  display: none !important;
}

body.pc-account-page-active .BDw45cKhOY5X-HJyc5_2C > :not(.pc-account-root) {
  display: none !important;
}

.pc-account-root,
.pc-account-root * {
  box-sizing: border-box;
}

.pc-account-root {
  width: 100%;
  padding: 42px 16px 70px;
  color: var(--account-ink);
  background: #fff;
  font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
}

.pc-account-layout {
  display: grid;
  grid-template-columns: 294px minmax(0, 1fr);
  gap: 28px;
  width: min(100%, 1000px);
  margin: 0 auto;
  align-items: start;
}

.pc-account-sidebar,
.pc-account-main {
  min-width: 0;
}

.pc-account-profile {
  overflow: hidden;
  color: #fff;
  background: var(--account-blue);
  border-radius: 9px 9px 0 0;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0, 119, 151, .13);
}

.pc-account-avatar {
  display: grid;
  width: 76px;
  height: 76px;
  margin: 22px auto 11px;
  place-items: center;
  border: 6px solid rgba(255, 255, 255, .9);
  border-radius: 50%;
  font-size: 34px;
}

.pc-account-profile > strong,
.pc-account-profile > em,
.pc-account-profile > small,
.pc-account-profile > b {
  display: block;
}

.pc-account-profile > strong {
  font-size: 18px;
}

.pc-account-profile > em {
  width: fit-content;
  margin: 5px auto 16px;
  padding: 2px 9px;
  color: #674e00;
  background: var(--account-gold);
  border-radius: 10px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.pc-account-profile > small {
  opacity: .8;
}

.pc-account-profile > b {
  margin-top: 4px;
  font-size: 24px;
}

.pc-account-profile > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 22px;
  background: rgba(0, 74, 102, .2);
}

.pc-account-profile > div a {
  padding: 14px 8px;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, .22);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.pc-account-menu {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--account-line);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 24px rgba(36, 74, 92, .09);
}

.pc-account-menu a {
  display: grid;
  grid-template-columns: 32px 1fr 18px;
  align-items: center;
  min-height: 47px;
  padding: 0 17px;
  color: #5a6570;
  border-bottom: 1px solid #edf1f3;
  font-size: 15px;
  text-decoration: none;
  transition: .18s ease;
}

.pc-account-menu a > i:first-child {
  color: #28a9c3;
  font-size: 17px;
  text-align: center;
}

.pc-account-menu a > i:last-child {
  color: #b5c0c7;
  font-size: 10px;
  text-align: right;
}

.pc-account-menu a:hover,
.pc-account-menu a.active {
  color: #fff;
  background: var(--account-blue);
}

.pc-account-menu a:hover i,
.pc-account-menu a.active i {
  color: #fff;
}

.pc-account-main {
  overflow: hidden;
  min-height: 630px;
  background: #fff;
  border: 1px solid var(--account-line);
  border-radius: 9px;
  box-shadow: 0 8px 28px rgba(36, 74, 92, .1);
}

.pc-account-title {
  display: flex;
  min-height: 64px;
  padding: 10px 24px;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background: var(--account-blue-dark);
}

.pc-account-title h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
}

.pc-account-title p {
  margin: 3px 0 0;
  font-size: 12px;
  opacity: .78;
}

.pc-account-title > span {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  opacity: .7;
}

.pc-account-content {
  padding: 22px;
}

.pc-account-loading,
.pc-account-empty,
.pc-account-error {
  display: flex;
  min-height: 210px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  color: var(--account-muted);
  text-align: center;
}

.pc-account-loading i {
  width: 34px;
  height: 34px;
  border: 3px solid #d9f1f5;
  border-top-color: var(--account-blue);
  border-radius: 50%;
  animation: pc-account-spin .7s linear infinite;
}

.pc-account-empty i,
.pc-account-error i {
  color: #bdd0d7;
  font-size: 40px;
}

.pc-account-error i,
.pc-account-error span {
  color: #d24c4c;
}

.pc-security-grid,
.pc-feature-grid,
.pc-activity-grid,
.pc-transaction-actions,
.pc-stat-grid {
  display: grid;
  gap: 16px;
}

.pc-security-grid {
  grid-template-columns: repeat(3, 1fr);
}

.pc-security-grid button {
  min-height: 164px;
  padding: 20px 12px;
  color: #45535f;
  background: #fff;
  border: 1px solid var(--account-line);
  border-radius: 7px;
  cursor: pointer;
  transition: .18s ease;
}

.pc-security-grid button:hover {
  color: var(--account-blue-dark);
  border-color: var(--account-blue);
  box-shadow: 0 8px 20px rgba(0, 142, 173, .12);
  transform: translateY(-2px);
}

.pc-security-grid button i {
  display: grid;
  width: 58px;
  height: 58px;
  margin: 0 auto 12px;
  place-items: center;
  color: #fff;
  background: var(--account-blue);
  border-radius: 50%;
  font-size: 24px;
}

.pc-security-grid button strong,
.pc-security-grid button span {
  display: block;
}

.pc-security-grid button strong {
  font-size: 16px;
}

.pc-security-grid button span {
  margin-top: 6px;
  color: var(--account-muted);
  font-size: 12px;
}

[data-security-form]:not(:empty),
[data-mail-detail]:not(:empty) {
  margin-top: 20px;
}

.pc-account-form {
  position: relative;
  width: min(100%, 520px);
  margin: 0 auto;
  padding: 22px;
  background: #f8fbfc;
  border: 1px solid var(--account-line);
  border-radius: 8px;
}

.pc-account-form h2 {
  margin: 0 0 18px;
  color: var(--account-blue-dark);
  font-size: 19px;
  font-weight: 600;
}

.pc-account-form > label {
  display: block;
  margin-bottom: 14px;
  color: #52616d;
  font-size: 13px;
  font-weight: 600;
}

.pc-account-form input,
.pc-account-form select,
.pc-account-form textarea,
.pc-referral-banner input,
.pc-bet-filter input,
.pc-bet-filter select {
  width: 100%;
  height: 42px;
  margin-top: 6px;
  padding: 0 12px;
  color: #384650;
  background: #fff;
  border: 1px solid #d5e0e5;
  border-radius: 4px;
  outline: 0;
}

.pc-account-form textarea {
  height: auto;
  padding-top: 10px;
  resize: vertical;
}

.pc-account-form input:focus,
.pc-account-form select:focus,
.pc-account-form textarea:focus,
.pc-bet-filter input:focus,
.pc-bet-filter select:focus {
  border-color: var(--account-blue);
  box-shadow: 0 0 0 3px rgba(7, 159, 190, .1);
}

.pc-account-form label small {
  display: block;
  margin-top: 5px;
  color: var(--account-muted);
  font-size: 11px;
  font-weight: 400;
}

.pc-account-form > button[type="submit"],
.pc-bet-filter > button,
.pc-rebate-summary button {
  min-width: 160px;
  height: 42px;
  padding: 0 20px;
  color: #fff;
  background: var(--account-blue);
  border: 0;
  border-radius: 5px;
  font-weight: 700;
  cursor: pointer;
}

.pc-account-form button:disabled,
.pc-rebate-summary button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.pc-form-feedback {
  min-height: 18px;
  margin: 7px 0;
  color: var(--account-muted);
  font-size: 13px;
}

.pc-form-feedback.error,
.pc-form-warning {
  color: #d44545;
}

.pc-form-feedback.success {
  color: #20945a;
}

.pc-form-note,
.pc-form-warning {
  padding: 10px 12px;
  background: #fff8dc;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.5;
}

.pc-form-close,
.pc-mail-detail > button {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #fff;
  background: #17242b;
  border: 0;
  border-radius: 50%;
  font-size: 21px;
  cursor: pointer;
}

.pc-referral-banner {
  padding: 23px;
  color: #fff;
  background: linear-gradient(115deg, #008eae, #18b4ca);
  border-radius: 8px;
}

.pc-referral-banner > div span,
.pc-referral-banner > div strong {
  display: block;
}

.pc-referral-banner > div strong {
  margin: 4px 0 16px;
  color: #ffe56c;
  font-size: 30px;
  letter-spacing: 3px;
}

.pc-referral-banner label {
  display: grid;
  grid-template-columns: 1fr 105px;
  gap: 8px;
  align-items: end;
  font-size: 12px;
}

.pc-referral-banner input {
  grid-column: 1;
  margin: 5px 0 0;
}

.pc-referral-banner button {
  grid-column: 2;
  grid-row: 1 / span 2;
  height: 42px;
  color: #245163;
  background: #ffe56c;
  border: 0;
  border-radius: 4px;
  font-weight: 700;
}

.pc-stat-grid {
  grid-template-columns: repeat(4, 1fr);
  margin: 18px 0;
}

.pc-stat-grid article {
  min-width: 0;
  padding: 16px 13px;
  background: var(--account-blue-soft);
  border-radius: 6px;
  text-align: center;
}

.pc-stat-grid article span,
.pc-stat-grid article strong {
  display: block;
}

.pc-stat-grid article span {
  overflow: hidden;
  color: #6b7b85;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-stat-grid article strong {
  margin-top: 7px;
  color: var(--account-blue-dark);
  font-size: 18px;
}

.pc-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--account-line);
  border-radius: 5px;
}

.pc-table-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.pc-table-wrap th,
.pc-table-wrap td {
  padding: 12px 10px;
  border-bottom: 1px solid #e9eff2;
  text-align: left;
  white-space: nowrap;
}

.pc-table-wrap th {
  color: #43515c;
  background: #f3f7f9;
  font-weight: 600;
}

.pc-table-wrap td[colspan] {
  height: 100px;
  color: var(--account-muted);
  text-align: center;
}

.pc-status {
  display: inline-block;
  padding: 3px 8px;
  color: #9b7211;
  background: #fff4cf;
  border-radius: 9px;
  font-size: 11px;
}

.pc-status.success {
  color: #1c7d4c;
  background: #e4f7ed;
}

.pc-status.danger {
  color: #a93636;
  background: #fdeaea;
}

.pc-vip-card {
  padding: 28px;
  color: #fff;
  background: linear-gradient(125deg, #063b62 0%, #087ca2 52%, #11b8c8 100%);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(2, 82, 116, .2);
}

.pc-vip-card > div:first-child span,
.pc-vip-card > div:first-child strong,
.pc-vip-card > div:first-child p {
  display: block;
  margin: 0;
}

.pc-vip-card > div:first-child strong {
  margin: 6px 0;
  color: #ffe16a;
  font-size: 38px;
}

.pc-vip-progress {
  margin-top: 24px;
}

.pc-vip-progress > span {
  display: block;
  overflow: hidden;
  height: 8px;
  margin-bottom: 8px;
  background: rgba(255, 255, 255, .25);
  border-radius: 4px;
}

.pc-vip-progress i {
  display: block;
  height: 100%;
  background: #ffe16a;
}

.pc-feature-grid {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 18px;
}

.pc-feature-grid article {
  padding: 20px;
  border: 1px solid var(--account-line);
  border-radius: 7px;
  text-align: center;
}

.pc-feature-grid i {
  color: var(--account-blue);
  font-size: 27px;
}

.pc-feature-grid h3 {
  margin: 11px 0 7px;
  font-size: 15px;
}

.pc-feature-grid p {
  margin: 0;
  color: var(--account-muted);
  font-size: 12px;
  line-height: 1.5;
}

.pc-announcement {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid var(--account-line);
}

.pc-announcement > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  color: #fff;
  background: var(--account-blue);
  border-radius: 50%;
}

.pc-announcement h3,
.pc-announcement p {
  margin: 0;
}

.pc-announcement h3 {
  font-size: 15px;
}

.pc-announcement p {
  margin: 7px 0;
  color: #697985;
  font-size: 13px;
  line-height: 1.5;
}

.pc-announcement time {
  color: var(--account-muted);
  font-size: 11px;
}

.pc-mail-toolbar,
.pc-withdraw-tabs,
.pc-filter-row {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--account-line);
}

.pc-mail-toolbar > div,
.pc-withdraw-tabs,
.pc-filter-row {
  gap: 4px;
}

.pc-mail-toolbar button,
.pc-withdraw-tabs button,
.pc-filter-row button {
  padding: 11px 15px;
  color: #65747e;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}

.pc-mail-toolbar > div > button {
  min-height: 42px;
  font-size: 14px;
}

.pc-mail-toolbar > div > button i {
  margin-right: 5px;
  color: #ffc91b;
}

.pc-mail-toolbar button.active,
.pc-withdraw-tabs button.active,
.pc-filter-row button.active {
  color: var(--account-blue-dark);
  border-bottom-color: var(--account-blue);
}

.pc-mail-toolbar > button {
  color: #fff;
  background: var(--account-blue);
  border: 0;
  border-radius: 4px;
}

.pc-mail-list {
  border: 1px solid var(--account-line);
  border-bottom: 0;
}

.pc-mail-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  min-height: 40px;
  padding: 0 16px;
  align-items: center;
  color: #3e4a52;
  background: #f7f9fa;
  border-bottom: 1px solid var(--account-line);
  font-size: 13px;
}

.pc-mail-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  width: 100%;
  min-height: 47px;
  padding: 8px 16px;
  align-items: center;
  color: #52616d;
  background: #fff;
  border: 0;
  border-bottom: 1px solid var(--account-line);
  text-align: left;
  cursor: pointer;
}

.pc-mail-row:hover,
.pc-mail-row.unread {
  background: #f1fbfd;
}

.pc-mail-row span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.pc-mail-row span > i {
  color: var(--account-blue);
}

.pc-mail-row span > i.fa-star {
  color: #ffc91b;
}

.pc-mail-row time {
  color: var(--account-muted);
  font-size: 12px;
}

.pc-mail-detail {
  position: relative;
  padding: 22px;
  background: #f7fbfc;
  border: 1px solid var(--account-line);
  border-radius: 7px;
}

.pc-mail-detail h2 {
  max-width: calc(100% - 45px);
  margin: 0 0 7px;
  color: var(--account-blue-dark);
  font-size: 18px;
}

.pc-mail-detail > p {
  margin: 20px 0 0;
  line-height: 1.65;
}

.pc-activity-grid {
  grid-template-columns: 1fr 1fr;
}

.pc-activity-grid article {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 17px;
  min-height: 210px;
  padding: 24px;
  color: #fff;
  background: linear-gradient(135deg, #008dac, #18b3c9);
  border-radius: 9px;
}

.pc-activity-grid article:nth-child(2) {
  background: linear-gradient(135deg, #087290, #064b75);
}

.pc-activity-grid > article > i {
  font-size: 49px;
  opacity: .9;
}

.pc-activity-grid h2 {
  margin: 0;
  font-size: 19px;
}

.pc-activity-grid p {
  min-height: 64px;
  font-size: 13px;
  line-height: 1.55;
  opacity: .85;
}

.pc-activity-grid button {
  padding: 8px 12px;
  color: #49606a;
  background: #fff;
  border: 0;
  border-radius: 4px;
}

.pc-transaction-actions {
  grid-template-columns: repeat(3, 1fr);
}

.pc-transaction-actions > a {
  display: flex;
  min-height: 245px;
  padding: 25px 19px;
  align-items: center;
  flex-direction: column;
  color: #4e5d68;
  border: 1px solid var(--account-line);
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  transition: .18s ease;
}

.pc-transaction-actions > a:hover {
  border-color: var(--account-blue);
  transform: translateY(-3px);
}

.pc-transaction-actions > a > i {
  color: var(--account-blue);
  font-size: 47px;
}

.pc-transaction-actions strong {
  margin: 18px 0 9px;
  color: var(--account-blue-dark);
  font-size: 18px;
}

.pc-transaction-actions span {
  min-height: 63px;
  color: var(--account-muted);
  font-size: 12px;
  line-height: 1.55;
}

.pc-transaction-actions b {
  margin-top: auto;
  color: var(--account-blue);
  font-size: 12px;
}

.pc-checkbox {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.pc-checkbox input {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

.pc-bank-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 18px;
}

.pc-bank-card {
  margin: 0 !important;
  cursor: pointer;
}

.pc-bank-card input {
  position: absolute;
  opacity: 0;
}

.pc-bank-card span {
  display: grid;
  grid-template-columns: 38px 1fr;
  padding: 13px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--account-line);
  border-radius: 6px;
}

.pc-bank-card input:checked + span {
  border-color: var(--account-blue);
  box-shadow: 0 0 0 2px rgba(7, 159, 190, .12);
}

.pc-bank-card i {
  grid-row: 1 / span 2;
  color: var(--account-blue);
  font-size: 23px;
}

.pc-bank-card strong,
.pc-bank-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-bank-card small {
  margin: 3px 0 0 !important;
}

.pc-bet-filter {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;
  padding: 15px;
  background: #f5f8f9;
  border-radius: 6px;
}

.pc-bet-filter label {
  color: #5a6974;
  font-size: 12px;
}

.pc-bet-filter input,
.pc-bet-filter select {
  height: 38px;
}

.pc-bet-filter .pc-checkbox {
  align-self: end;
  height: 38px;
}

.pc-bet-filter > button {
  align-self: end;
  min-width: 0;
  height: 38px;
}

.pc-bet-summary {
  grid-template-columns: repeat(3, 1fr);
}

.pc-rebate-summary {
  display: flex;
  padding: 23px;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background: linear-gradient(115deg, #008dac, #19b4ca);
  border-radius: 8px;
}

.pc-rebate-summary span,
.pc-rebate-summary strong,
.pc-rebate-summary small {
  display: block;
}

.pc-rebate-summary strong {
  margin: 5px 0;
  color: #ffe16a;
  font-size: 30px;
}

.pc-rebate-summary button {
  color: #275365;
  background: #ffe16a;
}

.pc-favorite-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.pc-favorite-card {
  overflow: hidden;
  border: 1px solid var(--account-line);
  border-radius: 7px;
}

.pc-favorite-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.pc-favorite-card strong,
.pc-favorite-card span {
  display: block;
  padding: 9px 11px 0;
}

.pc-favorite-card span {
  padding: 3px 11px 11px;
  color: var(--account-muted);
  font-size: 11px;
}

@keyframes pc-account-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1050px) {
  .pc-account-layout { grid-template-columns: 250px minmax(0, 1fr); }
  .pc-security-grid { grid-template-columns: 1fr 1fr 1fr; }
  .pc-account-content { padding: 17px; }
  .pc-stat-grid { grid-template-columns: 1fr 1fr; }
  .pc-bet-filter { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 780px) {
  .pc-account-root { padding: 20px 10px 50px; }
  .pc-account-layout { display: block; }
  .pc-account-sidebar { margin-bottom: 18px; }
  .pc-account-menu { display: grid; grid-template-columns: 1fr 1fr; }
  .pc-account-menu a { min-height: 43px; }
  .pc-account-main { min-height: 440px; }
  .pc-security-grid,
  .pc-feature-grid,
  .pc-activity-grid,
  .pc-transaction-actions { grid-template-columns: 1fr; }
  .pc-bank-list,
  .pc-bet-filter { grid-template-columns: 1fr; }
  .pc-account-title > span { display: none; }
  .pc-mail-toolbar { align-items: flex-end; }
  .pc-mail-toolbar > div { display: flex; flex-wrap: wrap; }
  .pc-mail-head { display: none; }
  .pc-mail-row { grid-template-columns: 1fr; gap: 5px; }
}

/* Source-faithful desktop member center. These routes are desktop-only in Next.js. */
body.pc-account-page-active .BDw45cKhOY5X-HJyc5_2C {
  background: #fff;
}

body.pc-account-page-active [data-member-path] {
  min-height: 720px;
  padding: 0 !important;
}

.pc-account-root {
  width: 100%;
  padding: 15px 0 70px;
  color: #333;
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.pc-account-layout {
  display: grid;
  grid-template-columns: 300px 840px;
  gap: 30px;
  width: 1170px;
  margin: 0 auto;
  align-items: start;
}

.pc-account-sidebar {
  width: 300px;
  margin: 0;
  color: #fff;
}

.pc-account-profile {
  height: 218px;
  overflow: visible;
  padding-top: 45px;
  color: #fff;
  background: #00a3c6;
  border-radius: 10px 10px 0 0;
  box-shadow: none;
  text-align: center;
}

.pc-account-avatar {
  display: block;
  width: auto;
  height: 60px;
  margin: 0 auto 10px;
  border: 0;
  border-radius: 0;
  font-size: 60px;
  line-height: 60px;
}

.pc-account-profile > .pc-account-name {
  display: block !important;
  grid-template-columns: none !important;
  margin: 0 0 10px !important;
  padding: 0;
  background: transparent !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  white-space: nowrap;
}

.pc-account-name strong {
  font: inherit;
}

.pc-account-profile > .pc-account-balance {
  display: flex !important;
  grid-template-columns: none !important;
  height: 25px;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 5px;
  margin: 0 !important;
  padding: 0;
  background: transparent !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  white-space: nowrap;
}

.pc-account-balance b {
  font-size: 21px;
  font-weight: 700;
}

.pc-account-balance button {
  width: 22px;
  height: 25px;
  padding: 0;
  color: #9ce9f4;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pc-account-money {
  display: grid;
  grid-template-columns: 149px 149px;
  gap: 2px;
  height: 102px;
  margin-top: 2px;
  background: transparent;
}

.pc-account-money a {
  display: flex;
  height: 100px;
  padding: 14px 0 10px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  color: #fff;
  background: #008dac;
  border: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.pc-account-money a.active,
.pc-account-money a:hover {
  background: #007f9b;
}

.pc-account-money i {
  font-size: 31px;
  line-height: 34px;
}

.pc-account-menu {
  display: block;
  overflow: visible;
  padding: 0 0 25px;
  background: #00a3c6;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.pc-account-menu a {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 25px;
  height: 56px;
  min-height: 56px;
  padding: 0 16px 0 26px;
  align-items: center;
  color: #fff;
  background: transparent;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 56px;
  text-decoration: none;
}

.pc-account-menu a span {
  min-width: 0;
  white-space: nowrap;
}

.pc-account-menu a > i:first-child {
  color: inherit;
  font-size: 17px;
  text-align: left;
}

.pc-account-menu a:hover,
.pc-account-menu a.active {
  color: #444;
  background: #dbf9ff;
}

.pc-account-menu b[data-account-side-unread] {
  display: inline-grid;
  min-width: 19px;
  height: 19px;
  place-items: center;
  color: #fff;
  background: #f00000;
  border-radius: 50%;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 19px;
}

.pc-account-menu b[data-account-side-unread][hidden] {
  display: none;
}

.pc-account-main {
  width: 840px;
  min-height: 520px;
  overflow: visible;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: none;
}

.pc-account-main-bare {
  min-height: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.pc-account-title {
  position: relative;
  display: block;
  height: 51px;
  min-height: 51px;
  padding: 10px 15px;
  color: #fff;
  background: #008dac;
  border-radius: 3px 3px 0 0;
  text-align: center;
}

.pc-account-back {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  width: 52px;
  height: 51px;
  place-items: center;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

.pc-account-back i {
  transform: rotate(180deg);
}

.pc-account-title h1 {
  margin: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
}

.pc-account-content {
  padding: 15px;
}

.pc-account-main-bare .pc-account-content {
  padding: 0;
}

.pc-account-description {
  margin: 15px 0 0;
  color: #888;
  font-size: 12px;
  text-align: center;
}

.pc-account-loading,
.pc-account-empty,
.pc-account-error {
  min-height: 260px;
}

.pc-security-grid,
.pc-transaction-actions {
  display: grid;
  grid-template-columns: repeat(3, 211px);
  gap: 52px;
  width: 100%;
  padding: 10px 54px;
}

.pc-security-grid button,
.pc-transaction-actions > a {
  display: inline-block;
  width: 211px;
  height: 150px;
  min-height: 150px;
  padding: 25px 0 15px;
  color: #444;
  background: rgba(204, 204, 204, .6);
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 22.8571px;
  text-align: center;
  text-decoration: none;
  transform: none;
}

.pc-security-grid button:hover,
.pc-transaction-actions > a:hover {
  color: #444;
  background: #dbf9ff;
  border: 0;
  box-shadow: none;
  transform: none;
}

.pc-security-grid button i,
.pc-transaction-actions > a > i {
  display: block;
  width: calc(100% - 4px);
  height: 50px;
  margin: 13.58px 2px 12px;
  color: #00a3c6;
  background: transparent;
  border-radius: 0;
  font-size: 50px;
  line-height: 50px;
}

.pc-security-grid button span,
.pc-transaction-actions span {
  margin: 0;
  color: inherit;
  font-size: 16px;
  font-weight: 400;
}

.pc-security-grid button small,
.pc-transaction-actions span,
.pc-transaction-actions b {
  margin: 2px 0 0;
  min-height: 0;
  color: #777;
  font-size: 11px;
  line-height: 16px;
}

.pc-transaction-actions {
  grid-template-columns: repeat(2, 211px);
  justify-content: start;
}

.pc-account-form {
  width: min(100%, 610px);
  margin: 10px auto;
  padding: 25px 35px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.pc-account-form h2 {
  margin: 0 0 20px;
  color: #333;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.pc-account-form > label {
  margin-bottom: 15px;
  color: #444;
  font-size: 14px;
}

.pc-account-form input,
.pc-account-form select,
.pc-account-form textarea,
.pc-referral-banner input,
.pc-bet-filter input,
.pc-bet-filter select {
  height: 38px;
  padding: 6px 12px;
  color: #555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-account-form > button[type="submit"],
.pc-bet-filter > button,
.pc-rebate-summary button {
  height: 38px;
  color: #fff;
  background: #008dac;
  border: 1px solid #007b96;
  border-radius: 4px;
  font-size: 14px;
}

.pc-mail-toolbar,
.pc-withdraw-tabs,
.pc-filter-row {
  min-height: 43px;
  margin: 0 0 10px;
  border-bottom: 1px solid #ddd;
}

.pc-mail-toolbar button,
.pc-withdraw-tabs button,
.pc-filter-row button {
  height: 42px;
  padding: 10px 15px;
  color: #337ab7;
  border: 1px solid transparent;
  border-bottom: 0;
  font-size: 14px;
}

.pc-mail-toolbar button.active,
.pc-withdraw-tabs button.active,
.pc-filter-row button.active {
  color: #555;
  background: #fff;
  border-color: #ddd;
  border-radius: 4px 4px 0 0;
}

.pc-mail-toolbar > button {
  width: auto;
  height: 34px;
  padding: 6px 12px;
  color: #fff;
  background: #337ab7;
  border: 1px solid #2e6da4;
  border-radius: 4px;
}

.pc-mail-list,
.pc-table-wrap {
  border: 0;
  border-radius: 0;
}

.pc-mail-head,
.pc-mail-row {
  grid-template-columns: minmax(0, 1fr) 365px;
  padding: 0 7px;
}

.pc-mail-head {
  min-height: 27px;
  background: #fff;
  border-bottom: 2px solid #ddd;
  font-weight: 700;
}

.pc-mail-row {
  min-height: 51px;
  padding: 8px 20px;
  color: #1474bd;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  font-weight: 700;
}

.pc-mail-row time {
  color: #111;
  font-size: 12px;
  font-weight: 700;
}

.pc-mail-end {
  height: 37px;
  padding: 8px;
  background: #eee;
  text-align: center;
}

.pc-table-wrap table {
  font-size: 14px;
}

.pc-table-wrap th,
.pc-table-wrap td {
  height: 44px;
  padding: 8px;
  border: 1px solid #ddd;
}

.pc-table-wrap th {
  color: #333;
  background: #f5f5f5;
  font-weight: 700;
  text-align: center;
}

.pc-bet-filter {
  display: block;
  width: 100%;
  padding: 0;
  color: #333;
  background: transparent;
  border: 0;
  border-radius: 0;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-bet-filter-panel {
  display: grid;
  width: 100%;
  height: 140px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 10px 5px;
  border: 1px solid silver;
}

.pc-bet-column {
  min-width: 0;
  padding: 0 15px;
}

.pc-bet-group {
  min-height: 0;
  margin: 0 0 15px;
}

.pc-bet-filter .pc-radio,
.pc-bet-filter .pc-checkbox {
  display: inline-block;
  height: 22px;
  margin: 0 0 5px;
  color: #333;
  font: 700 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-bet-filter .pc-radio input,
.pc-bet-filter .pc-checkbox input {
  width: 13px;
  height: 13px;
  margin: 4px 0 0;
  padding: 0;
  vertical-align: top;
  box-shadow: none;
}

.pc-bet-filter .pc-checkbox.is-disabled {
  color: #777;
}

.pc-date-range {
  display: inline-flex;
  width: 332.67px;
  max-width: 100%;
  height: 34px;
  align-items: center;
}

.pc-bet-filter .pc-date-range input {
  width: 46%;
  height: 34px;
  margin: 0;
  padding: 6px 8px;
  flex: 0 0 46%;
  color: #555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font: 12px/17.1429px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-date-range span {
  flex: 1 1 auto;
  text-align: center;
}

.pc-game-filter {
  display: flex;
  height: 34px;
}

.pc-game-filter > label {
  width: 33.333333%;
  height: 20px;
  margin: 0 0 5px;
  padding: 0 15px;
  color: #333;
  font: 700 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-game-filter > div {
  width: 58.333333%;
  padding: 0 15px;
}

.pc-bet-filter .pc-game-filter select {
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 6px 12px;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-bet-actions {
  width: 100%;
  height: 49px;
  padding: 10px 0;
}

.pc-bet-actions button {
  width: 70px;
  height: 27px;
  margin-left: 83.333333%;
  padding: 0 5px;
  color: #333;
  background: transparent;
  border: 0;
  border-radius: 0;
  font: 14px/27px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  cursor: pointer;
}

.pc-bet-table {
  margin-top: 0;
}

.pc-bet-table table {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
  color: #333;
  background: transparent;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-bet-table th,
.pc-bet-table td {
  height: 37px;
  padding: 8px;
  color: #333;
  background: transparent;
  border: 0;
  border-top: 1px solid #ddd;
}

.pc-bet-table thead tr:first-child th {
  border-top: 0;
}

.pc-bet-table thead tr:nth-child(2) th {
  height: 38px;
}

.pc-bet-table th {
  font-weight: 700;
  text-align: left;
}

.pc-bet-table th:nth-child(n + 3),
.pc-bet-table tbody td:nth-child(n + 3) {
  text-align: right;
}

.pc-table-wrap.pc-bet-table tfoot td[colspan] {
  height: 37px;
  text-align: center;
}

.pc-source-transactions {
  width: 100%;
  color: #333;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-source-transactions table {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
  table-layout: auto;
}

.pc-source-transactions th,
.pc-source-transactions td {
  height: 51px;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: transparent;
  font-weight: 700;
}

.pc-source-transactions th:first-child {
  width: 46.75%;
  text-align: left;
}

.pc-source-transactions th:nth-child(2),
.pc-source-transactions td:nth-child(2) {
  width: 9.82%;
  text-align: right;
}

.pc-source-transactions th:nth-child(3) {
  text-align: left;
}

.pc-source-transaction-days {
  display: inline-flex;
  margin-left: 4px;
  vertical-align: middle;
}

.pc-source-transaction-days button {
  height: 30px;
  margin: 0;
  padding: 5px 10px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

.pc-source-transaction-days button:first-child {
  margin-left: 0;
  border-radius: 3px 0 0 3px;
}

.pc-source-transaction-days button:last-child {
  border-radius: 0 3px 3px 0;
}

.pc-source-transaction-days button.active {
  color: #a94442;
}

.pc-source-transactions select {
  float: right;
  width: 195px;
  height: 34px;
  margin: -1px 74px 0 0;
  padding: 6px 12px;
  color: #555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font: 700 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-source-transactions tbody td {
  height: 37px;
  font-weight: 400;
}

.pc-source-transaction-empty {
  width: 100%;
  height: 52px;
  margin: 0 0 20px;
  padding: 15px;
  color: #8a6d3b;
  background: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 4px;
}

.pc-source-transaction-empty[hidden] {
  display: none;
}

.pc-source-orders {
  width: 100%;
  color: #333;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-source-orders table {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
  table-layout: fixed;
}

.pc-source-orders col:nth-child(1) { width: 12.1036%; }
.pc-source-orders col:nth-child(2) { width: 36.2276%; }
.pc-source-orders col:nth-child(3) { width: 6.8495%; }
.pc-source-orders col:nth-child(4) { width: 25.0831%; }
.pc-source-orders col:nth-child(5) { width: 19.7362%; }

.pc-source-orders th,
.pc-source-orders td {
  padding: 8px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.pc-source-orders th {
  height: 72px;
  font-weight: 700;
  vertical-align: middle;
}

.pc-source-orders th:nth-child(3),
.pc-source-orders td:nth-child(3) {
  text-align: right;
}

.pc-source-order-days {
  display: flex;
  margin-top: 2px;
}

.pc-source-order-days button {
  height: 30px;
  margin: 0;
  padding: 5px 10px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

.pc-source-order-days button:first-child {
  border-radius: 3px 0 0 3px;
}

.pc-source-order-days button:last-child {
  border-radius: 0 3px 3px 0;
}

.pc-source-order-days button.active {
  color: #a94442;
}

.pc-source-orders select {
  display: block;
  width: 100%;
  height: 34px;
  margin-top: 1px;
  padding: 6px 12px;
  color: #555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font: 700 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-source-orders th:last-child select {
  width: 126px;
}

.pc-source-orders tbody tr:nth-child(odd) {
  background: #f9f9f9;
}

.pc-source-orders td {
  height: 37px;
  font-weight: 400;
}

.pc-source-orders td:nth-child(3) span {
  color: #3c763d;
}

.pc-source-order-empty {
  width: 100%;
  height: 52px;
  margin: 0 0 20px;
  padding: 15px;
  color: #8a6d3b;
  background: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 4px;
}

.pc-source-order-empty[hidden] {
  display: none;
}

/* Source-matched desktop deposit and withdrawal screens. */
.pc-source-payment {
  width: 100%;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.pc-source-payment button,
.pc-source-payment input,
.pc-source-payment select,
.pc-source-payment textarea {
  font: inherit;
}

.pc-source-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px 12px;
  margin: 14px 8px 23px;
}

.pc-source-methods:empty {
  display: none;
}

.pc-source-method {
  display: flex;
  height: 72px;
  min-width: 0;
  padding: 7px 17px;
  align-items: center;
  gap: 16px;
  color: #fff;
  background: #0792ad;
  border: 2px solid transparent;
  border-radius: 8px;
  box-shadow: none;
  cursor: pointer;
  text-align: left;
}

.pc-source-method.active {
  border-color: #39c9ec;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42);
}

.pc-source-method img,
.pc-source-method > i {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  object-fit: contain;
}

.pc-source-method[data-deposit-method="BANK_QR"] img {
  filter: brightness(0) saturate(100%) invert(88%) sepia(88%) saturate(1350%) hue-rotate(352deg) brightness(102%) contrast(104%);
}

.pc-source-method > i {
  display: grid;
  place-items: center;
  color: #89e65f;
  font-size: 39px;
}

.pc-source-method span {
  min-width: 0;
  font-size: 14px;
  line-height: 21px;
}

.pc-source-channel-panel,
.pc-source-withdraw-panel {
  overflow: hidden;
  background: #0792ad;
  border-radius: 9px;
}

.pc-source-channel-panel {
  min-height: 330px;
  padding: 16px 31px 22px;
}

.pc-source-channel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 15px;
}

.pc-source-channel {
  position: relative;
  display: flex;
  height: 100px;
  min-width: 0;
  padding: 20px 50px 18px 21px;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  background: #087a91;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
}

.pc-source-channel.active {
  border-color: #39c9ec;
}

.pc-source-channel strong {
  margin-bottom: 7px;
  font-size: 17px;
  font-weight: 400;
}

.pc-source-channel span {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-source-channel > i {
  position: absolute;
  right: 13px;
  bottom: 15px;
  color: #39bcec;
  font-size: 20px;
}

.pc-source-preview-note {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, .75);
  font-size: 12px;
  text-align: center;
}

.pc-source-payment-empty {
  display: flex;
  min-height: 230px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  color: #647980;
  background: #f3f7f8;
  border-radius: 9px;
}

.pc-source-payment-empty i {
  color: #0792ad;
  font-size: 34px;
}

.pc-source-deposit-form {
  width: 100%;
  margin-top: 22px;
  padding: 27px 0 14px;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, .28);
  border-radius: 0;
}

.pc-source-deposit-label {
  margin: 0 0 9px;
  color: #fff;
  font-size: 16px;
}

.pc-source-deposit-suggestions {
  display: grid;
  grid-template-columns: repeat(7, minmax(70px, 1fr));
  gap: 10px;
  margin: 0 0 25px;
}

.pc-source-deposit-suggestions button {
  height: 40px;
  padding: 0 8px;
  color: #fff;
  background: #146680;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}

.pc-source-deposit-suggestions button:hover,
.pc-source-deposit-suggestions button:focus-visible {
  background: #075c77;
  outline: 1px solid #46c8e9;
}

.pc-source-usdt-network {
  display: flex;
  margin: 0 0 22px;
  padding: 0;
  align-items: center;
  gap: 18px;
  border: 0;
}

.pc-source-usdt-network legend {
  margin-bottom: 8px;
  color: #fff;
  font-weight: 700;
}

.pc-source-deposit-form .pc-source-usdt-network label {
  display: inline-flex;
  margin: 0;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-weight: 400;
}

.pc-source-deposit-form .pc-source-usdt-network input {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: #38c6eb;
}

.pc-source-deposit-form label,
.pc-source-withdraw-form > label,
.pc-source-bank-add label,
.pc-source-usdt-form label {
  display: block;
  margin: 0 0 13px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.pc-source-deposit-form input,
.pc-source-deposit-form textarea,
.pc-source-withdraw-form input,
.pc-source-bank-add input,
.pc-source-usdt-form input,
.pc-source-usdt-form select {
  display: block;
  width: 100%;
  height: 28px;
  margin-top: 5px;
  padding: 4px 10px;
  color: #555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font-size: 12px;
  font-weight: 400;
}

.pc-source-deposit-form .pc-source-deposit-amount {
  width: 360px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.pc-source-deposit-form .pc-source-deposit-amount input {
  height: 36px;
  margin-top: 7px;
  font-size: 14px;
}

.pc-source-deposit-conversion {
  width: 360px;
  margin: 2px 0 0;
  color: #fff;
  font-size: 14px;
}

.pc-source-deposit-total {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  width: 360px;
  margin-top: 3px;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.pc-source-deposit-total span {
  margin-right: 15px;
}

.pc-source-deposit-total b {
  font-weight: 400;
}

.pc-source-deposit-total div {
  grid-column: 1 / -1;
}

.pc-source-deposit-form textarea {
  height: 50px;
  resize: vertical;
}

.pc-source-deposit-form > small,
.pc-source-withdraw-form label > small {
  display: block;
  margin-top: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.pc-source-deposit-form > button,
.pc-source-withdraw-form > button[type="submit"],
.pc-source-bank-add > button,
.pc-source-usdt-form > button[type="submit"] {
  width: 100%;
  height: 36px;
  color: #111;
  background: #35b4df;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}

.pc-source-deposit-form > button {
  width: 360px;
  height: 40px;
  margin-top: 8px;
  font-size: 16px;
}

.pc-source-deposit-form > button:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.pc-source-withdraw-tabs {
  display: flex;
  gap: 8px;
  margin: 25px 0 16px;
}

.pc-source-withdraw-tabs button {
  display: flex;
  width: 177px;
  height: 58px;
  padding: 0 8px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff;
  background: #0792ad;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}

.pc-source-withdraw-tabs button.active {
  border-color: #39c9ec;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
}

.pc-source-withdraw-tabs i {
  color: #ffd11b;
  font-size: 35px;
}

.pc-source-withdraw-tabs .fa-bitcoin {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #1680a4;
  background: #ffc721;
  border-radius: 50%;
  font-size: 29px;
}

.pc-source-withdraw-panel {
  min-height: 343px;
  padding: 28px 16px 40px;
}

.pc-source-withdraw-form,
.pc-source-bank-add,
.pc-source-usdt-form {
  width: 360px;
}

.pc-source-panel-badge,
.pc-source-usdt-badge {
  display: inline-flex;
  min-width: 116px;
  height: 28px;
  margin-bottom: 12px;
  padding: 0 10px;
  align-items: center;
  color: #fff;
  background: #28add6;
  border-radius: 4px;
  font-size: 14px;
}

.pc-source-bank-info dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 360px;
  margin: 0 0 15px;
  font-size: 12px;
  line-height: 29px;
}

.pc-source-bank-info dt,
.pc-source-bank-info dd {
  min-width: 0;
  margin: 0;
  border-bottom: 1px dotted rgba(255, 255, 255, .25);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-source-bank-info dt {
  padding-left: 11px;
  font-weight: 700;
}

.pc-source-bank-info dd {
  text-align: center;
}

.pc-source-requirements {
  margin: 0 0 15px 11px;
  padding: 0;
  color: #fff;
  background: transparent;
  border: 0;
  font-size: 12px;
  cursor: pointer;
}

.pc-source-withdraw-form h3,
.pc-source-bank-add h3 {
  margin: 0 0 8px 11px;
  color: #fff;
  font-size: 14px;
}

.pc-source-bank-method {
  display: flex;
  margin: 0 0 17px 11px;
  align-items: center;
  gap: 7px;
  color: #fff;
}

.pc-source-bank-method input {
  width: 12px;
  height: 12px;
  margin: 0;
  accent-color: #245cff;
}

.pc-source-withdraw-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 0 0 23px 11px;
}

.pc-source-withdraw-meta div,
.pc-source-withdraw-meta b,
.pc-source-withdraw-meta strong {
  display: block;
}

.pc-source-withdraw-meta b {
  margin-bottom: 8px;
  color: #fff;
  font-size: 14px;
}

.pc-source-withdraw-meta strong {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.pc-source-withdraw-form > label {
  margin-left: 11px;
}

.pc-source-withdraw-form > label > input,
.pc-source-withdraw-form .pc-source-input-wrap,
.pc-source-withdraw-form .pc-source-password {
  width: 312px;
}

.pc-source-remaining {
  display: block;
  margin: 8px 0 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.pc-source-password {
  position: relative;
}

.pc-source-password input {
  padding-right: 36px;
}

.pc-source-password button {
  position: absolute;
  top: 5px;
  right: 0;
  width: 34px;
  height: 28px;
  color: #888;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pc-source-withdraw-form > button[type="submit"] {
  width: 312px;
  margin-left: 11px;
}

.pc-source-withdraw-form > button:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.pc-source-bank-switcher {
  display: flex;
  margin: -12px 0 14px;
  gap: 7px;
  flex-wrap: wrap;
}

.pc-source-bank-switcher button {
  padding: 5px 10px;
  color: #fff;
  background: #087a91;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
}

.pc-source-bank-switcher button.active {
  border-color: #43d2f3;
}

.pc-source-bank-add {
  margin-left: 11px;
}

.pc-source-inline-check {
  display: flex !important;
  align-items: center;
  gap: 7px;
}

.pc-source-inline-check input {
  width: 14px;
  height: 14px;
  margin: 0;
}

.pc-source-usdt-form {
  margin-left: 0;
}

.pc-source-usdt-badge {
  gap: 5px;
}

.pc-source-usdt-badge img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}

.pc-source-usdt-form label {
  margin-bottom: 11px;
}

.pc-source-usdt-form input,
.pc-source-usdt-form select {
  height: 28px;
}

.pc-source-sms {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.pc-source-sms input {
  width: 248px;
}

.pc-source-sms button {
  height: 28px;
  margin-top: 0;
  padding: 0 10px;
  color: #222;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
}

.pc-source-payment .pc-form-feedback {
  min-height: 18px;
  margin: 4px 0 7px;
  color: #fff;
  font-size: 12px;
}

.pc-source-payment .pc-form-feedback.error,
.pc-source-payment .pc-form-warning {
  color: #ffe36e;
}

.pc-source-payment .pc-form-feedback.success {
  color: #c5ffb9;
}

.pc-referral-banner,
.pc-rebate-summary,
.pc-vip-card {
  border-radius: 4px;
  box-shadow: none;
}

/* Member-center parity with the desktop SHBET source. */
.pc-security-grid {
  display: block;
  white-space: nowrap;
}

.pc-security-grid button {
  border: 2px outset transparent;
  vertical-align: top;
}

.pc-security-grid button + button {
  margin-left: 52px;
}

.pc-security-grid button span,
.pc-transaction-actions > a > span {
  display: inline;
  margin: 0;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.8571px;
}

.pc-transaction-actions > a > span {
  position: relative;
  top: -2px;
}

.pc-security-grid button i,
.pc-transaction-actions > a > i {
  color: #444;
}

.pc-account-root[data-account-active="security"] .pc-account-main,
.pc-account-root[data-account-active="referral"] .pc-account-main,
.pc-account-root[data-account-active="vip"] .pc-account-main,
.pc-account-root[data-account-active="activity"] .pc-account-main,
.pc-account-root[data-account-active="transaction-center"] .pc-account-main {
  background: transparent;
  border: 0;
}

.pc-referral-source {
  width: 100%;
  padding: 40px 48px 45px;
  color: #555;
  background: #fff;
}

.pc-referral-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.pc-referral-links a {
  display: flex;
  height: 82px;
  padding: 8px 7px 7px;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: 3px;
  color: #6d8393;
  background: linear-gradient(#f2fbff, #caedff);
  border: 1px solid #c5e5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
}

.pc-referral-links a:last-child {
  background: linear-gradient(#f1faff, #d3edff);
  border-color: #8bc9ee;
}

.pc-referral-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-top: 17px;
}

.pc-referral-stats article {
  overflow: hidden;
  height: 65px;
  color: #fff;
  background: linear-gradient(100deg, #5fe4e0, #15bfd2);
  border-radius: 4px;
  text-align: center;
}

.pc-referral-stats article.blue {
  background: linear-gradient(100deg, #47c3f1, #2696ef);
}

.pc-referral-stats span,
.pc-referral-stats strong {
  display: block;
}

.pc-referral-stats span {
  height: 22px;
  padding: 2px 4px;
  background: rgba(0, 133, 170, .23);
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.pc-referral-stats strong {
  font-size: 24px;
  font-weight: 400;
  line-height: 42px;
}

.pc-referral-share-title {
  height: 41px;
  margin-top: 17px;
  color: #fff;
  background: linear-gradient(90deg, #16afea, #2e82ed);
  font-size: 15px;
  font-weight: 700;
  line-height: 41px;
  text-align: center;
}

.pc-referral-share {
  padding: 22px 86px 0;
  text-align: center;
}

.pc-referral-label {
  color: #666;
  font-size: 14px;
  line-height: 25px;
}

.pc-referral-label button,
.pc-referral-url button {
  color: #12a8dc;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pc-referral-url {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  min-height: 38px;
  margin-top: 4px;
  align-items: center;
  color: #2985d8;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
}

.pc-referral-url span {
  overflow: hidden;
  padding-left: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-referral-code {
  display: inline-flex;
  margin-top: 18px;
  align-items: center;
  gap: 10px;
  color: #777;
}

.pc-referral-code strong {
  color: #078eac;
  font-size: 20px;
}

.pc-referral-feedback {
  min-height: 20px;
  margin: 6px 0 0;
  color: #078eac;
  text-align: center;
}

.pc-vip-source {
  width: 100%;
  min-height: 530px;
  padding: 50px 0 0;
  background: #078fa9;
  border-radius: 7px;
}

.pc-vip-rank {
  position: relative;
  width: 450px;
  height: 213px;
  margin: 0 auto 25px;
}

.pc-vip-rank > img {
  display: block;
  width: 450px;
  height: 213px;
  object-fit: contain;
}

.pc-vip-rank > div {
  position: absolute;
  top: 45px;
  left: 20px;
  display: flex;
  flex-direction: column;
  color: #fff;
  text-shadow: 0 1px 2px #222;
}

.pc-vip-rank span {
  font-size: 19px;
}

.pc-vip-rank strong {
  margin-top: 12px;
  font-size: 37px;
  font-weight: 400;
}

.pc-vip-upgrade {
  width: 450px;
  margin: 0 auto;
  overflow: hidden;
  color: #4c4430;
  background: #fff7c3;
  border: 3px solid #fff2a1;
  border-radius: 10px;
}

.pc-vip-upgrade > header {
  display: flex;
  height: 45px;
  padding: 0 12px;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(#fff3a1, #ffdf57);
  border-bottom: 1px solid #d9c65a;
}

.pc-vip-upgrade > header strong {
  font-size: 20px;
}

.pc-vip-upgrade > header button {
  height: 30px;
  padding: 0 12px;
  color: #6a5219;
  background: #ffe47b;
  border: 1px solid #c8a839;
  border-radius: 16px;
}

.pc-vip-progress-row {
  padding: 10px 12px 13px;
  border-bottom: 1px solid rgba(176, 147, 51, .25);
}

.pc-vip-progress-meta {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 16px;
  font-size: 13px;
}

.pc-vip-progress-meta b {
  color: #e86730;
}

.pc-vip-progress-track {
  position: relative;
  height: 10px;
  margin-top: 6px;
  background: #d1cfbb;
  border-radius: 8px;
}

.pc-vip-progress-track > i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #ffc936, #ff8c27);
  border-radius: inherit;
}

.pc-vip-progress-track > em {
  position: absolute;
  top: 13px;
  right: 0;
  font-size: 11px;
  font-style: normal;
}

.pc-vip-actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 450px;
  margin: 24px auto 0;
  background: #fff;
}

.pc-vip-actions button {
  display: grid;
  grid-template-columns: 48px 1fr 14px;
  height: 65px;
  padding: 5px 10px;
  align-items: center;
  color: #555;
  background: #fff;
  border: 0;
  border-right: 1px solid #ddd;
  font-size: 12px;
  text-align: left;
}

.pc-vip-actions button:last-child {
  border-right: 0;
}

.pc-vip-actions img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}

.pc-vip-actions button > i {
  color: #aaa;
}

.pc-activity-grid {
  display: block;
  padding: 10px 54px;
  white-space: nowrap;
}

.pc-activity-grid button {
  display: inline-block;
  width: 211px;
  height: 150px;
  min-height: 150px;
  padding: 25px 0 15px;
  vertical-align: top;
  color: #555;
  background: rgba(204, 204, 204, .6);
  border: 2px outset transparent;
  border-radius: 5px;
  box-shadow: none;
  font: 16px/22.8571px "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  cursor: pointer;
}

.pc-activity-grid button + button {
  margin-left: 48px;
}

.pc-activity-grid > button > i {
  display: block;
  width: 100%;
  height: 50px;
  margin: 0 0 10px;
  color: #444;
  font-size: 50px;
  line-height: 50px;
}

.pc-activity-grid button span {
  display: inline;
  margin: 0;
  color: #555;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 22.8571px;
  white-space: normal;
}

.pc-favorite-empty {
  min-height: 0;
  padding: 50px 0 0;
  color: #bfbfbf;
  text-align: center;
}

.pc-favorite-empty::before {
  content: "";
  display: block;
  width: 100%;
  height: 83px;
  margin: 0;
  background: url("/pc-assets/images/f5fccbdbd67a139265b13e71ccfe3b4c.png") no-repeat center top / contain;
}

.pc-favorite-empty h3 {
  margin: 20px 0 10px;
  color: #bfbfbf;
  font-size: 24px;
  font-weight: 500;
  line-height: 26.4px;
}

.pc-favorite-empty span {
  margin: 0;
  color: #bfbfbf;
  font-size: 14px;
  line-height: 20px;
}

.pc-account-root[data-account-active="favorite"] .pc-account-main {
  min-height: 453px;
}

.pc-account-root[data-account-active="favorite"] .pc-account-content {
  min-height: 400px;
}

.pc-account-overlay {
  position: fixed;
  z-index: 2147483000;
  inset: 0 !important;
  display: flex;
  width: 100vw !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100vh !important;
  min-height: 0 !important;
  margin: 0 !important;
  align-items: center;
  justify-content: center;
  padding: 35px;
  overflow: visible;
  background: transparent;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  isolation: isolate;
  transform: none !important;
}

.pc-account-overlay::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -100vmax;
  background: rgba(0, 0, 0, .52);
}

.pc-account-overlay > * {
  position: relative;
  z-index: 1;
}

.pc-announcement-modal {
  position: relative;
  width: min(1000px, calc(100vw - 70px));
  height: min(625px, calc(100vh - 70px));
  color: #333;
  background: #fff;
  box-shadow: 0 4px 22px rgba(0, 0, 0, .35);
}

.pc-announcement-modal > header {
  position: relative;
  height: 35px;
  color: #fff;
  background: #68aec6;
  font-size: 19px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
}

.pc-announcement-modal > header button {
  position: absolute;
  top: 0;
  right: 7px;
  height: 35px;
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pc-announcement-modal-body {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  height: calc(100% - 65px);
}

.pc-announcement-modal-body nav {
  overflow: auto;
  border-right: 1px solid #ccc;
}

.pc-announcement-modal-body nav button {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 16px;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  align-items: center;
  color: #333;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  text-align: left;
}

.pc-announcement-modal-body nav button.active {
  color: #fff;
  background: #61abc3;
}

.pc-announcement-modal-body nav button .fa-comment-dots {
  color: #ef2020;
}

.pc-announcement-modal-body nav button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-announcement-modal-body article {
  overflow: auto;
  padding: 28px 38px;
  background: #fff;
}

.pc-announcement-modal-body article h2 {
  margin: 0 0 8px;
  color: #168999;
  font-size: 25px;
  text-align: center;
}

.pc-announcement-modal-body article time {
  display: block;
  margin-bottom: 20px;
  color: #999;
  text-align: center;
}

.pc-announcement-modal-body article > div {
  font-size: 16px;
  line-height: 1.8;
}

.pc-announcement-hide {
  position: absolute;
  top: -25px;
  right: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.pc-announcement-modal > footer {
  height: 30px;
  background: #68aec6;
}

.pc-rebate-modal {
  position: relative;
  width: 670px;
  height: 489px;
  padding: 96px 80px 0;
  color: #333;
  background: url("/pc-assets/images/rebate/shbet-rebate-frame.png") no-repeat center;
  border: 0;
  box-shadow: none;
}

.pc-rebate-modal,
.pc-rebate-modal * {
  box-sizing: border-box;
}

.pc-rebate-modal h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  font-family: Tahoma, Geneva, sans-serif;
  text-align: center;
  -webkit-text-fill-color: #fad654;
  -webkit-text-stroke: 1.5px #332c1d;
}

.pc-rebate-close {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
}

.pc-rebate-inner {
  width: 525px;
}

.pc-rebate-inner > p:first-child {
  margin: 1em 0;
  color: #111;
  font-size: 16px;
}

.pc-rebate-table {
  width: 510px;
}

.pc-rebate-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 510px;
}

.pc-rebate-row > div {
  height: 65px;
  padding: 5px 10px 0;
  overflow: hidden;
  color: #8c8c8c;
  background: #fff;
  border: 1px solid #fff7b9;
  font-size: 16px;
  text-align: center;
}

.pc-rebate-row > div:nth-child(n + 2) {
  padding-top: 22px;
  text-align: right;
}

.pc-rebate-row small {
  display: block;
  height: 16px;
  overflow: hidden;
  font-size: 10px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-rebate-row p {
  margin: 3px 0 0;
  overflow: hidden;
  color: inherit;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-rebate-head.pc-rebate-row > div {
  height: 40px;
  padding: 0;
  color: #3f3f3f;
  background: #ffdd55;
  border-color: #fff7b9;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
}

.pc-rebate-body {
  width: 525px;
  height: 130px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.pc-rebate-total.pc-rebate-row > div {
  height: 45px;
  padding-top: 12px;
  color: #f63232;
  background: #fff;
}

.pc-rebate-total > div:nth-child(2),
.pc-rebate-total > div:nth-child(3) {
  text-align: right;
}

.pc-rebate-actions {
  display: flex;
  width: 510px;
  justify-content: flex-end;
}

.pc-rebate-actions button {
  width: 78px;
  height: 41px;
  margin: 8px 0 8px 5px;
  padding: 0;
  color: #111;
  background: url("/pc-assets/images/rebate/shbet-rebate-refresh.png") no-repeat center top;
  border: 0;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
}

.pc-rebate-actions button:hover {
  background-position: center bottom;
}

.pc-rebate-actions button:last-child {
  color: #fff;
  background-image: url("/pc-assets/images/rebate/shbet-rebate-receive.png");
}

.pc-rebate-actions button:disabled {
  cursor: not-allowed;
  filter: grayscale(.25);
  opacity: .65;
}

.pc-rebate-inner > small {
  display: block;
  color: #aaa;
  font-size: 14px;
  text-align: right;
}

.pc-rebate-inner [data-rebate-feedback] {
  min-height: 16px;
  margin: 0;
  color: #b60000;
  font-size: 12px;
  text-align: right;
}

.pc-account-simple-modal .pc-account-error {
  min-width: 420px;
  min-height: 120px;
  background: #fff;
}

/* Security routes mirror the source as three separate pages. */
.pc-security-panel {
  width: 840px;
  margin: 0 0 20px;
  color: #333;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pc-security-grid button i {
  width: 100%;
  height: 50px;
  margin: 0 0 10px;
  font-size: 50px;
  line-height: 50px;
}

.pc-security-panel-heading {
  min-height: 41px;
  padding: 10px 15px;
  color: #333;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
}

.pc-security-panel-body {
  min-height: 393px;
  padding: 15px;
}

.pc-security-alert {
  min-height: 72px;
  margin: 0 0 20px;
  padding: 15px;
  color: #31708f;
  background: #d9edf7;
  border: 1px solid #bce8f1;
  border-radius: 4px;
}

.pc-security-alert i {
  margin-right: 4px;
}

.pc-security-source-form {
  margin: 0;
}

.pc-security-form-row {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  min-height: 59px;
  margin: 0 0 15px;
}

.pc-security-form-row > label {
  min-width: 0;
  margin: 0;
  padding: 7px 15px 0;
  color: #333;
  font-weight: 700;
  text-align: right;
}

.pc-security-form-row > div {
  position: relative;
  min-width: 0;
  padding: 0 15px;
}

.pc-security-form-row input {
  display: block;
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 6px 12px;
  color: #555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  outline: 0;
}

.pc-security-form-row input:focus,
.pc-basic-info-field input:focus {
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.pc-security-field-help {
  display: block;
  height: 25px;
  padding: 5px 0 0;
  color: #a94442;
  opacity: 0;
}

.pc-security-password-field > input {
  padding-right: 36px;
}

.pc-security-password-field > button[data-toggle-password] {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 15px;
  width: 36px;
  height: 34px;
  padding: 0;
  color: #888;
  background: transparent;
  border: 0;
  font-size: 17px;
  cursor: pointer;
}

.pc-security-form-actions {
  min-height: 34px;
  margin-bottom: 0;
}

.pc-security-form-actions > div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
}

.pc-security-form-actions button {
  height: 34px;
  padding: 6px 12px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.pc-security-form-actions button:hover {
  background: #e6e6e6;
  border-color: #adadad;
}

.pc-security-form-actions .pc-form-feedback {
  flex: 0 0 100%;
  min-height: 0;
  margin: 0;
  order: 2;
}

.pc-basic-info-panel .pc-security-panel-heading {
  position: relative;
  height: 51px;
  padding: 10px 15px;
  color: #fff;
  background: #008dac;
  border-bottom: 0;
  font-size: 21px;
  line-height: 30px;
  text-align: center;
}

.pc-basic-info-panel [data-security-back] {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 51px;
  padding: 0;
  color: #fff;
  background: transparent;
  border: 0;
  font-size: 19px;
  cursor: pointer;
}

.pc-basic-info-body {
  display: grid;
  padding: 15px;
}

.pc-basic-info-section {
  min-width: 0;
}

.pc-basic-info-row {
  display: flex;
  min-height: 20px;
  margin: 0 0 10px;
  align-items: center;
}

.pc-basic-info-row > label {
  flex: 0 0 121px;
  margin: 0 10px 0 0;
  color: #333;
  font-weight: 700;
}

.pc-basic-info-value,
.pc-basic-info-field {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  padding-left: 15px;
  gap: 5px;
}

.pc-basic-info-section hr {
  width: calc(100% + 2px);
  height: 2px;
  margin: 0 0 10px;
  background: transparent;
  border: 1px solid #e5e5e5;
}

.pc-basic-info-field input {
  flex: 1 1 auto;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  color: #555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  outline: 0;
}

.pc-basic-info-field button {
  flex: 0 0 auto;
  min-width: 86px;
  height: 34px;
  padding: 6px 12px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

.pc-basic-info-field button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.pc-basic-info-feedback {
  min-height: 20px;
  margin: 0 0 0 146px;
}

@media (max-width: 767px) {
  .pc-security-panel {
    width: 100%;
  }

  .pc-security-form-row {
    display: block;
    min-height: 84px;
  }

  .pc-security-form-row > label {
    display: block;
    margin-bottom: 5px;
    padding: 0 15px;
    text-align: left;
  }

  .pc-security-form-actions > span {
    display: none;
  }

  .pc-basic-info-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .pc-basic-info-row > label,
  .pc-basic-info-value,
  .pc-basic-info-field {
    width: 100%;
    flex-basis: auto;
    padding-left: 0;
  }
}

/* Referral child views follow the source member-center panels. */
.pc-referral-links a {
  display: flex;
  height: 82px;
  padding: 8px 7px 7px;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: 3px;
  color: #6d8393;
  background: linear-gradient(#f2fbff, #caedff);
  border: 1px solid #c5e5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
}

.pc-referral-links a:last-child {
  background: linear-gradient(#f1faff, #d3edff);
  border-color: #8bc9ee;
}

.pc-referral-child-heading {
  display: flex;
  height: 45px;
  align-items: center;
  padding: 0 18px;
  color: #fff;
  background: #206bce;
  font-size: 18px;
  font-weight: 700;
}

.pc-referral-child-heading button {
  width: 34px;
  height: 34px;
  margin-right: 10px;
  padding: 0;
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 16px;
}

.pc-referral-date-tabs,
.pc-referral-type-tabs {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: stretch;
  background: linear-gradient(#e8f9ff, #bee4ff);
}

.pc-referral-date-tabs button,
.pc-referral-type-tabs button {
  position: relative;
  flex: 1 1 0;
  min-height: 42px;
  padding: 0 12px;
  color: #333;
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(0, 0, 0, .15);
  cursor: pointer;
  font: inherit;
  font-size: 14px;
}

.pc-referral-date-tabs button.active,
.pc-referral-type-tabs button.active {
  color: #237ff8;
  font-weight: 700;
}

.pc-referral-date-tabs button.active::after,
.pc-referral-type-tabs button.active::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #237ff8;
  content: "";
}

.pc-referral-date-tabs i {
  margin-right: 5px;
}

.pc-referral-date-picker {
  display: flex;
  min-height: 56px;
  padding: 10px 18px;
  align-items: center;
  gap: 8px;
  background: #fff;
  border-bottom: 1px solid #e5eef9;
}

.pc-referral-date-picker input {
  min-width: 0;
  flex: 1 1 auto;
  height: 34px;
  padding: 0 7px;
  color: #333;
  background: #fff;
  border: 1px solid #b9d4f5;
  border-radius: 4px;
  font: 13px/34px Arial, sans-serif;
}

.pc-referral-date-picker button {
  flex: 0 0 auto;
  height: 34px;
  padding: 0 15px;
  color: #fff;
  background: linear-gradient(90deg, #20b3ff, #237ff8);
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 700;
}

.pc-referral-child-loading,
.pc-referral-no-data,
.pc-referral-empty {
  min-height: 56px;
  margin: 16px;
  padding: 18px;
  color: #237fa8;
  background: #d7f3fb;
  border: 1px solid #bee8f4;
  border-radius: 4px;
  text-align: center;
}

.pc-referral-child-error {
  margin: 0;
  padding: 10px 16px;
  color: #c52b2b;
  background: #fff5f5;
  border-bottom: 1px solid #f4b6b6;
}

.pc-referral-child-card {
  margin: 16px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  border-radius: 9px;
  background: #fff;
}

.pc-referral-income-head {
  display: flex;
  min-height: 58px;
  padding: 8px 18px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #fff;
  background: linear-gradient(90deg, #20b3ff, #237ff8);
  font-size: 14px;
  font-weight: 700;
}

.pc-referral-income-head strong {
  font-size: 18px;
}

.pc-referral-income-list,
.pc-referral-invitation-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pc-referral-income-list li {
  display: flex;
  min-height: 36px;
  padding: 8px 18px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #000;
  font-size: 13px;
}

.pc-referral-income-list li:nth-child(even),
.pc-referral-invitation-list li:nth-child(even) {
  background: #e8f9ff;
}

.pc-referral-income-list li + li,
.pc-referral-invitation-list li + li {
  border-top: 1px solid #f0f0f0;
}

.pc-referral-income-list li span:last-child {
  font-weight: 700;
}

.pc-referral-analysis-hint {
  min-height: 28px;
  padding: 7px 18px 0;
  color: red;
  font-size: 12px;
}

.pc-referral-type-tabs {
  min-height: 38px;
  padding: 0 16px;
  background: #fff;
}

.pc-referral-type-tabs button {
  min-height: 38px;
  padding: 0 10px;
  border: 0;
  font-size: 13px;
}

.pc-referral-invitation-list {
  margin: 12px 16px 20px;
}

.pc-referral-invitation-list li {
  display: flex;
  min-height: 62px;
  padding: 10px 14px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #237fa8;
  background: #d7f3fb;
  font-size: 13px;
}

.pc-referral-invitation-list strong,
.pc-referral-invitation-list span,
.pc-referral-invitation-list em {
  display: block;
  font-style: normal;
}

.pc-referral-invitation-list span {
  margin-top: 4px;
  color: #4f8c9e;
  font-size: 12px;
}

.pc-referral-invitation-list em {
  flex: 0 0 auto;
  font-weight: 700;
}

.pc-referral-invitation-list .valid { color: #16884d; }
.pc-referral-invitation-list .invalid { color: #e04747; }

.pc-referral-empty i {
  margin-right: 7px;
}

.pc-referral-receive-card > div {
  display: flex;
  min-height: 65px;
  padding: 0 18px;
  align-items: center;
  justify-content: space-between;
  color: #333;
}

.pc-referral-receive-card strong {
  color: #16884d;
  font-size: 20px;
}

.pc-referral-receive-card p {
  margin: 0;
  padding: 12px 18px;
  color: #16884d;
  background: #effbf3;
  font-size: 13px;
  text-align: center;
}

.pc-referral-rules-content {
  padding: 24px 28px 40px;
  color: #333;
  font-size: 14px;
  line-height: 1.65;
}

.pc-referral-rules-content h1 {
  margin: 0 0 20px;
  color: #2d76a0;
  font-size: 23px;
  text-align: center;
}

.pc-referral-rules-content h2 {
  margin: 22px 0 7px;
  color: #2d76a0;
  font-size: 17px;
}

.pc-referral-rules-content p { margin: 9px 0; }
.pc-referral-rules-content ul { margin: 8px 0; padding-left: 22px; }
.pc-referral-rules-content img { display: block; width: 100%; height: auto; margin: 12px 0; }
.pc-referral-rule-meta { list-style: none; padding-left: 0 !important; }
.pc-referral-rule-meta li::before { content: "※ "; }
.pc-referral-rule-lead { font-weight: 700; }
.pc-referral-rule-table-wrap { overflow-x: auto; margin: 10px 0 16px; }
.pc-referral-rule-table { width: 100%; min-width: 600px; border-collapse: collapse; text-align: center; }
.pc-referral-rule-table th,
.pc-referral-rule-table td { padding: 8px 6px; border: 1px solid #c6e1ef; }
.pc-referral-rule-table th { color: #fff; background: #00a3c6; }
.pc-referral-rule-table td { background: #fff; }

@media (max-width: 767px) {
  .pc-referral-rules-content { padding: 18px 16px 32px; }
  .pc-referral-child-heading { font-size: 16px; }
  .pc-referral-date-picker { padding: 8px 10px; }
  .pc-referral-date-picker input { font-size: 11px; }
  .pc-referral-date-picker button { padding: 0 9px; font-size: 12px; }
}