:root{--kuning: #ffe600;--emas: #f3cf6b;--hitam: #08080a;--panel: rgba(16, 16, 20, .92);--garis: rgba(243, 207, 107, .28);--teks: #f5f1e8;--redup: #a39f97;--merah: #ff8f6b;--hijau: #8fd3a8;--sans: "Montserrat", system-ui, sans-serif;--serif: "Playfair Display", Georgia, serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--hitam);color:var(--teks);font-family:var(--sans)}body{overflow:hidden}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}.serif{font-family:var(--serif);font-style:italic;color:var(--emas)}#login{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 30%,#1c1a14,var(--hitam) 70%)}#form-login{width:min(360px,100%);display:grid;gap:14px;text-align:center}#form-login h1{margin:0;font-weight:800;letter-spacing:.08em;color:var(--emas)}#form-login p{margin:0 0 8px}.galat{color:var(--merah);min-height:1.2em}#kanvas{position:fixed;inset:0}#kanvas canvas{display:block}.lapisan-label{position:absolute;inset:0}.label-agen{display:grid;justify-items:center;gap:1px;padding:5px 10px 6px;border-radius:10px;background:#0a0a0cd1;border:1px solid var(--garis);cursor:pointer;pointer-events:auto;text-align:center;white-space:nowrap;transform:translateY(-6px)}.label-agen b{font-size:13px;font-weight:800;color:var(--teks)}.label-agen span{font-size:10px;color:var(--emas);text-transform:uppercase;letter-spacing:.06em}.label-agen i{font-style:normal;font-size:11px;color:var(--redup);max-width:190px;overflow:hidden;text-overflow:ellipsis}.label-agen[data-status=bekerja] i,.label-agen[data-status=memeriksa] i{color:var(--kuning)}.label-agen[data-status=menunggu]{border-color:var(--kuning);box-shadow:0 0 18px #ffe60059}.label-agen[data-status=menunggu] i{color:var(--kuning);font-weight:700}.label-agen[data-ringkas]{padding:3px 8px 4px;opacity:.92}.label-agen[data-ringkas] span,.label-agen[data-ringkas=nama] i{display:none}.label-agen[data-ringkas] b{font-size:12px}#atas{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));background:linear-gradient(var(--hitam),rgba(8,8,10,0));pointer-events:none}#atas>*{pointer-events:auto}.logo{font-weight:800;letter-spacing:.1em;font-size:15px}.logo span{color:var(--emas)}.chip-grup{display:flex;gap:6px;flex-wrap:wrap;flex:1}.chip{padding:5px 10px;border-radius:999px;font-size:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--redup);white-space:nowrap}.chip b{color:var(--teks)}button.chip{cursor:pointer}.chip.sorot{background:var(--kuning);color:#111;border-color:var(--kuning);font-weight:700;animation:denyut 1.6s infinite}.chip.sorot b{color:#111}@keyframes denyut{50%{box-shadow:0 0 0 6px #ffe60026}}.aksi{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.saklar{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid var(--garis);background:#141418e6;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.saklar input{accent-color:var(--kuning);width:16px;height:16px;margin:0}.chip.tim-jalan{color:var(--hijau);border-color:#8fd3a880}.chip.tim-peringatan{color:var(--merah);border-color:#ff8f6b99}.kotak-tanya{padding:12px 14px;border-radius:12px;border:1px solid var(--kuning);background:#ffe60012}pre.laporan{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.5;margin:0;padding:12px;border-radius:12px;border:1px solid var(--garis);background:#f3cf6b0d}.persetujuan textarea#jawaban-info{width:100%;padding:10px;border-radius:10px;border:1px solid var(--garis);background:#111;resize:vertical}.tombol{padding:8px 14px;border-radius:10px;border:1px solid var(--garis);background:#141418e6;cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap}.tombol:hover{border-color:var(--emas)}.tombol.utama{background:var(--kuning);color:#111;border-color:var(--kuning);font-weight:800}.tombol.aktif{border-color:var(--kuning);color:var(--kuning)}.tombol.bahaya{border-color:var(--merah);color:var(--merah)}#panel{position:fixed;top:64px;right:16px;bottom:16px;width:min(420px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--garis);border-radius:16px;padding:20px;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 60px #00000080}.tutup{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--redup)}#panel h2{margin:0 0 2px;font-size:20px;font-weight:800}#panel h3{margin:20px 0 8px;font-size:12px;letter-spacing:.1em;color:var(--emas);text-transform:uppercase}#panel p{margin:6px 0;line-height:1.5;font-size:14px}.sub{color:var(--redup);font-size:13px}.status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#ffffff14;margin-top:8px}.status[data-s=bekerja],.status[data-s=memeriksa],.status[data-s=dikerjakan],.status[data-s=qc]{background:#ffe60026;color:var(--kuning)}.status[data-s=menunggu]{background:var(--kuning);color:#111}.status[data-s=revisi],.status[data-s=perlu-info]{background:#ff8f6b2e;color:var(--merah)}.status[data-s=disetujui],.status[data-s=idle]{background:#8fd3a826;color:var(--hijau)}.kartu{padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);margin-bottom:8px;cursor:pointer;text-align:left;width:100%;display:block}.kartu:hover{border-color:var(--garis)}.kartu b{display:block;font-size:14px}.kartu small{color:var(--redup)}.kartu.menunggu{border-color:var(--kuning)}.kolom-kanban{margin-bottom:4px}.kosong{color:var(--redup);font-size:13px;font-style:italic}dl.brief{display:grid;grid-template-columns:max-content 1fr;gap:6px 12px;margin:0;font-size:14px}dl.brief dt{color:var(--redup)}dl.brief dd{margin:0;white-space:pre-wrap}.log{list-style:none;padding:0;margin:0;font-size:13px}.log li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.log time{color:var(--redup);margin-right:6px;font-variant-numeric:tabular-nums}.kotak-hasil{padding:12px;border-radius:12px;border:1px solid var(--garis);background:#f3cf6b0d}.pratinjau{margin:4px 0 10px}.pratinjau-video{width:100%;max-height:70vh;border-radius:12px;background:#000;display:block}.pratinjau a{color:var(--kuning)}.galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.galeri img{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:8px;cursor:zoom-in;border:1px solid var(--garis);background:#000}.lightbox{position:fixed;inset:0;z-index:30;background:#000000eb;display:grid;place-items:center;cursor:zoom-out;padding:16px}.lightbox img{max-width:100%;max-height:calc(100vh - 70px);border-radius:10px}.lightbox-info{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;color:var(--redup);font-size:13px}.kotak-hasil pre{white-space:pre-wrap;font-family:inherit;font-size:13px;margin:6px 0}.persetujuan{display:grid;gap:8px;margin-top:14px}.persetujuan textarea{width:100%;padding:10px;border-radius:10px;border:1px solid var(--garis);background:#111;resize:vertical}.tombol-baris{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.tombol-baris .tombol{flex:1}#feed{position:fixed;left:16px;bottom:16px;width:min(380px,calc(100vw - 32px));display:grid;gap:6px;pointer-events:none}#feed div{padding:7px 12px;border-radius:10px;background:#0c0c0fc7;border:1px solid rgba(255,255,255,.07);font-size:12px;color:var(--redup)}#feed b{color:var(--teks)}#toast{position:fixed;top:72px;left:50%;transform:translate(-50%);padding:12px 18px;border-radius:12px;background:var(--kuning);color:#111;font-weight:700;box-shadow:0 10px 40px #00000080;z-index:10;max-width:calc(100vw - 32px)}dialog{border:1px solid var(--garis);border-radius:16px;background:#111114;color:var(--teks);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:22px}dialog::backdrop{background:#0009}dialog h2{margin:0 0 14px}#form-tugas{display:grid;gap:12px}#form-tugas label{display:grid;gap:5px;font-size:13px;color:var(--redup)}#form-tugas input,#form-tugas select,#form-tugas textarea,#form-login input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0b0b0d;color:var(--teks);width:100%}#form-tugas input:focus,#form-tugas select:focus,#form-tugas textarea:focus,#form-login input:focus{outline:2px solid var(--emas);outline-offset:1px}.baris{display:grid;grid-template-columns:1fr 1fr;gap:12px}#form-perintah{display:grid;gap:12px}#form-perintah p{margin:0}#form-perintah textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0b0b0d;color:var(--teks);width:100%;font:inherit;resize:vertical}#form-perintah textarea:focus{outline:2px solid var(--emas);outline-offset:1px}#hasil-perintah{display:grid;gap:10px;max-height:50vh;overflow:auto}#hasil-perintah h3{margin:4px 0 0}#proses-perintah:disabled{opacity:.6;cursor:default}@media(max-width:720px){#atas{padding:10px 12px;gap:8px}.chip-grup{order:3;flex-basis:100%}.aksi{margin-left:auto}#tombol-papan,#tombol-demo{display:none}.tombol{padding:7px 10px}#panel{inset:auto 0 0;width:100%;max-height:78vh;border-radius:16px 16px 0 0}#feed,.label-agen span{display:none}.label-agen i{max-width:120px}.baris{grid-template-columns:1fr}}.chip-divisi{display:inline-block;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--w);border:1px solid color-mix(in srgb,var(--w) 55%,transparent);background:color-mix(in srgb,var(--w) 10%,transparent);vertical-align:1px}.filter{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.daftar-ide{display:grid;gap:8px}.ide{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.ide:has(input:checked){border-color:var(--kuning);background:#ffe6000f}.ide input[type=checkbox]{margin-top:3px;width:18px;height:18px;accent-color:var(--kuning);flex:none}.isi-ide{display:grid;gap:4px;font-size:13.5px;min-width:0}.isi-ide b{font-size:14px}.isi-ide a{color:var(--kuning)}.isi-ide select{justify-self:start;margin-top:2px;font-size:12px;padding:3px 6px}.hook-ide{font-style:italic;color:var(--emas, #F3CF6B)}.nomor-ide{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#ffffff14}.simpan{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.simpan .tombol{text-decoration:none;font-size:12.5px;padding:6px 12px}.tombol.kecil{font-size:11.5px;padding:3px 10px;margin-left:6px}#tombol-lantai3{position:fixed;right:16px;bottom:16px;z-index:5}