.invoice-view-page{padding:24px}.back-button-link{background:none;border:none;color:#5573aa;cursor:pointer;font-size:14px;padding:0;font-weight:500;transition:color .2s}.back-button-link:hover{color:#3d5278}.invoice-split-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;max-width:1400px}.invoice-view-container{max-width:1200px;min-width:0}.invoice-payment-panel{position:sticky;top:1rem;align-self:start;display:flex;flex-direction:column;gap:16px}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600}.invoice-preview{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:40px;max-width:210mm;margin:0 auto}.preview-header{display:grid;grid-template-columns:1fr 1fr;gap:5mm;margin-bottom:2mm}.preview-header .header-left{display:block;padding-left:3mm}.preview-header .header-right{display:flex;flex-direction:column;padding-right:3mm}.company-logo{margin-bottom:10px;max-width:60mm;max-height:25mm}.company-logo img{max-width:100%;max-height:25mm;-o-object-fit:contain;object-fit:contain}.company-name{font-size:18px;font-weight:700;color:#212529;margin:0 0 8px}.company-address,.company-contact,.company-identifiers{font-size:12px;color:#6c757d;line-height:1.6}.company-address{margin-bottom:8px}.company-identifiers{margin-top:8px}.identifier-item{margin-bottom:4px}.identifier-label{font-weight:500;margin-right:4px}.contact-item{display:flex;align-items:center;gap:6px;margin-bottom:4px}.contact-icon{width:14px;height:14px;color:#6c757d}.doc-title{text-align:right}.doc-title h1{font-size:26px;font-weight:700;color:#5573aa;margin:0 0 8px}.invoice-number{text-align:right;font-size:16px;font-weight:700;color:#212529;margin-bottom:4px}.proforma-reference{text-align:right;font-size:11px;color:#6c757d;margin-bottom:12px}.proforma-reference .proforma-label{font-weight:500}.invoice-details{margin-bottom:12px;font-size:11px;display:table;margin-left:auto}.detail-row{display:table-row;line-height:1.2}.detail-label{display:table-cell;color:#6c757d;text-align:left;padding-right:20px;padding-bottom:4px;white-space:nowrap}.detail-value{display:table-cell;color:#212529;font-weight:500;text-align:right;padding-bottom:4px;white-space:nowrap}.amount-due-box{background-color:#5573aa;color:#fff;padding:3mm;border-radius:1mm;margin-top:12px;margin-right:-3mm}.amount-due-label{font-size:13px;font-weight:700;margin-bottom:6px}.amount-due-value{font-size:20px;font-weight:700;text-align:right}.inr-equivalent{margin-top:4px;font-size:12px;color:#6c757d;text-align:right}.party-section{display:grid;grid-template-columns:1fr 1fr;gap:5mm;margin-bottom:20px}.party-box{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:1mm;padding:3mm;min-height:35mm}.section-header{font-size:12px;font-weight:700;color:#6c757d;margin-bottom:6px;text-transform:uppercase}.party-name{font-size:14px;font-weight:700;color:#212529}.party-address{font-size:12px;color:#495057;line-height:1.6}.party-gstin{font-size:12px;color:#495057}.gstin-label{font-weight:500}.supply-type-badge{display:inline-block;background-color:#5573aa;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;margin-top:8px}.items-section{margin-bottom:4px}.items-table{width:100%;border-collapse:collapse;font-size:12px}.items-table thead{background-color:#212529;color:#fff}.items-table th{padding:10px 8px;text-align:left;font-weight:700;border:1px solid #212529}.items-table th:first-child,.items-table td:first-child{padding-left:12px}.items-table th:last-child,.items-table td:last-child{padding-right:12px}.items-table th.amount,.items-table td.amount{text-align:right}.items-table tbody tr{border-bottom:1px solid #dee2e6}.items-table tbody tr:nth-child(2n){background-color:#f8f9fa}.items-table tbody tr:nth-child(odd){background-color:#fff}.items-table td{padding:8px;border:1px solid #dee2e6;color:#212529}.totals-section{margin-top:4px;margin-bottom:8px;display:flex;justify-content:flex-end}.totals-table{width:70mm;font-size:12px}.totals-table td{padding:6px 0 6px 3mm}.totals-table td:first-child{color:#6c757d;text-align:left}.totals-table td.amount{text-align:right;color:#212529;font-weight:500}.totals-table .total-row{margin-top:12px}.totals-table .total-row td{background-color:#5573aa;color:#fff;font-weight:700;font-size:14px;padding:10px 3mm;border-radius:1mm}.totals-table .total-row td:first-child{border-radius:1mm 0 0 1mm}.totals-table .total-row td:last-child{border-radius:0 1mm 1mm 0;text-align:right}.amount-words{margin-top:12px;margin-bottom:12px;padding-left:3mm;font-size:12px;color:#495057}.amount-words strong{color:#212529;font-weight:700}.bank-section{margin-top:20px;margin-bottom:20px;padding-left:3mm}.bank-header{font-size:13px;font-weight:700;color:#212529;margin-bottom:10px}.bank-details-list{font-size:12px;line-height:1.4}.bank-detail-row{margin-bottom:2px}.bank-label{color:#6c757d;font-weight:600;display:inline-block;min-width:140px}.bank-value{color:#212529}.notes-section{margin-top:20px;margin-bottom:20px;padding-left:3mm;font-size:12px;color:#495057;line-height:1.6}.notes-section strong{color:#212529;font-weight:700}.preview-footer{margin-top:40px;padding-top:20px;border-top:1px solid #dee2e6;text-align:center;font-size:11px;color:#6c757d;position:relative}.void-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:48px;font-weight:700;color:#dc35454d;border:4px solid rgba(220,53,69,.3);padding:20px 40px;text-transform:uppercase;letter-spacing:4px}@media print{.view-header,.header-actions{display:none}.invoice-preview{border:none;padding:0;box-shadow:none}}@media (max-width: 1200px){.invoice-split-layout{grid-template-columns:1fr}.invoice-payment-panel{position:static}}@media (max-width: 768px){.preview-header{grid-template-columns:1fr;gap:20px}.preview-header .header-right{padding-right:0}.doc-title h1,.invoice-number,.invoice-details,.amount-due-value{text-align:left}.detail-row{justify-content:flex-start}.party-section{grid-template-columns:1fr;gap:20px}.items-table{font-size:11px}.totals-section{justify-content:flex-start}.totals-table{width:100%}}.additional-details{background:#f8f9fa;padding:12px;margin-bottom:16px;border-radius:6px;border:1px solid #cbd5e0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.detail-item{display:flex;gap:8px;font-size:11px}.export-notice{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border:2px dashed #5573aa;border-radius:6px;padding:10px;text-align:center;font-weight:700;color:#2d3748;margin-bottom:16px;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.identifier-label-small{font-weight:500;color:#6c757d;display:inline}.party-identifiers{display:flex;flex-direction:column;gap:2px;margin-bottom:0;margin-top:0}.party-identifier{font-size:12px;color:#495057;font-weight:400;text-align:left}.place-of-supply-section{background:#f8f9fa;padding:10px 12px;margin-bottom:16px;border-radius:6px;border:1px solid #cbd5e0;display:flex;align-items:center;gap:12px;font-size:12px}.place-of-supply-label{font-weight:500;color:#6c757d}.place-of-supply-value{color:#5573aa;font-weight:500}.supply-type-badge-inline{display:inline-block;background:linear-gradient(135deg,#5573aa,#3d5278);color:#fff;font-weight:600;font-size:9px;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.vendor-code{font-size:12px;color:#495057;margin:4px 0;font-weight:400}.vendor-code-label{font-weight:500;color:#6c757d}