@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");:root{--moo-navy:#1c2b4b;--moo-navy-deep:#11133a;--moo-teal:#7bcfc8;--moo-teal-glow:#1aced3;--moo-mint:#eef9f7;--moo-amber:#f5a623;--moo-blue:#1b6fd6;--moo-cyan:#16c0c6;--moo-grad:linear-gradient(90deg,#1b6fd6,#16c0c6);--moo-grad-live:linear-gradient(90deg,#0b3b42,#4bc3d6,#0b3b42);--moox-bg:#f3f4f6;--moox-surface:#ffffff;--moox-raised:#ffffff;--moox-chip:#f4f4f5;--moox-line:#f0f1f3;--moox-line-2:#e4e6ea;--moox-text:#1c2b4b;--moox-text-2:rgba(28,43,75,.72);--moox-text-3:#8a93a3;--moox-text-accent:#1b6fd6;--moox-success:#17a93a;--moox-success-soft:#e8f6ec;--moox-warning:#c77a0a;--moox-warning-soft:#fdf3e1;--moox-error:#e03030;--moox-error-soft:#fdeaea;--moox-info:#1b6fd6;--moox-info-soft:#e8f1fc;--moox-font:"Poppins",ui-sans-serif,system-ui,sans-serif;--moox-radius-md:12px;--moox-radius-lg:16px;--moox-radius-xl:24px;--moox-shadow-sm:0 1px 2px rgba(16,24,48,.05),0 1px 3px rgba(16,24,48,.06);--moox-shadow:0 12px 30px rgba(16,24,48,.12);--moox-dur:150ms;--moox-ease:cubic-bezier(.22,1,.36,1)}.moox{background:var(--moox-bg);color:var(--moox-text);font-family:var(--moox-font);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select,textarea{font-family:inherit}*{-webkit-tap-highlight-color:transparent}.moox-h2{font-weight:600;font-size:26px;letter-spacing:-.01em;line-height:1.15}.moox-h3{font-weight:600;font-size:18px;line-height:1.3}.moox-caption{font-size:13px;color:var(--moox-text-2)}.moox-hud,.moox-label{font-weight:600;font-size:12px;color:var(--moox-text-3)}.moox-mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:var(--moox-text-2)}.moox-card,.moox-panel{background:var(--moox-surface);border:0;border-radius:var(--moox-radius-lg);box-shadow:var(--moox-shadow-sm);padding:20px}.moox-panel{border-radius:var(--moox-radius-xl)}.moox-panel--pad{padding:28px}.moox-card--glow{box-shadow:0 0 0 2px var(--moo-cyan),var(--moox-shadow)}.moox-btn{font-weight:600;font-size:14px;border-radius:999px;padding:10px 18px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--moox-text);background:var(--moox-surface);transition:transform var(--moox-dur),opacity var(--moox-dur),background var(--moox-dur)}.moox-btn:active{transform:scale(.98)}.moox-btn:focus-visible{outline:2px solid var(--moo-cyan);outline-offset:2px}.moox-btn--primary{background:var(--moo-grad);color:#fff;box-shadow:0 8px 20px -8px rgba(27,111,214,.55)}.moox-btn--secondary{background:var(--moox-surface);color:var(--moox-text);border-color:rgba(28,43,75,.15)}.moox-btn--alt{background:var(--moox-surface);color:var(--moo-blue);border-color:rgba(27,111,214,.3)}.moox-btn--danger{background:var(--moox-surface);color:var(--moox-error);border-color:rgba(224,48,48,.35)}.moox-btn:disabled{opacity:.5;cursor:not-allowed}.moox-btn--sm{font-size:12.5px;padding:7px 14px}.moox-btn--lg{font-size:15px;padding:14px 24px}.moox-input{font-size:15px;padding:12px 18px;border-radius:999px;border:1px solid var(--moox-line-2);background:var(--moox-surface);color:var(--moox-text);outline:none;width:100%;transition:border var(--moox-dur),box-shadow var(--moox-dur)}select.moox-input{border-radius:var(--moox-radius-md);padding:10px 14px;font-size:13px}.moox-input::placeholder{color:var(--moox-text-3)}.moox-input:focus{border-color:var(--moo-cyan);box-shadow:0 0 0 3px rgba(22,192,198,.18)}.moox-input--error{border-color:var(--moox-error);box-shadow:0 0 0 3px rgba(224,48,48,.14)}.moox-badge{font-weight:500;font-size:12px;padding:3px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.5}.moox-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.moox-badge--success{background:var(--moox-success-soft);color:var(--moox-success)}.moox-badge--warning{background:var(--moox-warning-soft);color:var(--moox-warning)}.moox-badge--error{background:var(--moox-error-soft);color:var(--moox-error)}.moox-badge--info{background:var(--moox-info-soft);color:var(--moox-info)}.moox-chip{font-weight:500;font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid var(--moox-line-2);color:var(--moox-text);background:var(--moox-surface);cursor:pointer;display:inline-flex;align-items:center;transition:background var(--moox-dur),color var(--moox-dur)}.moox-chip.is-active{background:var(--moo-navy);border-color:var(--moo-navy);color:#fff}.moox-logo{height:30px;width:auto;object-fit:contain;display:block}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:var(--moox-bg);accent-color:var(--moo-blue)}button{font:inherit}a{color:inherit;text-decoration:none}.lebar{width:100%;justify-content:center}.kecil{font-size:11.5px}.kanan{text-align:right}.sembunyi{display:none}.teks-galat{color:var(--moox-error);background:var(--moox-error-soft);border-radius:var(--moox-radius-md);font-size:13px;margin:0;padding:10px 14px}.teks-peringatan{font-size:11px}.teks-peringatan,.teks-warning{color:var(--moox-warning)}.teks-error{color:var(--moox-error)}.baris-tombol{display:flex;gap:8px;flex-wrap:wrap}.masuk{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:var(--moox-surface)}.masuk,.masuk-bg{max-width:480px;margin:0 auto}.masuk-bg{position:fixed;inset:0 0 auto;width:100%;height:62%;object-fit:cover;object-position:top}.masuk-atas{flex:1 1;min-height:30dvh}.masuk-form{position:relative;background:var(--moox-surface);border-radius:36px 36px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.14);padding:36px 28px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.masuk-form .moox-h2{margin:4px 0 0}.masuk-form .moox-caption{margin:0 0 8px}.masuk-form .moox-btn{margin-top:8px}.masuk-logo{height:30px;width:auto;align-self:flex-start}.beranda{max-width:480px;margin:0 auto;min-height:100dvh;padding:0 20px 40px;display:flex;flex-direction:column;gap:12px;background:url(/img/bg-home.webp) top/100% auto no-repeat,var(--moox-bg)}.beranda-head{padding:48px 4px 16px;color:#fff}.beranda-mark{height:30px;width:auto;display:block;filter:brightness(0) invert(1);margin-bottom:22px}.beranda-judul{font-size:32px;font-weight:500;line-height:1.05;letter-spacing:-.02em;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.08)}.beranda-sub{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.92)}.daftar-skenario{display:flex;flex-direction:column;gap:12px}.kartu-skenario{display:flex;align-items:center;gap:14px;padding:16px;background:var(--moox-surface);border-radius:var(--moox-radius-lg);box-shadow:var(--moox-shadow-sm);transition:transform var(--moox-dur)}.kartu-skenario:active{transform:scale(.985)}.kartu-ikon{flex:none;width:48px;height:48px;border-radius:14px;background:var(--moo-mint);color:#0f8f95;display:flex;align-items:center;justify-content:center}.kartu-isi{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.kartu-atas{display:flex;align-items:center;gap:8px}.kartu-kode{font-size:11px;font-weight:600;color:var(--moo-blue);background:var(--moox-info-soft);border-radius:6px;padding:1px 7px}.kartu-judul{font-size:16px;font-weight:600;line-height:1.3;margin-top:2px}.kartu-skenario .moox-caption{font-size:12.5px;line-height:1.45}.kartu-panah{flex:none;color:var(--moox-text-3)}.banner-portal{margin-top:4px;gap:14px;padding:16px;border-radius:var(--moox-radius-xl);background:var(--moo-grad);color:#fff;box-shadow:var(--moox-shadow-sm)}.banner-ikon,.banner-portal{display:flex;align-items:center}.banner-ikon{flex:none;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.2);justify-content:center}.banner-judul{font-weight:700;font-size:16px}.banner-sub{font-size:12px;color:rgba(255,255,255,.85)}.lapangan{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;gap:12px;padding:16px 16px 140px}.lap-head{display:grid;grid-template-columns:72px 1fr 72px;align-items:center;grid-gap:8px;gap:8px;padding:8px 0 4px}.tombol-kembali{width:44px;height:44px;border-radius:16px;background:var(--moox-surface);box-shadow:var(--moox-shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--moox-text)}.lap-judul{min-width:0;text-align:center}.lap-kode{font-size:11.5px;font-weight:600;color:var(--moo-blue)}.lap-label{font-weight:600;font-size:18px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lap-head-kanan{display:flex;justify-content:flex-end}.lap-head-kanan .moox-badge{padding:3px 8px;font-size:11px}.lap-kamera{position:relative;border-radius:var(--moox-radius-xl);overflow:hidden;background:var(--moo-navy);aspect-ratio:3/4;max-height:50dvh;width:100%;box-shadow:var(--moox-shadow)}.lap-kamera video{width:100%;height:100%;object-fit:cover;display:block}.lap-kamera.kilat:before{content:"";position:absolute;inset:0;background:#fff;opacity:.7;z-index:3}.lap-kamera-kosong{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:rgba(255,255,255,.8);font-size:14px}.lap-kamera-kosong p{margin:0}.lap-status{position:absolute;top:12px;left:12px;z-index:2}.lap-status .moox-badge{background:rgba(255,255,255,.92);box-shadow:var(--moox-shadow-sm)}.lap-interim{right:12px;bottom:84px;background:rgba(255,255,255,.94);color:var(--moox-text);border-radius:var(--moox-radius-lg);padding:10px 14px;font-size:14px;box-shadow:var(--moox-shadow-sm)}.lap-baki,.lap-interim{position:absolute;left:12px;z-index:2}.lap-baki{bottom:12px;display:flex;gap:8px}.lap-baki-item{position:relative;width:60px;height:60px;padding:0;border:2px solid #fff;border-radius:var(--moox-radius-md);overflow:hidden;background:#000;cursor:pointer;box-shadow:var(--moox-shadow-sm)}.lap-baki-item img{width:100%;height:100%;object-fit:cover;display:block}.lap-baki-item span{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:rgba(17,19,58,.7);color:#fff;display:flex;align-items:center;justify-content:center}.meter-suara{height:6px;border-radius:999px;background:var(--moox-line-2);overflow:hidden;margin-top:8px}.meter-suara i{display:block;height:100%;background:var(--moo-grad);transition:width 60ms linear}.titik-rekam{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--moox-error);margin-right:6px;animation:kedip 1s infinite}@keyframes kedip{50%{opacity:.25}}.lap-notif{background:var(--moox-surface);border-radius:var(--moox-radius-lg);padding:16px;box-shadow:0 0 0 2px var(--moo-cyan),var(--moox-shadow-sm)}.lap-notif-atas{display:flex;align-items:center;gap:8px}.lap-notif-ikon{width:30px;height:30px;border-radius:10px;background:var(--moox-warning-soft);color:var(--moo-amber);display:flex;align-items:center;justify-content:center}.lap-notif p{margin:10px 0 12px;font-size:15px}.lap-obrolan{display:flex;flex-direction:column;gap:10px}.gelembung{max-width:85%;border-radius:20px;padding:10px 16px;font-size:15px;line-height:1.45}.gelembung-saya{align-self:flex-end;border-bottom-right-radius:6px;background:var(--moo-grad);color:#fff}.gelembung-ai{align-self:flex-start;border-bottom-left-radius:6px;background:var(--moox-surface);box-shadow:var(--moox-shadow-sm)}.gelembung-ai.gagal{box-shadow:0 0 0 1.5px rgba(224,48,48,.45)}.lap-balasan-teks{margin:0}.lap-aksi{list-style:none;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--moox-line);display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--moox-success)}.lap-aksi li{display:flex;gap:6px;align-items:flex-start}.lap-aksi svg{flex:none;margin-top:3px}.lap-latensi{margin-top:6px;font-size:11.5px;color:var(--moox-text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.titik-tiga{display:flex;gap:4px;padding:5px 0}.titik-tiga i{width:8px;height:8px;border-radius:50%;background:rgba(28,43,75,.4);animation:loncat 1s infinite}.titik-tiga i:nth-child(2){animation-delay:.15s}.titik-tiga i:nth-child(3){animation-delay:.3s}@keyframes loncat{0%,60%,to{transform:none}30%{transform:translateY(-5px)}}.lap-panduan{background:var(--moox-surface);border-radius:var(--moox-radius-lg);padding:16px;box-shadow:var(--moox-shadow-sm);gap:12px}.lap-panduan,.lap-panduan ol{display:flex;flex-direction:column}.lap-panduan ol{margin:0;padding-left:20px;color:var(--moox-text-2);font-size:14px;gap:4px}.chip-baris{display:flex;flex-wrap:wrap;gap:8px}.lap-panduan .moox-chip{background:var(--moox-chip);border-color:transparent;text-align:left}.moox-chip:disabled{opacity:.5}.lap-ketik{display:flex;gap:8px}.lap-ketik .moox-input{background:var(--moox-bg);border-color:transparent}.lap-ketik-kirim{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--moo-grad);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.lap-ketik-kirim:disabled{opacity:.5}.lap-mic{display:flex;align-items:center;gap:8px;color:var(--moox-text-3)}.lap-mic select{flex:1 1;background:var(--moox-bg);border-color:transparent}.lap-kontrol{position:fixed;left:0;right:0;bottom:0;z-index:10;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:28px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(26,206,211,.45),rgba(243,244,246,0))}.lap-tombol-bulat{position:relative;flex:none;width:56px;height:56px;border-radius:50%;border:0;background:var(--moox-surface);color:var(--moox-text);box-shadow:var(--moox-shadow);cursor:pointer}.lap-hitung,.lap-tombol-bulat{display:flex;align-items:center;justify-content:center}.lap-hitung{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;background:var(--moo-blue);font-size:11px;padding:0 5px}.lap-hitung,.lap-tombol-bicara{border-radius:999px;color:#fff;font-weight:600}.lap-tombol-bicara{flex:1 1;height:56px;border:0;background:var(--moo-grad);display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 10px 24px -10px rgba(27,111,214,.6)}.lap-tombol-bicara.aktif{background:var(--moo-grad-live);background-size:200% 200%;animation:geser 2.2s ease-in-out infinite}@keyframes geser{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.lap-tombol-bicara:disabled,.lap-tombol-bulat:disabled{opacity:.55;cursor:not-allowed}.ekualiser{display:flex;align-items:center;gap:4px;height:22px}.ekualiser i{width:4px;height:22px;border-radius:999px;background:#fff;animation:gelombang .9s ease-in-out infinite;transform-origin:center}.ekualiser i:nth-child(2){animation-delay:-.12s}.ekualiser i:nth-child(3){animation-delay:-.24s}.ekualiser i:nth-child(4){animation-delay:-.08s}.ekualiser i:nth-child(5){animation-delay:-.2s}@keyframes gelombang{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.portal-muat{padding:40px;text-align:center}.portal{min-height:100dvh;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.portal-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--moox-surface);border-radius:var(--moox-radius-xl);padding:14px 20px;box-shadow:var(--moox-shadow-sm)}.portal-judul{flex:1 1;min-width:220px;padding-left:20px;border-left:1px solid var(--moox-line-2)}.portal-klien{background:transparent;border:0;border-bottom:1px dashed transparent;color:var(--moox-text);font:600 20px var(--moox-font);padding:2px 0;width:100%;outline:none}.portal-klien:focus,.portal-klien:hover{border-bottom-color:var(--moox-line-2)}.portal-judul .moox-caption{font-size:12.5px}.portal-aksi{gap:12px;flex-wrap:wrap}.pindah-otomatis,.portal-aksi{display:flex;align-items:center}.pindah-otomatis{gap:6px;cursor:pointer}.portal-isi{display:grid;grid-template-columns:minmax(300px,380px) 1fr;grid-gap:16px;gap:16px;flex:1 1;min-height:0}.portal-feed{padding:18px;display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 130px);overflow:auto}.feed-judul{margin-bottom:4px;font-size:14px;color:var(--moox-text)}.feed-item{border-radius:var(--moox-radius-lg);padding:12px;background:var(--moox-bg)}.feed-item.gagal{box-shadow:inset 0 0 0 1.5px rgba(224,48,48,.4)}.feed-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.latensi{margin-left:auto;color:var(--moox-success)}.latensi.lambat{color:var(--moox-warning)}.feed-foto{display:flex;gap:6px;flex-wrap:wrap}.foto-kecil{width:64px;height:64px;object-fit:cover;border-radius:var(--moox-radius-md);display:block;background:var(--moox-line)}.feed-foto.besar .foto-kecil{width:100%;height:auto;max-height:260px;object-fit:contain;background:var(--moo-navy)}.feed-ucap{margin:8px 0 4px;color:var(--moox-text-2);font-style:italic;font-size:14px}.feed-balas{margin:4px 0 6px;font-size:14px}.feed-aksi{margin:0 0 4px;padding-left:18px;color:var(--moox-success);font-size:13px}.portal-utama{display:flex;flex-direction:column;gap:14px;min-width:0}.portal-tab{display:flex;gap:4px;flex-wrap:wrap;align-self:flex-start;background:rgba(28,43,75,.06);border-radius:999px;padding:4px}.portal-tab .moox-chip{border:0;background:transparent;font-weight:600}.portal-tab .moox-chip.is-active{background:var(--moo-navy);color:#fff}.hitung{margin-left:8px;background:var(--moo-amber);color:#fff;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700}.kpi-baris{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.kpi{padding:18px}.kpi-nilai{font-weight:700;font-size:34px;margin-top:6px;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--moox-text)}.kpi-gelap{background:var(--moo-grad)}.kpi-gelap .kpi-nilai,.kpi-gelap .moox-label{color:#fff}.ringkasan{display:flex;flex-direction:column;gap:14px}.dua-kolom{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.baris-mini{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--moox-line);font-size:14px}.tabel-bungkus{overflow-x:auto;border-radius:var(--moox-radius-lg);box-shadow:var(--moox-shadow-sm)}.tabel{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--moox-surface)}.tabel th{background:#f8f9fb;color:var(--moox-text-3);font-weight:600;font-size:12px;text-align:left;padding:12px}.tabel td{padding:12px;border-top:1px solid var(--moox-line);vertical-align:top}.tabel .moox-caption{font-size:12px}.tabel td.moox-mono{white-space:nowrap}.tabel .sel-kontak{min-width:200px}.tabel .sel-kontak strong{font-weight:600}.tabel .sel-kebutuhan{min-width:150px}.tabel .sel-tanggal{white-space:nowrap}.tabel .sel-lead{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.tabel .sel-lead .foto-kecil{width:84px;height:56px}.kartu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:12px;gap:12px}.kartu-grid .moox-card{padding:18px}.kartu-grid .kartu-atas{justify-content:space-between;margin-bottom:8px}.kartu-grid .kartu-judul{display:block;margin:2px 0 4px}.jejak{margin-top:10px;padding-top:10px;border-top:1px solid var(--moox-line);display:flex;flex-direction:column;gap:4px}@keyframes kilau{0%{box-shadow:0 0 0 2px var(--moo-cyan),0 0 24px rgba(22,192,198,.4);background-color:rgba(22,192,198,.1)}to{box-shadow:var(--moox-shadow-sm);background-color:transparent}}.kilau,tr.kilau td{animation:kilau 4.5s var(--moox-ease)}@media (max-width:900px){.portal{padding:12px}.portal-isi{grid-template-columns:1fr}.portal-feed{max-height:none;order:2}.kpi-baris{grid-template-columns:repeat(2,1fr)}.dua-kolom{grid-template-columns:1fr}}