:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#08090b;color:#fff}a{color:inherit;text-decoration:none}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,6vw);border-bottom:1px solid #23252b;background:#0f1013}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.6px}.brand img{border-radius:9px}.brand strong{font-weight:400}.nav{font-size:14px;color:#c8c9ce}.nav:hover,.actions a:hover{color:#25f4ee}.shell{min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center;padding:70px 20px}.card{width:min(710px,100%);text-align:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#25f4ee}.card h1{font-size:clamp(38px,6vw,70px);letter-spacing:-2.6px;line-height:1.09;margin:18px 0 25px}.card>p{color:#bcbfc6;font-size:16px;line-height:1.8}.google{margin:24px auto 0;display:flex;gap:20px;align-items:center;justify-content:space-between;max-width:410px;width:100%;padding:19px 22px;background:#fff;border:0;border-radius:12px;color:#111;font-weight:750;font-size:16px;opacity:.64;cursor:not-allowed}.google span{font-size:11px;font-weight:600;color:#666}.card .notice{color:#ffbac7;font-size:13px;margin-top:23px}.actions{display:flex;justify-content:center;gap:24px;margin-top:30px;font-weight:700;font-size:14px}footer{text-align:center;padding:18px 14px 28px;color:#767982;font-size:11px}@media(max-width:520px){.nav{font-size:12px}.brand{font-size:17px}.card h1{letter-spacing:-1.5px}.google{font-size:14px;padding:17px}.actions{gap:14px}}

/* ADP_6B3G_GIS_UNCLIPPED_340
   Official Google iframe button. No CSS edits to Google's internal document.
   Remove prior 6B3C/6B3D/6B3E constraints that cropped a personalized button.
*/
.card {
  background:#101114;
  border:1px solid #26292f;
  border-radius:24px;
  padding:clamp(28px,4vw,54px) clamp(20px,4vw,48px);
  box-shadow:0 24px 84px rgba(0,0,0,.24);
}
.card h1 { font-size:clamp(34px,5vw,60px); line-height:1.12; }
.card #adp-google-btn {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(340px,100%);
  max-width:340px;
  min-height:48px;
  height:auto;
  margin:24px auto 0;
  padding:0;
  position:relative;
  overflow:visible;
  contain:none;
  isolation:auto;
  background:transparent;
  border:0;
}
.card #adp-google-btn > div {
  box-sizing:border-box;
  margin-left:auto;
  margin-right:auto;
  max-width:none;
  max-height:none;
  overflow:visible;
}
.card #adp-google-btn iframe {
  display:block;
  max-width:none;
  max-height:none;
}
/* Google renders temporary inline markup before its real iframe arrives.
   Keep it hidden until the existing 6B3E iframe-load JS marks it ready. */
.card #adp-google-btn:not(.adp-gis-ready) > * { visibility:hidden !important; }
.card #adp-google-btn:not(.adp-gis-ready)::after {
  content:"Menyiapkan Google Login…";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d7d8dc;
  background:#131314;
  border:1px solid #8e918f;
  border-radius:24px;
  font:500 12px/1.2 Inter,Arial,sans-serif;
  pointer-events:none;
}
.card #adp-google-btn.adp-gis-ready::after { content:none; }
.card #adp-google-status { text-align:center; }
.card .actions { display:flex; flex-wrap:wrap; justify-content:center; }
/* Keep dashboard styling deployed in 6B3E. */
.card .install-note {
  margin:28px auto 18px;
  max-width:560px;
  padding:22px;
  background:#181a1f;
  border:1px solid #303238;
  border-radius:16px;
}
.card .install-note strong { color:#f7f7fa; font-weight:700; }
.card .install-note p { margin:12px 0 20px; overflow-wrap:anywhere; }
.card form .google {
  width:min(340px,100%);
  max-width:340px;
  padding:14px 18px;
  justify-content:center;
  color:#fff;
  background:#25272e;
  border:1px solid #454954;
  border-radius:14px;
  cursor:pointer;
  opacity:1;
}
.card form .google:hover { background:#30333b; }
.card form .google:focus-visible { outline:2px solid #25f4ee; outline-offset:3px; }
@media(max-width:520px) {
  .shell { padding:42px 14px; }
  .card { border-radius:18px; padding:34px 18px; }
  .card h1 { font-size:clamp(34px,9vw,46px); letter-spacing:-1.2px; }
  .card .actions { gap:14px 22px; }
}

/* ADP_6B4B_DASHBOARD_STYLE: account overview only, no change to GIS iframe. */
.card:has(.adp-dashboard){width:min(960px,100%)}
.adp-dashboard{text-align:left}
.adp-dashboard>.eyebrow{text-align:center}
.adp-dashboard>h1{font-size:clamp(32px,4.6vw,55px);text-align:center;letter-spacing:-1.9px;margin:17px 0 12px}
.adp-dashboard>p{text-align:center;color:#c3c5cd;font-size:15px;margin:0 auto 24px;max-width:600px;line-height:1.6}
.adp-profile,.adp-dashboard-panel,.adp-orders,.adp-closed{background:#18191d;border:1px solid #303138;border-radius:16px;padding:20px}
.adp-profile{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.adp-profile span,.adp-dashboard-panel>span{color:#a8aab4;font-size:12px;font-weight:600}
.adp-profile strong{font-size:14px;overflow-wrap:anywhere}
.adp-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.adp-dashboard-panel{display:flex;flex-direction:column;gap:12px;min-width:0}
.adp-dashboard-panel strong{font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.adp-dashboard-panel small,.adp-order-row small{display:block;color:#b6b8c0;font-size:12px;line-height:1.5}
.adp-orders,.adp-closed{margin-top:14px}
.adp-orders h2{font-size:18px;margin:0 0 16px}
.adp-muted{color:#afb2bc;font-size:14px;margin:0}
.adp-order-row{border-top:1px solid #35373b;padding:15px 0;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.adp-order-row strong{display:block;font-size:13px;overflow-wrap:anywhere;max-width:100%}
.adp-order-right{text-align:right}
.adp-closed{border-color:#424044;background:#161519}
.adp-closed>strong{font-size:15px}
.adp-closed>p{color:#bfc0c7;font-size:13px;line-height:1.7;margin:9px 0 16px}
.adp-disabled-purchase{background:#292a30;color:#bbbfc8;border:1px solid #464952;border-radius:12px;padding:13px 16px;cursor:not-allowed;font-weight:700;max-width:100%}
.adp-dashboard-actions{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin:24px 0}
.adp-dashboard-actions a{font-size:13px;font-weight:700;color:#fff}
.adp-dashboard-actions a:hover{color:#25f4ee}
.adp-logout-form{display:flex;justify-content:center}
.adp-logout-form button{border:1px solid #555a63;background:#282a31;color:#fff;padding:13px 24px;border-radius:12px;cursor:pointer;font-weight:700}
.adp-logout-form button:hover{background:#34373e}
@media(max-width:650px){.adp-dashboard-grid{grid-template-columns:1fr}.adp-order-right{text-align:left}.adp-dashboard-panel strong{font-size:18px}}