html,body,#root{min-height:100vh;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--page-bg:#dcdce0;--shell:#fff;--card:#fff;--card-soft:#f4f5f4;--card-soft-2:#eef0ee;--ink:#0f1a1c;--ink-secondary:#4f5c5b;--ink-muted:#8b948f;--border:#0f1a1c14;--border-strong:#0f1a1c24;--green-700:#0f6b33;--green-600:#15833a;--green-500:#1c9f24;--green-400:#5c9e74;--green-200:#c6e3d0;--green-100:#e7f3ea;--brand-blue:#1888c8;--brand-blue-dark:#0f5e96;--brand-gold:#c99a3c;--brand-gold-soft:#fdf8ef;--brand-gold-border:#ebdcbb;--good:#15833a;--warning:#c98500;--critical:#cf3b3b;--r-shell:30px;--r-card:22px;--r-inner:14px;--r-pill:999px;--sh-card:0 1px 2px #0f1a1c0a, 0 6px 18px #0f1a1c0d;--sh-shell:0 8px 40px #0f1a1c1a;--sh-float:0 2px 10px #0f1a1c14}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.tabular{font-variant-numeric:tabular-nums}.app{min-height:100vh;padding:22px}.shell{background:var(--shell);border-radius:var(--r-shell);box-shadow:var(--sh-shell);flex-direction:column;min-height:calc(100vh - 44px);display:flex;overflow:hidden}.shell-body{flex:1;min-width:0;display:flex}.content{flex:1;min-width:0;padding:8px 26px 40px}.topnav{align-items:center;gap:14px;padding:18px 22px 6px;display:flex}.topnav-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.topnav-brand img{object-fit:contain;width:34px;height:34px}.topnav-brand .nm{letter-spacing:-.3px;color:var(--ink);font-size:20px;font-weight:800}.topnav-brand .sb{color:var(--ink-muted);letter-spacing:.3px;margin-top:-2px;font-size:9.5px}.topnav-menu{background:var(--card-soft);border-radius:var(--r-pill);scrollbar-width:none;align-items:center;gap:2px;min-width:0;margin:0 auto;padding:5px;display:flex;overflow-x:auto}.topnav-menu::-webkit-scrollbar{display:none}.topnav-link{border-radius:var(--r-pill);color:var(--ink-secondary);white-space:nowrap;align-items:center;gap:8px;padding:9px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.topnav-link svg{opacity:.75;width:16px;height:16px}.topnav-link:hover{color:var(--ink);background:#0f1a1c0a}.topnav-link.active{background:var(--shell);color:var(--green-700);box-shadow:var(--sh-float)}.topnav-link.active svg{opacity:1}.topnav-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--shell);width:38px;height:38px;color:var(--ink-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--card-soft);color:var(--ink)}.icon-btn svg{width:17px;height:17px}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.btn-keluar:hover{color:var(--critical);background:#cf3b3b1a;border-color:#cf3b3b47}.user-chip{border-radius:var(--r-pill);background:var(--card-soft);align-items:center;gap:8px;max-width:190px;padding:4px 12px 4px 4px;display:flex}.user-meta .name,.user-meta .role{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}@media (width<=1320px){.topnav{gap:10px;padding-left:16px;padding-right:16px}.topnav-link{padding:9px 11px;font-size:12.5px}.topnav-brand .sb{display:none}}@media (width<=1120px){.user-meta{display:none}.user-chip{max-width:none;padding:4px}.topnav-link{padding:8px 9px;font-size:12px}}.user-avatar{background:linear-gradient(135deg, var(--green-500), var(--green-700));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12.5px;font-weight:700;display:flex}.user-meta{line-height:1.2}.user-meta .name{font-size:12.5px;font-weight:700}.user-meta .role{color:var(--ink-muted);font-size:10.5px}.menu-btn{border:1px solid var(--border);background:var(--shell);cursor:pointer;width:38px;height:38px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;padding:0;display:none}.menu-btn svg{width:19px;height:19px}.icon-rail{flex-direction:column;flex-shrink:0;gap:14px;width:74px;padding:8px 0 24px 18px;display:flex}.rail-group{background:var(--card-soft);border-radius:26px;flex-direction:column;gap:4px;padding:7px;display:flex}.rail-group.rail-bawah{margin-top:auto}.rail-btn{width:42px;height:42px;color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:flex}.rail-btn svg{width:18px;height:18px}.rail-btn:hover{color:var(--ink);background:#0f1a1c0d}.rail-btn.active{background:var(--green-600);color:#fff;box-shadow:0 4px 12px #15833a59}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:14px 0 22px;display:flex}.hero-title{letter-spacing:-1px;margin:0;font-size:34px;font-weight:800;line-height:1.1}.hero-title span{color:var(--ink-muted);font-weight:700}.hero-sub{color:var(--ink-muted);margin-top:5px;font-size:13px}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill-select{appearance:none;border:1px solid var(--border);background:var(--card-soft) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234f5c5b' stroke-width='2.2'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 14px center;border-radius:var(--r-pill);color:var(--ink);cursor:pointer;padding:11px 38px 11px 18px;font-family:inherit;font-size:13px;font-weight:600}.pill-select:focus{outline:2px solid var(--green-200);outline-offset:1px}.pill-btn{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card-soft);color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.pill-btn:hover{background:var(--card-soft-2)}.pill-btn svg{width:15px;height:15px}.pill-btn.utama{background:var(--green-600);border-color:var(--green-600);color:#fff}.pill-btn.utama:hover{background:var(--green-700);border-color:var(--green-700)}.pill-btn:disabled{opacity:.5;cursor:not-allowed}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-grafik{grid-template-columns:1.55fr 1fr}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}.card-pad{padding:20px 22px}.card-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.card-title{letter-spacing:-.2px;margin:0;font-size:14.5px;font-weight:800}.card-title-sub{color:var(--ink-muted);margin:3px 0 0;font-size:11.5px}.card-arrow{border:1px solid var(--border);background:var(--card-soft);width:34px;height:34px;color:var(--ink-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.card-arrow:hover{background:var(--green-600);color:#fff;border-color:var(--green-600);transform:translate(1px,-1px)}.card-arrow svg{width:15px;height:15px}.stat-card{padding:20px 22px;position:relative}.stat-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.stat-card .icon-badge{border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card .icon-badge svg{width:19px;height:19px}.stat-card .label{color:var(--ink-muted);font-size:12px;font-weight:600}.stat-card .value{letter-spacing:-.7px;margin-top:5px;font-size:26px;font-weight:800;line-height:1.15}.value .redup{color:var(--ink-muted);font-weight:700}.value .satuan{color:var(--ink-muted);margin-left:5px;font-size:13px;font-weight:600}.badge-pct{border-radius:var(--r-pill);align-items:center;gap:4px;margin-top:10px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-pct.naik{background:var(--green-100);color:var(--green-700)}.badge-pct.turun{color:var(--critical);background:#cf3b3b17}.badge-pct svg{width:11px;height:11px}.stat-card.c-green .icon-badge{background:var(--green-100);color:var(--green-700)}.stat-card.c-blue .icon-badge{color:var(--brand-blue-dark);background:#1888c81a}.stat-card.c-gold .icon-badge{color:#8a6519;background:#c99a3c21}.stat-card.c-navy .icon-badge{color:var(--ink);background:#0f1a1c12}.stat-card.sorot{background:linear-gradient(150deg, var(--green-600) 0%, var(--green-700) 100%);color:#fff;border-color:#0000}.stat-card.sorot .label{color:#ffffffb8}.stat-card.sorot .value{color:#fff}.stat-card.sorot .value .redup{color:#ffffff8c}.stat-card.sorot .value .satuan{color:#ffffff9e}.stat-card.sorot .icon-badge{color:#fff;background:#ffffff29}.stat-card.sorot .badge-pct{color:#fff;background:#ffffff2b}.stat-card.sorot .card-arrow{color:#fff;background:#ffffff29;border-color:#ffffff38}.stat-card.sorot .card-arrow:hover{background:#ffffff47}.chip-toggle{background:var(--card-soft);border-radius:var(--r-pill);flex-shrink:0;gap:3px;padding:4px;display:inline-flex}.chip-toggle button{cursor:pointer;border-radius:var(--r-pill);color:var(--ink-secondary);white-space:nowrap;background:0 0;border:none;padding:8px 15px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s,color .15s}.chip-toggle button:hover{color:var(--ink)}.chip-toggle button.active{background:var(--green-600);color:#fff}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-label{color:var(--ink-secondary);font-size:12px;font-weight:700}.filter-select,.filter-search{border:1px solid var(--border);background:var(--card-soft);border-radius:var(--r-pill);color:var(--ink);padding:10px 16px;font-family:inherit;font-size:12.5px}.filter-select{cursor:pointer;font-weight:600}.filter-search{min-width:230px}.filter-search::placeholder{color:var(--ink-muted)}.filter-search:focus,.filter-select:focus{border-color:var(--green-400);box-shadow:0 0 0 3px var(--green-100);outline:none}.legend{color:var(--ink-secondary);flex-wrap:wrap;gap:14px;font-size:11.5px;display:flex}.legend-item{align-items:center;gap:6px;font-weight:600;display:flex}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.chart-wrap{position:relative}.chart-wrap canvas{max-height:270px}.table-scroll{overflow-x:auto}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-thumb{background:#cdd4d1;border-radius:6px}table.data-table{border-collapse:collapse;width:100%;font-size:12.5px}table.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);background:var(--card-soft);border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 12px;font-size:10px;font-weight:800}table.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 12px}table.data-table tbody tr{transition:background .12s}table.data-table tbody tr:hover{background:var(--card-soft)}table.data-table td.num,table.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sort:hover{color:var(--ink-secondary)}.name-cell{align-items:center;gap:9px;display:flex}.name-cell .nm{font-size:12.5px;font-weight:700}.name-cell .rl{color:var(--ink-muted);font-size:10.5px}.avatar,.mini-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.avatar{width:40px;height:40px;font-size:13px}.mini-avatar{width:28px;height:28px;font-size:10.5px}.tr-subtotal td{background:var(--card-soft);color:var(--ink-secondary);font-size:11.5px;font-weight:700}.tr-total td{background:var(--card-soft);border-top:1px solid var(--border-strong)}.tr-grand td{background:var(--green-100);border-top:2px solid var(--green-200);font-size:13.5px}tfoot td{padding:11px 12px}.td-grup{letter-spacing:.4px;color:var(--green-700);background:var(--green-100);white-space:nowrap;vertical-align:middle;font-size:10.5px;font-weight:800}.td-sub{color:var(--ink-muted);margin-top:2px;font-size:10.5px}.table-summary{border-collapse:separate;border-spacing:0}.table-summary th,.table-summary td{border-bottom:1px solid var(--border)}.th-grup{letter-spacing:.6px;text-align:center!important;background:var(--green-600)!important;color:#fff!important}.th-grup-gold{background:var(--brand-gold)!important}.th-sub{background:var(--card-soft);font-size:9.5px;line-height:1.3;text-align:center!important}.th-sub.num{text-align:right!important}.th-min{color:var(--ink-muted);letter-spacing:0;font-size:8.5px;font-weight:600;display:block}.td-tipis{font-size:11.5px;padding-left:7px!important;padding-right:7px!important}.td-redup{color:var(--ink-muted)}.td-kosong{color:var(--ink-muted);opacity:.45;text-align:center!important}.card-pad-tipis{padding:12px 16px}.bagian-kepala{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.bagian-judul{letter-spacing:.2px;font-size:13.5px;font-weight:800}.bagian-meta{color:var(--ink-muted);margin-top:2px;font-size:11px}.bagian-total{text-align:right;white-space:nowrap}.bagian-total-label{letter-spacing:.4px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.bagian-total b{color:var(--green-700);font-size:15px;font-weight:800}.filter-lingkup{flex-wrap:wrap;align-items:flex-end;gap:12px}.filter-lingkup .filter-item{flex-direction:column;gap:4px;min-width:190px;display:flex}.filter-lingkup .filter-item .form-label{margin:0}.filter-lingkup .form-input{min-width:190px}.filter-lingkup .form-input:disabled{background:var(--card-soft);color:var(--ink-muted);cursor:not-allowed}.filter-lingkup .filter-catatan{margin-left:auto;padding-bottom:6px}.wajib{color:var(--critical);font-weight:800}.table-summary .stick{z-index:3;background:var(--card);position:sticky}.table-summary thead .stick{z-index:5;background:var(--card-soft)}.table-summary tbody tr:hover .stick{background:var(--card-soft)}.table-summary .stick-1{width:46px;min-width:46px;left:0}.table-summary .stick-2{width:98px;min-width:98px;left:46px}.table-summary .stick-3{width:98px;min-width:98px;left:144px}.table-summary .stick-4{width:176px;min-width:176px;left:242px;box-shadow:6px 0 8px -6px #0f1a1c29}.table-summary .td-nama{white-space:nowrap;font-weight:700}.table-summary .th-total-col,.table-summary .td-total-col{z-index:3;background:var(--card);white-space:nowrap;position:sticky;right:0;box-shadow:-6px 0 8px -6px #0f1a1c29}.table-summary thead .th-total-col{z-index:5;background:var(--card-soft)}.table-summary tbody tr:hover .td-total-col{background:var(--card-soft)}.table-summary .td-total-col{font-weight:800}.table-summary tfoot .tr-grand .stick,.table-summary tfoot .tr-grand .td-total-col{background:var(--green-100);z-index:4}.td-grand-label{letter-spacing:.3px;white-space:nowrap;font-weight:800}.tr-diubah td{background:var(--brand-gold-soft)}.tr-diubah:hover td{background:#fdf3e0}.ach-badge{text-align:center;border-radius:var(--r-pill);font-variant-numeric:tabular-nums;cursor:help;min-width:48px;padding:4px 9px;font-size:11.5px;font-weight:800;display:inline-block}.ach-badge.ach-kecil{min-width:40px;padding:3px 7px;font-size:10.5px}.ach-lolos{background:var(--green-100);color:var(--green-700)}.ach-gagal{color:#a32424;background:#fdeaea}.status-pill{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill svg{width:11px;height:11px}.status-good{background:var(--green-100);color:var(--green-700)}.status-warning{color:var(--warning);background:#c985001f}.status-critical{color:var(--critical);background:#cf3b3b1a}.kode-chip{letter-spacing:.3px;color:var(--green-700);background:var(--green-100);border:1px solid var(--green-200);white-space:nowrap;border-radius:8px;margin:2px 4px 2px 0;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.kpi-row{align-items:center;gap:11px;margin-bottom:10px;display:flex}.kpi-row:last-child{margin-bottom:0}.kpi-name{color:var(--ink-secondary);flex-shrink:0;width:120px;font-size:11.5px;font-weight:600}.kpi-track{background:var(--card-soft-2);border-radius:var(--r-pill);flex:1;height:9px;overflow:hidden}.kpi-fill{border-radius:var(--r-pill);height:100%;transition:width .5s}.kpi-pct{text-align:right;flex-shrink:0;width:54px;font-size:11.5px;font-weight:800}.penilaian-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:11px;padding:11px 16px;display:flex}.penilaian-head-klik{border-radius:var(--r-card);transition:background .15s}.penilaian-head-klik:hover{background:var(--card-soft)}.penilaian-head-klik:focus-visible{outline:2px solid var(--green-600);outline-offset:-2px}.penilaian-nama{letter-spacing:-.2px;font-size:13px;font-weight:800}.penilaian-meta{color:var(--ink-muted);margin-top:1px;font-size:10.5px}.penilaian-skor{text-align:right;flex-shrink:0}.penilaian-skor .l{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:800}.penilaian-skor .v{margin-top:1px;font-size:14.5px;font-weight:800}.penilaian-skor .v span{color:var(--ink-muted);font-size:11px;font-weight:600}.penilaian-total{text-align:right;border-radius:var(--r-inner);border:1px solid #0000;flex-shrink:0;padding:6px 13px}.penilaian-total .l{text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:800}.penilaian-total .v{letter-spacing:-.3px;margin-top:1px;font-size:15.5px;font-weight:800}.penilaian-total.ok{background:var(--green-100);border-color:var(--green-200)}.penilaian-total.ok .l,.penilaian-total.ok .v{color:var(--green-700)}.penilaian-total.no{background:var(--card-soft);border-color:var(--border)}.penilaian-total.no .l,.penilaian-total.no .v{color:var(--ink-muted)}.tabel-penilaian-detail{font-size:11.5px}.tabel-penilaian-detail th,.tabel-penilaian-detail td,.tabel-penilaian-detail tfoot td{padding:7px 12px}.tabel-penilaian-detail .td-sub{margin-top:1px}.org-tabs{background:var(--card-soft);border-radius:var(--r-pill);gap:3px;margin-bottom:18px;padding:4px;display:inline-flex}.org-tab{border-radius:var(--r-pill);cursor:pointer;color:var(--ink-secondary);-webkit-user-select:none;user-select:none;padding:10px 18px;font-size:12.5px;font-weight:700;transition:background .15s,color .15s}.org-tab:hover{color:var(--ink)}.org-tab.active{background:var(--shell);color:var(--green-700);box-shadow:var(--sh-float)}.branch-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.divisi-head{align-items:center;gap:12px;display:flex}.divisi-icon{background:linear-gradient(140deg, var(--green-500), var(--green-700));color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.divisi-icon svg{width:18px;height:18px}.divisi-title{letter-spacing:-.2px;font-size:14.5px;font-weight:800}.divisi-sub{color:var(--ink-muted);font-size:11.5px}.branch-people{flex-direction:column;gap:7px;display:flex}.branch-person{border-radius:var(--r-inner);background:var(--card-soft);align-items:center;gap:9px;padding:8px 11px;font-size:11.5px;display:flex}.input-nilai{text-align:right;font-variant-numeric:tabular-nums;border:1px solid var(--border-strong);border-radius:var(--r-pill);width:100%;max-width:168px;color:var(--ink);background:var(--card);padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.input-nilai:focus{border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100);outline:none}.form-foot{border-top:1px solid var(--border);background:var(--card-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.form-hint{color:var(--ink-muted);font-size:12px}.form-status{align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.form-status.ok{color:var(--green-700)}.form-status.err,.form-status.salah{color:var(--critical)}.baris-aksi{justify-content:flex-end;gap:6px;display:inline-flex}.btn-bahaya{background:var(--critical)!important;border-color:var(--critical)!important}.btn-bahaya:hover:not(:disabled){filter:brightness(.92)}.btn-simpan{cursor:pointer;background:var(--green-600);color:#fff;border-radius:var(--r-pill);border:none;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #15833a47}.btn-simpan:hover:not(:disabled){background:var(--green-700);transform:translateY(-1px);box-shadow:0 6px 18px #15833a57}.btn-simpan:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-toggle{border:1px solid var(--border);background:var(--card-soft);cursor:pointer;color:var(--ink-secondary);border-radius:var(--r-pill);white-space:nowrap;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.btn-toggle:hover{background:var(--card-soft-2)}.btn-toggle.aktif{background:var(--green-100);border-color:var(--green-200);color:var(--green-700)}.callout{border-radius:var(--r-inner);background:var(--brand-gold-soft);border:1px solid var(--brand-gold-border);color:#6e5220;gap:13px;padding:16px 18px;font-size:12.5px;display:flex}.callout svg{color:var(--brand-gold);flex-shrink:0}.callout>div>b:first-child{color:#5a4318;margin-bottom:3px;font-size:12.5px;display:block}.callout-merah{color:#8a2b21;background:#fdeceb;border-color:#f4c3bf}.callout-merah svg{color:var(--critical)}.callout-merah>div>b:first-child{color:#75231a}.upload-banner{border-radius:var(--r-inner);border:1px solid var(--brand-gold-border);background:var(--brand-gold-soft);color:#6e5220;margin-bottom:16px;padding:12px 16px;font-size:13px}.upload-banner-sukses{border-color:var(--green-200);background:var(--green-100);color:var(--green-700)}.upload-banner-gagal{color:#8a2b21;background:#fdeceb;border-color:#f4c3bf}.upload-banner-row{align-items:center;gap:10px;display:flex}.upload-banner-teks{flex:1;min-width:0}.upload-banner-sukses svg{color:var(--good);flex-shrink:0}.upload-banner-gagal svg{color:var(--critical);flex-shrink:0}.upload-banner-spin{border:2px solid #00000026;border-top-color:var(--brand-blue);border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload-banner-tutup{cursor:pointer;color:inherit;opacity:.55;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.upload-banner-tutup:hover{opacity:1;background:#0000000f}.upload-banner-track{background:#00000014;border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.upload-banner-bar{background:var(--brand-blue);border-radius:999px;height:100%;transition:width .25s}.upload-banner-bar-indeterminate{animation:1.1s ease-in-out infinite upload-bar-slide;width:40%!important}@keyframes upload-bar-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.upload-banner-spin{animation-duration:1.4s}.upload-banner-bar-indeterminate{animation:none;width:100%!important}}.impor-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px;display:grid}.impor-kotak{border-radius:var(--r-inner);border:1.5px dashed var(--border);background:var(--card-soft);flex-direction:column;gap:6px;padding:16px;transition:border-color .15s,background .15s;display:flex}.impor-kotak.terisi{border-style:solid;border-color:var(--green-200);background:var(--green-100)}.impor-kotak-judul{letter-spacing:-.2px;font-size:13px;font-weight:800}.impor-kotak-sub{color:var(--ink-muted);flex:1;font-size:11.5px;line-height:1.5}.impor-pilih{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card);color:var(--ink);cursor:pointer;margin-top:6px;padding:9px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:border-color .15s,color .15s}.impor-pilih:hover{border-color:var(--green-600);color:var(--green-700)}.impor-berkas{border-radius:var(--r-inner);background:var(--card);border:1px solid var(--green-200);align-items:center;gap:9px;margin-top:6px;padding:9px 12px;display:flex}.impor-berkas svg{color:var(--green-700);flex-shrink:0}.impor-berkas-nama{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.impor-berkas-nama span{color:var(--ink-muted);font-size:10.5px;font-weight:600;display:block}.form-bantuan{color:var(--ink-muted);margin-top:5px;font-size:11.5px;line-height:1.5}.impor-angka{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:4px;display:grid}.impor-angka-item{border-radius:var(--r-inner);background:var(--card-soft);border:1px solid var(--border);padding:12px 14px}.impor-angka-item .l{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);font-size:10px;font-weight:800}.impor-angka-item .v{letter-spacing:-.4px;margin-top:3px;font-size:19px;font-weight:800}.impor-angka-item .s{color:var(--ink-muted);margin-top:2px;font-size:10.5px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.section-head h2{letter-spacing:-.3px;margin:0 0 4px;font-size:17px;font-weight:800}.section-head p{color:var(--ink-muted);max-width:680px;margin:0;font-size:12.5px}.footer-note{text-align:center;color:var(--ink-muted);border-top:1px solid var(--border);margin-top:34px;padding-top:18px;font-size:11px}.avatar-stack{align-items:center;display:flex}.avatar-stack .mini-avatar{border:2.5px solid var(--card);width:34px;height:34px;margin-left:-9px;font-size:11px}.avatar-stack .mini-avatar:first-child{margin-left:0}.avatar-stack .sisa{background:var(--green-600);color:#fff;border:2.5px solid var(--card);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-left:-9px;font-size:11px;font-weight:800;display:flex}@media (width<=1240px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=1080px){.topnav{flex-wrap:wrap}.topnav-menu{order:3;justify-content:flex-start;width:100%;margin:6px 0 0;overflow-x:auto}}@media (width<=900px){.app{padding:10px}.shell{border-radius:22px;min-height:calc(100vh - 20px)}.icon-rail{display:none}.content{padding:6px 16px 32px}.topnav{padding:14px 16px 6px}.grid-4,.grid-3,.grid-2,.grid-grafik{grid-template-columns:1fr}.card-title-row{flex-direction:column;align-items:stretch;gap:12px}.card-title-row .chip-toggle{align-self:flex-start}.hero-title{font-size:26px}.topnav-brand .sb{display:none}}@media (width<=560px){.user-meta{display:none}.hero-actions{width:100%}}.login-layar{background:radial-gradient(120% 120% at 78% 18%,#1a5136 0%,#123a28 55%,#0d2e20 100%);justify-content:center;align-items:center;min-height:100vh;padding:26px;display:flex;position:relative;overflow:hidden}.login-bulat{pointer-events:none;will-change:transform;background:#ffffff0b;border-radius:50%;position:absolute}.login-bulat.b1{width:190px;height:190px;animation:24s ease-in-out -2s infinite apung-a;top:-60px;left:-50px}.login-bulat.b2{background:#ffffff09;width:120px;height:120px;animation:19s ease-in-out -7s infinite apung-b;bottom:8%;left:6%}.login-bulat.b3{width:260px;height:260px;animation:30s ease-in-out -12s infinite apung-a;bottom:-90px;right:-70px}.login-bulat.b4{background:#ffffff0d;width:90px;height:90px;animation:21s ease-in-out -4s infinite apung-b,9s ease-in-out -1s infinite kelip;top:14%;right:12%}.login-bulat.b5{background:#ffffff0a;width:60px;height:60px;animation:18s ease-in-out -9s infinite apung-c,7s ease-in-out infinite kelip;bottom:24%;right:26%}@keyframes apung-a{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(22px,-26px)scale(1.05)}66%{transform:translate(-16px,14px)scale(.97)}}@keyframes apung-b{0%,to{transform:translate(0,0)scale(1)}40%{transform:translate(-24px,18px)scale(1.07)}70%{transform:translate(12px,-20px)scale(.96)}}@keyframes apung-c{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,22px)scale(1.12)}}@keyframes kelip{0%,to{opacity:1}50%{opacity:.55}}.login-kiri .ilus-koin{transform-box:fill-box;transform-origin:50%;animation:4.5s ease-in-out infinite koin-pantul}.login-kiri .ilus-ok{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite ok-denyut}@keyframes koin-pantul{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ok-denyut{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.login-bulat,.login-kiri .ilus-koin,.login-kiri .ilus-ok{animation:none!important}}.login-kotak{z-index:1;background:#ffffff0b;border:1px solid #ffffff17;border-radius:34px;grid-template-columns:1.05fr 1fr;width:100%;max-width:1060px;min-height:620px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000047}.login-kiri{background:#fbfcfb;border-radius:34px 46% 46% 34px/34px 52% 48% 34px;flex-direction:column;align-items:center;padding:34px 38px 30px;display:flex;position:relative}.login-merek{align-self:flex-start;align-items:center;gap:12px;display:flex}.login-merek img{object-fit:contain;width:44px;height:44px}.login-merek .nm{letter-spacing:-.4px;color:var(--ink);font-size:22px;font-weight:800;line-height:1}.login-merek .sb{color:var(--ink-muted);letter-spacing:.2px;margin-top:3px;font-size:10px;line-height:1.4}.login-ilustrasi{width:100%;max-width:380px;height:auto;margin:auto 0}.login-kaki-kiri{color:var(--ink-muted);align-self:flex-start;font-size:10.5px;line-height:1.6}.login-kanan{color:#eaf4ee;flex-direction:column;justify-content:center;padding:44px 46px 30px;display:flex}.login-form{flex-direction:column;display:flex}.login-judul{letter-spacing:-1px;color:#fff;margin:0 0 6px;font-size:38px;font-weight:800}.login-sub{color:#c6e3d0;margin:0 0 26px;font-size:13px}.login-label{color:#d8ecdf;letter-spacing:.2px;margin-bottom:7px;font-size:12.5px;font-weight:700}.login-input{border-radius:var(--r-pill);color:#fff;background:#ffffff14;border:1px solid #ffffff29;margin-bottom:18px;padding:13px 18px;font-family:inherit;font-size:13.5px;transition:border-color .15s,background .15s}.login-input::placeholder{color:#9cbfa9}.login-input:focus{background:#ffffff1f;border-color:#8fd4a6;outline:none;box-shadow:0 0 0 3px #8fd4a62e}.login-pesan{color:#ffd2d2;border-radius:var(--r-inner);background:#4b1e22;border:1px solid #8b3a3f;align-items:flex-start;gap:9px;margin-bottom:18px;padding:11px 14px;font-size:12.5px;font-weight:600;display:flex}.login-pesan svg{color:#ff9d9d;flex-shrink:0;margin-top:1px}.login-tombol{color:#0c3121;border-radius:var(--r-pill);letter-spacing:.2px;cursor:pointer;background:#8fd4a6;border:none;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:800;transition:background .15s,transform .12s;box-shadow:0 8px 22px #8fd4a638}.login-tombol:hover:not(:disabled){background:#a6dfb8;transform:translateY(-1px)}.login-tombol:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-bantuan{border-top:1px solid #ffffff1f;margin-top:26px;padding-top:20px}.login-bantuan-judul{letter-spacing:.7px;text-transform:uppercase;color:#9cbfa9;margin-bottom:10px;font-size:10.5px;font-weight:800}.login-akun{border-radius:var(--r-pill);cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:9px 16px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.login-akun:hover{background:#ffffff1c;border-color:#8fd4a6}.login-akun .em{color:#eaf4ee;font-size:12px;font-weight:700}.login-akun .pw{color:#8fd4a6;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;font-weight:700}.login-bantuan-catatan{color:#9cbfa9;margin-top:8px;font-size:10.5px;line-height:1.6}.login-kaki-kanan{text-align:center;border-top:1px solid #ffffff1f;margin-top:28px;padding-top:20px}.login-bantuan-akses{color:#9cbfa9;margin:0;max-width:330px;margin-inline:auto;font-size:11.5px;line-height:1.7}.login-bantuan-akses b{color:#eaf4ee;font-weight:700}.login-bantuan-akses a{color:#eaf4ee;font-weight:700;text-decoration:none}.login-bantuan-akses a:hover{text-decoration:underline}.login-penanda{letter-spacing:2px;text-transform:uppercase;color:#9abfa98c;margin-top:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}@media (width<=940px){.login-layar{align-items:flex-start;padding:12px}.login-kotak{border-radius:24px;grid-template-columns:1fr;max-width:520px;min-height:0}.login-kiri{border-radius:24px 24px 40% 40%/24px 24px 12% 12%;padding:26px 24px 22px}.login-ilustrasi{max-width:260px;margin:16px 0 6px}.login-kaki-kiri{display:none}.login-kanan{padding:30px 26px 24px}.login-judul{font-size:30px}}.app-footer{text-align:center;color:var(--ink-muted);padding:18px 0 6px;font-size:11.5px}.tabel-aksi{align-items:center;gap:6px;display:flex}.btn-aksi{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card-soft);width:28px;height:28px;color:var(--ink-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-aksi:hover{background:var(--card-soft-2);color:var(--ink)}.btn-aksi:disabled{opacity:.35;cursor:not-allowed}.btn-aksi-edit:hover{color:var(--brand-blue-dark);border-color:var(--brand-blue)}.btn-aksi-hapus:hover{color:var(--critical);border-color:#cf3b3b59}.modal-layar{z-index:60;background:#0f1a1c73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-kotak{background:var(--card);border-radius:var(--r-card);flex-direction:column;width:100%;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 24px 60px #0f1a1c40}.modal-kepala{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 16px;display:flex}.modal-judul{letter-spacing:-.2px;color:var(--ink);font-size:17px;font-weight:800}.modal-sub{color:var(--ink-muted);max-width:480px;margin-top:4px;font-size:12px}.modal-tutup{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card-soft);width:30px;height:30px;color:var(--ink-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.modal-tutup:hover{background:var(--card-soft-2);color:var(--ink)}.modal-isi{flex:auto;min-height:0;padding:20px 22px 4px;overflow-y:auto}.modal-foot{background:var(--card);border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;padding:16px 0 4px;display:flex;position:sticky;bottom:-4px}.btn-batal{border:1px solid var(--border);background:var(--card-soft);cursor:pointer;color:var(--ink-secondary);border-radius:var(--r-pill);padding:11px 18px;font-family:inherit;font-size:13px;font-weight:700}.btn-batal:hover:not(:disabled){background:var(--card-soft-2)}.btn-batal:disabled{opacity:.5;cursor:not-allowed}.form-modal{flex-direction:column;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-field{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.form-label{color:var(--ink-secondary);font-size:12px;font-weight:700}.form-input{border:1px solid var(--border-strong);border-radius:var(--r-inner);width:100%;color:var(--ink);background:var(--card);padding:10px 13px;font-family:inherit;font-size:13px}.form-input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100);outline:none}.form-input::placeholder{color:var(--ink-muted)}input[type=month],input[type=date]{cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;border-radius:6px;padding:4px;transition:opacity .15s,background .15s}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;border-radius:6px;padding:4px;transition:opacity .15s,background .15s}input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1;background:var(--card-soft-2)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background:var(--card-soft-2)}.principal-picker{border:1px solid var(--border);border-radius:var(--r-inner);background:var(--card-soft);flex-direction:column;gap:10px;max-height:220px;padding:12px 14px;display:flex;overflow-y:auto}.principal-grup+.principal-grup{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.principal-grup-judul{color:var(--ink-secondary);margin-bottom:7px;font-size:11.5px;font-weight:800}.principal-grup-item{flex-wrap:wrap;gap:8px;display:flex}.principal-chip{color:var(--ink);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-pill);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:12px;font-weight:600;display:inline-flex}.principal-chip:hover{border-color:var(--green-500)}.principal-chip input[type=checkbox]{accent-color:var(--green-600);cursor:pointer;width:14px;height:14px}.btn-tambah-baris{border:1px dashed var(--green-500);background:var(--green-100);cursor:pointer;color:var(--green-700);border-radius:var(--r-pill);padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700}.btn-tambah-baris:hover{background:var(--green-200)}.komponen-list{flex-direction:column;gap:8px;display:flex}.komponen-baris{border:1px solid var(--border);border-radius:var(--r-inner);background:var(--card-soft);padding:10px}.target-sel{justify-content:flex-end;align-items:center;gap:7px;display:flex}.btn-simpan-baris{border-radius:var(--r-pill);border:1px solid var(--green-200);background:var(--green-100);color:var(--green-700);cursor:pointer;flex-shrink:0;align-items:center;gap:5px;padding:6px 11px;font-family:inherit;font-size:11.5px;font-weight:800;transition:background .15s,opacity .15s;display:inline-flex}.btn-simpan-baris:hover:not(:disabled){background:var(--green-600);border-color:var(--green-600);color:#fff}.btn-simpan-baris:disabled{opacity:.4;cursor:default;background:var(--card-soft);border-color:var(--border);color:var(--ink-muted)}.paging{flex-shrink:0;align-items:center;gap:10px;display:flex}.paging-btn{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card);color:var(--ink);cursor:pointer;padding:7px 13px;font-family:inherit;font-size:12px;font-weight:700;transition:border-color .15s,color .15s}.paging-btn:hover:not(:disabled){border-color:var(--green-600);color:var(--green-700)}.paging-btn:disabled{opacity:.4;cursor:default}.paging-info{color:var(--ink-muted);font-size:12px;font-weight:700}.divisi-turunan{border-radius:var(--r-inner);background:var(--card-soft);border:1px solid var(--border);color:var(--ink-muted);align-items:flex-start;gap:8px;margin-bottom:10px;padding:9px 12px;font-size:12px;line-height:1.5;display:flex}.divisi-turunan svg{flex-shrink:0;margin-top:1px}.divisi-turunan.terisi{background:var(--green-100);border-color:var(--green-200);color:var(--green-700)}.komponen-filter{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.komponen-filter .form-input{max-width:320px}.komponen-filter .form-grid-2 .form-input{max-width:none}.komponen-tipe-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cek-baris{color:var(--ink);cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}.tier-baris{grid-template-columns:1fr 1.4fr 1.4fr auto;align-items:center;gap:7px;margin-bottom:6px;display:grid}.tier-baris .form-input{max-width:none;padding:8px 10px;font-size:12px}.lencana-bertingkat{border-radius:var(--r-pill);white-space:nowrap;background:var(--brand-gold-soft);color:#8a6a1f;border:1px solid var(--brand-gold-border);padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.komponen-baris-grid{grid-template-columns:1fr 1.2fr 1.6fr .7fr .9fr .7fr .8fr 1fr auto;align-items:center;gap:7px;display:grid}.komponen-baris-grid .form-input{padding:8px 10px;font-size:12px}.kode-baru-wrap{align-items:center;gap:5px;min-width:0;display:flex}.kode-baru-wrap .form-input{flex:1;min-width:0}.kode-baru-wrap .btn-aksi{flex-shrink:0;width:24px;height:24px}.kpi-cek{color:var(--ink-secondary);background:var(--card-soft);border:1px solid var(--border);border-radius:var(--r-inner);margin-top:10px;padding:9px 13px;font-size:11.5px;line-height:1.5}.kpi-cek.ok{color:var(--green-700);background:var(--green-100);border-color:#15833a40}.kpi-cek.warn{border-color:var(--brand-gold-border);color:#8a6a1f;background:var(--brand-gold-soft)}@media (width<=720px){.form-grid-2{grid-template-columns:1fr}.komponen-baris-grid{grid-template-columns:1fr 1fr}.modal-isi{padding:16px 16px 4px}.modal-kepala{padding:16px 16px 14px}.modal-foot{padding:14px 16px 18px}}.cetak-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.cetak-bar-kiri{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.cetak-bar .form-field{margin:0}.cetak-kertas{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:22px;overflow-x:auto}.lembar{margin-bottom:30px}.lembar-judul-kiri{letter-spacing:-.2px;margin:0 0 10px;font-size:13px;font-weight:800}.lembar-judul-kotak{text-align:center;letter-spacing:.2px;background:#eef2ef;border:1px solid #a7b8ac;margin:0 0 14px;padding:9px 10px;font-size:13px;font-weight:800}table.tabel-cetak{border-collapse:collapse;color:#111;table-layout:auto;background:#fff;width:100%;font-size:9.5px}table.tabel-cetak th,table.tabel-cetak td{text-align:center;vertical-align:middle;white-space:nowrap;border:1px solid #b3c1b7;padding:3px 5px}table.tabel-cetak th{color:#111;background:#eef2ef;border-color:#a7b8ac;font-size:9px;font-weight:700}table.tabel-cetak th.th-band{color:#fff;background:#15833a;border-color:#0f6b33}table.tabel-cetak th.th-band-emas{color:#fff;background:#c99a3c;border-color:#ab7f28}table.tabel-cetak td.td-kiri{text-align:left}table.tabel-cetak td.td-kanan{text-align:right;font-weight:700}table.tabel-cetak td.td-tengah{text-align:center;font-weight:700}table.tabel-cetak td.num{text-align:right;font-variant-numeric:tabular-nums}table.tabel-cetak td.td-tebal{font-weight:800}table.tabel-cetak td.td-nama-sales{font-weight:700}.sel-hijau{color:#0f6b33;background:#e7f3ea;font-weight:700}.sel-merah{color:#a32424;background:#fdeaea;font-weight:700}.sel-gelap{background:#3f3f3f}.tr-grand-cetak td{color:#fff;background:#0f6b33;border-color:#0b4f26;font-weight:800}.tr-subtotal-cetak td{color:#fff;background:#15833a;border-color:#0f6b33;font-weight:700}.tr-total-cetak td{background:#e7f3ea;font-weight:800}.tr-transfer-cetak td{color:#0f6b33;background:#fff;border-width:2px;border-color:#0f6b33;font-weight:800}.cetak-tanggal{color:#111;margin:16px 0 8px;font-size:10.5px;font-weight:700}.cetak-ttd-baris{flex-wrap:wrap;gap:60px;display:flex}.cetak-ttd-kotak{border:1px solid #a7b8ac;min-width:300px}.cetak-ttd-judul{text-align:center;color:#111;background:#eef2ef;border-bottom:1px solid #a7b8ac;padding:5px 8px;font-size:10px;font-weight:700}.cetak-ttd-isi{display:flex}.cetak-ttd-satu{text-align:center;flex:1;padding:8px 12px 10px}.cetak-ttd-label{color:#111;min-height:26px;font-size:9.5px}.cetak-ttd-ruang{height:46px}.cetak-ttd-nama{color:#111;white-space:nowrap;font-size:10px;font-weight:800;text-decoration:underline}.cetak-ttd-jabatan{color:#111;font-size:9.5px}.blok-sales-kop{color:#111;margin-bottom:4px;font-size:9.5px;font-weight:800}@media print{@page{size:A4 landscape;margin:7mm}table.tabel-cetak{font-size:6.8px}table.tabel-cetak th,table.tabel-cetak td{padding:1.5px 2.5px}table.tabel-cetak th{white-space:normal;font-size:6.4px}table.tabel-cetak td.td-kiri{white-space:normal}.lembar-rekap table.tabel-cetak td.td-kiri{max-width:92px}.topnav,.icon-rail,.cetak-bar,.tanpa-cetak,.hero,.filter-bar{display:none!important}html,body{background:#fff!important}.app,.shell,.shell-body,.content{box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important}.cetak-kertas{box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.lembar-detail{break-before:page;page-break-before:always}.blok-sales,.cetak-ttd-baris,.cetak-ttd-kotak{break-inside:avoid;page-break-inside:avoid}table.tabel-cetak thead{display:table-header-group}table.tabel-cetak tr{break-inside:avoid;page-break-inside:avoid}.lembar{margin-bottom:0}}.sel-nama-aksi{position:relative;padding-right:26px!important}.btn-koreksi{border:1px solid var(--border);background:var(--card);width:18px;height:18px;color:var(--ink-muted);cursor:pointer;opacity:0;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}tr:hover .btn-koreksi{opacity:1}.btn-koreksi:hover{color:var(--green-700);border-color:var(--green-600)}.baris-dikoreksi td{background:#c99a3c24}.baris-dikoreksi td.sel-hijau{background:#e7f3ea}.baris-dikoreksi td.sel-merah{background:#fdeaea}.tabel-koreksi td,.tabel-koreksi th{vertical-align:top}.input-koreksi{text-align:right;font-variant-numeric:tabular-nums;min-width:96px;padding:5px 8px;font-size:12px}.tautan-tombol{font:inherit;color:var(--green-700);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.tautan-tombol:hover{color:var(--green-600)}@media print{.baris-dikoreksi td{background:0 0!important}.baris-dikoreksi td.sel-hijau{background:#e7f3ea!important}.baris-dikoreksi td.sel-merah{background:#fdeaea!important}.btn-koreksi{display:none!important}.sel-nama-aksi{padding-right:5px!important}}.rinci-kepala{background:#f6f8f6;border:1px solid #d8ded9;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:14px;padding:8px 12px;display:flex}.rinci-identitas{flex:1;min-width:0}.rinci-nama{color:#111;letter-spacing:-.2px;font-size:12px;font-weight:800}.rinci-meta{color:#6b736e;margin-top:1px;font-size:9px}.rinci-skor{text-align:right;flex-shrink:0}.rinci-skor .l,.rinci-transfer .l{text-transform:uppercase;letter-spacing:.4px;color:#6b736e;font-size:7.5px;font-weight:800}.rinci-skor .v{color:#111;font-size:11px;font-weight:800}.rinci-transfer{text-align:right;background:#e7f3ea;border:1px solid #c6e3d0;border-radius:7px;flex-shrink:0;padding:5px 12px}.rinci-transfer .l{color:#0f6b33}.rinci-transfer .v{color:#0f6b33;font-size:12.5px;font-weight:800}table.tabel-rinci{border-collapse:collapse;color:#111;background:#fff;width:100%;font-size:9px}table.tabel-rinci th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#6b736e;white-space:nowrap;background:#f6f8f6;border:1px solid #d8ded9;padding:5px 8px;font-size:7.5px;font-weight:800}table.tabel-rinci td{vertical-align:middle;border:1px solid #e3e8e4;padding:4px 8px}table.tabel-rinci td.num,table.tabel-rinci th.num{text-align:right;font-variant-numeric:tabular-nums}table.tabel-rinci td.kanan{text-align:right;font-weight:700}table.tabel-rinci td.tebal{font-weight:800}table.tabel-rinci td.redup{color:#8b948f}table.tabel-rinci .komp-nama{font-weight:700}table.tabel-rinci .komp-sub{color:#8b948f;margin-top:1px;font-size:7.5px}table.tabel-rinci td.ket{white-space:nowrap}.sel-grup{letter-spacing:.3px;color:#0f6b33;white-space:nowrap;text-align:center;background:#e7f3ea;font-size:8px;font-weight:800}.lencana{white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:8px;font-weight:800;display:inline-block}.lencana-ok{color:#17692c;background:#dff0d8}.lencana-no{color:#a32020;background:#fbd0d0}.nilai-ok{color:#17692c}.nilai-no{color:#a32020}.baris-subtotal td{color:#4f5c5b;background:#f2f5f2;font-weight:700}.baris-total td{background:#eef2ef;border-top:1.5px solid #c8d0ca}.baris-rapel td{background:#fff}.baris-transfer td{color:#0f6b33;background:#e7f3ea;border-top:1.5px solid #c6e3d0;font-size:10px}.rinci-kosong{color:#6b736e;background:#fff;border:1px solid #d8ded9;padding:10px 12px;font-size:9px}.blok-sales{margin-bottom:12px}.rinci-kepala{padding:5px 10px}.rinci-nama{font-size:11px}.rinci-transfer{padding:3px 10px}.rinci-transfer .v{font-size:11.5px}table.tabel-rinci td{padding:2.5px 8px}table.tabel-rinci th{padding:3.5px 8px}.target-per-brand{border:1px dashed var(--border);background:var(--card-soft);cursor:pointer;text-align:right;border-radius:10px;flex-direction:column;align-items:flex-end;gap:3px;width:100%;padding:6px 10px;display:flex}.target-per-brand:hover{border-color:var(--green-500);background:var(--green-100)}.target-per-brand .tpb-sub{color:var(--ink-muted);font-size:10.5px}