*{box-sizing:border-box}body{background:#f5f7fb;min-width:320px;margin:0}@media print{.no-print{display:none!important}body{background:#fff!important}.print-area{box-shadow:none!important;padding:0!important;overflow:visible!important}}:root{--invoice-blue:#1a4fa0;--invoice-blue-light:#4a7fd4}.invoice-document{color:#111;border:2px solid var(--invoice-blue);box-sizing:border-box;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:12mm 10mm;font-family:Arial,Segoe UI,sans-serif;font-size:11px;line-height:1.35;position:relative}.invoice-corner{border-style:solid;border-width:0 28px 28px 0;border-color:transparent var(--invoice-blue) transparent transparent;width:0;height:0;position:absolute;top:0;right:0}.invoice-header{grid-template-columns:120px 1fr;gap:16px;margin-bottom:12px;display:grid}.invoice-logo-block{text-align:center}.invoice-logo{object-fit:contain;max-width:90px;max-height:70px}.invoice-logo-fallback .logo-tb{font-size:36px;font-weight:800;line-height:1;display:inline-flex}.logo-t{color:#111}.logo-b{color:var(--invoice-blue);margin-left:-4px}.logo-name{color:var(--invoice-blue);margin-top:4px;font-size:14px;font-weight:700}.company-name-vi{color:var(--invoice-blue);font-size:13px;font-weight:700}.company-name-en{margin-bottom:6px;font-size:12px;font-weight:700}.company-contact{font-size:10px;line-height:1.45}.invoice-title-row{grid-template-columns:1fr auto;align-items:start;margin:10px 0 14px;display:grid}.invoice-title h1{text-align:center;color:var(--invoice-blue-light);letter-spacing:2px;margin:0;font-size:28px}.invoice-title h2{text-align:center;color:var(--invoice-blue-light);letter-spacing:1px;margin:0;font-size:18px}.invoice-meta{min-width:180px;font-size:11px}.customer-box{border:2px solid var(--invoice-blue);margin-bottom:10px}.customer-box-title{background:var(--invoice-blue);color:#fff;text-align:center;padding:4px 8px;font-size:11px;font-weight:700}.customer-field{border-bottom:1px dotted #bbb;grid-template-columns:240px 1fr;min-height:22px;padding:4px 8px;display:grid}.customer-field:last-child{border-bottom:none}.field-value{border-bottom:1px dotted #999;min-height:16px}.payment-row{grid-template-columns:240px 1fr}.payment-options{gap:20px;display:flex}.payment-options label{align-items:center;gap:4px;display:inline-flex}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:8px}.invoice-table th,.invoice-table td{border:1px solid var(--invoice-blue);vertical-align:middle;padding:4px 6px}.invoice-table th{color:var(--invoice-blue);text-align:center;font-size:10px;font-weight:700}.invoice-table th small{font-weight:400}.invoice-table td.center{text-align:center}.invoice-table td.right{text-align:right}.invoice-table tbody td{height:22px}.total-label{text-align:right;white-space:nowrap;font-weight:600}.total-label.grand,.invoice-table td.grand{color:var(--invoice-blue);font-weight:700}.amount-words{border:1px solid var(--invoice-blue);margin-bottom:24px;padding:6px 8px}.signatures{text-align:center;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}.signature-title{margin-bottom:48px;font-weight:700}.signature-line{border-top:1px solid #333;width:70%;margin:0 auto}@media print{@page{size:A4;margin:0}body{margin:0;background:#fff!important}.invoice-document{border:2px solid var(--invoice-blue);box-shadow:none;page-break-after:always}}