:root{--pos-green:#0f4835;--pos-mint:#45b68a;--pos-orange:#ffac3c;--pos-line:#d6e4de}.business-pos-body{margin:0;min-height:100vh;background:#edf5f1;color:#18302a;font-family:Inter,Segoe UI,Arial,sans-serif}.business-pos-shell{width:min(1120px,100%);min-height:100vh;margin:auto;padding:18px}.business-pos-shell>footer{text-align:center;color:#64748b;font-size:.72rem;padding:25px}.business-pos-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:14px 18px;border-radius:16px;background:var(--pos-green);color:#fff;box-shadow:0 10px 28px #0f483526}.business-pos-header>div{display:grid;gap:2px}.business-pos-header small{color:#ffd28c;font-weight:800;letter-spacing:.1em}.business-pos-header strong{font-size:1.25rem}.business-pos-header span{color:#d5ece3;font-size:.8rem}.business-pos-header button{border:1px solid #ffffff55;border-radius:9px;padding:9px 13px;background:#ffffff12;color:#fff;font-weight:750}.pos-alert{margin:14px 0;padding:12px 15px;border-radius:10px}.pos-alert.error{background:#fff0f0;border:1px solid #efc2c2;color:#922}.pos-alert.success{background:#e9fbf2;border:1px solid #9fd8ba;color:#165d40}.business-pos-login{width:min(460px,calc(100vw - 28px));margin:7vh auto;padding:26px;background:#fff;border:1px solid var(--pos-line);border-radius:22px;box-shadow:0 20px 55px #0f48351f}.pos-brand{display:flex;gap:14px;align-items:center;margin-bottom:22px}.pos-brand>span{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--pos-orange);color:var(--pos-green);font-size:1.7rem;font-weight:900}.pos-brand h1,.pos-brand p{margin:.18rem 0}.pos-brand small{font-weight:800;letter-spacing:.08em;color:#527266}.pos-brand p{color:#64748b}.pos-form{display:grid;gap:15px}.pos-form label{display:grid;gap:6px;font-size:.82rem;font-weight:800}.pos-form input,.pos-form select,.pos-form textarea{width:100%;padding:12px;border:1px solid #bcd2c9;border-radius:10px;background:#fff;color:#18302a;font:inherit}.pos-form textarea{min-height:90px;resize:vertical}.pos-form label>small{font-weight:500;color:#64748b;line-height:1.4}.pos-back{display:block;margin:18px 0 0;text-align:center;color:var(--pos-green);font-weight:750}.pos-security-note{margin-top:16px;padding:10px;border-radius:9px;background:#f2f7f5;color:#64748b;font-size:.72rem;line-height:1.45}.pos-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:16px 0;padding:22px;border-radius:18px;background:linear-gradient(125deg,var(--pos-green),#199269);color:#fff}.pos-hero h1,.pos-hero p{margin:.25rem 0}.pos-hero p{color:#dcefe8}.pos-hero>div>small,.pos-step{font-size:.68rem;letter-spacing:.1em;font-weight:850;color:#b35f00}.pos-hero>div>small{color:#ffd28c}.pos-daily{display:grid;min-width:150px;text-align:right}.pos-daily strong{font-size:2rem}.pos-daily span{font-size:.75rem;color:#dcefe8}.pos-daily b{margin-top:6px;color:#ffd28c}.pos-card{margin:16px 0;padding:20px;background:#fff;border:1px solid var(--pos-line);border-radius:16px;box-shadow:0 8px 25px #0f48350d}.pos-card h2{margin:.25rem 0}.pos-card>p{color:#64748b}.scan-panel video{width:100%;max-height:340px;margin:10px 0;border-radius:12px;background:#111}.scan-panel form{display:flex;gap:10px;margin-top:12px}.scan-panel .scan-input{min-width:0;flex:1}.pos-camera{margin-top:5px}.pos-section-head,.pos-checkout-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pos-section-head h2{margin:.2rem 0}.pos-section-head>small{color:#64748b}.pos-history{min-width:850px}.pos-history td small{display:block;margin-top:3px;color:#64748b}.pos-history td:last-child{display:grid;gap:5px}.pos-history td:last-child a{font-size:.72rem;font-weight:750;color:#0f694a}.pos-status{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:850}.status-berhasil{background:#dcfce7;color:#166534}.status-gagal{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7;color:#92400e}.pos-checkout-head{margin:18px 0}.pos-checkout-head a{color:var(--pos-green);font-weight:750}.pos-student-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px;background:#fff;border:2px solid var(--pos-green);border-radius:18px}.pos-student-card img,.pos-photo-fallback{width:120px;height:140px;object-fit:cover;border-radius:12px;background:#e5ebe8}.pos-photo-fallback{display:grid;place-items:center;text-align:center;color:#64748b;font-weight:800}.pos-student-id small{font-size:.67rem;letter-spacing:.08em;font-weight:850;color:#b35f00}.pos-student-id h1,.pos-student-id p{margin:.25rem 0}.pos-balance{display:grid;min-width:210px;padding:15px;border-radius:12px;background:#eaf8f1;text-align:right}.pos-balance span,.pos-balance small{font-size:.72rem;color:#527266}.pos-balance strong{font-size:1.55rem;color:var(--pos-green);margin:4px 0}.pos-payment-card{max-width:820px;margin-left:auto;margin-right:auto}.pos-destination{display:grid;gap:3px;margin-bottom:18px;padding:13px;border:1px solid var(--pos-line);border-radius:10px;background:#f6faf8}.pos-destination span{font-size:.66rem;font-weight:850;color:#64748b}.pos-destination small{color:#64748b}.pos-money{display:flex;align-items:center;border:2px solid var(--pos-green);border-radius:11px;overflow:hidden}.pos-money span{padding:0 12px;font-size:1.15rem;color:#527266}.pos-money input{border:0;border-left:1px solid var(--pos-line);border-radius:0;font-size:1.35rem;font-weight:850}.pos-required-detail{padding:12px;border:2px solid var(--pos-orange);border-radius:12px;background:#fffaf1}.pos-required-detail b{color:#9a4e00}.pos-pay-button{font-size:1rem}.pos-pay-button:disabled{opacity:.6}.pos-receipt{width:min(620px,100%);margin:24px auto;padding:25px;background:#fff;border:1px solid var(--pos-line);border-radius:18px;box-shadow:0 14px 35px #0f483518}.pos-receipt>header{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:2px dashed var(--pos-line)}.pos-receipt>header>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#dcfce7;color:#166534;font-size:1.5rem}.pos-receipt h1,.pos-receipt p{margin:.2rem 0}.pos-receipt header small{color:#166534;font-weight:850}.pos-receipt-amount{text-align:center;padding:25px 0;font-size:2.25rem;font-weight:900;color:var(--pos-green)}.pos-receipt dl{display:grid;grid-template-columns:135px 1fr;gap:12px;margin:0}.pos-receipt dt{color:#64748b}.pos-receipt dd{margin:0}.pos-receipt>footer{margin-top:20px;padding-top:15px;border-top:2px dashed var(--pos-line)}.pos-receipt>footer p{color:#64748b;font-size:.76rem}.pos-receipt>footer>div{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.business-pos-shell{padding:10px}.business-pos-header{border-radius:12px}.pos-hero,.pos-section-head,.pos-checkout-head{align-items:flex-start;flex-direction:column}.pos-daily{text-align:left}.scan-panel form{display:grid}.pos-student-card{grid-template-columns:82px 1fr}.pos-student-card img,.pos-photo-fallback{width:82px;height:105px}.pos-balance{grid-column:1/-1;min-width:0;text-align:left}.pos-receipt{margin:12px 0;padding:18px}.pos-receipt dl{grid-template-columns:1fr;gap:4px}.pos-receipt dd{margin-bottom:8px}}
.ksm-photo-scan{margin:5px 0 5px 8px}.ksm-scanner-status{margin:10px 0;padding:9px 11px;border:1px solid var(--pos-line);border-radius:9px;background:#f4f8f6;color:#527266;font-size:.78rem}.ksm-mobile-reader{width:min(560px,100%);margin:10px auto;overflow:hidden;border:2px solid var(--pos-green);border-radius:12px;background:#111}.ksm-mobile-reader video,.ksm-mobile-reader img{max-width:100%!important}
.ksm-photo-scan{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.pos-photo-fallback[hidden]{display:none!important}
.pos-pin-block{margin:0;padding:14px;border:2px solid var(--pos-green);border-radius:14px;background:#f6faf8}.pos-pin-block legend{padding:0 7px;color:var(--pos-green);font-size:.82rem;font-weight:850}.pos-pin-input{width:100%;padding:14px;border:2px solid #bcd2c9;border-radius:10px;background:#fff;text-align:center;font-size:1.55rem;font-weight:900;letter-spacing:.28em}.pos-pin-input::placeholder{font-size:.85rem;letter-spacing:.04em}.pos-pin-status{display:block;margin:7px 0 10px;text-align:center;color:#64748b}.pos-pin-status.filled{color:#166534;font-weight:800}.pos-pin-keypad{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:9px;margin:10px auto;max-width:430px}.pos-pin-keypad button{min-height:58px;border:1px solid #9bc3b2;border-radius:12px;background:#fff;color:var(--pos-green);box-shadow:0 3px 8px #0f483512;font:900 1.45rem/1 inherit;touch-action:manipulation}.pos-pin-keypad button:active{transform:translateY(1px);background:#dff3ea}.pos-pin-keypad .pin-action{background:#eaf1ee;color:#475f57;font-size:.78rem}.pos-pin-block>small:last-child{display:block;margin-top:10px;color:#64748b;line-height:1.4}
.pos-employee-password{padding:14px;border:2px solid var(--pos-green);border-radius:14px;background:#f6faf8;color:var(--pos-green)}.pos-employee-password input{margin-top:7px;background:#fff;font-size:1.05rem}.pos-employee-password small{color:#64748b}
@media print{.business-pos-header,.business-pos-shell>footer,.pos-alert,.pos-receipt>footer>div{display:none!important}.business-pos-body{background:#fff}.business-pos-shell{padding:0}.pos-receipt{box-shadow:none;border:0;margin:0 auto}}