/* Disalin dari desain ATG (Login). Jangan diubah tanpa instruksi. */
body{margin:0}
.atg{
  --bg:#F3F5F8;--surface:#FFFFFF;--surface-2:#F6F7F9;--border:#E2E6EC;
  --text:#0F172A;--muted:#556070;--ink:#0F172A;--on-ink:#FFFFFF;
  --oil:#E2A23A;--oil-top:#F4C66A;--water:#2F7CF0;--water-top:#79AEFF;
  --panel:#0F172A;--panel-text:#E8EDF3;--panel-muted:#A3ADBB;--panel-tank:#1E2735;--panel-rim:#3A4657;
  --crit:#C22626;--crit-bg:#FCE6E6;--ok:#11804A;
  font-family:'Google Sans','Google Sans Text',system-ui,sans-serif;color:var(--text);background:var(--bg);
}
.atg[data-theme="dark"]{
  --bg:#0B0F14;--surface:#131920;--surface-2:#1A212A;--border:#252E39;
  --text:#E8EDF3;--muted:#9AA5B3;--ink:#E8EDF3;--on-ink:#0B0F14;
  --oil:#E6A73E;--oil-top:#F7CC74;--water:#3B89FF;--water-top:#86B8FF;
  --panel:#131920;--panel-text:#E8EDF3;--panel-muted:#9AA5B3;--panel-tank:#1B222C;--panel-rim:#364352;
  --crit:#FF7474;--crit-bg:rgba(255,116,116,.14);--ok:#42D392;
}
.atg *{box-sizing:border-box}
.atg a{color:var(--text)} .atg a:hover{color:var(--muted)}
.atg button,.atg input{font-family:inherit}
.atg :focus-visible{outline:2px solid var(--water);outline-offset:2px}
.atg .num{font-variant-numeric:tabular-nums}