*{box-sizing:border-box}body{margin:0;background:#eef8f7;color:#063d3b;font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif}.receipt-toolbar{display:flex;align-items:center;gap:18px;padding:16px clamp(16px,4vw,48px);background:#fff;border-bottom:1px solid #b9dfdc}.receipt-toolbar div{flex:1}.receipt-toolbar h1,.receipt-toolbar small{margin:0}.receipt-toolbar small{color:#067b77;font-weight:900;letter-spacing:.08em}.receipt-shell{width:min(1120px,calc(100% - 28px));margin:28px auto}.receipt-access,.receipt-form,.receipt-document{background:#fff;border:1px solid #b9dfdc;border-radius:18px}.receipt-access{padding:18px;font-weight:800}.receipt-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}.receipt-form{display:grid;gap:16px;padding:22px;position:sticky;top:18px}.receipt-form h2,.receipt-form p{margin:0}.receipt-form label{display:grid;gap:7px;font-weight:900}.receipt-form input,.receipt-form textarea{width:100%;padding:12px;border:1px solid #8fcfcb;border-radius:11px;background:#fff;color:#063d3b;font:inherit}.receipt-form input:focus-visible,.receipt-form textarea:focus-visible{outline:3px solid #155eef;outline-offset:2px}.receipt-actions{display:grid;gap:9px}.receipt-message{color:#466a67;font-size:13px}.receipt-message.error{color:#b83232}.receipt-document{min-height:720px;padding:clamp(24px,5vw,58px);box-shadow:0 18px 55px #063d3b14}.receipt-document>header{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:3px solid #0abab5}.receipt-brand{margin:0;font:900 32px/1 Anton,Impact,sans-serif;letter-spacing:.05em}.receipt-title{text-align:right}.receipt-title h2,.receipt-title p{margin:0}.receipt-title h2{font-size:28px}.receipt-title p{color:#067b77;font-weight:900;letter-spacing:.15em}.receipt-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.receipt-meta div{padding:12px;border:1px solid #d5e9e7;border-radius:11px}.receipt-meta dt{font-size:12px;color:#587573}.receipt-meta dd{margin:4px 0 0;font-weight:900;overflow-wrap:anywhere}.receipt-document table{width:100%;border-collapse:collapse}.receipt-document th,.receipt-document td{padding:14px;border:1px solid #b9dfdc;text-align:left;vertical-align:top}.receipt-document th:last-child,.receipt-document td:last-child{text-align:right;width:190px}.receipt-document thead,.receipt-document tfoot{background:#e4f8f6}.receipt-note{margin-top:24px;padding:18px;border-left:5px solid #0abab5;background:#f7fcfb}.receipt-note p{margin:5px 0}.receipt-document footer{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:18px;border-top:1px solid #b9dfdc;color:#466a67;font-size:13px}@media(max-width:800px){.receipt-toolbar{align-items:flex-start;flex-wrap:wrap}.receipt-workspace{grid-template-columns:1fr}.receipt-form{position:static}.receipt-meta{grid-template-columns:1fr}.receipt-document{padding:22px;min-height:0}.receipt-document>header,.receipt-document footer{flex-direction:column}.receipt-title{text-align:left}.receipt-document th:last-child,.receipt-document td:last-child{width:130px}}@media print{@page{size:A4;margin:12mm}.no-print{display:none!important}body{background:#fff}.receipt-shell{width:100%;margin:0}.receipt-workspace{display:block!important}.receipt-document{display:block!important;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none}.receipt-note{-webkit-print-color-adjust:exact;print-color-adjust:exact}.receipt-document thead,.receipt-document tfoot{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){.receipt-document,.receipt-form,.receipt-access{border:1px solid CanvasText}.receipt-note{border-left-color:Highlight}}