:root{--kertas: #f4f2ec;--permukaan: #ffffff;--dakwat: #15191c;--redup: #5c646b;--garis: #dcd8cf;--aksen: #0e5a57;--aksen-teks: #ffffff;--aksen-lembut: #e3efed;--hijau: #1e7b3c;--kuning: #a86a0c;--merah: #b42318;--kelabu: #6b7280;--hijau-l: #e6f3ea;--kuning-l: #fbf0dc;--merah-l: #fbe7e4;--kelabu-l: #eeeff1;--jejari: 14px;--bayang: 0 1px 2px rgb(20 24 28 / .06), 0 4px 16px rgb(20 24 28 / .05);--fon: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Thai", "Noto Sans", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--kertas: #0f1213;--permukaan: #171b1d;--dakwat: #e9ecec;--redup: #9aa3a7;--garis: #2a3033;--aksen: #4fb3a9;--aksen-teks: #08201e;--aksen-lembut: #15302d;--hijau: #5cc27d;--kuning: #e2a644;--merah: #f07467;--kelabu: #9aa1a8;--hijau-l: #142a1c;--kuning-l: #2e2410;--merah-l: #34161a;--kelabu-l: #22272a;--bayang: none;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--kertas);color:var(--dakwat);font:16px/1.5 var(--fon);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}h1{font-size:1.6rem;line-height:1.2;margin:0 0 .25rem;letter-spacing:-.01em}h2{font-size:1.05rem;margin:1.75rem 0 .75rem}p{margin:.5rem 0}a{color:var(--aksen)}.angka{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.redup{color:var(--redup)}.kecil{font-size:.875rem}.ok{color:var(--hijau)}.amaran{color:var(--kuning)}.ralat{color:var(--merah);background:var(--merah-l);padding:.6rem .8rem;border-radius:10px}button,.butang{font:inherit;font-weight:600;min-height:48px;padding:.7rem 1.1rem;border-radius:12px;cursor:pointer;border:1px solid var(--garis);background:var(--permukaan);color:var(--dakwat);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;touch-action:manipulation}button:active,.butang:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}.utama{background:var(--aksen);color:var(--aksen-teks);border-color:var(--aksen)}.senyap{background:transparent;border-color:transparent;color:var(--redup);padding-inline:.4rem}.penuh{width:100%;margin-top:.75rem}.baris-butang{display:flex;gap:.75rem;margin-top:1rem}.baris-butang>*{flex:1}:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}input,select,textarea{font:inherit;width:100%;min-height:48px;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--garis);background:var(--kertas);color:var(--dakwat);margin-top:.35rem}label{display:block;font-weight:600;font-size:.9rem;margin-bottom:1rem}.atas{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:calc(.5rem + env(safe-area-inset-top)) 16px .5rem;background:color-mix(in srgb,var(--kertas) 92%,transparent);border-bottom:1px solid var(--garis)}.logo{display:flex;align-items:center;gap:.5rem;color:var(--dakwat);text-decoration:none;font-weight:700;white-space:nowrap;font-size:1.05rem}.logo .gelombang{width:40px;color:var(--aksen);flex-shrink:0}.atas button{white-space:nowrap;min-height:40px}.atas-kanan{display:flex;align-items:center;gap:.25rem}select.bahasa{width:auto;min-height:40px;margin:0;padding:.3rem .5rem;font-size:.875rem;background:transparent}select.terapung{position:fixed;top:calc(12px + env(safe-area-inset-top));right:16px;z-index:5}.luar-talian{font-size:.75rem;font-weight:700;color:var(--kuning);background:var(--kuning-l);padding:.2rem .5rem;border-radius:99px}.gilir{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 16px;background:var(--kuning-l);color:var(--kuning);font-weight:600;font-size:.9rem}.gilir button{min-height:40px;padding:.4rem .8rem}.halaman{max-width:640px;margin:0 auto;padding:1.25rem 16px calc(2.5rem + env(safe-area-inset-bottom))}.kad{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--jejari);padding:1.1rem;box-shadow:var(--bayang)}.kepala-halaman{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.kepala-halaman h1{margin:0}.kosong{color:var(--redup);text-align:center;padding:2.5rem 1rem;border:1px dashed var(--garis);border-radius:var(--jejari)}.kembali{display:inline-block;text-decoration:none;font-weight:600;margin-bottom:.75rem;min-height:32px}.muat-awal{display:grid;place-items:center;min-height:100dvh;color:var(--aksen)}.muat-awal .gelombang{width:96px;animation:denyut 1.2s ease-in-out infinite}@keyframes denyut{50%{opacity:.35}}.rangka-muat{height:160px;border-radius:var(--jejari);background:linear-gradient(90deg,var(--garis),var(--permukaan),var(--garis));background-size:200% 100%;animation:kilau 1.4s linear infinite;opacity:.5}@keyframes kilau{to{background-position:-200% 0}}.masuk{max-width:420px;margin:0 auto;padding:calc(4rem + env(safe-area-inset-top)) 16px 2rem}.masuk-jenama{text-align:center;margin-bottom:1.75rem}.masuk-jenama .gelombang{width:120px;color:var(--aksen)}.masuk-jenama h1{font-size:2rem;margin-top:.5rem}.masuk-jenama p{color:var(--redup);margin:0}.masuk .kad h2{margin-top:0}.masuk .utama{width:100%}.senarai{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.baris-struktur{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--dakwat);text-decoration:none}.baris-struktur small,.kanan small{display:block;color:var(--redup);font-size:.8rem}.baris-struktur b{display:block;font-size:1.05rem}.kanan{text-align:right;flex-shrink:0}.kanan .angka{font-weight:700}.borang{margin-bottom:1.25rem}fieldset{border:0;padding:0;margin:0 0 1rem}legend{font-weight:600;font-size:.9rem;margin-bottom:.5rem}.pilihan{display:flex;gap:.75rem;align-items:flex-start;border:1px solid var(--garis);border-radius:12px;padding:.75rem;margin-bottom:.5rem;font-weight:400;cursor:pointer}.pilihan input{width:20px;min-height:20px;margin:.15rem 0 0;accent-color:var(--aksen)}.pilihan b{display:block}.pilihan small{color:var(--redup)}.pilihan.dipilih{border-color:var(--aksen);background:var(--aksen-lembut)}.kepala-struktur p{margin-top:0}.asas{display:flex;justify-content:space-between;align-items:baseline;margin:1rem 0 .25rem}.besar{font-size:2rem;font-weight:700}.besar small,dd small{font-size:.9rem;font-weight:500;color:var(--redup)}.rakaman{padding:0;overflow:hidden}.baris-rakaman{width:100%;border:0;border-radius:0;background:transparent;justify-content:flex-start;gap:.75rem;padding:.8rem 1rem;text-align:left;font-weight:500}.baris-rakaman .angka{font-weight:700;white-space:nowrap}.baris-rakaman .redup{margin-left:auto;text-align:right;font-size:.8rem}.butiran{padding:0 1rem 1rem}.butiran .hasil{box-shadow:none}.tag{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.8rem;padding:.25rem .6rem;border-radius:99px;white-space:nowrap}.tag i{width:.55rem;height:.55rem;border-radius:50%;background:currentColor}.tag-hijau{color:var(--hijau);background:var(--hijau-l)}.tag-kuning{color:var(--kuning);background:var(--kuning-l)}.tag-merah{color:var(--merah);background:var(--merah-l)}.tag-kelabu{color:var(--kelabu);background:var(--kelabu-l)}.tag-besar{font-size:1.15rem;padding:.45rem 1rem}.tag-besar i{width:.8rem;height:.8rem}.hasil{background:var(--permukaan);border:1px solid var(--garis);border-top:6px solid var(--kelabu);border-radius:var(--jejari);padding:1.1rem;margin-top:1rem;box-shadow:var(--bayang)}.hasil-hijau{border-top-color:var(--hijau)}.hasil-kuning{border-top-color:var(--kuning)}.hasil-merah{border-top-color:var(--merah)}.hasil-atas{display:flex;align-items:center;justify-content:space-between;gap:1rem}.delta{font-size:1.6rem;font-weight:800}.hasil-huraian{font-weight:600}.metrik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0}.metrik div{background:var(--kertas);border-radius:10px;padding:.6rem .7rem;min-width:0}.metrik dt{font-size:.75rem;color:var(--redup);font-weight:600}.metrik dd{margin:0;font-size:clamp(1.05rem,5.2vw,1.35rem);font-weight:700;white-space:nowrap}.sumber-senarai{border-top:1px solid var(--garis);padding-top:.5rem}.sumber{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;padding:.2rem 0}.sumber>span:first-child{font-weight:600}.sumber>span:last-child{text-align:right}.penafian{font-size:.8rem;color:var(--redup);border-left:3px solid var(--garis);padding-left:.6rem;margin-top:1rem}.status-simpan{text-align:center;min-height:1.5em}.status-simpan.ok{color:var(--hijau)}.status-simpan.gilir{color:var(--kuning)}.kepala-rakam{display:flex;align-items:center;justify-content:space-between}.langkah h1{font-size:1.35rem}.arahan{padding-left:1.2rem}.arahan li{margin-bottom:.4rem}.arahan li:first-child{font-weight:600}.layar{position:relative;background:var(--kertas);border-radius:12px;padding:.5rem;margin:.75rem 0;color:var(--aksen)}.jejak{display:block;width:100%;color:var(--aksen)}.isyarat{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.6rem;font-weight:800;letter-spacing:.02em;color:var(--aksen-teks);background:color-mix(in srgb,var(--aksen) 88%,transparent);border-radius:12px;text-align:center;padding:1rem}.kiraan{font-size:2.2rem;font-weight:800;text-align:center;color:var(--aksen);margin:1rem 0}.jangan{font-weight:800;font-size:1.15rem;text-align:center}.bar{height:8px;border-radius:99px;background:var(--garis);overflow:hidden;margin:.75rem 0 .25rem}.bar i{display:block;height:100%;background:var(--aksen);transition:width .2s linear}.tengah{text-align:center;padding:2.5rem 1rem}.pusing{width:40px;height:40px;margin:0 auto 1rem;border-radius:50%;border:4px solid var(--garis);border-top-color:var(--aksen);animation:pusing .9s linear infinite}@keyframes pusing{to{transform:rotate(360deg)}}.kamera{position:relative;background:#000;border-radius:12px;overflow:hidden;margin:.75rem 0;aspect-ratio:16 / 9}.kamera video{width:100%;height:100%;object-fit:fill;display:block}.kamera .isyarat{border-radius:0;background:color-mix(in srgb,var(--aksen) 55%,transparent)}.roi-lapis{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.roi{position:absolute;border:2px solid;border-radius:6px;touch-action:none;cursor:move}.roi span{position:absolute;top:-1px;left:-1px;font-size:.7rem;font-weight:800;padding:.1rem .35rem;border-radius:5px 0;color:#000}.roi-struktur{border-color:#5eead4;background:#5eead41f}.roi-struktur span{background:#5eead4}.roi-rujukan{border-color:#fcd34d;border-style:dashed;background:#fcd34d1a}.roi-rujukan span{background:#fcd34d}.roi-saiz{position:absolute;right:-14px;bottom:-14px;width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #000;cursor:nwse-resize}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:720px){.halaman{padding-top:2rem}h1{font-size:1.9rem}}