body.theme--perak-terang.publicPage--finance{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='156' height='156' viewBox='0 0 156 156'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-24 136 C0 112 16 92 30 66 C46 38 62 20 88 -4' stroke='rgba(154,165,180,0.08)' stroke-width='2.1'/%3E%3Cpath d='M16 156 C40 132 56 112 70 86 C86 58 102 40 128 16' stroke='rgba(172,181,194,0.07)' stroke-width='2.1'/%3E%3Cpath d='M56 176 C80 152 96 132 110 106 C126 78 142 60 168 36' stroke='rgba(154,165,180,0.08)' stroke-width='2.1'/%3E%3Cpath d='M2 138 l7 -7 M42 158 l7 -7 M82 178 l7 -7 M50 84 l6 -6 M90 104 l6 -6 M130 124 l6 -6' stroke='rgba(202,208,216,0.08)' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E") 0 0/156px 156px repeat,
    linear-gradient(180deg, #fbfcfd 0%, #e7edf2 100%);
}

.theme--perak-terang .financeSubbar{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(237,242,247,.88));
  color:#425166;
  border:1px solid rgba(146,158,174,.14);
  border-radius:20px;
  box-shadow:0 14px 26px rgba(126,141,160,.10);
}

.theme--perak-terang .financePanel{
  border:1px solid rgba(146,158,174,.12);
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,244,248,.88));
  box-shadow:0 16px 28px rgba(126,141,160,.10);
}

.theme--perak-terang .financeCards .pill,
.theme--perak-terang .financeInlineField input,
.theme--perak-terang .financeInlineField select,
.theme--perak-terang .financeActionLink,
.theme--perak-terang #btnAll,
.theme--perak-terang #btnApply,
.theme--perak-terang .pager button{
  border-radius:14px 8px 14px 8px;
}

.theme--perak-terang .financeCards .pill{
  border:1px solid rgba(146,158,174,.12);
  background:rgba(255,255,255,.80);
  color:#425166;
}

.theme--perak-terang .financeCards .pill .label,
.theme--perak-terang .financeInlineField__label,
.theme--perak-terang .small{
  color:#708094;
}

.theme--perak-terang .financeInlineField input,
.theme--perak-terang .financeInlineField select{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(126,141,160,.16);
  color:#334155;
}

.theme--perak-terang .financeInlineField input::placeholder{
  color:#8a98aa;
}

.theme--perak-terang .financeActionLink,
.theme--perak-terang #btnAll,
.theme--perak-terang #btnApply,
.theme--perak-terang .pager button{
  background:linear-gradient(180deg, rgba(104,116,132,.94), rgba(77,88,103,.92));
  color:#f8fbff;
  border:0;
}

.theme--perak-terang .tableWrap{
  border-radius:22px;
  border:1px solid rgba(146,158,174,.12);
  background:rgba(255,255,255,.80);
}

.theme--perak-terang .tableWrap th{
  color:#334155;
  background:rgba(243,246,250,.92);
}

.theme--perak-terang .tableWrap td{
  color:#465467;
}

.theme--perak-terang .tableWrap .amount-income{
  color:#166534;
}

.theme--perak-terang .tableWrap .amount-expense{
  color:#be123c;
}

.theme--perak-terang .contactBox{
  border-radius:18px 8px 18px 8px;
  border:1px dashed rgba(126,141,160,.20);
  background:rgba(255,255,255,.78);
  color:#334155;
}

.theme--perak-terang .contactBox a{
  color:#1f2937;
}