@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--biru: #2a5e9c;--biru-tua: #1e4374;--biru-muda: #3e76b8;--oranye: #faa419;--oranye-terang: #fbbe5c;--oranye-gelap: #d3860c;--teks-di-oranye: #12233c;--hijau: #16a34a;--hijau-di-biru: #7fd6a6;--hijau-latar: rgba(22, 163, 74, .12);--kuning: #faa419;--kuning-teks: #b98213;--kuning-latar: rgba(250, 164, 25, .14);--merah: #e32219;--merah-latar: rgba(227, 34, 25, .1);--terminasi: #680001;--kartu: #ffffff;--dalam: #f7f9fd;--segmented: #f1f4fa;--terpilih: #f1f6fd;--garis-kepala: #e3e8f2;--garis-baris: #edf0f7;--jalur: #e6ebf5;--pill-biru: #eef4fc;--pill-garis: #c9dcf5;--teks: #1a1a1a;--teks-2: #5b6472;--teks-caption: #7c8798;--teks-redup: #9aa3b2;--ikon-biru: rgba(42, 94, 156, .1);--ikon-oranye: rgba(250, 164, 25, .14);--ikon-hijau: rgba(22, 163, 74, .12);--kanvas-gradien: linear-gradient(160deg, #f7f8fd 0%, #eaeff8 100%);--gradien-biru: linear-gradient(160deg, #2a5e9c 0%, #1e4374 100%);--gradien-rail: linear-gradient(180deg, #2a5e9c 0%, #1e4374 100%);--r-rail: 26px;--r-kartu: 24px;--r-kartu-2: 22px;--r-panel: 18px;--r-mini: 14px;--r-tombol: 14px;--r-pill: 9999px;--bayang-kartu: 0 16px 36px -24px rgba(15, 23, 42, .6);--bayang-biru: 0 18px 34px -20px rgba(42, 94, 156, .85);--bayang-rail: 0 14px 30px -14px rgba(42, 94, 156, .7);--bayang-pill: 0 4px 14px -8px rgba(15, 23, 42, .35);--bayang-cta-biru: 0 12px 24px -14px rgba(42, 94, 156, .9)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--kanvas-gradien);color:var(--teks);font-family:Geist Variable,Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.45}.kanvas{display:flex;gap:18px;height:100%;padding:18px}.rail{display:flex;width:64px;flex-shrink:0;flex-direction:column;align-items:center;gap:7px;border-radius:var(--r-rail);background:var(--gradien-rail);padding:16px 0;box-shadow:var(--bayang-rail)}.rail-logo{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:13px;background:#fff}.rail-garis{width:24px;height:1px;margin:5px 0;background:#ffffff2e}.rail-item{position:relative;display:flex;width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;border:0;border-radius:var(--r-mini);background:transparent;color:#fff9;cursor:pointer;padding:0}.rail-item:hover{background:#ffffff1f;color:#fff}.rail-item.aktif,.rail-item.aktif:hover{background:#fff;color:var(--biru)}.rail-item.belum{cursor:not-allowed;opacity:.32}.rail-item.belum:hover{background:transparent;color:#fff9}.rail-titik{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:var(--r-pill);background:var(--oranye);box-shadow:0 0 0 2px #23558f}.rail-bawah{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:9px}.rail-avatar{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:var(--r-pill);background:#ffffff26;font:inherit;font-size:11px;font-weight:700;color:#fff;cursor:pointer}.rail-avatar:hover{background:#ffffff47}.utama{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.merek{font-size:20px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.merek span{color:var(--oranye)}.nav-pill{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.nav-pill a{border-radius:var(--r-pill);padding:8px 16px;font-size:13px;font-weight:500;color:var(--teks-caption);text-decoration:none;white-space:nowrap}.nav-pill a:hover{background:var(--terpilih);color:var(--biru)}.nav-pill a.aktif{background:#fff;font-weight:600;color:var(--biru);box-shadow:0 6px 16px -8px #2a5e9c8c}.alat{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pill-cari{display:flex;align-items:center;gap:8px;flex:0 1 190px;min-width:0;border-radius:var(--r-pill);background:#fff;padding:8px 14px;box-shadow:var(--bayang-pill)}.pill-cari input{border:0;background:transparent;padding:0;min-width:0;width:100%;font:inherit;font-size:12px;color:var(--teks)}.pill-cari input::placeholder{color:var(--teks-redup)}.pill-cari input:focus{outline:none}.pill-saring{display:flex;align-items:center;gap:7px;border-radius:var(--r-pill);background:var(--pill-biru);border:1px solid var(--pill-garis);padding:7px 13px;font-size:12px;font-weight:600;color:var(--teks)}.pill-saring select,.pill-saring input{border:0;background:transparent;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--teks);cursor:pointer}.pill-saring select:focus,.pill-saring input:focus{outline:none}.tombol-bulat{display:flex;width:36px;height:36px;flex-shrink:0;align-items:center;justify-content:center;border:0;border-radius:var(--r-pill);background:#fff;color:var(--teks-2);cursor:pointer;box-shadow:var(--bayang-pill)}.tombol-bulat:hover{color:var(--biru)}.isi{display:flex;gap:16px;flex:1;min-height:0}.kolom{display:flex;flex-direction:column;gap:16px;min-width:0}.kolom.lebar{flex:1 1 0}.kolom.samping{width:300px;flex-shrink:0}.kartu{display:flex;flex-direction:column;min-height:0;border-radius:var(--r-kartu);background:#fff;padding:18px 20px;box-shadow:var(--bayang-kartu)}.kartu.tumbuh{flex:1}.kartu-biru{border-radius:var(--r-kartu);background:var(--gradien-biru);color:#fff;padding:20px;box-shadow:var(--bayang-biru)}.kartu-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.judul-kartu{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}.kotak-ikon{display:flex;width:30px;height:30px;flex-shrink:0;align-items:center;justify-content:center;border-radius:11px;background:var(--ikon-biru);color:var(--biru)}.keterangan{margin:2px 0 0;font-size:12px;color:var(--teks-caption)}.mini-stat{border-radius:var(--r-mini);background:var(--dalam);padding:12px 14px;line-height:1.3}.mini-stat .label{display:block}.mini-stat .nilai{margin-top:3px;font-size:20px;font-weight:700;letter-spacing:-.02em}.panel-biru{display:flex;align-items:center;justify-content:space-between;border-radius:var(--r-mini);background:#ffffff1a;padding:12px 14px}.panel-biru .kiri{font-size:12px;color:#fffc}.panel-biru .kanan-nilai{font-size:16px;font-weight:700}.catatan{margin-top:16px;border-radius:16px;background:var(--dalam);padding:13px 14px;font-size:11px;color:var(--teks-2);line-height:1.5}.label{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--teks-redup)}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-pill);padding:6px 12px;font-size:11px;font-weight:700;white-space:nowrap}.chip.kecil{padding:3px 9px;font-size:10.5px}.chip.hijau{background:var(--hijau-latar);color:var(--hijau)}.chip.kuning{background:var(--kuning-latar);color:var(--kuning-teks)}.chip.merah{background:var(--merah-latar);color:var(--merah)}.chip.biru{background:var(--ikon-biru);color:var(--biru)}.chip.abu{background:var(--segmented);color:var(--teks-caption)}.tabel{display:flex;flex-direction:column;min-height:0;flex:1}.tabel-kepala,.tabel-baris{display:grid;grid-template-columns:var(--kolom);gap:10px;align-items:center}.tabel-kepala{margin-top:14px;border-bottom:1px solid var(--garis-kepala);padding-bottom:8px;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--teks-redup)}.tabel-isi{flex:1;min-height:0;overflow-y:auto}.tabel-baris{border-bottom:1px solid var(--garis-baris);padding:10px 0;font-size:12px}.tabel-baris:hover{background:var(--terpilih)}.kanan{text-align:right}.tengah{text-align:center}.redup{color:var(--teks-2)}.potong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel{text-align:center;border-radius:7px;padding:4px 6px;font-size:11px;font-weight:700}.sel.kosong{background:var(--segmented);color:var(--teks-redup)}.sel.kurang{background:#e322191f;color:var(--merah)}.sel.sedang{background:#faa41929;color:var(--kuning-teks)}.sel.penuh{background:#16a34a24;color:var(--hijau)}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:var(--r-tombol);background:var(--biru);color:#fff;padding:10px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--bayang-cta-biru)}.tombol:hover{background:var(--biru-tua)}.tombol.halus{background:#fff;color:var(--biru);border:1px solid var(--garis-kepala);box-shadow:none}.tombol.halus:hover{background:var(--terpilih)}.tombol.oranye{background:var(--oranye);color:var(--teks-di-oranye);box-shadow:0 14px 26px -14px #faa419f2}.tombol.oranye:hover{background:var(--oranye-gelap);color:#fff}.tombol.kecil{padding:6px 12px;font-size:12px;border-radius:11px}.tombol:disabled{background:#edf0f7;color:var(--teks-redup);cursor:not-allowed;box-shadow:none}input[type=text],input[type=password],input[type=date],select,textarea{border:1px solid var(--garis-kepala);border-radius:11px;background:#fff;padding:9px 12px;font:inherit;font-size:13px;color:var(--teks)}input:focus,select:focus,textarea:focus{outline:2px solid var(--pill-garis);outline-offset:-1px}.pesan{margin:0;border-radius:var(--r-panel);background:var(--terpilih);color:var(--teks-2);padding:12px 14px;font-size:12.5px;line-height:1.5}.pesan.salah{background:var(--merah-latar);color:var(--merah)}.pesan.kosong{background:transparent;color:var(--teks-caption);text-align:center;padding:28px 14px}.layar-masuk{display:flex;height:100%;align-items:center;justify-content:center;padding:24px}.kotak-masuk{width:100%;max-width:380px;border-radius:var(--r-kartu);background:#fff;padding:28px 26px;box-shadow:var(--bayang-kartu)}.kotak-masuk label{display:block;margin-top:16px;font-size:12px;color:var(--teks-caption)}.kotak-masuk input{margin-top:6px;width:100%}.kotak-masuk .tombol{margin-top:22px;width:100%;min-height:46px}