@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";body{font-family:Arial,sans-serif;background-color:#f4f4f4}.container{max-width:800px;width:100%;margin:0 auto;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}#dueDate{width:85%;margin-left:18px}#date{width:85%}#adr{width:100%}#address,#clientAddress{width:97%}.sigCanvas{border:1px solid skyblue;font-size:1em;border-radius:10px;outline:none;font-family:Arial,sans-serif}#btnreset{background-color:#2a68b2;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:15px;cursor:pointer}h1{text-align:center;color:#333}form{margin-bottom:20px}fieldset{border:2px solid #ccc;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:95%}legend{font-size:1.2em;font-weight:700;color:#333}.form-group{margin-bottom:15px;width:48%}#date00{width:48%;display:flex}label{display:block;margin-bottom:5px}input[type=text],input[type=number],input[type=date]{width:94%;padding:10px;border:1px solid skyblue;font-size:1em;border-radius:10px;outline:none;font-family:Arial,sans-serif;background-color:transparent;height:20px}textarea[type=text]{width:94%;padding:10px;border:1px solid skyblue;border-radius:10px;outline:none;font-family:Arial,sans-serif}table{width:100%;border-collapse:collapse;margin-bottom:5px}th,td{border:1px solid #ccc;padding:10px;text-align:center;font-size:14px}.delete-product{text-decoration:none;color:#333}.delete-product:hover{opacity:.7}#add-product{background-color:#000;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}#add-product:hover{background-color:#1a1313}button[type=submit]{background-color:#2a68b2;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}button[type=submit]:hover{background-color:#2a68b2}#in{width:85%}#uu{width:60px}.form-group33{width:100%}#note{max-width:97%;width:97%;padding:10px;border:1px solid skyblue;height:100px;border-radius:10px;outline:none;font-family:inter;font-size:15px}.email{width:94%;padding:10px;border:1px solid skyblue;font-size:1em;border-radius:10px;outline:none}#btnd{outline:none;border:none;background-color:red;color:#fff;padding:10px;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center}#ii{width:86%}#reset{background-color:#2a68b2;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:13px}#thp{width:200px}.btnq1{display:flex;justify-content:flex-end;width:100%;align-items:center}.checked{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}input[type=checkbox]{font-size:30px;width:52px;height:32px}#checklbl{font-size:20px;font-weight:600}.btnq1 button{background-color:#2a68b2;color:#fff;border:none;width:90px;height:30px;margin:5px;border-radius:5px;font-size:15px;cursor:pointer}#saleppp{margin:10px;width:91%}#salepppt{width:91%}.inn1 input{border:none!important;height:10px!important}.inn1 label{font-weight:600;color:#000}#btn6{background-color:#000;color:#fff;border:none;padding:10px;height:30px;margin:5px;border-radius:5px;font-size:12px;cursor:pointer}@media screen and (max-width: 450px){.container{min-width:800px;margin:0 auto;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}h1{text-align:center;color:#333}form{margin-bottom:20px}fieldset{border:2px solid #ccc;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:95%}legend{font-size:2em;font-weight:700;color:#333}.form-group{margin-bottom:15px;width:100%}label{display:block;font-size:33px;margin-bottom:5px;margin-top:5PX}input[type=text],input[type=number],input[type=date]{width:97%;padding:10px;border:1px solid skyblue;background:none;font-size:1em;border-radius:10px;font-size:25px;height:40px;outline:none;font-family:Arial,sans-serif}textarea[type=text]{width:97%;padding:10px;border:1px solid skyblue;background:none;border-radius:10px;height:40px;outline:none;font-family:Arial,sans-serif}table{width:100%;border-collapse:collapse;margin-bottom:5px}th,td{border:1px solid #ccc;padding:10px;text-align:center}.delete-product{text-decoration:none;color:#333}.delete-product:hover{opacity:.7}#add-product{background-color:#000;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:20px}#add-product:hover{background-color:#1a1313}button[type=submit]{background-color:#2a68b2;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:25px;cursor:pointer}button[type=submit]:hover{background-color:#2a68b2}#in{width:85%}#uu{width:78px;font-size:20px;border-radius:10px;border:1px solid skyblue;padding:0}#note{max-width:97%;min-width:97%;min-height:90px;padding-left:10px;border-radius:10px;font-family:inter}.email{width:97%;height:40px;padding:10px;border:1px solid skyblue;font-size:25px;border-radius:10px;outline:none}#btnd{outline:none;border:none;background-color:red;color:#fff;padding:10px;border-radius:5px;font-size:19px;font-weight:500;cursor:pointer;display:flex;align-items:center}#ii{width:90%;font-size:18px;border-radius:10px;border:1px solid skyblue;padding:0}#reset{background-color:#2a68b2;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:25px}#thp{width:150px}#date00{width:99%}#dueDate{width:90%;margin-left:22px}#date{width:90%}}.invoice-container{width:194.7mm;min-height:250mm;padding:20px;background-color:#fff;box-sizing:border-box;position:relative;overflow-wrap:anywhere}.tech-note{clear:both;width:100%;max-width:100%;margin:18px 0 14px;box-sizing:border-box;position:relative;z-index:1;font-size:15px;line-height:1.45}.tech-note-title{margin-bottom:8px;text-align:center;font-size:18px;font-weight:600}.tech-note-body,.tech-note-body *{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.tech-note-body{width:100%;text-align:left}.tech-note-body p{margin:4px 0}.tech-note-body ul,.tech-note-body ol{margin:6px 0 8px;padding-left:24px}.tech-note-body li{margin:3px 0}.tech-note-plain{white-space:pre-wrap;text-align:center}.tech-invoice-footer{clear:both;width:100%;max-width:100%;margin-top:18px;position:relative}.tech-tagline{display:block;width:100%;margin:4px auto 12px;text-align:center;font-size:13px;font-weight:700;color:#333;font-family:Arial,Helvetica,sans-serif}.tech-print-banks{width:100%;margin-top:10px;font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.tech-print-bank{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;border:1px solid #dbe3ee;border-radius:6px;min-width:0}.tech-print-bank-qr{width:140px;height:140px;object-fit:contain;background:#fff;flex-shrink:0}@media print{.download-container{display:none}}#dwn{position:absolute;top:25px;padding:10px;z-index:1;background:#000;color:#fff}#payments-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.payment-row{display:flex;width:90%;justify-content:space-between;margin-bottom:10px}.payment-row p{margin:0 0 16px}#total-advance{font-weight:700;border-top:2px solid black;border-bottom:2px solid black;display:flex;justify-content:space-between;width:90%;margin:0}#total-advance p{margin:5px}#hed{font-size:14px;font-weight:600}.main{display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin-top:-10px}.main1{width:63%}.main1 p{font-size:13px;font-weight:600}.main2{width:37%;min-height:240px}.main2 p{font-size:13px;font-weight:600;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}#seller-data{margin-top:5px}#ee{font-size:14px;font-weight:600}#hed1{font-size:15px;font-weight:600;text-align:center}#currentdate{border:none;font-size:16px;width:85px}@media screen and (max-width: 450px){.invoice-containe{position:relative}#hed{font-size:20px;font-weight:600}.main{display:flex;justify-content:center;flex-wrap:wrap;width:100%}.main1 h2{font-size:30px}.main1 p{font-size:20px}.main1{width:63%}.main2{width:37%}.main2 h2{font-size:30px}.main2 p{font-size:20px;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.invoice-containe h2{font-size:30px}.tech-note{font-size:20px}#ee{font-size:17px}.invoice-container{margin-top:105px}}@page{size:A4;margin:0}.pro-print-actions{display:flex;justify-content:flex-end;padding:16px 0 8px}.pro-print-actions button{background:#111827;color:#fff;border:none;padding:10px 14px;border-radius:6px;cursor:pointer;font-weight:600}.pro-doc-page{width:210mm;min-height:297mm;padding:14mm 16mm 0;background:#fff;box-sizing:border-box;position:relative;overflow:hidden;color:#111;font-family:Arial,Helvetica,sans-serif;margin:0 auto 18px;box-shadow:0 0 10px #00000014;display:flex;flex-direction:column}.pro-doc-page.pro-doc-flow{overflow:visible;height:auto}.pro-watermark{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);opacity:.07;pointer-events:none;width:72%;z-index:0}.pro-page-inner{position:relative;z-index:1;width:100%;max-width:100%;flex:1 0 auto;padding-bottom:12mm;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.ag-header{display:flex;align-items:center;gap:12px}.ag-logo{height:110px;width:auto;max-width:220px;object-fit:contain}.ag-brand{display:flex;flex-direction:column}.ag-brand h2{margin:0;color:#1d4f8c;font-size:28px;line-height:1}.ag-brand span{color:#2f6fad;font-size:12px;margin-top:4px}.ag-tagline{display:block;width:100%;margin:10px auto 16px;text-align:center;font-size:14px;font-weight:700;color:#333}.ag-title{text-align:center;font-size:24px;margin:10px 0 16px;letter-spacing:.3px;font-weight:700}.ag-and{text-align:center;font-weight:700;margin:10px 0}.ag-body u{text-decoration:underline;font-weight:600}.ag-notepad{margin:0 0 22px;padding:0;border:none;background:transparent;word-wrap:break-word;overflow-wrap:anywhere;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;color:#111}.ag-notepad h1,.ag-notepad h2{text-align:center;font-size:24px;margin:10px 0 16px;letter-spacing:.3px;font-weight:700}.ag-notepad h3{background:#d9d9d9;font-weight:700;font-size:16px;padding:7px 10px;margin:16px 0 10px}.ag-notepad p{margin:6px 0;font-size:16px}.ag-notepad ul,.ag-notepad ol{margin:8px 0 10px 24px;padding:0}.ag-notepad li{margin:4px 0;font-size:16px}.ag-notepad a{color:#1d4f8c}.ag-notepad strong,.ag-notepad b{font-weight:700}.ag-notepad em,.ag-notepad i{font-style:italic}.ag-notepad u{text-decoration:underline}.ag-notepad .ql-size-small{font-size:13px}.ag-notepad .ql-size-large{font-size:20px}.ag-notepad .ql-size-huge{font-size:24px}.ag-notepad .ql-align-center{text-align:center}.ag-notepad .ql-align-right{text-align:right}.ag-notepad .ql-align-justify{text-align:justify}.ag-note{margin-top:16px;font-size:13px;line-height:1.5;width:100%;max-width:100%;box-sizing:border-box;position:relative;clear:both;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.ag-note>div,.ag-note>div *{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.ag-note p{margin:4px 0}.ag-note ul,.ag-note ol{margin:6px 0 8px 18px;padding:0}.ag-intro{font-size:16px;line-height:1.65;margin:0 0 10px;max-width:100%;white-space:normal;overflow-wrap:break-word;word-wrap:break-word}.ag-body,.ag-body li{font-size:16px;line-height:1.65}.ag-body,.ag-body p,.ag-body li,.ag-section-title{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:break-word;word-wrap:break-word}.ag-body strong,.ag-body b,.ag-intro strong,.ag-intro b{font-weight:700!important}.ag-body em,.ag-body i,.ag-intro em,.ag-intro i{font-style:italic!important}.ag-body u,.ag-intro u{text-decoration:underline}.ag-body .ql-size-small{font-size:13px}.ag-body .ql-size-large{font-size:20px}.ag-body .ql-size-huge{font-size:24px}.ag-body .ql-align-center{text-align:center}.ag-body .ql-align-right{text-align:right}.ag-body .ql-align-justify{text-align:justify}.ag-section-title{background:#d9d9d9;font-weight:700;font-size:16px;padding:7px 10px;margin:16px 0 10px}.ag-body p{margin:4px 0}.ag-body ul{margin:6px 0 8px 18px;padding:0}.ag-sign{display:flex;justify-content:space-between;gap:40px;margin-top:18px}.ag-sign-col{width:46%}.ag-sign-col h4{margin:0 0 14px;font-size:16px}.ag-line{margin:0 0 16px;font-size:15px;border-bottom:1px solid #111;min-height:24px;padding-bottom:2px}.ag-sign-line{margin:0 0 16px;font-size:15px}.ag-sign-line-inner{border-bottom:1px solid #111;width:180px;height:58px;min-height:58px;display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:1px;overflow:hidden}.ag-sign-img,.doc-sign-img{max-width:180px;max-height:56px;width:auto;height:auto;object-fit:contain;object-position:left bottom;display:block;margin-left:0;margin-right:auto}.doc-sign-slot{width:180px;height:58px;min-height:58px;display:flex;align-items:flex-end;justify-content:flex-start;border-bottom:1px solid #111;padding-bottom:2px;margin-bottom:6px;overflow:hidden}.doc-sign-label{margin:0;font-size:13px;font-weight:600;text-align:left}.tpl-product-img{width:46px;height:46px;object-fit:cover;border-radius:4px}.ag-footer{position:relative;left:auto;right:auto;bottom:auto;background:#2f6fad;color:#fff;padding:8px 12mm 10px;font-size:11px;flex:0 0 auto;width:auto;margin:auto -16mm 0;box-sizing:border-box}.ag-footer-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600}.ag-footer-item,.ag-footer-address{display:flex;align-items:center;gap:6px}.ag-footer-icon{width:18px;height:18px;min-width:18px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e;border-radius:50%;color:#fff}.ag-footer-icon svg{width:12px;height:12px;display:block}.ag-footer-address{margin-top:6px;justify-content:center;text-align:left}.salary-box,.invoice-card{border:1px solid #d1d5db;border-radius:8px;padding:12px;margin-top:12px}.salary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:13px}.salary-grid p{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.salary-table{width:100%;border-collapse:collapse;margin-top:16px}.salary-table th,.salary-table td{border:1px solid #ccc;padding:8px 10px;font-size:13px}.salary-total{font-weight:700;background:#eef4fb}.pro-invoice-head{position:relative;width:100%;min-height:52px;margin:4px 0 16px}.pro-invoice-title{margin:0;text-align:center;font-size:34px;line-height:1.1;font-weight:800;letter-spacing:.6px;color:#2a68b2}.pro-invoice-meta{position:absolute;right:0;top:0;text-align:right;font-size:13px}.pro-invoice-meta p{margin:0 0 6px}.pro-invoice-head img{height:140px;width:50%;object-fit:contain}.adv-header{text-align:center}.adv-logo{height:118px;width:auto;max-width:220px;object-fit:contain;display:block;margin:0 auto 6px}.adv-company{margin:4px 0 2px;font-size:22px;letter-spacing:.8px}.adv-sub{margin:0 0 8px;font-size:13px}.adv-title{text-align:center;font-size:18px;margin:20px 0 16px;letter-spacing:.4px}.adv-table{width:100%;border-collapse:collapse;margin-bottom:8px}.adv-table th,.adv-table td{border:1px solid #111;padding:8px 10px;font-size:13px;vertical-align:top}.adv-lbl{width:38%;font-weight:700}.adv-sno{width:70px;text-align:center}.adv-amount{text-align:right;white-space:nowrap;width:150px}.adv-section{margin:22px 0 8px;font-size:14px}.adv-total-row td{font-weight:700}.adv-meta{margin-top:22px;font-size:13px;line-height:1.65}.adv-meta p{margin:0 0 4px}.pro-print-banks{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.pro-print-banks-title{grid-column:1 / -1;margin:0 0 4px;font-size:14px}.pro-print-bank{margin:0;padding:8px 10px;border:1px solid #dbe3ee;border-radius:6px;font-size:12px;line-height:1.45;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0}.pro-print-bank-info{flex:1;min-width:0}.pro-print-bank-qr{width:140px;height:140px;object-fit:contain;background:#fff;flex-shrink:0}.pro-print-bank p{margin:0 0 2px}.mi-title{text-align:center;font-size:32px;font-weight:700;margin:4px 0 18px;color:#111}.mi-meta{border:1px solid #c8c8c8;padding:12px 16px;margin:0 0 20px;display:grid;grid-template-columns:1fr auto;gap:16px 24px;font-size:15px}.mi-meta p{margin:4px 0}.mi-date{text-align:right;min-width:140px}.mi-table{width:100%;border-collapse:collapse;margin-top:8px}.mi-table th,.mi-table td{border:1px solid #bdbdbd;padding:10px 12px;font-size:15px}.mi-table th{background:#f3f4f6;text-align:left;font-weight:700}.mi-table .mi-amount{text-align:right;width:30%}.mi-total{background:#93c5fd;font-weight:700}.mi-sign,.adv-sign{margin-top:48px;display:flex;justify-content:flex-end;width:100%;font-size:13px;font-weight:600;text-align:left}.mi-sign-block,.adv-sign-block{display:flex;flex-direction:column;align-items:flex-start;width:200px;margin-left:auto;text-align:left}.mi-sign-block .doc-sign-img,.adv-sign-block .doc-sign-img{object-position:left bottom;margin:0 0 2px}.mi-sign-line{display:block;width:200px;border-bottom:1px solid #111;margin-bottom:6px}.adv-sign-block p{margin:0}.tech-ag-page{width:210mm;min-height:0;height:auto;padding:10px 10px 20px;margin:0 auto 18px;background:#fff;box-sizing:border-box;position:relative;overflow:visible;color:#111;font-family:Arial,Helvetica,sans-serif;box-shadow:0 0 10px #0000001a}.tech-ag-inner{width:100%}.tech-ag-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;margin-top:0}.tech-ag-logo{height:130px;width:auto;max-width:58%;object-fit:contain;object-position:left center}.tech-ag-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex-shrink:0}.tech-ag-meta h1{margin:0;color:#2a68b2;font-size:32px;font-weight:700}.tech-ag-meta p{margin:4px 0 0;font-size:15px;font-weight:600}.tech-ag-tagline{display:block;width:100%;margin:4px auto 12px;text-align:center;font-size:13px;font-weight:700;color:#333}.tech-ag-cols{display:flex;justify-content:space-between;gap:12px;width:100%;margin-top:4px}.tech-ag-col{width:60%}.tech-ag-col-client{width:38%}.tech-ag-col h2,.tech-ag-col-client h2{margin:0 0 8px;color:#2a68b2;font-size:22px}.tech-ag-col p,.tech-ag-col-client p{margin:3px 0;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.tech-ag-col span,.tech-ag-col-client span{font-weight:700}.tech-ag-table{width:100%;border-collapse:collapse;margin:10px 0 8px}.tech-ag-table th,.tech-ag-table td{border:1px solid #111;padding:7px 8px;font-size:14px;font-weight:600;text-align:left}.tech-ag-table th{color:#2a68b2;background:#f3f8fd}.tech-ag-doc-title{text-align:center;color:#2a68b2;font-size:20px;margin:12px 0 10px;font-weight:700}.tech-ag-section{color:#2a68b2;font-weight:700;font-size:16px;padding:6px 0 4px;margin:14px 0 8px;border-bottom:2px solid #2a68b2;background:transparent}.tech-ag-and{text-align:center;font-weight:700;color:#2a68b2;margin:10px 0}.tech-ag-sign{display:flex;justify-content:space-between;gap:40px;margin-top:18px}.tech-ag-sign-col{width:46%}.tech-ag-sign-col h4{margin:0 0 14px;font-size:16px;color:#2a68b2}.tech-ag-footer{margin-top:24px;padding-top:8px;border-top:2px solid #2a68b2}.tech-ag-footer-row{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:8px}.tech-ag-footer-row p{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:15px;font-weight:600}.tech-ag-footer-row img{height:20px;width:20px}.tech-ag-footer-address{width:100%;margin:0;text-align:center;font-size:16px;font-weight:600}@media print{.pro-print-actions{display:none!important}.pro-doc-page{box-shadow:none;margin:0;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pro-doc-page.pro-doc-flow{page-break-after:auto;overflow:visible}.tech-ag-page{box-shadow:none;margin:0;min-height:0;height:auto;page-break-after:auto;page-break-inside:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff;display:block}}*{-webkit-tap-highlight-color:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}body{font-family:inter;background-color:#f4f4f4;display:flex;justify-content:center}