*{box-sizing:border-box} body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f4f6f8;color:#111}.login-bg{background:#111827;height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:white;padding:35px;border-radius:14px;width:430px;box-shadow:0 20px 60px #0006}.login-card input{display:block;width:100%;padding:14px;margin:12px 0;border:1px solid #ccd;border-radius:8px}.login-card button,.btn,.actions button{background:#1266d6;color:#fff;border:0;border-radius:7px;padding:12px 18px;text-decoration:none;cursor:pointer}.err{background:#ffdada;color:#9b1111;padding:12px;border-radius:8px}.wrap{max-width:1100px;margin:30px auto;background:#fff;padding:25px;border-radius:10px}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:10px;text-align:left}.top{display:flex;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid label{font-size:13px;font-weight:bold}.grid input{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px}.print-body{background:#ddd}.actions{text-align:center;padding:15px}.receipt-page{width:864px;height:648px;margin:0 auto 25px;background:#f4efd8;position:relative;padding:50px 52px;overflow:hidden;box-shadow:0 5px 25px #0003}.paper-texture{position:absolute;inset:0;background:radial-gradient(#0001 1px,transparent 2px);background-size:18px 18px;opacity:.25;pointer-events:none}header{position:relative;z-index:1;display:grid;grid-template-columns:260px 1fr 170px;align-items:start;font-size:12px}header h2{margin:0 0 5px;font-size:22px}.center{text-align:center}.right{text-align:right}.logo{max-width:80px;max-height:55px;object-fit:contain}.line{height:3px;background:#111;margin:14px 0 18px;position:relative;z-index:1}main{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:70px;font-size:14px}.receipt-page p{margin:0 0 14px}.receipt-page span{display:block;font-size:13px}.receipt-page b{display:block;font-size:15px}.tw{display:grid;grid-template-columns:1fr 1fr;gap:30px}.total{display:flex!important;justify-content:space-between;border-top:1px solid transparent;margin-top:8px}.stampbox{position:absolute;right:150px;bottom:68px;width:250px;height:105px;border:3px solid #7f9fb1;border-radius:10px;transform:rotate(-3deg);opacity:.8;text-align:center;padding:20px 10px;color:#557080;font-size:12px}.stampbox img{max-width:100%;max-height:100%}.sig{position:absolute;right:58px;bottom:48px;width:220px;text-align:center}.sig img{max-width:160px;max-height:45px}.sig div{border-top:2px solid #111;height:8px}.sig small{font-size:12px}footer{position:absolute;left:55px;bottom:48px;font-size:12px}@media print{.actions{display:none}@page{size:864px 648px;margin:0}body{background:white}.receipt-page{box-shadow:none;margin:0;width:864px;height:648px}}