:root{--brand:#f5a623;--brand-dark:#dd8e10;--brand-soft:#fff6e6;--ink:#22242a;--ink-soft:#6b7280;--line:#ececec;--bg:#fbf9f5;--card:#fff}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:24px 16px}h1{letter-spacing:-.02em}.btn{background:var(--brand);color:var(--ink);cursor:pointer;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,transform 50ms;display:inline-block}.btn:hover{background:var(--brand-dark);text-decoration:none}.btn:active{transform:translateY(1px)}.btn.secondary{color:var(--ink);background:#eef0f2}.btn.secondary:hover{background:#e2e5e8}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:16px;box-shadow:0 1px 2px #1414140a}input,select{background:#fff;border:1px solid #d8d8d8;border-radius:10px;width:100%;margin-top:4px;padding:10px 11px;font-size:14px}input:focus,select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #f5a6232e}label{color:#374151;margin-bottom:10px;font-size:13px;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 8px;font-size:14px}th{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.error{color:#dc2626;font-size:13px}.lp-nav{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fbf9f5d9;position:sticky;top:0}.lp-nav-inner{align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:12px 20px;display:flex}.lp-eyebrow{color:var(--brand-dark);background:#fff;border:1px solid #f0e2c4;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.lp-chip{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:500;display:inline-flex}.lp-card{transition:transform .13s,box-shadow .13s,border-color .13s}.lp-card:hover{border-color:#f0e2c4;transform:translateY(-3px);box-shadow:0 10px 28px #14141414}.lp-section{max-width:1080px;margin:0 auto;padding:56px 20px}.lp-grad{background:linear-gradient(90deg,#dd8e10,#f5a623);color:#0000;-webkit-background-clip:text;background-clip:text}.lp-h2{text-align:center;letter-spacing:-.02em;margin:0 0 8px;font-size:30px}.lp-sub{text-align:center;color:var(--ink-soft);max-width:520px;margin:0 auto 28px;font-size:16px}@media (max-width:600px){.lp-h2{font-size:24px}.lp-section{padding:40px 16px}}.nav{background:var(--ink);z-index:20;position:sticky;top:0}.nav-inner{align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:10px 16px;display:flex}.nav-brand{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:inline-flex}.nav-brand:hover{text-decoration:none}.nav-badge{background:var(--brand);width:26px;height:26px;color:var(--ink);border-radius:7px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.nav-links{align-items:center;gap:4px;margin-left:auto;display:flex}.nav-link{color:#cbd5e1;border-radius:8px;padding:7px 12px;font-size:14px}.nav-link:hover{color:#fff;background:#ffffff14;text-decoration:none}.nav-link.active{background:var(--brand);color:var(--ink);font-weight:600}.nav-keluar{color:#fca5a5}.nav-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;margin-left:auto;padding:6px 11px;font-size:18px;line-height:1;display:none}@media (max-width:860px){.nav-toggle{display:inline-block}.nav-links{flex-direction:column;align-items:stretch;gap:2px;width:100%;margin:6px 0 2px;display:none}.nav-links.open{display:flex}.nav-link{padding:11px 12px}.nav-inner{flex-wrap:wrap}}.tbl-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tbl-scroll table{min-width:460px}@media (max-width:600px){.r-table thead{display:none}.r-table,.r-table tbody,.r-table tr,.r-table td{width:100%;display:block}.r-table tr{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:10px;padding:8px 12px;box-shadow:0 1px 2px #1414140a}.r-table td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex}.r-table td:before{content:attr(data-label);color:var(--ink-soft);text-align:left;font-size:12px;font-weight:500}.r-table td:empty{display:none}.container{padding:16px 12px}th,td{padding:8px 6px;font-size:13px}h1{font-size:26px}}.shell{align-items:stretch;min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#fff;flex-shrink:0;align-self:flex-start;width:234px;height:100vh;padding-bottom:16px;position:sticky;top:0;overflow-y:auto}.shell-main{flex:1;min-width:0}.sb-brand{color:#fff;align-items:center;gap:8px;padding:16px 14px;font-size:17px;font-weight:800;display:flex}.sb-group{text-transform:uppercase;letter-spacing:.06em;color:#8b8f98;padding:12px 16px 4px;font-size:11px}.sb-group-btn{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;font-family:inherit;display:flex}.sb-group-btn:hover{color:#cbd5e1}.sb-caret{font-size:10px}.sb-link{color:#cbd5e1;border-radius:9px;align-items:center;gap:10px;margin:1px 8px;padding:9px 14px;font-size:14px;display:flex}.sb-link:hover{color:#fff;background:#ffffff14;text-decoration:none}.sb-link.active{background:var(--brand);color:var(--ink);font-weight:600}.sb-icon{text-align:center;width:20px;font-size:15px}.nav-count{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.sb-link.active .nav-count{background:#b91c1c}.nav-dot{border:2px solid var(--surface,#fff);background:#ef4444;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-6px}.sb-mobile,.sb-overlay,.bottom-nav{display:none}@media (max-width:860px){.sidebar{z-index:40;height:100%;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #0006}.sidebar.open{transform:translate(0)}.sb-mobile{z-index:30;background:var(--ink);color:#fff;justify-content:center;align-items:center;padding:11px 14px;display:flex;position:sticky;top:0}.sb-overlay.show{z-index:35;background:#00000073;display:block;position:fixed;inset:0}.shell-main{padding-bottom:72px}.bottom-nav{z-index:45;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 14px #00000012}.bn-item{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0 10px;font-family:inherit;font-size:11px;text-decoration:none;display:flex}.bn-item:hover{text-decoration:none}.bn-item.active{color:var(--brand-dark);font-weight:600}.bn-icon{font-size:21px;line-height:1}}@media print{.nav,.no-print{display:none!important}body{background:#fff}.kwitansi{box-shadow:none!important;border:0!important;padding:0!important}.container{padding:0!important}}.brand-badge{background:var(--brand);width:40px;height:40px;color:var(--ink);border:2px solid var(--ink);border-radius:10px;justify-content:center;align-items:center;font-size:22px;font-weight:800;line-height:1;display:inline-flex}