:root{--navy: #001435;--blue: #003087;--accent: #0070e0;--light: #d6e6f8;--line: #d9dde3;--grey: #6b7280;--bg: #ffffff;--soft: #f5f7fa}*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--navy);background:var(--bg)}.bar{display:flex;align-items:baseline;gap:16px;background:var(--blue);color:#fff;padding:14px 20px}.brand{font-weight:700;font-size:22px}.bar-sub{color:var(--light);font-size:15px}.cols{display:flex;flex-wrap:wrap;gap:24px;padding:20px;align-items:flex-start}.panel{flex:1 1 420px;max-width:640px}.preview{flex:0 1 auto;background:var(--soft);border-radius:12px;padding:16px;max-width:100%;overflow-x:auto}.preview-label{color:var(--grey);font-size:14px;margin-bottom:10px;text-align:center}.paper{background:#fff;border:1px solid var(--line);padding:3mm 0;margin:0 auto}h1{font-size:26px;margin:0 0 6px}h2{font-size:16px;margin:22px 0 8px}.hint{color:var(--grey);font-size:15px;margin:6px 0}.seg{display:flex;gap:0}.seg button{flex:1;min-height:56px;font-size:18px;font-weight:600;cursor:pointer;background:#fff;color:var(--blue);border:2px solid var(--accent);margin-left:-2px}.seg button:first-child{margin-left:0;border-radius:10px 0 0 10px}.seg button:last-child{border-radius:0 10px 10px 0}.seg button.on{background:var(--accent);color:#fff}.primary{display:block;width:100%;min-height:68px;margin:26px 0 8px;background:var(--blue);color:#fff;border:0;border-radius:34px;font-size:20px;font-weight:700;cursor:pointer}.primary:active{background:var(--navy)}.check{padding-left:22px;font-size:15px;line-height:1.5;margin:0}.facts{border-collapse:collapse;width:100%;font-size:14px}.facts th,.facts td{text-align:left;vertical-align:top;padding:6px 8px;border-top:1px solid var(--line)}.facts th{white-space:nowrap;color:var(--grey);font-weight:600}.facts td{word-break:break-word}.receipt{color:#000;font-family:Arial,Helvetica,sans-serif;line-height:1.25;padding:0 2mm}.r-center{text-align:center}.r-title{font-size:1.45em;font-weight:700;margin-bottom:1mm}.r-rule{border-top:1px dashed #000;margin:2mm 0}.r-row{display:flex;gap:2mm;align-items:flex-start}.r-qty{flex:0 0 5mm}.r-name{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.r-amt{flex:0 0 auto;text-align:right;white-space:nowrap}.r-total{font-size:1.35em;font-weight:700;margin-top:1mm}.r-mono{font-family:Courier New,monospace;font-size:.72em;white-space:nowrap;overflow:hidden}.print-area{display:none}@media print{.screen{display:none}.print-area{display:block}.copy{break-after:page;page-break-after:always;padding:2mm 0 6mm}.copy:last-child{break-after:auto;page-break-after:auto}html,body{background:#fff}}