.view-invoice .tx-right{text-align:right}.view-invoice .invoice-box{position:relative;border-radius:12px;border:1px solid #eee;background:#fff;margin:16px 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.view-invoice .invoice-box:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#1db584}.view-invoice .invoice-box:hover .accent-bar{width:100%}.view-invoice .invoice-box .invoice-header-section{background:#fafafa;border-bottom:1px solid #eee;padding:24px}.view-invoice .invoice-box .invoice-header-section .header-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:20px}.view-invoice .invoice-box .invoice-header-section .header-row .header-left,.view-invoice .invoice-box .invoice-header-section .header-row .header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.view-invoice .invoice-box .invoice-header-section .header-row .date-info,.view-invoice .invoice-box .invoice-header-section .header-row .from-info,.view-invoice .invoice-box .invoice-header-section .header-row .invoice-ref,.view-invoice .invoice-box .invoice-header-section .header-row .status-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.view-invoice .invoice-box .invoice-header-section .header-row .date-info div:first-child,.view-invoice .invoice-box .invoice-header-section .header-row .from-info div:first-child,.view-invoice .invoice-box .invoice-header-section .header-row .invoice-ref div:first-child,.view-invoice .invoice-box .invoice-header-section .header-row .status-info div:first-child{font-size:14px;font-weight:600;color:#757575;min-width:80px}.view-invoice .invoice-box .invoice-header-section .header-row .date-info div:last-child,.view-invoice .invoice-box .invoice-header-section .header-row .from-info div:last-child,.view-invoice .invoice-box .invoice-header-section .header-row .invoice-ref div:last-child,.view-invoice .invoice-box .invoice-header-section .header-row .status-info div:last-child{font-size:14px;font-weight:700;color:#212121}.view-invoice .invoice-box .invoice-header-section .header-row .date-info div:last-child.status-pending,.view-invoice .invoice-box .invoice-header-section .header-row .from-info div:last-child.status-pending,.view-invoice .invoice-box .invoice-header-section .header-row .invoice-ref div:last-child.status-pending,.view-invoice .invoice-box .invoice-header-section .header-row .status-info div:last-child.status-pending{color:#ff9800;background:rgba(255,152,0,.1);padding:4px 8px;border-radius:12px;font-size:12px}.view-invoice .invoice-box .invoice-header-section .header-row .date-info div:last-child.status-paid,.view-invoice .invoice-box .invoice-header-section .header-row .from-info div:last-child.status-paid,.view-invoice .invoice-box .invoice-header-section .header-row .invoice-ref div:last-child.status-paid,.view-invoice .invoice-box .invoice-header-section .header-row .status-info div:last-child.status-paid{color:#1db584;background:rgba(29,181,132,.1);padding:4px 8px;border-radius:12px;font-size:12px}.view-invoice .invoice-box .invoice-reference-section{padding:20px 24px;background:#fff;border-bottom:1px solid #eee}.view-invoice .invoice-box .invoice-reference-section .reference-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.view-invoice .invoice-box .invoice-reference-section .reference-row .ref-label{font-size:16px;font-weight:600;color:#757575}.view-invoice .invoice-box .invoice-reference-section .reference-row .ref-value{font-size:16px;font-weight:700;color:#2196f3}.view-invoice .invoice-box .itemized-table .table-header{display:grid;grid-template-columns:2fr 80px 120px 120px;gap:16px;padding:16px 24px;background:#f5f5f5;border-bottom:1px solid #eee}.view-invoice .invoice-box .itemized-table .table-header div{font-size:13px;font-weight:700;color:#212121;text-transform:uppercase;letter-spacing:.5px}.view-invoice .invoice-box .itemized-table .table-header div.header-amount,.view-invoice .invoice-box .itemized-table .table-header div.header-qty,.view-invoice .invoice-box .itemized-table .table-header div.header-value{text-align:center}.view-invoice .invoice-box .itemized-table .table-row{display:grid;grid-template-columns:2fr 80px 120px 120px;gap:16px;padding:16px 24px;border-bottom:1px solid #eee;-webkit-transition:all .2s ease;transition:all .2s ease}.view-invoice .invoice-box .itemized-table .table-row:hover{background:#fafafa}.view-invoice .invoice-box .itemized-table .table-row:last-child{border-bottom:none}.view-invoice .invoice-box .itemized-table .table-row div{font-size:14px;color:#212121;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-invoice .invoice-box .itemized-table .table-row div.row-amount,.view-invoice .invoice-box .itemized-table .table-row div.row-qty,.view-invoice .invoice-box .itemized-table .table-row div.row-value{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600}.view-invoice .invoice-box .itemized-table .table-row div.row-amount{color:#1db584}.view-invoice .invoice-box .taxes-section{padding:24px;background:#fafafa;border-bottom:1px solid #eee}.view-invoice .invoice-box .taxes-section .taxes-header{margin-bottom:16px}.view-invoice .invoice-box .taxes-section .taxes-header h4{font-size:16px;font-weight:700;color:#212121;margin:0}.view-invoice .invoice-box .taxes-section .tax-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.view-invoice .invoice-box .taxes-section .tax-item:last-of-type{border-bottom:none;margin-bottom:12px}.view-invoice .invoice-box .taxes-section .tax-item .tax-label{font-size:14px;color:#757575}.view-invoice .invoice-box .taxes-section .tax-item .tax-amount{font-size:14px;font-weight:600;color:#212121}.view-invoice .invoice-box .taxes-section .tax-total{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0;border-top:2px solid #ff9800;margin-top:12px}.view-invoice .invoice-box .taxes-section .tax-total .tax-total-label{font-size:16px;font-weight:700;color:#212121}.view-invoice .invoice-box .taxes-section .tax-total .tax-total-amount{font-size:16px;font-weight:700;color:#ff9800}.view-invoice .invoice-box .final-total-section{padding:24px;background:#fff}.view-invoice .invoice-box .final-total-section .total-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0}.view-invoice .invoice-box .final-total-section .total-row.subtotal .total-amount,.view-invoice .invoice-box .final-total-section .total-row.subtotal .total-label{font-size:16px;font-weight:600;color:#212121}.view-invoice .invoice-box .final-total-section .total-row.grand-total{border-top:2px solid #2196f3;padding-top:16px;margin-top:16px}.view-invoice .invoice-box .final-total-section .total-row.grand-total .total-label{font-size:18px;font-weight:700;color:#212121}.view-invoice .invoice-box .final-total-section .total-row.grand-total .total-amount{font-size:20px;font-weight:700;color:#2196f3}.view-invoice .invoice-box .accent-bar{position:absolute;bottom:0;left:0;height:4px;width:60px;background:#e91e63;-webkit-transition:all .4s ease;transition:all .4s ease}.view-invoice .invoice-box .accent-bar.paid{background:#1db584}.view-invoice .invoice-box .accent-bar.pending{background:#ff9800}.view-invoice .action-section{margin:30px 0}.view-invoice .action-section .action-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:600;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.view-invoice .action-section .action-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.15);box-shadow:0 6px 20px rgba(0,0,0,.15)}.view-invoice .action-section .action-button .btn-icon{font-size:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.view-invoice .action-section .action-button .btn-text{font-size:14px}.view-invoice .action-section .action-button.download-btn{background:#2196f3;color:#fff}.view-invoice .action-section .action-button.download-btn:hover{background:#0d8aee}.view-invoice .action-section .action-button.download-btn:hover .btn-icon{color:#e91e63;-webkit-transform:scale(1.1);transform:scale(1.1)}.view-invoice .action-section .action-button.payment-btn{background:#1db584;color:#fff}.view-invoice .action-section .action-button.payment-btn:hover{background:#199f74}.view-invoice .action-section .action-button.payment-btn:hover .btn-icon{color:#e91e63;-webkit-transform:scale(1.1);transform:scale(1.1)}.view-invoice .action-section .paid-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;padding:16px;background:rgba(29,181,132,.1);color:#1db584;border-radius:8px;font-weight:600;font-size:16px}.view-invoice .action-section .paid-notice i{font-size:18px;-webkit-transition:all .3s ease;transition:all .3s ease}.view-invoice .action-section .paid-notice:hover i{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:768px){.view-invoice .invoice-box .invoice-header-section .header-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.view-invoice .invoice-box .itemized-table .table-header,.view-invoice .invoice-box .itemized-table .table-row{grid-template-columns:1fr 60px 80px 80px;gap:8px;padding:12px 16px}.view-invoice .action-section .row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.view-invoice .action-section .row .col-md-5{width:100%;margin:0!important}}.view-invoice .invoice-box:focus{outline:2px solid #1db584;outline-offset:2px}.view-invoice .invoice-box.error{border-color:#f44336;background:#fff5f5}.view-invoice .invoice-box.error .accent-bar{background:#f44336}