:root{--canvas: #eef0ef;--panel: #ffffff;--panel-tint: #f2f5f4;--thead: #f7f9f8;--line: #e3e7e6;--line-card: #e6eae9;--line-soft: #eceeed;--line-row: #f2f4f3;--grid: #f0f2f1;--ink: #151a19;--ink-2: #5c6866;--ink-3: #98a5a2;--nav-bg: #0f2b27;--nav-active: #1c4b43;--nav-fg: rgba(255, 255, 255, .68);--nav-fg-active: #ffffff;--nav-group: rgba(255, 255, 255, .35);--nav-icon: rgba(255, 255, 255, .22);--nav-line: rgba(255, 255, 255, .09);--c-dark: #0f2b27;--c-teal: #146b5f;--c-teal-2: #2f8b7c;--c-amber: #f0a92c;--c-blue: #1f6fd0;--c-magenta: #b455c8;--c-mint: #4ec9b0;--c-red: #e0574f;--c-line-a: #1f4ed8;--c-line-b: #e0574f;--r-card: 14px;--r-ctl: 9px;--r-seg: 8px;--shadow-card: 0 1px 2px rgba(15, 43, 39, .04);--gap: 14px;--pad-shell: 14px;--sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--canvas)}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--c-teal);text-decoration:none}a:hover{color:#0d4c43;text-decoration:underline}table{border-collapse:collapse;width:100%}button{font-family:inherit}.shell{display:flex;min-height:100vh;padding:var(--pad-shell);gap:0}.shell__main{flex:1;min-width:1080px;padding-left:14px}.nav{width:232px;flex:none;background:var(--nav-bg);color:#c9d6d3;border-radius:16px;display:flex;flex-direction:column;position:sticky;top:var(--pad-shell);height:calc(100vh - 28px);overflow:hidden}.nav__brand{padding:20px 18px 16px;display:flex;align-items:center;gap:10px}.nav__mark{width:30px;height:30px;flex:none;border-radius:9px;background:var(--c-amber);display:grid;place-items:center}.nav__mark i{width:11px;height:11px;background:var(--nav-bg);transform:rotate(45deg);display:block}.nav__name{font:700 15px/1 var(--sans);color:#fff;letter-spacing:.01em;white-space:nowrap}.nav__collapse{width:22px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:grid;place-items:center;font:600 9px/1 var(--mono);color:#ffffff80}.nav__list{flex:1;overflow:auto;padding:8px 10px 16px}.nav__group{margin-bottom:14px}.nav__group-title{padding:8px 10px 7px;font:600 10px/1 var(--sans);letter-spacing:.06em;color:var(--nav-group)}.nav__item{width:100%;border:0;background:transparent;border-radius:var(--r-ctl);padding:9px 11px;margin-bottom:2px;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left}.nav__item:hover{background:#ffffff12}.nav__item--active,.nav__item--active:hover{background:var(--nav-active)}.nav__icon{width:16px;height:16px;flex:none;border-radius:4px;background:var(--nav-icon);display:block}.nav__item--active .nav__icon{background:var(--c-amber)}.nav__label{flex:1;font:500 12.5px/1.35 var(--sans);color:var(--nav-fg)}.nav__item--active .nav__label{font-weight:600;color:var(--nav-fg-active)}.nav__badge{font:700 9.5px/1 var(--mono);color:#fff;background:var(--c-red);padding:3px 5px;border-radius:20px}.nav__foot{border-top:1px solid var(--nav-line);padding:12px 14px 16px}.nav__foot-row{display:flex;align-items:center;gap:10px;padding:8px 6px;width:100%;border:0;background:transparent;cursor:pointer;text-align:left}.nav__foot-row span:first-child{width:15px;height:15px;border-radius:4px;background:#ffffff2e;display:block;flex:none}.nav__foot-label{flex:1;font:500 12.5px/1 var(--sans);color:#ffffffbf}.nav__foot-mark{font:600 10px/1 var(--mono);color:#fff6}.topbar{display:flex;align-items:center;gap:20px;padding:4px 4px 16px}.topbar__title{font:700 19px/1 var(--sans);letter-spacing:-.02em}.topbar__mid{flex:1;display:flex;justify-content:center}.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:340px}.search__glass{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--ink-3);display:block;flex:none}.search input{flex:1;border:0;outline:0;background:transparent;font:400 12.5px/1 var(--sans);color:var(--ink);min-width:0}.search input::placeholder{color:var(--ink-3)}.search__kbd{font:600 10px/1 var(--mono);color:var(--ink-3)}.topbar__right{display:flex;align-items:center;gap:12px}.topbar__icon{width:32px;height:32px;border-radius:50%;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;font:600 12px/1 var(--mono);color:var(--ink-2);cursor:pointer}.topbar__avatar{width:34px;height:34px;border-radius:50%;background:var(--c-teal);display:grid;place-items:center;font:700 11.5px/1 var(--sans);color:#fff}.filterbar{display:flex;align-items:center;gap:12px;padding:0 4px 14px}.filterbar__scope{font:700 15px/1 var(--sans);letter-spacing:.02em;text-transform:uppercase}.filterbar__spacer{flex:1}.chip{border:1px solid var(--line);background:var(--panel);color:#3d4746;border-radius:var(--r-ctl);padding:9px 13px;font:500 12px/1 var(--sans);cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--ink-3)}.chip--active,.chip--active:hover{background:var(--c-dark);border-color:var(--c-dark);color:#fff;font-weight:600}.daterange{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-ctl);padding:9px 12px}.daterange i{width:12px;height:12px;border:1.5px solid var(--ink-2);border-radius:3px;display:block}.daterange span{font:500 12px/1 var(--mono);color:#3d4746;white-space:nowrap}.btn-primary{border:0;background:var(--c-dark);color:#fff;border-radius:var(--r-ctl);padding:10px 18px;font:600 12.5px/1 var(--sans);cursor:pointer}.btn-primary:hover{background:#164039}.btn-ghost{border:1px solid var(--line);background:var(--panel);color:#3d4746;border-radius:var(--r-ctl);padding:10px 14px;font:600 12px/1 var(--sans);cursor:pointer}.btn-ghost:hover{border-color:var(--ink-3)}.card{background:var(--panel);border:1px solid var(--line-card);border-radius:var(--r-card);padding:15px 16px 18px;box-shadow:var(--shadow-card);min-width:0}.card--flush{padding-bottom:14px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card__title{font:600 13px/1 var(--sans)}.card__action{font:500 11px/1 var(--mono);color:var(--ink-3);border:0;background:transparent;cursor:pointer}.card__action:hover{color:var(--ink)}.card__sub{font:500 11.5px/1.4 var(--sans);color:var(--ink-3);margin-top:6px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.stack{margin-top:var(--gap)}.page-foot{padding-bottom:var(--gap)}.segmented{display:flex;background:var(--panel-tint);border-radius:10px;padding:4px;gap:4px;margin-top:13px}.segmented__btn{flex:1;border:0;background:transparent;color:var(--ink-2);border-radius:var(--r-seg);padding:9px;font:500 12px/1 var(--sans);cursor:pointer;white-space:nowrap}.segmented__btn--active{background:var(--c-dark);color:#fff;font-weight:600}.rings{display:flex;gap:10px;margin-top:14px}.ring{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.ring__disc{width:100%;aspect-ratio:1 / 1;max-width:70px;border-radius:50%;display:grid;place-items:center}.ring__hole{border-radius:50%;background:var(--panel);display:grid;place-items:center;text-align:center}.ring__value{font:700 12.5px/1 var(--mono);color:var(--ink)}.ring__unit{font:500 8.5px/1 var(--sans);color:var(--ink-3);margin-top:3px}.ring__label{font:500 10.5px/1 var(--sans);color:var(--ink-2);text-align:center}.legend{display:flex;gap:14px;margin-top:11px;flex-wrap:wrap}.legend__item{display:flex;align-items:center;gap:6px;font:500 11px/1 var(--sans);color:var(--ink-2)}.legend__dot{width:7px;height:7px;border-radius:50%;display:block;flex:none}.split-pie{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:16px;align-items:center;margin-top:14px}.pie{width:176px;height:176px;border-radius:50%;position:relative;flex:none}.pie__label{position:absolute;transform:translate(-50%,-50%);font:700 12px/1 var(--mono);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}.tbl{border:1px solid var(--line-soft);border-radius:11px;overflow:hidden}.tbl--scroll{overflow-x:auto}.tbl th{padding:9px 12px;text-align:left;font:600 11px/1.3 var(--sans);color:var(--ink-2);background:var(--thead);border-bottom:1px solid var(--line-soft);white-space:nowrap}.tbl td{padding:11px 12px;border-bottom:1px solid var(--line-row);font:500 12.5px/1.35 var(--sans);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:#fafcfb}.tbl .num{text-align:right;font:600 12.5px/1.3 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.tbl th.num{font-family:var(--sans);text-align:right}.tbl .mono{font:500 11.5px/1.3 var(--mono);color:var(--ink-2)}.tbl__row-clickable{cursor:pointer}.swatch{width:9px;height:9px;border-radius:3px;display:block;flex:none}.cell-label{display:flex;align-items:center;gap:9px}.cell-stack{display:flex;flex-direction:column;gap:3px}.cell-stack__sub{font:500 10.5px/1.3 var(--mono);color:var(--ink-3)}.pill{display:inline-block;padding:4px 8px;border-radius:20px;font:700 9.5px/1.2 var(--sans);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.tag{display:inline-block;padding:3px 6px;border-radius:5px;font:600 9.5px/1.2 var(--mono);letter-spacing:.02em;white-space:nowrap}.meter{height:6px;border-radius:20px;background:var(--line-row);overflow:hidden;min-width:44px}.meter__fill{height:100%;border-radius:20px}.meter-row{display:flex;align-items:center;gap:9px}.meter-row__pct{font:600 11.5px/1 var(--mono);color:var(--ink-2);width:38px;text-align:right;flex:none}.dev{position:relative;height:16px;min-width:92px;background:var(--line-row);border-radius:4px}.dev__zero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}.dev__bar{position:absolute;top:3px;height:10px;border-radius:2px}.chart-row{display:flex;gap:10px;margin-top:14px}.chart-axis{width:34px;flex:none;display:flex;flex-direction:column;justify-content:space-between;font:500 9.5px/1 var(--mono);color:var(--ink-3);text-align:right}.chart-plot{flex:1;position:relative;min-width:0}.chart-dot{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%)}.chart-labels{display:flex;gap:10px;margin-top:8px;padding-left:44px}.chart-labels>div{flex:1;text-align:center;font:500 10px/1.3 var(--sans);color:var(--ink-3);min-width:0}.chart-legend{display:flex;justify-content:center;gap:18px;margin-top:12px}.bars{flex:1;display:flex;align-items:flex-end;gap:0;border-bottom:1px solid var(--line-card);min-width:0}.bars__col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-right:1px solid var(--line-row);padding:0 6px;min-width:0}.bars__col:last-child{border-right:0}.bars__bar{width:100%;max-width:44px;border-radius:3px 3px 0 0}.bars__labels{display:flex;gap:0;margin-top:8px;padding-left:44px}.bars__labels>div{flex:1;text-align:center;font:500 10px/1.3 var(--sans);color:var(--ink-3);padding:0 4px;min-width:0}.figure{font:700 27px/1 var(--sans);letter-spacing:-.03em;margin-top:12px}.figure-row{display:flex;align-items:center;gap:9px;margin-top:9px}.delta{font:700 11px/1 var(--sans);padding:5px 7px;border-radius:6px}.delta__note{font:500 11.5px/1 var(--sans);color:var(--ink-3)}.kpi__label{font:600 10px/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.kpi__value{display:flex;align-items:baseline;gap:6px;margin-top:10px}.kpi__num{font:700 24px/1 var(--sans);letter-spacing:-.03em}.kpi__unit{font:600 11px/1 var(--mono);color:var(--ink-3);white-space:nowrap}.kpi__foot{display:flex;align-items:center;gap:7px;margin-top:10px}.kpi__note{font:500 11px/1.3 var(--sans);color:var(--ink-3)}.spark{display:flex;align-items:flex-end;gap:2px;height:18px;margin-top:12px}.spark i{flex:1;border-radius:1px;display:block}.list{margin-top:12px}.list__item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line-row)}.list__item:last-child{border-bottom:0;padding-bottom:0}.list__rail{width:3px;border-radius:3px;flex:none}.list__body{flex:1;min-width:0}.list__title{font:600 12.5px/1.4 var(--sans)}.list__desc{font:500 11.5px/1.55 var(--sans);color:var(--ink-2);margin-top:4px}.list__meta{font:600 9.5px/1 var(--mono);color:var(--ink-3);letter-spacing:.04em;flex:none}.list__actions{display:flex;gap:8px;margin-top:9px}.link-action{border:0;background:transparent;padding:0;font:700 9.5px/1 var(--sans);letter-spacing:.05em;cursor:pointer;text-transform:uppercase}.link-action:hover{text-decoration:underline}.funnel{margin-top:14px}.funnel__step{margin-bottom:10px}.funnel__band{border-radius:8px;padding:11px 13px;display:flex;align-items:center;gap:12px;color:#fff;min-width:270px;white-space:nowrap}.funnel__no{font:700 9.5px/1 var(--mono);opacity:.75}.funnel__label{font:700 10.5px/1 var(--sans);letter-spacing:.05em;flex:1}.funnel__value{font:700 13px/1 var(--mono)}.funnel__note{font:500 11px/1.4 var(--sans);color:var(--ink-3);margin-top:5px;padding-left:2px}.scurve{display:flex;align-items:flex-end;gap:4px;height:150px;margin-top:14px}.scurve__col{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%;min-width:0}.scurve__bar{width:7px;border-radius:2px 2px 0 0}.stackbar{display:flex;height:14px;border-radius:4px;overflow:hidden;margin-top:12px}.stackbar__seg{height:100%}.docs-mini{display:flex;gap:4px}.docs-mini i{font:700 9px/1 var(--mono);padding:4px 5px;border-radius:4px;border:1px solid;font-style:normal}.empty{padding:44px 16px;text-align:center}.empty__title{font:600 14px/1 var(--sans)}.empty__desc{font:500 12px/1.6 var(--sans);color:var(--ink-3);margin-top:8px;max-width:420px;margin-left:auto;margin-right:auto}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.muted{color:var(--ink-3)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.masuk{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1100px 520px at 50% -10%,rgba(15,43,39,.09),transparent 60%),var(--canvas)}.masuk__kartu{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line-card);border-radius:var(--r-card);box-shadow:0 12px 32px #0f2b2714;padding:28px 28px 24px;display:flex;flex-direction:column}.masuk__merek{display:flex;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid var(--line-row)}.masuk__nama{font:700 15px/1.2 var(--sans);letter-spacing:-.01em}.masuk__sub{font:500 11px/1.3 var(--sans);color:var(--ink-3);margin-top:3px}.masuk__judul{font:700 19px/1.3 var(--sans);letter-spacing:-.02em;margin:22px 0 0}.masuk__ket{font:500 12.5px/1.6 var(--sans);color:var(--ink-2);margin:8px 0 0}.masuk__label{font:600 11px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin:20px 0 7px}.masuk__isian{border:1px solid var(--line);border-radius:var(--r-ctl);padding:11px 12px;font:500 13px/1.2 var(--sans);color:var(--ink);background:var(--panel);outline:0}.masuk__isian:focus{border-color:var(--c-teal);box-shadow:0 0 0 3px #146b5f1f}.masuk__galat{margin-top:16px;padding:10px 12px;border-radius:8px;background:#e0574f1f;color:#a3322b;font:600 12px/1.5 var(--sans)}.masuk__tombol{margin-top:22px;padding:12px 18px;font-size:13px}.masuk__tombol:disabled{opacity:.55;cursor:default}.masuk__bantuan{margin-top:16px;font:500 11.5px/1.5 var(--sans);color:var(--ink-3);text-align:center}.akun{position:relative}.topbar__avatar{border:0;cursor:pointer}.akun__tirai{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:default;z-index:20}.akun__menu{position:absolute;right:0;top:42px;z-index:21;width:236px;background:var(--panel);border:1px solid var(--line-card);border-radius:11px;box-shadow:0 10px 28px #0f2b2724;padding:14px 15px 12px;text-align:left}.akun__nama{font:700 13px/1.3 var(--sans)}.akun__jabatan{font:500 11.5px/1.4 var(--sans);color:var(--ink-2);margin-top:3px}.akun__surel{font:500 11px/1.4 var(--mono);color:var(--ink-3);margin-top:7px;word-break:break-all}.akun__peran{font:600 10px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--c-teal);background:#146b5f1a;border-radius:5px;padding:5px 7px;margin-top:11px;display:inline-block}.akun__keluar{width:100%;margin-top:13px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-ctl);padding:9px;font:600 12px/1 var(--sans);color:var(--c-red);cursor:pointer}.akun__keluar:hover{background:#e0574f14;border-color:var(--c-red)}.tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;background:#0f2b2747;cursor:default}.panel{position:fixed;top:0;right:0;bottom:0;z-index:31;width:440px;max-width:100vw;background:var(--panel);border-left:1px solid var(--line-card);box-shadow:-18px 0 40px #0f2b2724;display:flex;flex-direction:column}.panel__kepala,.dialog__kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 16px;border-bottom:1px solid var(--line-row)}.panel__judul{font:700 15px/1.3 var(--sans);letter-spacing:-.01em}.panel__sub{font:500 12px/1.5 var(--sans);color:var(--ink-2);margin-top:4px}.panel__mono{font:500 10.5px/1.4 var(--mono);color:var(--ink-3);margin-top:5px;word-break:break-all}.panel__tutup{flex:none;width:28px;height:28px;border:1px solid var(--line);background:var(--panel);border-radius:8px;color:var(--ink-2);cursor:pointer;font-size:12px}.panel__tutup:hover{border-color:var(--ink-3)}.panel__isi{flex:1;overflow-y:auto;padding:4px 22px 24px}.panel__baris-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0 4px}.panel__seksi{padding:18px 0 0;border-top:1px solid var(--line-row);margin-top:18px}.panel__seksi:first-of-type{border-top:0;margin-top:0}.panel__seksi-judul{font:600 12px/1.3 var(--sans);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2);margin:0 0 10px;display:flex;gap:8px;align-items:baseline}.panel__seksi-judul .muted{text-transform:none;letter-spacing:0;font-weight:500;font-size:11px}.panel__ket{font:500 11.5px/1.6 var(--sans);color:var(--ink-3);margin:0 0 10px}.panel__aksi{display:flex;gap:8px;flex-wrap:wrap}.panel__galat{margin-top:16px;padding:10px 12px;border-radius:8px;background:#e0574f1f;color:#a3322b;font:600 12px/1.55 var(--sans)}.rincian{margin:0;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.rincian>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line-row)}.rincian>div:last-child{border-bottom:0}.rincian dt{font:500 12px/1.4 var(--sans);color:var(--ink-2)}.rincian dd{margin:0;font:600 12.5px/1.4 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.rincian dd.kurang{color:var(--c-red)}.rincian__total{background:var(--panel-tint)}.rincian__total dt{font-weight:700;color:var(--ink)}.rincian__total dd{font-size:14px;font-weight:700}.rincian--pratinjau{margin-top:14px}.berkas-daftar{display:flex;flex-direction:column;gap:6px}.berkas-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer;text-align:left}.berkas-item:disabled{cursor:default;opacity:.6}.berkas-item:not(:disabled):hover{border-color:var(--ink-3)}.berkas-item__tanda{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:6px;border:1px solid var(--c-red);color:var(--c-red);font:700 11px/1 var(--mono)}.berkas-item--ada .berkas-item__tanda{background:var(--c-teal);border-color:var(--c-teal);color:#fff}.berkas-item__nama{flex:1;font:500 12.5px/1.3 var(--sans)}.berkas-item__kode{font:600 10px/1 var(--mono);color:var(--ink-3)}.bayar-daftar{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column}.bayar-daftar li{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line-row)}.bayar-daftar li:last-child{border-bottom:0}.bayar-daftar__tgl{font:500 11px/1.4 var(--mono);color:var(--ink-2)}.bayar-daftar__ket{font:500 11px/1.4 var(--sans);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}.bayar-daftar__nilai{font:600 12px/1.4 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.bayar-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border:1px dashed var(--line);border-radius:10px;background:var(--surface-2, var(--panel-tint))}.bayar-form label,.dialog__label{display:flex;flex-direction:column;gap:5px;font:600 10.5px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.bayar-form input,.dialog__label input{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:500 12.5px/1.2 var(--sans);color:var(--ink);background:var(--panel);outline:0;min-width:0}.bayar-form input:focus,.dialog__label input:focus{border-color:var(--c-teal);box-shadow:0 0 0 3px #146b5f1f}.bayar-form button{grid-column:1 / -1}.dialog{position:fixed;z-index:31;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);background:var(--panel);border:1px solid var(--line-card);border-radius:var(--r-card);box-shadow:0 24px 60px #0f2b2738;display:flex;flex-direction:column}.dialog__isi{flex:1;overflow-y:auto;padding:16px 22px 20px}.dialog__kaki{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line-row)}.dialog__label{margin-top:16px}.pilihan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.pilihan__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;text-align:left}.pilihan__item:hover{border-color:var(--ink-3)}.pilihan__item--aktif,.pilihan__item--aktif:hover{border-color:var(--c-teal);background:#146b5f0f;box-shadow:0 0 0 1px var(--c-teal) inset}.pilihan__utama{font:600 12.5px/1.4 var(--sans)}.pilihan__meta{grid-column:1;font:500 10.5px/1.4 var(--mono);color:var(--ink-3)}.pilihan__nilai{grid-row:1 / span 2;grid-column:2;align-self:center;font:700 13px/1.2 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.pilihan__item--kunci{opacity:.4;cursor:not-allowed}.pilihan__centang{display:inline-block;width:14px;color:var(--c-teal);font-weight:700}.panel--lebar{width:620px}.dialog--lebar{width:900px}.bayar-form select,.dialog__label select{border:1px solid var(--line);border-radius:8px;padding:9px 26px 9px 10px;font:500 12.5px/1.2 var(--sans);color:var(--ink);background:var(--panel);outline:0;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-size:5px 5px;background-repeat:no-repeat}.bayar-form select:focus,.dialog__label select:focus{border-color:var(--c-teal);box-shadow:0 0 0 3px #146b5f1f}.bayar-form select:disabled,.dialog__label select:disabled{color:var(--ink-3);background-color:var(--panel-tint);cursor:not-allowed}.lampiran{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.lampiran li{display:flex;align-items:stretch;gap:6px}.lampiran__utama{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);text-align:left;cursor:pointer}.lampiran__utama:hover{border-color:var(--c-teal);background:#146b5f0d}.lampiran__judul{font:600 12.5px/1.4 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lampiran__meta{grid-column:1;font:500 10.5px/1.45 var(--sans);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}.lampiran__sidik{grid-row:1 / span 2;grid-column:2;align-self:center;font:500 10px/1 var(--mono);color:var(--ink-3);letter-spacing:.02em}.lampiran__hapus{flex:none;width:30px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink-3);font-size:11px;cursor:pointer}.lampiran__hapus:hover{border-color:var(--c-red);color:var(--c-red)}.lampiran-adendum{margin-top:8px}.lampiran-adendum>summary{font:600 10.5px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;padding:5px 0}.lampiran-adendum[open]>summary{margin-bottom:8px}.unggah{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--panel-tint);cursor:pointer;text-align:center}.unggah:hover{border-color:var(--c-teal)}.unggah input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.unggah>span{font:600 12px/1.3 var(--sans);color:var(--c-teal)}.unggah>small{font:500 10.5px/1.4 var(--sans);color:var(--ink-3)}.unggah--kecil{padding:0 12px;height:30px;justify-content:center;border-style:solid;background:var(--panel)}.unggah--kecil>span{font-size:11.5px}.medan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.medan-grid .dialog__label{margin-top:0}.boq-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line-row)}.impor{margin-top:12px;padding:13px;border:1px dashed var(--line);border-radius:10px;background:var(--panel-tint)}.impor__peta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.impor__peta .dialog__label{margin-top:0}.sel-isian{width:100%;border:1px solid transparent;border-radius:6px;padding:5px 6px;font:500 12px/1.3 var(--sans);color:var(--ink);background:transparent;outline:0}.sel-isian:hover{border-color:var(--line)}.sel-isian:focus{border-color:var(--c-teal);background:var(--panel);box-shadow:0 0 0 3px #146b5f1f}.sel-isian--num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.neraca{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;margin-top:12px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-tint)}.neraca span{font:600 10px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.neraca b{grid-row:2;font:700 13.5px/1.3 var(--mono);font-variant-numeric:tabular-nums}.neraca--cocok{border-color:var(--c-teal);background:#146b5f0f}.neraca--cocok b:last-of-type{color:var(--c-teal)}.neraca--beda{border-color:var(--c-red);background:#e0574f12}.neraca--beda b:last-of-type{color:var(--c-red)}@media (max-width: 980px){.medan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}