.cangkang[data-v-22426ded]{height:100%;display:flex}.sisi[data-v-22426ded]{width:var(--sidebar);background:var(--card);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;display:flex}.merek[data-v-22426ded]{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:15px 16px;display:flex}.logo[data-v-22426ded]{color:var(--ink);place-items:center;display:grid}.merek b[data-v-22426ded]{font-family:var(--f-display);letter-spacing:-.01em;font-size:15px;display:block}.merek span[data-v-22426ded]{color:var(--ink-3);letter-spacing:.04em;font-size:10.5px;display:block}nav[data-v-22426ded]{flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.butir[data-v-22426ded]{border-radius:var(--r-sm);cursor:pointer;font-family:var(--f-body);color:var(--ink-2);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 11px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.butir[data-v-22426ded]:hover{background:var(--surface);color:var(--ink)}.butir.on[data-v-22426ded]{background:var(--ember-soft);color:var(--ember-dark);font-weight:600}.butir.on svg[data-v-22426ded]{color:var(--ember)}.sisi-kaki[data-v-22426ded]{border-top:1px solid var(--line-soft);flex-direction:column;gap:9px;padding:11px;display:flex}.orang[data-v-22426ded]{text-align:left;cursor:pointer;border-radius:var(--r-sm);width:100%;font-family:var(--f-body);color:inherit;background:0 0;border:none;align-items:center;gap:9px;padding:4px;display:flex}.orang[data-v-22426ded]:hover,.orang.on[data-v-22426ded]{background:var(--surface)}.avatar[data-v-22426ded]{background:var(--chill);color:#fff;width:32px;height:32px;font-family:var(--f-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.orang-teks[data-v-22426ded]{min-width:0}.orang-teks b[data-v-22426ded]{font-size:12.5px;font-weight:600;display:block}.orang-teks span[data-v-22426ded]{color:var(--ink-3);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;display:block;overflow:hidden}.sisi-kaki .btn[data-v-22426ded]{padding:6px 9px;font-size:11.5px}.utama[data-v-22426ded]{flex-direction:column;flex:1;min-width:0;display:flex}.atas[data-v-22426ded]{height:var(--topbar);background:var(--card);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:16px;padding:0 18px;display:flex}.tombol-menu[data-v-22426ded]{padding:6px;display:none}.hari-buku[data-v-22426ded]{flex:1;min-width:0;max-width:620px}.hb-kepala[data-v-22426ded]{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.hb-kepala b[data-v-22426ded]{font-family:var(--f-display);font-size:13px}.hb-sisa[data-v-22426ded]{color:var(--ink-3);margin-left:auto;font-size:11px}.hb-jalur[data-v-22426ded]{background:var(--surface);border:1px solid var(--line-soft);border-radius:4px;height:15px;position:relative}.hb-pita[data-v-22426ded]{opacity:.28;border-radius:3px;height:9px;display:block;position:absolute;top:3px}.hb-pita i[data-v-22426ded]{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);opacity:.9;place-items:center;font-size:8.5px;font-style:normal;font-weight:700;display:grid;position:absolute;inset:0}.hb-kini[data-v-22426ded]{background:var(--ink);border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px;transform:translate(-1px)}.hb-kini i[data-v-22426ded]{font-style:normal;font-family:var(--f-mono);background:var(--ink);color:var(--card);border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.keadaan[data-v-22426ded]{align-items:center;gap:8px;margin-left:auto;display:flex}.titik[data-v-22426ded]{background:currentColor;border-radius:50%;width:6px;height:6px}.isi[data-v-22426ded]{flex:1;padding:18px;overflow-y:auto}.bilah-pesan[data-v-22426ded]{z-index:60;box-shadow:var(--bayang-naik);border-left-style:solid;border-left-width:3px;max-width:520px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.muncul-enter-active[data-v-22426ded],.muncul-leave-active[data-v-22426ded]{transition:opacity .18s,transform .18s}.muncul-enter-from[data-v-22426ded],.muncul-leave-to[data-v-22426ded]{opacity:0;transform:translate(-50%,10px)}.tirai[data-v-22426ded]{display:none}@media (width<=860px){.sisi[data-v-22426ded]{z-index:50;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.menu-buka .sisi[data-v-22426ded]{box-shadow:var(--bayang-naik);transform:none}.menu-buka .tirai[data-v-22426ded]{z-index:40;background:#1e191773;display:block;position:fixed;inset:0}.tombol-menu[data-v-22426ded]{display:inline-flex}.hb-kepala b[data-v-22426ded]{font-size:12px}.hb-sisa[data-v-22426ded]{display:none}.isi[data-v-22426ded]{padding:12px}}.memuat[data-v-f0e210ff]{height:100%;color:var(--ink-3);place-items:center;font-size:13px;display:grid}:root{--f-display:"Archivo", "Archivo Local", "Segoe UI", Roboto, system-ui, sans-serif;--f-body:"Inter", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", "DejaVu Sans Mono", Consolas, "Courier New", monospace;--ink:#1e1917;--ink-2:#4a3f3a;--ink-3:#8c7d77;--surface:#f5f6f5;--card:#fff;--line:#dce0de;--line-soft:#eaedeb;--grid:#eaedeb;--ember:#da453a;--ember-dark:#b3352c;--ember-soft:#fcedeb;--chill:#16697a;--chill-soft:#e3eff2;--grass:#3b7a3a;--grass-soft:#e9f2e8;--amber:#b8801a;--amber-soft:#fbf1de;--led:#ffb443;--r-sm:6px;--r:10px;--r-lg:14px;--bayang:0 1px 2px #1e19170f, 0 4px 12px #1e19170a;--bayang-naik:0 2px 4px #1e191714, 0 12px 28px #1e19171a;--sidebar:232px;--topbar:60px}:root[data-tema=gelap]{--ink:#f1ecea;--ink-2:#c4b9b4;--ink-3:#8c7d77;--surface:#141110;--card:#1d1817;--line:#302926;--line-soft:#272120;--grid:#2b2523;--ember:#e9594c;--ember-dark:#cb4a3e;--ember-soft:#3a211e;--chill:#4ea9bd;--chill-soft:#162c32;--grass:#67b263;--grass-soft:#182c18;--amber:#dca84e;--amber-soft:#2f2516;--bayang:0 1px 2px #0006;--bayang-naik:0 12px 28px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--f-body);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:var(--f-display);letter-spacing:-.01em;font-weight:700}h1{font-size:21px}h2{font-size:17px}h3{font-size:14px}a{color:var(--chill);text-decoration:none}.n,.mono,td.n,th.n,input.n{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.n,td.n,th.n{text-align:right;white-space:nowrap}.kecil{color:var(--ink-3);font-size:12px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700}.kartu{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--bayang)}.kartu-kepala{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.kartu-isi{padding:16px}.btn{font-family:var(--f-body);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--chill);outline-offset:2px}.btn-utama{background:var(--ember);border-color:var(--ember);color:#fff}.btn-utama:hover:not(:disabled){background:var(--ember-dark);border-color:var(--ember-dark)}.btn-dingin{background:var(--chill);border-color:var(--chill);color:#fff}.btn-hantu{color:var(--ink-2);background:0 0;border-color:#0000}.btn-hantu:hover:not(:disabled){background:var(--line-soft)}.btn-besar{padding:13px 22px;font-size:15px}@media (pointer:coarse){.btn{min-height:40px;padding:10px 16px}.btn-hantu{min-height:36px}input,select,textarea{min-height:42px;font-size:16px}td .btn,td .btn-hantu{min-height:44px;padding-top:6px;padding-bottom:6px}}.isian{flex-direction:column;gap:5px;display:flex}.isian>label{color:var(--ink-2);cursor:pointer;font-size:12px;font-weight:600}input,select,textarea{font-family:var(--f-body);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:100%;padding:9px 11px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--chill);box-shadow:0 0 0 3px var(--chill-soft);outline:none}input:disabled{background:var(--surface);color:var(--ink-3)}input.n{text-align:right}input[readonly]{background:var(--surface)}.kartu table,main>table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.kartu table>thead,.kartu table>tbody,.kartu table>tfoot,main>table>thead,main>table>tbody,main>table>tfoot{width:100%;min-width:560px;display:table}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);background:var(--surface);z-index:1;padding:9px 12px;font-size:10px;font-weight:700;position:sticky;top:0}td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:9px 12px}tbody tr:hover td{background:var(--surface)}tfoot td{border-top:2px solid var(--ink);border-bottom:none;font-weight:700}.lencana{letter-spacing:.02em;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.lencana.ok{background:var(--grass-soft);color:var(--grass)}.lencana.tunggu{background:var(--amber-soft);color:var(--amber)}.lencana.bahaya{background:var(--ember-soft);color:var(--ember-dark)}.lencana.info{background:var(--chill-soft);color:var(--chill)}.lencana.diam{background:var(--line-soft);color:var(--ink-3)}.warta{border-radius:var(--r-sm);border-left:3px solid;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.warta.bahaya{background:var(--ember-soft);border-color:var(--ember);color:var(--ember-dark)}.warta.tunggu{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.warta.ok{background:var(--grass-soft);border-color:var(--grass);color:var(--grass)}.warta.info{background:var(--chill-soft);border-color:var(--chill);color:var(--chill)}.warta b{margin-bottom:2px;display:block}.baris{align-items:center;gap:12px;display:flex}.baris-atas{align-items:flex-start;gap:12px;display:flex}.tumpuk{flex-direction:column;gap:12px;display:flex}.dorong{margin-left:auto}.petak{gap:12px;display:grid}.p2{grid-template-columns:repeat(2,1fr)}.p3{grid-template-columns:repeat(3,1fr)}.p4{grid-template-columns:repeat(4,1fr)}.kosong{text-align:center;color:var(--ink-3);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.kosong b{font-family:var(--f-display);color:var(--ink-2);font-size:15px}.metrik{flex-direction:column;gap:3px;display:flex}.metrik .nilai{font-family:var(--f-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.metrik .nilai.kecilan{font-size:18px}.metrik .naik{color:var(--grass)}.metrik .turun{color:var(--ember)}:focus-visible{outline:2px solid var(--chill);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=900px){.p4{grid-template-columns:repeat(2,1fr)}.p3,.p2{grid-template-columns:1fr}}