@import url('/portal/styles.css');
body{background:#f3f7fb}.shared-wrap{max-width:1150px;margin:auto;padding:24px}.shared-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.shared-header img{width:200px}.shared-header nav{display:flex;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.form label{display:grid;gap:6px;text-transform:none}.form-grid input,.form-grid select,.form input,.form textarea,.form select{width:100%;padding:10px;border:1px solid #ccd9e3;border-radius:5px;box-sizing:border-box}.panel{margin-bottom:18px}.customer-card{padding:14px;border:1px solid #d9e3ea;border-radius:8px;margin:10px 0}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}#notice{color:#073763;position:sticky;top:0;background:#edf5ff;padding:12px;z-index:2;white-space:pre-wrap}#notice:empty{display:none}.shared-modal{display:none;position:fixed;inset:0;z-index:10000;background:#071f36aa;padding:12px;align-items:center;justify-content:center}.shared-modal.open{display:flex}.shared-dialog{background:#fff;width:min(100%,520px);border-radius:12px;padding:20px;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto}.shared-dialog h2{margin:0 0 12px;font-size:23px}.shared-dialog .receipt-row{font-size:12px;padding:5px 0}.shared-dialog .receipt-row strong{overflow-wrap:anywhere}.shared-dialog .receipt-amount{text-align:center;font-size:30px;margin:6px}.shared-dialog .receipt-logo{width:160px;margin-bottom:8px}.success{color:#168044;text-align:center;font-weight:bold}.locked{position:fixed!important;width:100%;overflow:hidden!important;left:0;right:0}html:has(.locked){overflow:hidden;overscroll-behavior:none}.transaction-item{width:100%;text-align:left;background:#fff;font-family:inherit;cursor:pointer}.signature-image{max-width:200px;max-height:80px}.login-box{max-width:440px;margin:60px auto}.login-box .form{display:grid;gap:16px}.login-box footer{text-align:center;font-size:12px;padding-top:24px}.account-section-title{font-size:24px}.shared-modal .confirm-actions{display:flex!important;flex-wrap:wrap}.receipt-row{display:flex!important;justify-content:space-between}.receipt-row strong{text-align:right!important}.receipt-row span{min-width:85px}.file-label{display:inline-block}
@media(max-width:600px){.shared-wrap{padding:12px}.form-grid{grid-template-columns:1fr}.shared-header{align-items:flex-start}.shared-header img{width:140px}.shared-header nav{flex-direction:column}.transaction-item h3{font-size:16px}.shared-dialog{padding:14px}.shared-dialog .receipt-row{font-size:11px}.login-box{margin:24px auto}}
@media print{@page{size:A4;margin:15mm}body *{visibility:hidden}#printable,#printable *{visibility:visible!important}#printable{position:fixed;inset:0 auto auto 0;width:100%;background:white}#modalActions{display:none!important}.shared-dialog{overflow:visible;max-height:none}.locked{position:static!important}}
[hidden]{display:none!important}body[data-page="login"] #logout{display:none}
@media(max-height:650px){.shared-dialog{padding:10px}.shared-dialog h2{font-size:18px;margin-bottom:5px}.shared-dialog .receipt-logo{width:110px}.shared-dialog .receipt-row{font-size:10px;padding:2px 0}.shared-dialog .receipt-amount{font-size:23px}.shared-dialog .confirm-actions{margin-top:8px}.shared-dialog .btn{padding:6px 9px;font-size:12px!important}}