@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@700;800&display=swap";:root{color:#10232f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f7f8;font-family:DM Sans,system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #f5c55c}.app-shell{color:#10232f;background:#f3f7f8;min-height:100vh}header{background:#fff;border-bottom:1px solid #dce4e7;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:72px;padding:0 32px;display:grid}.brand-mark{letter-spacing:-.07em;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800}.brand-mark span{color:#e64b38}.brand-mark small{color:#0c7378;letter-spacing:0;margin-left:3px;font-size:.48em}header nav{background:#f3f7f8;border:1px solid #dce4e7;border-radius:9px;gap:4px;padding:4px;display:flex}header nav button{color:#687983;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 18px;font-weight:600}header nav button.active{color:#0c7378;background:#fff;box-shadow:0 1px 4px #10232f14}.account{color:#687983;justify-self:end;align-items:center;gap:14px;font-size:13px;display:flex}.pos-page,.center-state{place-items:start center;min-height:calc(100vh - 73px);padding:48px 20px;display:grid}.panel{background:#fff;border:1px solid #dce4e7;border-radius:16px;box-shadow:0 12px 30px #10232f0f}.pos-card{width:min(100%,560px);padding:32px}h1{letter-spacing:-.035em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:28px}.eyebrow{color:#e64b38;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}form{gap:22px;display:grid}form h1{margin-bottom:4px}label{color:#364d59;gap:8px;font-size:14px;font-weight:600;display:grid}input,select{box-sizing:border-box;color:#10232f;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #dce4e7;border-radius:8px;padding:10px 12px}input:focus,select:focus{border-color:#0c7378;outline:3px solid #0c737824}.stepper{text-align:center;border:1px solid #dce4e7;border-radius:8px;grid-template-columns:48px 1fr 48px;align-items:center;min-height:48px;display:grid}.stepper button{color:#10232f;cursor:pointer;background:#f3f7f8;border:0;border-radius:6px;height:36px;margin:5px;font-size:24px}.stepper button:disabled{opacity:.35;cursor:default}.stepper strong{font:800 20px Plus Jakarta Sans,sans-serif}.voucher-input{grid-template-columns:1fr auto;gap:8px;margin-top:8px;display:grid}.voucher-input input{min-width:0}.voucher-input .secondary{min-width:82px}.voucher-input .secondary:disabled{opacity:.45;cursor:not-allowed}.voucher-message{margin:8px 0 0;font-size:12px;font-weight:600}.voucher-message.valid{color:#0c7378}.voucher-message.invalid{color:#b91c1c}.price-breakdown{border-block:1px solid #dce4e7;gap:12px;padding:20px 0;display:grid}.price-breakdown>div{color:#687983;justify-content:space-between;gap:20px;font-size:14px;display:flex}.price-breakdown strong{color:#10232f}.base-prices{align-items:center;gap:9px;display:flex}.base-prices del{color:#9aa7ad}.price-breakdown .total{align-items:end;margin-top:6px;font-weight:600}.price-breakdown .total strong{letter-spacing:-.04em;font:800 34px Plus Jakarta Sans,sans-serif}.confirmation{background:#f3f7f8;border:1px solid #dce4e7;border-radius:8px;grid-template-columns:18px 1fr;align-items:start;padding:15px}.confirmation input{accent-color:#0c7378;min-height:auto}button{font-family:inherit}.primary,.secondary{cursor:pointer;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700}.primary{color:#fff;background:#e64b38;border:0;box-shadow:0 8px 20px #e64b382e}.primary:hover{background:#cc3b2a}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#10232f;background:#fff;border:1px solid #dce4e7}.secondary:hover{background:#d7eff0;border-color:#0c7378}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 14px;font-size:14px}.success{text-align:center}.receipt-brand{display:none}.success-label{color:#0c7378}.cashier-code{letter-spacing:.16em;margin:24px 0 14px;font:800 56px Plus Jakarta Sans,sans-serif}.copy{color:#0c7378;width:100%}.success dl{text-align:left;border-top:1px solid #dce4e7;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;padding-top:20px;display:grid}.success dt{color:#687983;font-size:12px}.success dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:14px;font-weight:700}.print-button{width:100%;margin-bottom:10px}.success>.primary{width:100%}.login-page{background:#0b1820;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{width:min(100%,420px);padding:32px}.login-card h1{margin-top:30px}.login-card p{color:#687983;margin:8px 0 4px}.history-page{max-width:1120px;margin:0 auto;padding:40px 24px}.page-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #dce4e7;padding:14px 16px}th{color:#687983;letter-spacing:.06em;text-transform:uppercase;background:#f3f7f8;font-size:11px}tbody tr:last-child td{border-bottom:0}code{letter-spacing:.08em;font-weight:800}.status{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.status.aktif{color:#0c7378;background:#d7eff0}.status.dipakai{color:#516873;background:#f1f5f9}.status.kedaluwarsa{color:#ef4444;background:#fef2f2}.empty{color:#687983;text-align:center;padding:40px}@media (width<=720px){header{grid-template-columns:1fr auto;padding:12px 16px}header nav{grid-area:2/1/auto/-1;justify-self:stretch}header nav button{flex:1}.account span{display:none}.pos-page{min-height:auto;padding:24px 14px}.pos-card{padding:22px}.price-breakdown .total{display:grid}.price-breakdown .total strong{font-size:30px}.cashier-code{font-size:42px}.history-page{padding:24px 14px}}@media print{@page{margin:4mm}header,.success button{display:none}body,.app-shell,.pos-page{background:#fff;min-height:auto}.pos-page{padding:0;display:block}.panel,.pos-card{width:auto;box-shadow:none;border:0;border-radius:0;padding:0}.receipt-brand{justify-content:space-between;align-items:baseline;margin-bottom:8mm;display:flex}.receipt-brand-name{font-size:20px;font-weight:800}.receipt-brand strong{letter-spacing:.12em;font-size:12px}.success{color:#000}.success-label{display:none}.cashier-code{letter-spacing:.12em;margin:5mm 0 7mm;font-size:36px}.success dl{border-color:#000;grid-template-columns:1fr;gap:4mm;margin:0;padding-top:5mm}.success dt{color:#000}}