:root{--ground: #f4f6f4;--surface: #ffffff;--surface-2: #eef1ee;--surface-3: #e5e9e5;--ink: #12171a;--muted: #5f6a71;--faint: #949da3;--hairline: rgba(18, 23, 26, .06);--brand: #0e5c63;--brand-deep: #093f45;--brand-lift: #157e87;--brand-ink: #ffffff;--brand-tint: #e4efef;--brand-tint-2: #cfe4e5;--money: #9a6a12;--money-tint: #f7edd9;--alert: #a3352a;--alert-tint: #fae4e0;--ok: #2f6b4b;--ok-tint: #dfeee6;--wa: #128c4a;--wa-tint: #e2f2e7;--r-xl: 22px;--r-lg: 18px;--r: 14px;--r-sm: 10px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(18, 23, 26, .04), 0 1px 3px rgba(18, 23, 26, .03);--sh-2: 0 2px 4px rgba(18, 23, 26, .03), 0 10px 24px -10px rgba(18, 23, 26, .12);--sh-3: 0 4px 8px rgba(18, 23, 26, .04), 0 20px 44px -18px rgba(18, 23, 26, .2);--sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--phone: 448px;--pola-titik: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .14) 1px, transparent 0);--pola-garis: repeating-linear-gradient(115deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 13px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0e1113;--surface: #171b1e;--surface-2: #1f2529;--surface-3: #283036;--ink: #e8ebe9;--muted: #9aa4ab;--faint: #6d777d;--hairline: rgba(255, 255, 255, .07);--brand: #4fb3bd;--brand-deep: #0c3f45;--brand-lift: #6cc9d2;--brand-ink: #06282c;--brand-tint: #123238;--brand-tint-2: #17434a;--money: #dcaa4b;--money-tint: #33290f;--alert: #e58274;--alert-tint: #3b201c;--ok: #74b492;--ok-tint: #182e23;--wa: #58c286;--wa-tint: #142a1e;--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 2px 4px rgba(0, 0, 0, .3), 0 10px 24px -10px rgba(0, 0, 0, .6);--sh-3: 0 4px 8px rgba(0, 0, 0, .35), 0 20px 44px -18px rgba(0, 0, 0, .75)}}:root[data-theme=dark]{--ground: #0e1113;--surface: #171b1e;--surface-2: #1f2529;--surface-3: #283036;--ink: #e8ebe9;--muted: #9aa4ab;--faint: #6d777d;--hairline: rgba(255, 255, 255, .07);--brand: #4fb3bd;--brand-deep: #0c3f45;--brand-lift: #6cc9d2;--brand-ink: #06282c;--brand-tint: #123238;--brand-tint-2: #17434a;--money: #dcaa4b;--money-tint: #33290f;--alert: #e58274;--alert-tint: #3b201c;--ok: #74b492;--ok-tint: #182e23;--wa: #58c286;--wa-tint: #142a1e;--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 2px 4px rgba(0, 0, 0, .3), 0 10px 24px -10px rgba(0, 0, 0, .6);--sh-3: 0 4px 8px rgba(0, 0, 0, .35), 0 20px 44px -18px rgba(0, 0, 0, .75)}*{box-sizing:border-box}html,body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body:has(.phone){background:#e3e7e3}@media(prefers-color-scheme:dark){body:has(.phone):not([data-theme=light]){background:#080a0b}}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button{border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit}.ikon-svg{width:1em;height:1em;display:block;flex:none}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}.h1{font-size:25px;font-weight:800;letter-spacing:-.032em;line-height:1.18;margin:0}.h2{font-size:19px;font-weight:700;letter-spacing:-.024em;line-height:1.25;margin:0}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:-.002em}.field .req{color:var(--alert)}.input,.select,.textarea{width:100%;padding:13px 14px;border:1.5px solid transparent;border-radius:var(--r);background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:15px;transition:background .15s ease,border-color .15s ease}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.select:focus,.textarea:focus{outline:none;background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 18px center,right 13px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}.select:focus{background-color:var(--surface)}.textarea{resize:vertical;min-height:78px;line-height:1.5}.hint{font-size:12.5px;color:var(--faint);line-height:1.5;margin:0}.err{font-size:12.5px;color:var(--alert);font-weight:600;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--r-pill);border:none;background:var(--brand);color:var(--brand-ink);font-family:inherit;font-weight:700;font-size:14.5px;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 2px 10px -2px color-mix(in srgb,var(--brand) 40%,transparent)}.btn:hover{background:var(--brand-lift)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn.ghost{background:var(--surface-2);color:var(--ink);box-shadow:none}.btn.ghost:hover{background:var(--surface-3)}.btn.wa{background:var(--wa);color:#fff;box-shadow:0 2px 10px -2px color-mix(in srgb,var(--wa) 40%,transparent)}.btn.danger{background:var(--alert);color:#fff;box-shadow:none}.btn.sm{padding:9px 15px;font-size:13px}.btn.block{width:100%}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:18px;margin-bottom:12px}.card>h2{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin:0 0 12px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;letter-spacing:-.005em;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.baru{background:var(--brand-tint);color:var(--brand)}.pill.dikonfirmasi,.pill.ditugaskan{background:var(--surface-2);color:var(--muted)}.pill.menuju_toko,.pill.belanja,.pill.diantar,.pill.dilaporkan{background:var(--money-tint);color:var(--money)}.pill.tunggu_approval,.pill.pending,.pill.ditagih{background:var(--alert-tint);color:var(--alert)}.pill.selesai,.pill.lunas,.pill.aktif{background:var(--ok-tint);color:var(--ok)}.pill.batal{background:var(--surface-2);color:var(--faint)}.money,.num{font-variant-numeric:tabular-nums}.neg{color:var(--alert);font-weight:700}.pos{color:var(--ok);font-weight:700}.kode{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:-.02em}.rows{display:flex;flex-direction:column;gap:7px}.row{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:var(--muted)}.row>span:last-child{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.row.total{border-top:1px solid var(--hairline);margin-top:8px;padding-top:12px;font-size:15px;font-weight:700;color:var(--ink)}.row.total>span:last-child{font-size:19px;font-weight:800;letter-spacing:-.02em}.spinner{color:var(--faint);font-size:14px;padding:28px 0;text-align:center}.pola{background-image:var(--pola-titik),var(--pola-garis);background-size:14px 14px,auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}