:root{color-scheme:dark;--latar:#0d0d0f;--permukaan:#17171b;--permukaan-2:#1e1e24;--garis:hsla(0,0%,100%,.08);--teks-1:#fff;--teks-2:#c3c2c7;--teks-3:#8a8990;--biru:#3987e5;--biru-terang:#7ab3f0;--hijau:#0ca30c;--hijau-terang:#4ec54e;--kuning:#fab219;--merah:#d03b3b;--merah-terang:#e66767;--hijau-lembut:rgba(12,163,12,.14);--kuning-lembut:rgba(250,178,25,.14);--merah-lembut:rgba(208,59,59,.14);--biru-lembut:rgba(57,135,229,.14);--ungu-lembut:rgba(144,133,233,.16);--seri-1:#3987e5;--seri-2:#199e70;--radius:14px;--sidebar-lebar:240px}:root[data-tema=terang]{color-scheme:light;--latar:#f4f4f6;--permukaan:#fff;--permukaan-2:#f0f0f3;--garis:rgba(15,15,20,.1);--teks-1:#17171b;--teks-2:#4b4a52;--teks-3:#77767e;--biru:#2f6fc4;--biru-terang:#1f5aa8;--hijau:#0c8f0c;--hijau-terang:#157a15;--kuning:#a6720a;--merah:#b3302f;--merah-terang:#c23c3c;--hijau-lembut:rgba(12,143,12,.12);--kuning-lembut:rgba(166,114,10,.12);--merah-lembut:rgba(179,48,47,.1);--biru-lembut:rgba(47,111,196,.1);--ungu-lembut:rgba(107,92,199,.14);--seri-1:#2f6fc4;--seri-2:#147a58}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--latar);color:var(--teks-1);font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-lebar);background:var(--permukaan);border-right:1px solid var(--garis);padding:20px 14px;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(0);transition:transform .25s ease;z-index:40}.sidebar.tertutup{transform:translateX(-100%)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 22px;font-weight:700;font-size:1.05rem}.brand-logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e5372e,#b31217);display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:.5px;flex-shrink:0}.brand-logo--img{background:transparent;padding:2px}.brand-logo--img img{width:100%;height:100%;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:15px}.brand-text span{font-size:11px;color:var(--teks-3)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1 1}.nav-item{display:block;padding:9px 12px;border-radius:10px;color:var(--teks-2);text-decoration:none;font-size:.875rem;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--permukaan-2);color:var(--teks-1)}.nav-item.aktif{background:var(--biru-lembut);color:var(--biru-terang);font-weight:600}.nav-grup{display:flex;flex-direction:column}.nav-grup-toggle{width:100%;background:none;border:none;display:flex;align-items:center;text-align:left;font-family:inherit;cursor:pointer}.nav-grup .chev{margin-left:auto;font-size:.7rem;transition:transform .2s ease}.nav-grup.terbuka .chev{transform:rotate(180deg)}.submenu{display:flex;flex-direction:column;gap:2px;padding:2px 0 4px 20px}.subnav-item{padding:8px 10px;border-radius:8px;font-size:.8rem;color:var(--teks-2);text-decoration:none;display:flex;align-items:center;gap:6px;transition:background .2s ease,color .2s ease}.subnav-item:hover{background:var(--permukaan-2);color:var(--teks-1)}.subnav-item.aktif{background:var(--biru-lembut);color:var(--biru-terang);font-weight:600}.nav-badge{margin-left:auto;font-size:.6rem;padding:.05rem .4rem}.sidebar-footer{font-size:12px;color:var(--teks-3);padding:12px 8px 0;border-top:1px solid var(--garis);margin-top:12px}.main-area{margin-left:var(--sidebar-lebar);min-height:100vh;transition:margin-left .25s ease}.main-area.penuh{margin-left:0}.topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--garis);position:relative}.header-title{flex:1 1}.header-title h1{font-size:20px;font-weight:700}.header-title span{font-size:13px;color:var(--teks-3)}.header-actions{display:flex;align-items:center;gap:14px}@media (max-width:620px){.header-title{order:-1;width:100%}}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:30}.sidebar-overlay.aktif{opacity:1;pointer-events:auto}.btn-icon{width:38px;height:38px;border-radius:10px;background:var(--permukaan);border:1px solid var(--garis);color:var(--teks-2);cursor:pointer;display:grid;place-items:center;transition:background .2s ease}.btn-icon:hover{background:var(--permukaan-2);color:var(--teks-1)}.akun-dropdown{position:relative}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--biru),#1c5cab);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;border:none;cursor:pointer}.akun-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--permukaan);border:1px solid var(--garis);border-radius:12px;padding:8px;box-shadow:0 12px 32px rgba(0,0,0,.4);z-index:50}.akun-menu-head{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;border-bottom:1px solid var(--garis);margin-bottom:6px}.akun-menu-head b{display:block;font-size:13px}.akun-menu-head span{font-size:11px;color:var(--teks-3)}.akun-avatar-besar{width:34px;height:34px;font-size:12px}.akun-menu-item{display:block;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--teks-2);text-decoration:none}.akun-menu-item:hover{background:var(--permukaan-2);color:var(--teks-1)}.akun-menu-keluar{color:var(--merah-terang)}.main-content{padding:1.5rem 1.75rem}.card{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--radius);padding:1rem 1.25rem}.kartu-klik{display:block;text-decoration:none;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.kartu-klik:hover{border-color:var(--biru)}.kartu-klik:active{transform:scale(.99)}.stat-card{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--radius);padding:1rem 1.25rem;min-width:180px}.stat-label{font-size:.8rem;color:var(--teks-3);margin-bottom:.3rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--teks-1)}.field-label{font-size:.78rem;color:var(--teks-2);display:block;margin-bottom:4px}.input{background:var(--permukaan-2);border:1px solid var(--garis);border-radius:8px;color:var(--teks-1);padding:.45rem .65rem;font-size:.875rem;font-family:inherit}.input:focus{outline:2px solid var(--biru);outline-offset:1px}.btn{background:var(--permukaan);border:1px solid var(--garis);color:var(--teks-2);font-size:13px;font-weight:600;padding:8px 16px;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .25s ease,color .25s ease,border-color .25s ease}.btn:hover{background:var(--permukaan-2);color:var(--teks-1)}.btn-utama{background:var(--biru-lembut);color:var(--biru-terang);border-color:transparent}.btn-utama:hover{background:rgba(57,135,229,.28);color:#a9cdf5}.btn-primary{background:var(--biru);color:#fff;border:none}.btn-primary:disabled{background:var(--permukaan-2);color:var(--teks-3);cursor:not-allowed}.btn-secondary{background:var(--permukaan-2);color:var(--teks-1);border:1px solid var(--garis)}.data-table{width:100%;border-collapse:collapse;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--radius);overflow:hidden}.data-table thead th{background:var(--permukaan-2);text-align:left;padding:.6rem .9rem;font-size:.75rem;color:var(--teks-3);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.data-table tbody td{padding:.6rem .9rem;font-size:.875rem;border-top:1px solid var(--garis);color:var(--teks-1)}.badge{display:inline-block;padding:.2rem .65rem;border-radius:99px;font-size:.75rem;font-weight:600}.badge-success{background:var(--hijau-lembut);color:var(--hijau-terang)}.badge-warning{background:var(--kuning-lembut);color:var(--kuning)}.badge-danger{background:var(--merah-lembut);color:var(--merah-terang)}.badge-info{background:var(--biru-lembut);color:var(--biru-terang)}.text-muted{color:var(--teks-2)}.text-faint{color:var(--teks-3)}.form-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-end}.banner-info{background:var(--biru-lembut);border:1px solid rgba(57,135,229,.3);border-radius:10px;padding:.75rem 1rem;font-size:.9rem;color:var(--biru-terang)}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.card-head h2{font-size:15px;font-weight:600}.stat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stat-ikon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700}.ikon-biru{background:var(--biru-lembut);color:var(--biru-terang)}.ikon-hijau{background:var(--hijau-lembut);color:var(--hijau-terang)}.ikon-kuning{background:var(--kuning-lembut);color:var(--kuning)}.ikon-ungu{background:var(--ungu-lembut);color:#a89ef0}.stat-nilai{font-size:22px;font-weight:700;letter-spacing:-.3px}.stat-sub{font-size:12px;color:var(--teks-3);margin-top:6px}.stat-sub .naik{color:var(--hijau-terang)}.stat-sub .turun{color:var(--merah-terang)}.progress{height:8px;border-radius:99px;background:var(--permukaan-2);overflow:hidden;margin-top:10px}.progress-isi{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--biru),#6da7ec)}.progress-isi.hijau{background:linear-gradient(90deg,var(--hijau),var(--hijau-terang))}.progress-isi.kuning{background:linear-gradient(90deg,#c98500,#fab219)}.progress-isi.merah{background:linear-gradient(90deg,#b32222,var(--merah))}.grid-tengah{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.kolom-dashboard{display:flex;flex-direction:column;gap:14px;min-width:0}.grid-tengah>.kolom-dashboard:first-child{flex:2 1}.grid-tengah>.kolom-dashboard:last-child{flex:1 1}.grid-bawah{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:16px}.chart-wrap{position:relative;height:280px}.chart-wrap svg{width:100%;height:100%;display:block}.legend{display:flex;gap:14px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--teks-2)}.legend-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.daftar{display:flex;flex-direction:column;gap:4px}.baris{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px}.baris+.baris{border-top:1px solid var(--garis)}.avatar-kecil{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--permukaan-2);color:var(--teks-2)}.baris-info{flex:1 1;min-width:0}.baris-nama{font-size:13.5px;font-weight:600}.baris-sub{font-size:12px;color:var(--teks-3);margin-top:1px}.bar-mini{height:6px;border-radius:99px;background:var(--permukaan-2);overflow:hidden;margin-top:6px}.bar-mini>div{height:100%;border-radius:99px}.nilai-kanan{text-align:right;flex:none}.nilai-kanan .angka{font-size:14px;font-weight:700}.nilai-kanan .ket{font-size:11px;color:var(--teks-3)}.badge-kuning{background:var(--kuning-lembut);color:var(--kuning)}.badge-merah{background:var(--merah-lembut);color:var(--merah-terang)}.badge-hijau{background:var(--hijau-lembut);color:var(--hijau-terang)}.pill{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:5px;flex:none}.pill-hijau{background:var(--hijau-lembut);color:var(--hijau-terang)}.pill-kuning{background:var(--kuning-lembut);color:var(--kuning)}.pill-merah{background:var(--merah-lembut);color:var(--merah-terang)}.ai-ringkasan{border-left:2.5px solid #a89ef0;margin-bottom:16px}.ai-ringkasan .card-head{margin-bottom:10px}.tag-dummy{font-size:10px;font-weight:600;letter-spacing:.3px;padding:1px 7px;border-radius:99px;margin-left:6px;background:var(--kuning-lembut);color:var(--kuning);vertical-align:middle}.filter-periode{display:flex;background:var(--permukaan);padding:3px;gap:2px}.cari-kotak,.filter-periode{border:1px solid var(--garis);border-radius:10px}.cari-kotak{background:var(--permukaan-2);color:var(--teks-1);font:inherit;font-size:13px;padding:9px 12px;outline:none;width:220px}.cari-kotak::placeholder{color:var(--teks-3)}.cari-kotak:focus{border-color:var(--biru)}@media (max-width:900px){.cari-kotak{width:100%}}.filter-btn{border:0;background:transparent;color:var(--teks-2);font-size:13px;padding:7px 14px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;font-family:inherit;transition:background .2s ease,color .2s ease}.filter-btn:hover{color:var(--teks-1)}.filter-btn.aktif{background:var(--biru-lembut);color:var(--biru-terang);font-weight:600}.ikon-oranye{background:rgba(217,89,38,.16);color:#e88a5f}.grid-cards-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.grid-cards-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.grid-cards-4{grid-template-columns:1fr}}.tabel-scroll{overflow-x:auto;border-radius:10px}.tabel-omzet{border-collapse:collapse;width:100%;min-width:980px;font-size:13px}.tabel-omzet td,.tabel-omzet th{border:1px solid var(--garis);padding:7px 10px;text-align:right;white-space:nowrap}.tabel-omzet th{background:var(--permukaan-2);color:var(--teks-2);font-size:12px;font-weight:600;text-align:center}.tabel-omzet td:first-child,.tabel-omzet th:first-child{text-align:center;color:var(--teks-3);position:-webkit-sticky;position:sticky;left:0;background:var(--permukaan-2);min-width:44px}.tabel-omzet td.sel-input{padding:0}.tabel-matriks-sticky{max-height:70vh;overflow:auto}.tabel-matriks-sticky thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.tabel-matriks-sticky thead th:first-child{left:0;z-index:3}.sel-input input{width:100%;min-width:100px;border:0;background:transparent;color:var(--teks-1);font:inherit;text-align:right;padding:7px 10px;outline:none}.sel-input input:focus{background:var(--biru-lembut);border-radius:4px}.sel-input input::placeholder{color:var(--teks-3)}.tabel-omzet td.sel-total{color:var(--teks-1);font-weight:600;background:hsla(0,0%,100%,.03)}.tabel-omzet td.sel-total-akhir{color:var(--biru-terang);font-weight:700;background:var(--biru-lembut)}.tabel-omzet tr.baris-jumlah td{background:var(--permukaan-2);font-weight:700;color:var(--teks-1)}.tabel-omzet td.nol{color:var(--teks-3)}.total-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.total-item{background:var(--permukaan-2);border:1px solid var(--garis);border-radius:10px;padding:12px 14px}.total-item .tt-label{font-size:12px;color:var(--teks-3)}.total-item .tt-nilai{font-size:16px;font-weight:700;margin-top:4px}.total-item.utama{background:var(--biru-lembut);border-color:transparent}.total-item.utama .tt-nilai{color:var(--biru-terang)}@media (max-width:900px){.total-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.total-grid{grid-template-columns:1fr}}@media (max-width:1100px){.grid-tengah{flex-direction:column}.grid-tengah>.kolom-dashboard:first-child,.grid-tengah>.kolom-dashboard:last-child{flex:1 1 auto;width:100%}.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.terbuka-mobile{transform:translateX(0)}.main-area{margin-left:0}.grid-bawah{grid-template-columns:1fr}}@media (max-width:620px){.main-content{padding:14px}.grid-cards{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.filter-btn{padding:6px 10px;font-size:12px}.stat-nilai{font-size:19px}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.page-judul{font-size:18px;font-weight:700}.page-sub{font-size:13px;color:var(--teks-3)}.page-aksi{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pilih-bulan{background:var(--permukaan);border:1px solid var(--garis);color:var(--teks-1);font-size:13px;padding:8px 12px;border-radius:10px;cursor:pointer;font-family:inherit}.chart-wrap2{position:relative;height:260px}.chart-wrap2 svg{width:100%;height:100%;display:block}.tabel-konten{min-width:1180px}.tabel-konten td{text-align:left}.tabel-konten td:first-child{text-align:center}.tabel-konten tbody tr{cursor:pointer}.tabel-konten tbody tr:hover td{background:var(--permukaan-2)}.tabel-konten select{cursor:pointer}.tabel-konten input[type=text],.tabel-konten select{background:var(--permukaan-2);border:1px solid var(--garis);color:var(--teks-1);font:inherit;font-size:12px;padding:4px 6px;border-radius:7px}.tabel-konten input[type=text]{box-sizing:border-box}.tabel-konten input[type=text]:focus{outline:none;border-color:var(--biru-terang)}.tabel-konten input.input-lebar{width:100%;min-width:260px}.tabel-konten input.input-sedang{width:100%;min-width:140px}.tabel-konten input.input-angka{width:100%;min-width:90px;text-align:right}.sel-hook{max-width:220px;overflow:hidden;text-overflow:ellipsis}.status-rencana{color:var(--teks-2)}.status-inprogress{color:var(--kuning)}.status-diupload{color:var(--hijau-terang)}.status-batal,.tanda-telat{color:var(--merah-terang)}.tanda-telat{font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;background:var(--merah-lembut);margin-left:6px}.link-konten{color:var(--biru-terang);text-decoration:none}.link-konten:hover{text-decoration:underline}.modal-latar{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:60;overflow-y:auto}.modal-latar.tampil{display:flex}.modal-kotak{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--radius);padding:22px;width:100%;max-width:680px;box-shadow:0 16px 48px rgba(0,0,0,.5)}.modal-kotak h3{font-size:16px;margin-bottom:14px}.modal-baris{margin-bottom:12px}.modal-baris label{display:block;font-size:12px;color:var(--teks-3);margin-bottom:5px}.modal-baris input[type=date],.modal-baris input[type=text],.modal-baris select,.modal-baris textarea{width:100%;background:var(--permukaan-2);border:1px solid var(--garis);color:var(--teks-1);font:inherit;font-size:13px;padding:9px 11px;border-radius:9px;outline:none}.modal-baris textarea{min-height:110px;resize:vertical}.modal-baris input:focus,.modal-baris select:focus,.modal-baris textarea:focus{border-color:var(--biru)}.modal-grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.modal-aksi{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-teks{font-size:13px;color:var(--teks-2);white-space:pre-wrap;line-height:1.6;background:var(--permukaan-2);border:1px solid var(--garis);border-radius:9px;padding:12px}.grid-fungsi{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}@media (max-width:1100px){.grid-fungsi{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.grid-fungsi{grid-template-columns:1fr}}.kartu-fungsi .fungsi-judul{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kartu-fungsi .fungsi-judul b{font-size:14px;letter-spacing:.4px}.aksi-item{display:flex;align-items:flex-start;gap:9px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--teks-2)}.aksi-item:hover{background:var(--permukaan-2)}.aksi-cek{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--teks-3);flex:none;margin-top:1px;display:grid;place-items:center;font-size:11px}.aksi-item.s-jalan .aksi-cek{border-color:var(--kuning);color:var(--kuning)}.aksi-item.s-selesai .aksi-cek{border-color:var(--hijau);background:var(--hijau-lembut);color:var(--hijau-terang)}.aksi-item.s-selesai,.fungsi-target{color:var(--teks-3)}.fungsi-target{margin-top:10px;padding-top:10px;border-top:1px solid var(--garis);font-size:12px;display:flex;flex-direction:column;gap:6px}.fungsi-real input,.fungsi-target b{color:var(--teks-1)}.fungsi-real input{background:var(--permukaan-2);border:1px solid var(--garis);border-radius:7px;font:inherit;font-size:12px;padding:4px 8px;width:130px;text-align:right}.baro-batang{height:10px;border-radius:99px;background:var(--permukaan-2);overflow:hidden;margin-top:10px;position:relative}.baro-isi{height:100%;border-radius:99px}.pill.klik{cursor:pointer}.pill.klik:hover{border-color:currentColor}.tab-set{flex-wrap:wrap;margin-bottom:16px}.akun-baris-nama{display:flex;align-items:center;gap:10px}.akun-avatar-set{width:30px;height:30px;border-radius:50%;background:var(--permukaan-2);color:var(--teks-2);font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}.akun-avatar-set.ceo{background:var(--biru-lembut);color:var(--biru-terang)}.akun-aksi-grup{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.akun-aksi-grup .btn{padding:5px 11px;font-size:12px}.akun-link-kotak{display:flex;align-items:center;gap:8px;background:var(--permukaan-2);border:1px solid var(--garis);border-radius:8px;padding:8px 10px;margin-top:4px}.akun-link-kotak code{flex:1 1;font-size:12px;color:var(--teks-2);word-break:break-all}