body.theme--perak-terang{
  color:#2c3642;
  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(175,184,196,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%, #e8edf2 100%);
}

body.theme--perak-terang.publicPage--tree{
  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(175,184,196,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%) !important;
  background-size:156px 156px, 100% 100% !important;
  background-repeat:repeat, no-repeat !important;
}

body.theme--perak-terang.publicPage--tree::before{
  display:none !important;
}

body.theme--perak-terang.publicPage--tree .canvas{
  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(175,184,196,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%) !important;
  background-size:156px 156px, 100% 100% !important;
  background-repeat:repeat, no-repeat !important;
}

body.theme--perak-terang::before{display:none}
body.theme--perak-terang .treeBackdropBubbles{display:none}

.theme--perak-terang .siteHeader{
  background:transparent;
}

.theme--perak-terang .siteHeader__shell{
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(242,246,250,.78));
  border:1px solid rgba(146,158,174,.14);
  border-radius:26px;
  box-shadow:0 18px 40px rgba(119,130,146,.12), inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.theme--perak-terang .siteHeader__eyebrowText{
  color:#6b7788;
}

.theme--perak-terang .siteHeader__eyebrowChip{
  background:rgba(245,248,251,.84);
  color:#425166;
  border:1px solid rgba(146,158,174,.14);
}

.theme--perak-terang .siteHeader__titleRow{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
}

.theme--perak-terang .siteHeader__menu{
  order:-1;
  justify-self:start;
}

.theme--perak-terang .siteHeader__menuButton{
  width:54px;
  height:54px;
  border-radius:18px;
  border:1px solid rgba(126,141,160,.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(230,236,243,.96));
  box-shadow:
    0 14px 24px rgba(129,141,159,.12),
    0 0 0 1px rgba(255,255,255,.56) inset;
}

.theme--perak-terang .siteHeader__menuButtonOrb{
  width:32px;
  height:32px;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(239,243,248,.98), rgba(220,228,237,.92));
  color:#465569;
  border:1px solid rgba(126,141,160,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}

.theme--perak-terang .siteHeader__menuPanel{
  margin-top:8px;
  border-radius:22px;
  border:1px solid rgba(146,158,174,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,243,248,.92));
  box-shadow:0 22px 36px rgba(126,141,160,.16);
  clip-path:none;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.theme--perak-terang .siteHeader__menuItem{
  border-radius:18px;
  background:rgba(255,255,255,.78);
  color:#2a3644;
}

.theme--perak-terang .siteHeader__menuItem.is-current{
  background:linear-gradient(180deg, rgba(81,96,116,.12), rgba(81,96,116,.05));
}

.theme--perak-terang .siteHeader__menuBadge{
  background:#edf2f7;
  color:#4b5563;
}

.theme--perak-terang .siteHeader__menuItem strong{
  color:#243040;
}

.theme--perak-terang .siteHeader__menuItem small{
  color:#738196;
}

.theme--perak-terang .siteHeader__menuChevron{
  color:#68778a;
}

.theme--perak-terang .siteHeader__submenuItem{
  border-color:rgba(146,158,174,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(240,244,249,.86));
  color:#273445;
}

.theme--perak-terang .siteHeader__submenuItem.is-current{
  border-color:rgba(126,141,160,.24);
  background:linear-gradient(180deg, rgba(225,232,239,.96), rgba(239,243,247,.94));
}

.theme--perak-terang .siteHeader__submenuItem span{
  color:#243040;
}

.theme--perak-terang .siteHeader__submenuItem small{
  color:#738196;
}

.theme--perak-terang .siteHeader__menu.is-open .siteHeader__menuPanel{
  opacity:1;
  transform:translateY(0) scale(1) rotateX(0deg);
  pointer-events:auto;
  clip-path:none;
}

.theme--perak-terang .siteHeader__menuPanel{
  top:calc(100% + 6px);
}

.theme--perak-terang .siteHeader__titleRow h1{
  color:#233041;
  text-shadow:none;
}

.theme--perak-terang .siteHeader__headingGroup p{
  color:#647184;
}

.theme--perak-terang .siteHeader__treeTools{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
}

body.theme--perak-terang.publicPage--tree .siteHeader__treeTools .input{
  min-height:50px;
  border:1px solid rgba(146,158,174,.14);
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,245,249,.92)) !important;
  color:#334155 !important;
  box-shadow:0 12px 22px rgba(126,141,160,.10), inset 0 1px 0 rgba(255,255,255,.96);
}

body.theme--perak-terang.publicPage--tree .siteHeader__treeTools .input::placeholder{
  color:#8a99ad !important;
}

body.theme--perak-terang.publicPage--tree .btn.btnSwitch{
  min-height:50px;
  border:1px solid rgba(146,158,174,.14);
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,243,248,.94)) !important;
  color:#526173 !important;
  box-shadow:0 12px 20px rgba(126,141,160,.10);
}

