.invoice-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.invoice-modal-container{background:var(--color-surface,#2a3441);border-radius:12px;max-width:800px;width:90vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid hsla(55,80%,92%,.1);box-shadow:0 20px 40px rgba(0,0,0,.3)}.invoice-modal-container:has(.pdf-viewer-section){max-width:1200px;max-height:95vh}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pdf-viewer-section{display:flex;flex-direction:column;height:80vh;background:var(--color-background,#212a31)}.pdf-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid hsla(55,80%,92%,.1);background:var(--color-surface,#2a3441)}.pdf-viewer-header h3{margin:0;color:var(--color-text-primary,#fbf8da);font-size:18px;font-weight:600}.pdf-viewer-controls{display:flex;gap:12px}.pdf-viewer-content{flex:1 1;display:flex;flex-direction:column;position:relative;background:#f5f5f5}.pdf-iframe{width:100%;height:100%;border:none;background:#fff;min-height:600px}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--color-text-secondary,#a8b3c1);gap:12px}.pdf-loading .spinning{animation:spin 1s linear infinite}.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--color-text-secondary,#a8b3c1);gap:12px;padding:20px;text-align:center}.pdf-error h4{margin:0;color:var(--color-danger,#ef4444);font-size:18px}.pdf-error p{margin:0;max-width:400px;line-height:1.5}.invoice-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid hsla(55,80%,92%,.1);background:rgba(65,83,97,.1)}.modal-title-section{display:flex;align-items:center;gap:16px}.modal-icon{width:48px;height:48px;border-radius:12px;background:rgba(213,171,22,.15);display:flex;align-items:center;justify-content:center;color:var(--color-accent,#d5ab16);font-size:20px}.modal-title-section h2{margin:0;color:var(--color-text,#fbf8da);font-size:20px;font-weight:600}.modal-subtitle{margin:4px 0 0;color:hsla(55,80%,92%,.7);font-size:14px;font-weight:400}.modal-close-btn{width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:hsla(55,80%,92%,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:18px}.modal-close-btn:hover{background:hsla(55,80%,92%,.1);color:var(--color-text,#fbf8da)}.invoice-status-section{padding:16px 32px;border-bottom:1px solid hsla(55,80%,92%,.05)}.invoice-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.invoice-status-badge.approved{background:rgba(34,197,94,.15);color:#22c55e;border-color:rgba(34,197,94,.3)}.invoice-status-badge.pending{background:rgba(245,158,11,.15);color:#f59e0b;border-color:rgba(245,158,11,.3)}.invoice-modal-content{padding:24px 32px;overflow-y:auto;overflow-x:hidden;flex:1 1}.invoice-details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.detail-card{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(65,83,97,.1);border:1px solid hsla(55,80%,92%,.05);border-radius:12px;transition:all .2s}.detail-card:hover{background:rgba(65,83,97,.15);border-color:hsla(55,80%,92%,.1)}.detail-icon{width:36px;height:36px;border-radius:8px;background:rgba(213,171,22,.15);display:flex;align-items:center;justify-content:center;color:var(--color-accent,#d5ab16);font-size:16px;flex-shrink:0}.detail-content{flex:1 1}.detail-label{font-size:12px;color:hsla(55,80%,92%,.6);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{font-size:16px;color:var(--color-text,#fbf8da);font-weight:600}.detail-value.amount{color:var(--color-accent,#d5ab16);font-family:JetBrains Mono,Courier New,monospace}.invoice-section{margin-bottom:24px;padding:20px;background:rgba(65,83,97,.05);border:1px solid hsla(55,80%,92%,.05);border-radius:12px}.section-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text,#fbf8da);padding-bottom:8px;border-bottom:1px solid hsla(55,80%,92%,.1)}.property-info{display:flex;flex-direction:column;gap:12px}.property-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.property-label{color:hsla(55,80%,92%,.7);font-size:14px;font-weight:500}.property-value{color:var(--color-text,#fbf8da);font-size:14px;font-weight:600}.invoice-summary{display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid hsla(55,80%,92%,.05);font-size:14px}.summary-row:last-child{border-bottom:none}.summary-row.total{margin-top:8px;padding-top:16px;border-top:2px solid rgba(213,171,22,.3);font-weight:600;font-size:16px}.status-text{color:var(--color-text,#fbf8da);font-weight:500}.total-amount{color:var(--color-accent,#d5ab16);font-family:JetBrains Mono,Courier New,monospace;font-weight:700}.invoice-notes{background:rgba(65,83,97,.1);border-radius:8px;padding:16px;border-left:4px solid var(--color-accent,#d5ab16)}.invoice-notes p{margin:0;color:hsla(55,80%,92%,.8);font-size:14px;line-height:1.5}.invoice-modal-footer{padding:20px 32px;border-top:1px solid hsla(55,80%,92%,.1);background:rgba(65,83,97,.05);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.kyan-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.kyan-btn:disabled{opacity:.5;cursor:not-allowed;background:hsla(220,9%,46%,.15)!important;color:hsla(55,80%,92%,.5)!important;border-color:hsla(220,9%,46%,.3)!important}.kyan-btn-secondary{background:rgba(156,163,175,.15);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.kyan-btn-secondary:hover:not(:disabled){background:rgba(156,163,175,.25);border-color:#9ca3af}.kyan-btn-primary{background:var(--color-accent,#d5ab16);color:var(--color-background,#212a31);border:1px solid var(--color-accent,#d5ab16)}.kyan-btn-primary:hover:not(:disabled){background:#c39a14;border-color:#c39a14;transform:translateY(-1px);box-shadow:0 4px 12px rgba(213,171,22,.3)}.kyan-btn-accent{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.kyan-btn-accent:hover:not(:disabled){background:rgba(59,130,246,.25);border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.line-items-table{overflow-x:auto;margin:16px 0}.line-items-table table{width:100%;min-width:500px;border-collapse:collapse;background:rgba(65,83,97,.1);border-radius:8px;overflow:hidden}.line-items-table th{background:rgba(65,83,97,.3);color:var(--color-text,#fbf8da);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px;border-bottom:2px solid rgba(213,171,22,.3)}.line-items-table td{padding:10px 12px;font-size:13px;color:var(--color-text,#fbf8da);border-bottom:1px solid hsla(55,80%,92%,.05)}.line-items-table .item-name{font-weight:500;color:hsla(55,80%,92%,.9)}.line-items-table .line-total{font-weight:600;color:var(--color-accent,#d5ab16)}.line-items-table .total-row td{background:rgba(213,171,22,.1);border-top:2px solid rgba(213,171,22,.3);border-bottom:none;font-weight:600;padding:14px 12px}.line-items-table .text-center{text-align:center}.line-items-table .text-right{text-align:right;font-family:JetBrains Mono,Courier New,monospace}.line-items-table tbody tr:hover{background:rgba(65,83,97,.15)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.invoice-modal-container{width:95vw;max-width:95vw;max-height:90vh}.invoice-modal-content{padding:20px}.invoice-modal-footer{padding:16px 20px;flex-direction:column;gap:12px}.invoice-actions{width:100%;justify-content:space-between}.invoice-details-grid{grid-template-columns:1fr;gap:12px}.detail-card{padding:12px}.invoice-section{padding:16px}.modal-title-section h2{font-size:18px}.modal-subtitle{font-size:13px}}@media (max-width:480px){.invoice-modal-footer{flex-direction:column}.kyan-btn{width:100%;justify-content:center}}