:root{--c-brand:#312c40;--c-brand-dark:#252037;--c-brand-tint:#ece9f3;--c-brand-a10:#312c401a;--c-brand-a12:#312c401f;--c-gold:#ffd3c5;--c-gold-a20:#ffd3c533;--c-ink:#252a3c;--c-muted:#8189a2;--c-placeholder:#8189a2b3;--c-line:#e5eaf1;--c-bg:#f6f8fc;--c-surface:#fff;--c-success:#34a220;--c-success-bg:#edfdd9;--c-info:#1273a7;--c-info-bg:#d3fdf9;--c-warn:#b16825;--c-warn-bg:#fef5da;--c-cancel-bg:#f2f5f8;--c-error:#db2623;--c-error-bg:#ffe7d5;--grad-login:linear-gradient(124.56deg, #312c40 0%, #252037 71.43%);--c-login-bg:#191722;--c-login-accent:#9784c5;--font-serif:"Plus Jakarta Sans", system-ui, sans-serif;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--c-secondary:#312c40;--c-secondary-hover:#746b8c;--c-secondary-active:#252037;--r-control:10px;--r-card:14px;--r-nav:8px;--r-pill:999px;--shadow-primary:0 8px 20px -6px #25203759}*,:before,:after{box-sizing:border-box}html,body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-sans);margin:0;font-size:15px;line-height:1.55}h1,h2,h3{font-family:var(--font-serif);margin:0;font-weight:600}a{color:var(--c-brand)}.btn,.btn-secondary{height:40px;font:600 14px/1.4 var(--font-sans);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.btn{background:var(--c-secondary);color:#fff;border:0}.btn:hover{background:var(--c-secondary-hover)}.btn:active{background:var(--c-secondary-active)}.btn-secondary{color:var(--c-secondary);border:2px solid var(--c-secondary);background:0 0}.btn-secondary:hover{background:#f9fafc}.btn:focus-visible,.btn-secondary:focus-visible{outline-offset:0;outline:2px solid #11111180}.btn:disabled,.btn[aria-disabled=true]{color:#fff;cursor:not-allowed;opacity:1;background:#e5eaf1}.btn-secondary:disabled{color:#a6a6a6;cursor:not-allowed;border-color:#e5eaf1}.btn-lg{height:52px;box-shadow:var(--shadow-primary);font-size:15px}.input{background:var(--c-surface);color:#202020;border-radius:var(--r-control);width:100%;height:46px;font:400 16px/1.4 var(--font-sans);border:1px solid #bfbfbf;padding:0 16px}.input:is(select){appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath d='M2 2l5 5-5 5' fill='none' stroke='%23202020' stroke-width='2'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.input::placeholder{color:var(--c-placeholder)}.input:focus{box-shadow:0 0 0 3px var(--c-brand-a12);border-color:#ffb5a8;outline:0}.input:disabled{color:#a6a6a6;background:#f3f3f3;border-color:#f3f3f3}.label{color:#202020;margin-bottom:6px;font-size:16px;font-weight:400;display:block}.form-error{background:var(--c-error-bg);color:var(--c-error);border-radius:var(--r-control);padding:10px 14px;font-size:13px}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-card);padding:20px}.chip{border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip-pay-belum_lunas,.chip-dlv-terjadwal{background:var(--c-brand-tint);color:var(--c-brand)}.chip-pay-terlambat,.chip-dlv-gagal{background:var(--c-error-bg);color:var(--c-error)}.chip-pay-lunas,.chip-dlv-diterima,.chip-diterima{background:var(--c-success-bg);color:var(--c-success)}.chip-pay-refund{background:var(--c-cancel-bg);color:var(--c-muted)}.chip-diproses,.chip-dlv-diproses{background:var(--c-warn-bg);color:var(--c-warn)}.chip-dikirim,.chip-dlv-dikirim{background:var(--c-info-bg);color:var(--c-info)}.chip-selesai{background:var(--c-success-bg);color:var(--c-success)}.chip-dibatalkan{background:var(--c-cancel-bg);color:var(--c-muted)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{background:var(--c-bg);color:var(--c-muted);letter-spacing:.24px;text-align:left;padding:10px 16px;font-size:12px;font-weight:600}.table td{border-top:1px solid var(--c-line);padding:12px 16px}.table .num{text-align:right}.muted{color:var(--c-muted);font-size:13px}.card__head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card__head h2{font:700 16px var(--font-sans)}.card__head a{font-size:13px;font-weight:600;text-decoration:none}.empty{color:var(--c-muted);flex-direction:column;align-items:center;gap:14px;padding:36px 20px;display:flex}.empty p{margin:0}.linklike{color:var(--c-brand);font:600 14px var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0}.linklike:disabled{color:var(--c-muted);cursor:not-allowed}.linklike--muted{color:var(--c-muted);font-weight:500}.btn--block{width:100%}.btn--lg{height:52px;font-size:15px}.btn[aria-disabled=true],.btn-secondary[aria-disabled=true]{opacity:.5;pointer-events:none}.input--error{border-color:#ff4530}.form-error ul{margin:6px 0 0;padding-left:18px}.notice{background:var(--c-brand-tint);border-radius:var(--r-control);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 16px;font-size:14px;display:flex}.notice--ok{background:var(--c-success-bg);color:var(--c-success)}.notice__actions{gap:10px;display:flex}@media (width<=899px){.notice{flex-direction:column;align-items:stretch}}.chips{flex-wrap:wrap;gap:4px;display:inline-flex}