body.theme--perak-terang.publicPage--tree .btn.btnSwitch.is-active,
body.theme--perak-terang.publicPage--tree .btn.btnSwitch.is-mode-active{
  background:linear-gradient(180deg, rgba(100,112,128,.94), rgba(74,86,102,.92)) !important;
  color:#f8fbff !important;
  border-color:rgba(100,112,128,.20) !important;
  box-shadow:0 14px 24px rgba(89,100,116,.18);
}

body.theme--perak-terang.publicPage--tree .btn.btnSwitch .btnSwitch__label,
body.theme--perak-terang.publicPage--tree .btn.btnSwitch .btnSwitch__eyebrow{
  color:inherit !important;
}

body.theme--perak-terang.publicPage--tree .btn.btnSwitch .btnSwitch__eyebrow{
  display:none;
}

body.theme--perak-terang.publicPage--tree .btn.btnSwitch .btnSwitch__inner{
  justify-content:center;
  gap:0;
}

body.theme--perak-terang.publicPage--tree .btn.btnSwitch .btnSwitch__label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}

body.theme--perak-terang.publicPage--tree .btn.btnSwitch .btnSwitch__icon{
  display:none !important;
}

body.theme--perak-terang.publicPage--tree .btn.btnSwitch.is-active .btnSwitch__icon,
body.theme--perak-terang.publicPage--tree .btn.btnSwitch.is-mode-active .btnSwitch__icon{
  display:none !important;
}

.theme--perak-terang .floatingTotal{
  background:rgba(255,255,255,.78);
  color:#425166;
  border:1px solid rgba(146,158,174,.12);
  border-radius:18px;
  box-shadow:0 16px 28px rgba(126,141,160,.10);
}

.theme--perak-terang .countBadge{
  background:linear-gradient(180deg, #334155, #1f2937);
}

.theme--perak-terang .canvas::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 16% 18%, rgba(214,221,230,.12), transparent 34%),
    radial-gradient(circle at 84% 72%, rgba(173,181,192,.08), transparent 30%);
  pointer-events:none;
}

.theme--perak-terang .modal .card,
.theme--perak-terang .adminLoginPopup__panel,
.theme--perak-terang .photoviewer .pv-top{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(232,237,243,.96)),
    repeating-linear-gradient(135deg, rgba(166,175,189,.05) 0 1px, rgba(255,255,255,0) 1px 16px);
  border:1px solid rgba(126,141,160,.16);
  color:#263241;
}

.theme--perak-terang .modal .card,
.theme--perak-terang .adminLoginPopup__panel{
  border-radius:24px 10px 20px 10px;
}

.theme--perak-terang .modal h3{
  color:#223040;
}

.theme--perak-terang .modal p{
  color:#526174;
}

.theme--perak-terang .modalBadge{
  background:rgba(230,236,243,.92);
  border-color:rgba(126,141,160,.16);
  color:#516073;
}

.theme--perak-terang .modalInfoCard{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,245,249,.96));
  border-color:rgba(126,141,160,.14);
  box-shadow:0 14px 24px rgba(126,141,160,.10), inset 0 1px 0 rgba(255,255,255,.92);
}

.theme--perak-terang .modalInfoCard p,
.theme--perak-terang .modalInfoCard span,
.theme--perak-terang .modalInfoCard b{
  color:#4d5d70;
}

.theme--perak-terang .modalInfoCard b{
  color:#223040;
}

.theme--perak-terang .descItem{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(237,242,247,.96));
  border-color:rgba(126,141,160,.14);
}

.theme--perak-terang .descValue{
  color:#223040;
}

.theme--perak-terang .descLabel{
  color:#7c8a9d;
}

.theme--perak-terang .adminLoginPopup__title{
  color:#223040;
}

.theme--perak-terang .adminLoginPopup__field span{
  color:#526174;
}

.theme--perak-terang .adminLoginPopup__input{
  background:rgba(255,255,255,.98);
  border-color:rgba(126,141,160,.18);
  color:#334155;
}

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

.theme--perak-terang .photoviewer .pv-title{
  color:#223040;
}

.theme--perak-terang .modal .btn,
.theme--perak-terang .adminLoginPopup__submit,
.theme--perak-terang .adminLoginPopup__viewBtn,
.theme--perak-terang .adminLoginPopup__input,
.theme--perak-terang .pv-actions .btn{
  border-radius:14px 8px 14px 8px;
}

.theme--perak-terang .photoviewer .pv-stage{
  background:rgba(228,234,241,.94);
}

@media (min-width: 900px){
  .theme--perak-terang .siteHeader__hero{
    grid-template-columns:1fr;
  }

  .theme--perak-terang .siteHeader__heroTools{
    max-width:540px;
  }
}

@media (max-width: 720px){
  .theme--perak-terang .siteHeader__titleRow{
    gap:12px;
  }

  .theme--perak-terang .siteHeader__treeTools{
    grid-template-columns:minmax(0,1fr) auto auto;
  }

  .theme--perak-terang .siteHeader__menuPanel{
    top:calc(100% + 4px);
  }
}