:root{--webrush-blue:#192442;--webrush-gray:#f5f6fa;--webrush-border:#e5e5e5}.invoice-container{font-family:Inter,Arial,Helvetica,sans-serif;max-width:700px;margin:2rem auto;background:#fff;color:var(--webrush-blue);padding:2.5rem 2rem 2rem;border-radius:18px;box-shadow:0 2px 16px rgba(25,36,66,.1);position:relative;overflow:hidden;border:1px solid var(--webrush-border)}.invoice-topbar{position:absolute;top:10px;left:0;width:100%;height:6px;background:var(--webrush-blue);border-radius:18px 18px 0 0}.invoice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.2rem;gap:.5rem;position:relative}.invoice-logo{height:48px;width:auto;display:block;border-radius:12px;margin-right:0}.invoice-title-row{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.invoice-title{font-size:1.6rem;font-weight:700;color:var(--webrush-blue);margin-bottom:.15rem;position:relative;display:inline-block;letter-spacing:-.5px}.invoice-title-underline{display:block;height:3px;width:80px;background:var(--webrush-blue);border-radius:2px;margin-top:6px}.invoice-original-label{font-size:1.1rem;font-weight:500;margin-left:5rem;white-space:nowrap}.invoice-status{color:#888;font-size:1rem;font-weight:500;margin-top:.2rem}.invoice-agency{font-weight:500;color:var(--webrush-blue);font-size:1.05rem;margin-top:2px;letter-spacing:.01em}.invoice-details-row{margin-bottom:2.2rem;display:flex;justify-content:space-between;gap:2rem}.invoice-details-block{min-width:180px}.invoice-details-label{font-weight:600;color:var(--webrush-blue);font-size:1rem;margin-bottom:.2rem;letter-spacing:.01em}.invoice-details-value{font-size:1rem;color:#222;margin-bottom:.1rem}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:2.2rem;font-size:1rem;border-radius:10px;overflow:hidden}.invoice-table td,.invoice-table th{border:1px solid var(--webrush-border);padding:.6rem .9rem;text-align:right}.invoice-table th{background:var(--webrush-blue);color:#fff;font-weight:600;letter-spacing:.02em;font-size:1rem}.invoice-table td:first-child,.invoice-table th:first-child{text-align:left}.invoice-table tr:nth-child(2n) td{background:var(--webrush-gray)}.invoice-summary-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2.5rem;margin-top:2.2rem;margin-bottom:.5rem}.invoice-summary-left{flex:1 1 0;min-width:180px;max-width:320px;display:flex;flex-direction:column;justify-content:flex-start;gap:.3rem}.invoice-summary-totals{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:220px}.invoice-summary-totals div span{color:#222;font-weight:500;font-size:1.05rem}.invoice-summary-totals .total{font-size:1.2rem;font-weight:700;color:var(--webrush-blue);letter-spacing:-.5px;margin-top:.5rem}.download-btn{background:var(--webrush-blue);color:#fff;padding:.6rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:1.5rem;transition:background .2s,color .2s;box-shadow:0 2px 8px rgba(25,36,66,.08);letter-spacing:.01em}.download-btn:hover{background:#11182b;color:#fff}.accent-dot{display:inline-block;width:12px;height:12px;background:#45d3a1;border-radius:50%;margin-right:12px;vertical-align:middle;box-shadow:0 1px 4px rgba(69,211,161,.18)}.invoice-page{min-height:100vh;display:flex;flex-direction:column;background:#fff}.invoice-content{flex:1 0 auto}.payment-instructions{margin-top:2.5rem;padding:1.2rem 1.5rem;background:#f5f6fa;border-radius:10px;color:#192442;font-size:1.08rem;font-weight:500;box-shadow:0 1px 4px rgba(25,36,66,.04)}.client-logo{max-width:80px;max-height:48px;margin-bottom:.7rem;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 1px 4px rgba(25,36,66,.08)}.invoice-layout{flex:1 0 auto;display:flex;flex-direction:row;gap:2.5rem;max-width:1000px;margin:0 auto}.invoice-sidepanel{width:280px;min-width:220px;background:#f5f6fa;border-radius:14px;box-shadow:0 2px 8px rgba(25,36,66,.06);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.7rem;position:sticky;top:2rem;height:fit-content}.sidepanel-client-logo{max-width:70px;max-height:40px;margin-bottom:.5rem;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 1px 4px rgba(25,36,66,.08)}.sidepanel-client-name{font-weight:600;color:#192442;font-size:1.08rem;text-align:center;margin-bottom:.5rem}.stripe-link{display:inline-block;background:#635bff;color:#fff;font-weight:600;padding:.5rem 1.1rem;border-radius:7px;text-decoration:none;font-size:1rem;margin-bottom:.5rem;transition:background .18s;box-shadow:0 1px 4px rgba(99,91,255,.1)}.stripe-link:hover{background:#4f46e5}.bank-details{width:100%;background:#fff;border-radius:8px;padding:.7rem .8rem;font-size:.98rem;color:#192442;box-shadow:0 1px 4px rgba(25,36,66,.04);margin-bottom:.5rem;word-break:break-all;overflow-wrap:break-word;white-space:normal;min-width:0;box-sizing:border-box}.bank-details-title{font-weight:600;margin-bottom:.2rem;color:#192442;font-size:1.01rem}.bank-details-iban{white-space:nowrap;font-size:.97em;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%;vertical-align:bottom}.invoice-footer{flex-shrink:0;width:100%;background:#f5f6fa;color:#192442;text-align:center;padding:1.2rem 0 1.1rem;font-size:1rem;font-weight:500;letter-spacing:.01em;border-top:1px solid #e5e5e5}@media (max-width:900px){.invoice-layout{flex-direction:column;gap:1.5rem}.invoice-sidepanel{width:100%;min-width:0;flex-direction:row;align-items:flex-start;gap:2rem;position:static;margin-bottom:1.5rem}.bank-details{margin-bottom:0}}@media (max-width:600px){.invoice-container{max-width:100vw;width:100vw;margin:0;padding:1rem .2rem 1.2rem;border-radius:0;box-shadow:none}.invoice-header{flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1.2rem}.invoice-title{font-size:1.3rem;width:100%;text-align:center}.invoice-title-underline{width:40px;margin:.3rem auto 0}.invoice-agency,.invoice-status{font-size:.95rem;text-align:center}.invoice-details-row{flex-direction:column;gap:.7rem;margin-bottom:1.2rem}.invoice-details-block{min-width:0;width:100%}.invoice-table{font-size:.95rem;display:block;overflow-x:auto;border-radius:0}.invoice-table table{min-width:500px}.invoice-summary-row{flex-direction:column;gap:1.2rem;margin-top:1.2rem}.invoice-summary-totals{align-items:flex-start;min-width:0}.download-btn{font-size:.95rem;padding:.5rem 1rem;margin-top:1rem}.payment-instructions{padding:.7rem;font-size:.98rem;margin-top:1.2rem}.invoice-sidepanel{width:100%;min-width:0;position:static;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem .5rem;box-shadow:none}.bank-details{padding:.5rem;font-size:.92rem;margin-bottom:.2rem}}.pdf-a4{width:794px!important;min-width:0!important;max-width:none!important;min-height:1123px!important;height:auto!important;margin:0!important;padding:0!important;box-sizing:border-box!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;border:none!important;display:block!important}.pdf-a4>*{margin-left:0!important;margin-right:0!important}.pdf-a4 .invoice-topbar,.pdf-a4>*{width:100%!important;max-width:none!important}.pdf-a4 .invoice-topbar{left:0!important;min-width:0!important;position:absolute!important}.pdf-a4-content{padding-left:40px;padding-right:40px;box-sizing:border-box}.pdf-a4-content .invoice-header{margin-top:24px;margin-bottom:44px}.payment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:1.05rem}.payment-label{font-weight:600;color:#192442;min-width:120px}.payment-detail{color:#222;text-align:right;flex:1;margin-left:24px;word-break:break-all}@media (max-width:700px){.invoice-summary-row{flex-direction:column;gap:1.2rem;margin-top:1.2rem}.invoice-summary-totals{align-items:flex-start;min-width:0}}