.viewerContainer{display:flex;height:100vh;background-color:#f1f5f9;overflow:hidden}.leftPanel{flex:1;padding:20px;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}.invoicePaper{width:210mm;min-height:297mm;background:#fff;padding:15mm 10mm;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;font-family:Times New Roman,serif;color:#000}.invoicePaper:before{content:"HÓA ĐƠN ĐIỆN TỬ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:80px;color:#ff00000d;pointer-events:none;white-space:nowrap;border:5px solid rgba(255,0,0,.05);padding:10px 40px;text-transform:uppercase}.invHeader{display:flex;justify-content:space-between;margin-bottom:20px}.invTitleBox{text-align:center;flex-grow:1}.invTitle{font-size:26px;font-weight:700;color:#000;margin:0;text-transform:uppercase}.invDate{font-style:italic;margin-top:5px}.invMeta{font-size:13px;text-align:right;line-height:1.5}.invSection{margin-bottom:15px;font-size:14px;line-height:1.6}.invLabel{font-weight:700}.invTable{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}.invTable th,.invTable td{border:1px solid #000;padding:6px 8px}.invTable th{background:#f8f9fa;text-align:center;font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.invTotalSection{margin-top:0;border:1px solid #000;border-top:none;padding:10px;display:flex;flex-direction:column;gap:5px}.invTotalRow{display:flex;justify-content:space-between;font-weight:700;font-size:14px}.invSignatures{display:flex;justify-content:space-between;margin-top:30px;text-align:center}.invSigBox{width:30%}.invSigBox h4{font-size:14px;margin-bottom:5px;text-transform:uppercase}.validStamp{margin-top:15px;border:2px solid #22c55e;color:#22c55e;padding:8px;font-size:11px;font-weight:700;display:inline-block;text-align:left;background:#f0fdf4}.rightPanel{width:350px;background:#fff;border-left:1px solid #e2e8f0;overflow-y:auto;display:flex;flex-direction:column}.rpHeader{padding:15px;border-bottom:1px solid #eee;background:#f8fafc;display:flex;justify-content:space-between;align-items:center}.rpContent{padding:15px;flex:1}.checkGroup{margin-bottom:20px;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.checkHeader{background:#eff6ff;color:#1e40af;padding:8px 12px;font-weight:700;font-size:13px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px}.checkBody{padding:12px;font-size:13px}.checkRow{display:flex;justify-content:space-between;margin-bottom:8px}.checkLabel{color:#64748b}.checkVal{font-weight:500;text-align:right}.verifyItem{display:flex;gap:10px;margin-bottom:10px;font-size:13px;align-items:flex-start}.iconOk{color:#22c55e;min-width:16px;margin-top:2px}