:root{--page:var(--tg-secondary-bg,#f2f5f3);--card:var(--tg-bg,#ffffff);--fg:var(--tg-fg,#17231f);--accent:var(--tg-accent,#176b50);--line:color-mix(in srgb,var(--fg) 16%,var(--card));--muted:color-mix(in srgb,var(--fg) 72%,var(--card));--muted-page:color-mix(in srgb,var(--fg) 72%,var(--page));--hero-bg:#163f32;--hero-fg:#ffffff;--ok-bg:#dff3e8;--ok-fg:#0f5c3f;--bad-bg:#fde4e4;--bad-fg:#9b1c24;--warn-bg:#fff0c2;--warn-fg:#5c4200;--info-bg:#e1ecfb;--info-fg:#1f4f8a;--sk-a:color-mix(in srgb,var(--fg) 8%,var(--card));--sk-b:color-mix(in srgb,var(--fg) 16%,var(--card));color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--page:var(--tg-secondary-bg,#111a17);--card:var(--tg-bg,#1b2822);--fg:var(--tg-fg,#eef6f1);--accent:var(--tg-accent,#74d1a6);--hero-bg:#1f5a45;--hero-fg:#f2fbf6;--ok-bg:#173b2b;--ok-fg:#8ee8b6;--bad-bg:#4a1a1d;--bad-fg:#ffb4b4;--warn-bg:#473606;--warn-fg:#ffe08a;--info-bg:#1c3558;--info-fg:#b3d1ff;color-scheme:dark}}:root[data-theme=dark]{--page:var(--tg-secondary-bg,#111a17);--card:var(--tg-bg,#1b2822);--fg:var(--tg-fg,#eef6f1);--accent:var(--tg-accent,#74d1a6);--hero-bg:#1f5a45;--hero-fg:#f2fbf6;--ok-bg:#173b2b;--ok-fg:#8ee8b6;--bad-bg:#4a1a1d;--bad-fg:#ffb4b4;--warn-bg:#473606;--warn-fg:#ffe08a;--info-bg:#1c3558;--info-fg:#b3d1ff;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);color:var(--fg);font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none}button,select{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app{width:100%;max-width:560px;min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 92px)}header,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:26px;margin:2px 0 14px;line-height:1.15}h2{font-size:16px;margin:0 0 8px;line-height:1.3}.row h2{margin:0}.eyebrow{color:var(--muted-page);font-size:11px;font-weight:700;letter-spacing:.1em}.muted{color:var(--muted)}.small{font-size:13px}.stack{display:grid}p{margin:6px 0}.banner,.notice{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:12px;margin:0 0 12px;font-size:14px;font-weight:650}.banner svg,.notice svg{flex:none;margin-top:2px}.banner.sim,.notice.warn{background:var(--warn-bg);color:var(--warn-fg)}.banner.live,.notice.bad{background:var(--bad-bg);color:var(--bad-fg)}.notice.info{background:var(--info-bg);color:var(--info-fg)}.hero{background:var(--hero-bg);color:var(--hero-fg);border-radius:20px;padding:18px;margin-bottom:12px}.hero-mode{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid currentColor}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.hero-grid>div{background:color-mix(in srgb,var(--hero-fg) 12%,var(--hero-bg));border-radius:14px;padding:12px;display:grid;gap:6px;min-width:0}.hero-grid span,.hero-note{font-size:13px;color:color-mix(in srgb,var(--hero-fg) 88%,var(--hero-bg))}.hero-grid strong{font-size:16px;display:flex;gap:6px;align-items:flex-start}.hero-grid strong svg{flex:none;margin-top:3px}.hero-note{margin:12px 0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px;min-width:0}.card p:last-child{margin-bottom:0}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.mini{background:color-mix(in srgb,var(--fg) 5%,var(--card));border-radius:12px;padding:12px;min-width:0;display:grid;gap:4px;align-content:start}.mini strong{font-size:22px}.amount{font-size:17px;font-weight:750}.estimate{font-size:17px;font-weight:600;color:var(--muted)}.amount-line{margin-top:8px}.origin{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:99px;padding:2px 7px;vertical-align:middle;background:color-mix(in srgb,var(--fg) 10%,var(--card));color:var(--fg)}.origin.simulated{background:var(--info-bg);color:var(--info-fg)}.origin.measured{background:var(--ok-bg);color:var(--ok-fg)}.rows{list-style:none;margin:12px 0 0;padding:0}.rows li{display:flex;flex-wrap:wrap;gap:2px 14px;padding:8px 0;border-top:1px solid var(--line)}.row-name{flex:1 1 100%;font-weight:700}.row-val{font-size:14px;color:var(--muted)}.row-val .estimate,.row-val .amount{font-size:14px}.gate-line{margin:6px 0}.signal-line{display:flex;gap:8px;align-items:center;margin:0}.chip{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;border-radius:99px;padding:4px 10px;white-space:nowrap}.chip.ya{background:var(--ok-bg);color:var(--ok-fg)}.chip.tidak{background:var(--bad-bg);color:var(--bad-fg)}.chip.belum{background:var(--warn-bg);color:var(--warn-fg)}.state{display:inline-flex;gap:6px;align-items:center;font-size:14px}.caveats summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-weight:700;list-style:none}.caveats summary::-webkit-details-marker{display:none}.caveats summary:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0 0;flex:none}.caveats[open] summary:after{transform:rotate(-135deg);margin:4px 4px 0 0}.caveats ul{margin:0;padding-left:18px}.caveats li{margin:6px 0;font-size:14px}.refresh,.btn,.segmented button,.pagination button,.tabs button{border:0;color:var(--fg);background:var(--card);border-radius:14px;min-width:44px;min-height:44px;cursor:pointer}.refresh{display:grid;place-items:center;border:1px solid var(--line)}.refresh[aria-busy=true] svg{animation:spin 1s linear infinite}.btn{padding:0 16px;border:1px solid var(--line);font-weight:700}.segmented{display:flex;background:var(--line);border-radius:15px;padding:3px;margin:4px 0 12px}.segmented button{flex:1;background:transparent}.segmented button[aria-pressed=true]{background:var(--card);font-weight:700}.filter{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:var(--muted-page)}select{min-height:44px;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:0 10px}.pagination{display:flex;align-items:center;justify-content:space-between;margin:12px 0 20px}.pagination button{padding:0 14px;border:1px solid var(--line)}.pagination button:disabled{opacity:.55;cursor:default}progress{width:100%;height:12px;accent-color:var(--accent)}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,560px);padding:6px 6px calc(env(safe-area-inset-bottom) + 6px);background:var(--card);border-top:1px solid var(--line);display:flex;gap:2px;z-index:5}.tabs button{background:transparent;flex:1 1 0;min-width:0;display:grid;justify-items:center;align-content:center;gap:3px;padding:4px 0;min-height:56px;border-radius:12px;color:var(--muted)}.tab-label{font-size:11px;font-weight:600;line-height:1.1;white-space:nowrap}.tabs button.active{background:color-mix(in srgb,var(--accent) 16%,var(--card));color:var(--fg)}.tabs button.active .tab-label{font-weight:800}.sk{border-radius:16px;margin-bottom:12px;background:linear-gradient(90deg,var(--sk-a),var(--sk-b),var(--sk-a));background-size:200% 100%;animation:sk 1.3s ease-in-out infinite}.sk-line{height:24px;width:55%;border-radius:8px;margin-bottom:16px}.sk-hero{height:150px;border-radius:20px}.sk-card{height:96px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sk,.refresh svg{animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}