: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;background:transparent;cursor:pointer;padding:0}.nav__collapse:hover{border-color:#fff6;color:#ffffffd9}.nav__list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 10px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.nav__list::-webkit-scrollbar{width:8px}.nav__list::-webkit-scrollbar-track{background:transparent}.nav__list::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:4px;border:2px solid transparent;background-clip:content-box}.nav__list::-webkit-scrollbar-thumb:hover{background:#ffffff6b;background-clip:content-box}.nav__list--atas{box-shadow:inset 0 10px 10px -10px #000c}.nav__list--bawah{box-shadow:inset 0 -14px 12px -10px #000c}.nav__list--atas.nav__list--bawah{box-shadow:inset 0 10px 10px -10px #000c,inset 0 -14px 12px -10px #000c}.nav__group{margin-bottom:14px}.nav__group-title{display:flex;align-items:center;gap:7px;width:100%;padding:8px 10px 7px;border:0;background:transparent;cursor:pointer;text-align:left;font:600 10px/1 var(--sans);letter-spacing:.06em;color:var(--nav-group);border-radius:var(--r-ctl)}.nav__group-title:hover{background:#ffffff0d;color:#fffc}.nav__group-tanda{width:9px;font-size:8px;line-height:1;opacity:.75}.nav__group-teks{flex:1;text-transform:uppercase}.nav__group--lipat{margin-bottom:2px}.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{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--c-dark);color:#fff;text-decoration:none;border-radius:var(--r-ctl);padding:10px 18px;font:600 12.5px/1 var(--sans);cursor:pointer}.btn-primary:hover{color:#fff}.btn-primary:hover{background:#164039}.btn-ghost{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:#3d4746;text-decoration:none;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>*{flex-shrink:0}.panel__isi{flex:1 1 auto;min-height:0;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{font:500 12.5px/1.35 var(--sans)}.berkas-item__kode{font:600 10px/1 var(--mono);color:var(--ink-3)}.berkas-kelompok+.berkas-kelompok,.berkas-nonaktif{margin-top:14px}.berkas-kelompok__judul{margin:0 0 6px;font:600 10.5px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}ul.berkas-daftar{list-style:none;margin:0;padding:0}li.berkas-item{align-items:flex-start;cursor:default}.berkas-item__isi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.berkas-item__ket,.berkas-item__dok{font:400 11px/1.45 var(--sans);color:var(--ink-3)}.berkas-item__dok{color:var(--c-teal)}.berkas-item__aksi{flex:none;display:flex;align-items:center;gap:10px;padding-top:1px}.berkas-item__tag{font:600 9.5px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:4px 7px;white-space:nowrap}.berkas-item__tag--unggah{color:var(--c-red);border-color:color-mix(in srgb,var(--c-red) 40%,transparent)}.berkas-item__centang{display:inline-flex;align-items:center;gap:5px;font:500 11px/1 var(--sans);color:var(--ink-2);white-space:nowrap;cursor:pointer}.berkas-item__centang input{cursor:pointer}.berkas-item--opsional .berkas-item__tanda,.berkas-item--mati .berkas-item__tanda{border-color:var(--line);color:var(--ink-3)}.berkas-item--mati{opacity:.55}.berkas-nonaktif summary{font:500 11.5px/1.4 var(--sans);color:var(--ink-3);cursor:pointer;padding:6px 0}.berkas-nonaktif[open] summary{margin-bottom:6px}.panel__seksi-alarm{color:var(--c-red);font-weight:600}.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;overflow-y:auto}.dialog>*{flex-shrink:0}.dialog__isi{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 22px 20px}.dialog:not(:has(>.dialog__isi)){padding:4px 22px 0}.dialog__judul{margin:18px 0 4px;font:700 15px/1.3 var(--sans);letter-spacing:-.01em}.dialog__aksi{display:flex;justify-content:flex-end;align-items:center;gap:10px;position:sticky;bottom:0;margin-top:18px;padding:12px 0;background:var(--panel);border-top:1px solid var(--line-row)}.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))}}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 12px;align-items:start}.dialog__bantuan,.dialog__label small{display:block;margin-top:4px;font:400 11px/1.45 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-3)}@media (max-width: 820px){.shell{display:block;padding:8px}.shell__main{min-width:0;padding-left:0}.nav{display:none}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.panel,.dialog,.dialog--lebar,.panel--lebar{width:100%;max-width:100%;left:0;right:0;border-left:none}.tbl,.tbl--scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-primary,.btn-ghost,.dialog__label input,.dialog__label select{min-height:44px}.dialog__label input,.dialog__label select,.dialog__label textarea{font-size:16px}}.cetak{background:#fff;color:#101010;padding:18px 20px;border-radius:10px;font-size:11px}.cetak__aksi{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.cetak__kepala h1{margin:0;font-size:15px;letter-spacing:.04em}.cetak__kepala>div>p{margin:2px 0 10px;font-size:12px;color:#444}.cetak__identitas{width:100%;border-collapse:collapse;margin-bottom:12px}.cetak__identitas th,.cetak__identitas td{border:1px solid #bbb;padding:4px 7px;text-align:left;font-weight:400}.cetak__identitas th{background:#f2f2f2;font-weight:600;white-space:nowrap}.cetak__peringatan{border:1px solid #d9a441;background:#fdf6e6;padding:7px 10px;margin:0 0 12px;font-size:10.5px}.cetak__matriks{width:100%;border-collapse:collapse;font-size:9px;table-layout:auto}.cetak__matriks th,.cetak__matriks td{border:1px solid #999;padding:2px 4px;text-align:center;vertical-align:middle}.cetak__matriks thead th{background:#ececec;font-weight:600}.cetak__matriks .kiri{text-align:left;min-width:190px}.cetak__matriks .kanan{text-align:right}.cetak__matriks .mgg{min-width:26px;font-variant-numeric:tabular-nums}.cetak__grup td{background:#e4ece9;text-align:left;font-weight:700;letter-spacing:.03em}.cetak__realisasi td{background:#fafafa;color:#2a5d54;font-style:italic}.cetak__subtotal td{background:#f4f4f4;font-weight:600}.cetak__kumulatif td{background:#ececec;font-weight:700}.cetak__kumulatif--real td{background:#e4ece9}.cetak__ttd{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px;text-align:center;font-size:10.5px}.cetak__ttd-garis{border-top:1px solid #333;margin:52px 12px 0}.cetak__kaki{margin-top:22px;font-size:9px;color:#666}@media print{.nav,.topbar,.filterbar,.cetak__aksi{display:none!important}.shell,.shell__main{display:block;min-width:0;padding:0}.cetak{padding:0;border-radius:0}.cetak__matriks tr,.cetak__ttd{break-inside:avoid}@page{size:A3 landscape;margin:10mm}}.pemilih{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line-card);border-radius:var(--r-card);padding:12px 16px;margin-bottom:var(--gap)}.pemilih__label{font:600 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.pemilih__pilih{flex:1;min-width:260px;max-width:620px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--panel);padding:9px 11px;font:600 12.5px/1.2 var(--sans);color:var(--ink);cursor:pointer}.pemilih__pilih:focus{outline:none;border-color:var(--ink-3)}.pemilih__ket{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:500 11.5px/1.2 var(--sans)}@media (max-width: 820px){.pemilih__pilih{min-width:0;width:100%}}.cetak__tabel{position:relative;padding-right:30px}.cetak__kurva-lapis{position:absolute;pointer-events:none;z-index:2}.cetak__kurva-skala{position:absolute;right:0;width:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font:700 8px/1 var(--mono);color:#555;pointer-events:none}.cetak__legenda-baris{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:9px;color:#444}.cetak__legenda{display:inline-block;width:22px;height:0;margin-left:8px}.cetak__legenda--rencana{border-top:3px dashed #1d4ed8}.cetak__legenda--real{border-top:3.6px solid #15803d}.cetak__ttd-isi{width:100%;border:1px solid var(--line);border-radius:5px;padding:5px 8px;margin:4px 0 3px;font:700 10.5px/1.3 var(--sans);text-align:center;color:#101010;background:#fff}.cetak__ttd-isi::placeholder{font-weight:400;color:#b0b0b0}@media print{.cetak__ttd-isi{border:0;padding:0;background:transparent}.cetak__ttd-isi::placeholder{color:transparent}.cetak__kurva-lapis,.cetak__kurva-skala,.cetak__matriks{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.berkas-bar{display:inline-flex;align-items:center;gap:8px;min-width:92px}.berkas-bar__alur{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.berkas-bar__isi{display:block;height:100%;border-radius:3px;transition:width .2s ease}.berkas-bar__teks{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-3);white-space:nowrap}.berkas-item__unggah{font:600 10.5px/1 var(--sans);color:var(--ink-2);border:1px solid var(--line);border-radius:7px;padding:6px 9px;white-space:nowrap;cursor:pointer}.berkas-item__unggah:hover{border-color:var(--ink-3)}.berkas-item__unggah--perlu{color:var(--c-red);border-color:color-mix(in srgb,var(--c-red) 40%,transparent)}.berkas-item__unggah--mati{opacity:.45;cursor:default;pointer-events:none}.opsi-bayar{margin-top:14px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2, var(--panel))}.opsi-bayar__baris{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.opsi-bayar__label{font:600 10.5px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.opsi-bayar__baris b{font:600 13px/1.3 var(--sans)}.opsi-bayar__baris select{min-width:210px}.opsi-bayar__ket{margin:6px 0 0;font:400 11.5px/1.5 var(--sans);color:var(--ink-3)}.opsi-bayar__kabar{margin:6px 0 0;font:500 11.5px/1.5 var(--sans);color:var(--c-teal)}.kategori-ringkas{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:14px}.kategori-ringkas__sel{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:left;cursor:pointer}.kategori-ringkas__sel:hover{border-color:var(--ink-3)}.kategori-ringkas__sel--aktif{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.kategori-ringkas__sel--perlu .kategori-ringkas__angka{color:var(--c-red)}.kategori-ringkas__angka{font:600 18px/1.1 var(--sans);font-variant-numeric:tabular-nums}.kategori-ringkas__nama{font:500 10.5px/1.35 var(--sans);color:var(--ink-3)}.kategori-alat{display:flex;align-items:center;gap:10px;margin-bottom:12px}.kategori-alat input[type=search]{flex:1;max-width:380px}.kategori-massal{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border:1px solid var(--ink-3);border-radius:10px;font:400 12px/1.4 var(--sans)}.dialog__label--lebar{grid-column:1 / -1}.dialog__saklar{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font:500 12.5px/1.4 var(--sans)}.foto-tahap{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:12px}.foto-tahap__sel{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px dashed var(--c-red);border-radius:10px;cursor:pointer;background:var(--panel)}.foto-tahap__sel input{display:none}.foto-tahap__sel:hover{background:var(--panel-2, var(--panel))}.foto-tahap__sel--ada{border-style:solid;border-color:var(--c-teal)}.foto-tahap__label{font:600 12px/1.3 var(--sans)}.foto-tahap__ket{font:400 10.5px/1.4 var(--sans);color:var(--ink-3)}.lampiran__tahap{display:inline-block;margin-right:6px;padding:2px 6px;border-radius:999px;background:var(--c-teal);color:#fff;font:600 9.5px/1.4 var(--mono);vertical-align:1px}.kode-khs{width:100%;padding:5px 7px;border:1px dashed var(--c-red);border-radius:6px;background:transparent;color:var(--c-red);font:500 10.5px/1.3 var(--mono);text-align:left;cursor:pointer}.kode-khs:hover{background:var(--panel-2, var(--panel))}.kode-khs--ada{border-style:solid;border-color:var(--line);color:var(--ink-2)}.boq-peringatan{margin:10px 0 0;padding:9px 11px;border-left:3px solid var(--c-amber);background:color-mix(in srgb,var(--c-amber) 8%,transparent);font:400 11.5px/1.55 var(--sans);color:var(--ink-2)}.kode-lepas{list-style:none;margin:8px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.kode-lepas li{padding:4px 8px;border:1px solid var(--c-red);border-radius:6px;color:var(--c-red);font-size:11px}.baris-klik{cursor:pointer}.baris-klik:hover{background:var(--panel-2, rgba(0, 0, 0, .03))}.rekap-material{width:100%;border-collapse:collapse;margin-top:8px}.rekap-material td{padding:7px 6px;border-bottom:1px solid var(--line-row);font:400 12px/1.4 var(--sans);vertical-align:middle}.rekap-material td.num{text-align:right;font-variant-numeric:tabular-nums}.rekap-material tr:last-child td{border-bottom:0}.per-peran{margin-bottom:14px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2, var(--panel))}.per-peran__baris{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.per-peran__baris .dialog__label{margin:0;min-width:120px}.per-peran__baris--mitra{align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font:400 12px/1.4 var(--sans)}.per-peran__saklar{display:flex;align-items:center;gap:7px;margin-top:10px;font:400 11.5px/1.4 var(--sans);color:var(--ink-2)}.menuju-gudang{margin:12px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:var(--panel-2, var(--panel))}.menuju-gudang ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.menuju-gudang li{font:400 11.5px/1.5 var(--sans);color:var(--ink-2)}.pilih-barang{position:relative;width:100%}.pilih-barang__tombol{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);text-align:left;cursor:pointer;font:400 12.5px/1.35 var(--sans)}.pilih-barang__tombol:hover{border-color:var(--ink-3)}.pilih-barang__tombol--kosong{color:var(--ink-3)}.pilih-barang__terpilih{display:flex;flex-direction:column;gap:1px}.pilih-barang__kode{font:500 10.5px/1.3 var(--mono);color:var(--ink-3)}.pilih-barang__panel{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:100%;width:max(100%,380px);border:1px solid var(--ink-3);border-radius:10px;background:var(--panel);box-shadow:0 12px 32px #00000029;overflow:hidden}.pilih-barang__cari{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 11px}.pilih-barang__cari:focus{outline:none;border-bottom-color:var(--ink-3)}.pilih-barang__daftar{max-height:290px;overflow-y:auto}.pilih-barang__baris{display:flex;flex-direction:column;gap:1px;width:100%;padding:7px 11px;border:0;background:transparent;text-align:left;cursor:pointer}.pilih-barang__baris--sorot{background:var(--panel-2, rgba(0, 0, 0, .05))}.pilih-barang__nama{font:500 12.5px/1.35 var(--sans)}.pilih-barang__nama em{font-style:normal;font-weight:600;color:var(--c-teal)}.pilih-barang__ket{font:400 10.5px/1.4 var(--sans);color:var(--ink-3)}.pilih-barang__pesan{margin:0;padding:12px;font:400 11.5px/1.4 var(--sans);color:var(--ink-3)}.cetak__alat{display:flex;align-items:center;gap:12px;padding:14px 20px}.cetak__lembar{max-width:210mm;margin:0 auto 40px;padding:18mm 16mm;background:#fff;color:#111;box-shadow:0 2px 18px #0000001f}.cetak__kop{border-bottom:2px solid #111;padding-bottom:8px;margin-bottom:18px}.cetak__perusahaan{font:700 16px/1.2 var(--sans);letter-spacing:.02em}.cetak__alamat{font:400 11px/1.4 var(--sans);color:#444}.cetak__judul{margin:0;text-align:center;font:700 13px/1.4 var(--sans);letter-spacing:.06em;text-decoration:underline}.cetak__nomor{text-align:center;font:400 11.5px/1.6 var(--sans);margin-bottom:16px}.cetak__kepala{border-collapse:collapse;margin-bottom:14px;font:400 11.5px/1.6 var(--sans)}.cetak__kepala td{vertical-align:top;padding:1px 0}.cetak__kepala td:first-child{width:130px}.cetak__kepala td:nth-child(2){width:14px}.cetak__tabel--dok,.cetak__lembar .cetak__tabel{width:100%;border-collapse:collapse;font:400 10.5px/1.45 var(--sans)}.cetak__lembar .cetak__tabel th,.cetak__lembar .cetak__tabel td{border:1px solid #333;padding:4px 6px;vertical-align:top}.cetak__lembar .cetak__tabel th{background:#eee;font-weight:600;text-align:left}.cetak__lembar .cetak__tabel .num{text-align:right;font-variant-numeric:tabular-nums}.cetak__spek{font-size:9.5px;color:#555}.cetak__jumlah td{font-weight:700;background:#f5f5f5}.cetak__catatan{margin:12px 0 0;font:400 10.5px/1.55 var(--sans)}.cetak__ttd-ruang{height:58px}@media print{.cetak__alat{display:none}.cetak__lembar{max-width:none;margin:0;padding:0;box-shadow:none}@page{size:A4 portrait;margin:16mm}}.sel-aksi{display:inline-flex;gap:6px;align-items:center}@media print{.cetak__lembar--putus{page-break-after:always;break-after:page}}.cetak__slogan{font:400 10.5px/1.4 var(--sans);font-style:italic;color:#555}.cetak__baris-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.cetak__tempat{font:400 11.5px/1.6 var(--sans);white-space:nowrap;padding-top:1px}.cetak__sapaan{margin:10px 0 4px;font:600 11.5px/1.6 var(--sans)}.cetak__ringkas{border-collapse:collapse;margin:4px 0 12px;font:400 11.5px/1.7 var(--sans)}.cetak__ringkas td:first-child{width:200px}.cetak__ringkas td:last-child{min-width:130px;text-align:right;font-variant-numeric:tabular-nums}.cetak__ringkas--akhir td{font-weight:700;border-top:1px solid #333}.cetak__ttd-jabatan{font:400 11px/1.5 var(--sans)}.cetak__kaki-surat{margin-top:22px;padding-top:6px;border-top:1px solid #999;font:400 9.5px/1.4 var(--sans);color:#555;text-align:center}.cetak__ingat{font:500 11px/1.4 var(--sans);color:var(--c-amber)}@media print{.cetak__ingat{display:none}.cetak__tabel thead{display:table-header-group}.cetak__tabel tr{page-break-inside:avoid;break-inside:avoid}}