@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap";
*{box-sizing:border-box}body{color:#212a25;background:#f4f1eb;margin:0;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.workspace{max-width:1500px;margin:auto;padding:44px 40px 72px}.intro{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.eyebrow{color:#a7692d;letter-spacing:.14em;margin:0 0 7px;font-family:DM Mono;font-size:11px}.intro h1{margin:0;font:700 36px Playfair Display}.intro p:not(.eyebrow){color:#69736c;margin:7px 0 0;font-size:14px}.generate{color:#fff;background:#193c32;border:0;border-radius:8px;padding:14px 21px;font-weight:700;box-shadow:0 8px 20px #193c3233}.editor-grid{grid-template-columns:440px minmax(0,1fr);align-items:start;gap:42px;display:grid}.form-panel{background:#fffdf9;border:1px solid #e4dfd5;border-radius:12px;padding:10px 25px;box-shadow:0 14px 36px #3b352915}.form-panel section{border-bottom:1px solid #ece8df;padding:20px 0}.form-panel section:last-child{border:0}.form-panel h2{color:#1b3e33;margin:0 0 15px;font-size:15px}.fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{display:block}label span{text-transform:uppercase;letter-spacing:.07em;color:#768078;margin:0 0 5px;font-size:10px;font-weight:800;display:block}input{color:#25312a;background:#fff;border:1px solid #dedbd2;border-radius:5px;outline-color:#b97028;width:100%;padding:9px 10px;font-size:12px}.section-title{justify-content:space-between;align-items:center;margin:0 0 15px;display:flex}.section-title h2{margin:0}.section-title button{color:#a55a1b;background:#fff5ea;border:0;border-radius:4px;padding:7px 10px;font-size:11px;font-weight:700}.include-on-pdf{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:inline-flex}.include-on-pdf input{accent-color:#b97028;width:auto;margin:0}.include-on-pdf span{text-transform:none;letter-spacing:0;color:#3d4a42;margin:0;font-size:12px;font-weight:600;display:inline}.item-form{background:#fbfaf6;border-radius:6px;grid-template-columns:1.65fr .75fr .8fr;gap:8px;margin:8px 0;padding:10px 29px 10px 10px;display:grid;position:relative}.item-form label span{font-size:8px}.item-form input{padding:7px}.remove{color:#ad482a;background:0 0;border:0;font-size:20px;position:absolute;top:31px;right:7px}.preview-wrap{position:sticky;top:20px}.preview-label{letter-spacing:.12em;color:#819087;margin:0 0 12px;font-family:DM Mono;font-size:10px}.invoice-paper{color:#2c332f;background:#fff;width:100%;min-height:990px;padding:38px 40px 34px;font-size:11px;line-height:1.45;box-shadow:0 15px 50px #362f2520}.invoice-paper header{min-height:116px;padding:0 8px}.invoice-paper header h1{color:#cd7625;margin:0 0 16px;font-family:Manrope;font-size:26px;line-height:1}.invoice-paper header p{margin:4px 0}.memo-title{color:#1d513f;text-align:center;letter-spacing:.08em;background:#e2fae9;border:0;margin-bottom:14px;padding:9px;font-size:20px;font-weight:800}.memo-title i{color:#5e9c72;padding:0 9px;font-style:normal}.parties{border:1px solid #d9d8d3;grid-template-columns:1fr 1fr;min-height:111px;margin-bottom:20px;display:grid}.parties>div{padding:15px 10px}.parties>div+div{border-left:1px solid #d9d8d3}.parties b{font-weight:800}.parties strong{margin-top:8px;display:block}.parties p{margin:6px 0}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{text-align:center;vertical-align:middle;border:1px solid #dadbd6;padding:10px 5px}th{letter-spacing:.04em;background:#fafafa;font-size:11px;font-weight:800}td{height:76px;font-size:10px}.desc{text-align:left;padding-left:8px}.desc b{font-size:10px;display:block}.desc em{color:#5e615d;margin-top:8px;font-size:9px;display:block}.weight{background:#fff7e9}.weight b{color:#9e5929}small{margin-top:5px;font-size:8px;display:block}.totals{border:1px solid #dadbd6;border-top:0;width:47%;margin-left:auto;font-size:11px}.totals p,.totals h2{text-align:right;border-bottom:1px solid #dadbd6;margin:0;padding:8px 10px}.totals b{float:right;text-align:right;min-width:108px}.totals h2{color:#314237;padding:12px;font-size:18px}.totals h2 b{color:#1e2822}footer{border-top:2px solid #eeece6;margin-top:28px;padding-top:20px}footer>p{margin:0 0 26px}.bottom{justify-content:space-between;min-height:170px;display:flex}.bottom h3{margin:0 0 8px;font-size:12px}.bottom p{margin:5px 0}.bottom ol{margin:15px 0 0;padding-left:16px}.bottom li{margin:7px 0}.signature{text-align:right;flex-direction:column;justify-content:space-between;width:220px;padding:0 0 3px;display:flex}.signature span{border-top:1px solid #aaa;padding-top:5px}.print-only{display:none}@media (max-width:1000px){.workspace{padding:28px 20px}.editor-grid{grid-template-columns:1fr}.preview-wrap{position:static}.invoice-paper{max-width:850px;margin:auto}.intro{align-items:flex-start;gap:15px}.generate{white-space:nowrap}}@media (max-width:600px){.workspace{padding:20px 12px}.intro h1{font-size:28px}.intro{flex-direction:column}.fields{grid-template-columns:1fr}.form-panel{padding:10px 15px}.invoice-paper{padding:22px 14px;font-size:8px;overflow-x:auto}.memo-title{font-size:13px}.invoice-paper header h1{font-size:20px}th,td{padding:5px 2px;font-size:7px}.desc b{font-size:7px}.desc em{font-size:6px}.totals{width:60%}}@page{size:A4 portrait;margin:10mm}@media print{body{background:#fff}.no-print{display:none!important}.print-only{display:block!important}.print-only .invoice-paper{box-shadow:none;width:auto;min-height:0;padding:0;font-size:8.5pt}.parties{min-height:28mm;margin-bottom:var(--pdf-section-gap);margin-top:5mm}.parties>div{padding:3mm}.parties p{margin:1.5mm 0}th,td{padding:2.5mm 1mm}td{height:18mm}.desc b{font-size:8.5pt}.desc em{margin-top:2mm;font-size:7.5pt}.totals{font-size:8.5pt}.totals h2{font-size:14pt}footer{margin-top:7mm;padding-top:5mm}.bottom{min-height:0}}.transaction-head,.item-form{grid-template-columns:1.05fr 1.25fr 1.5fr 1.35fr .75fr .9fr;gap:5px;display:grid}.transaction-head{color:#788178;text-transform:uppercase;letter-spacing:.04em;padding:10px 28px 3px 6px;font-size:8px;font-weight:800}.item-form{background:#fbfaf6;border-radius:5px;margin:4px 0;padding:6px 28px 6px 6px;position:relative}.item-form label span{display:none}.item-form input{min-width:0;padding:6px 5px;font-size:10px}.remove{font-size:18px;top:4px;right:5px}.memo-title{color:#111;background:#ffc400}.transaction-table th,.transaction-table td{border-color:#303030}.transaction-table th{color:#111;background:#ffc400;font-size:11px}.transaction-table th:nth-child(6),.transaction-table th:nth-child(7){width:10%}.transaction-table td{text-align:left;height:33px}.transaction-table td:first-child,.transaction-table td:nth-child(2),.transaction-table td:nth-child(6),.transaction-table td:nth-child(7){text-align:right}.customer-cell{text-transform:uppercase}.totals{border-color:#303030;width:40%}.totals p,.totals h2{border-color:#303030}@media print{.transaction-table td{height:8mm}.transaction-table th,.transaction-table td{padding:1.5mm 1mm}}.workspace{max-width:1260px}.editor-grid{display:block}.form-panel{max-width:1120px;margin:0 auto;padding:12px 30px}.form-panel section{padding:24px 0}.form-panel h2{margin-bottom:17px;font-size:16px}.fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fields label:first-child:nth-last-child(3){grid-column:auto}.transaction-head,.item-form{grid-template-columns:130px minmax(150px,1.2fr) minmax(170px,1.35fr) minmax(140px,1.1fr) 100px 115px;gap:10px}.transaction-head{padding:10px 34px 6px 8px;font-size:9px}.item-form{border:1px solid #ece8df;margin:7px 0;padding:9px 37px 9px 8px}.item-form input{height:36px;padding:8px 9px;font-size:12px}.remove{top:13px;right:9px}.preview-wrap{display:none}@media (max-width:760px){.form-panel{padding:10px 16px}.fields{grid-template-columns:1fr}.transaction-head{display:none}.item-form{grid-template-columns:1fr 1fr;padding-right:33px}.item-form label{position:relative}.item-form label:before{color:#768078;margin-bottom:3px;font-size:8px;font-weight:800;display:block}.item-form label:first-child:before{content:"DATE"}.item-form label:nth-child(2):before{content:"TRACKING"}.item-form label:nth-child(3):before{content:"CUSTOMER"}.item-form label:nth-child(4):before{content:"DESTINATION"}.item-form label:nth-child(5):before{content:"WEIGHT"}.item-form label:nth-child(6):before{content:"AMOUNT"}}.invoice-header{align-items:flex-start;gap:18px;display:flex}.business-logo{object-fit:contain;object-position:left top;width:128px;height:82px}.invoice-header>div{padding-top:5px}.invoice-header h1{margin-top:0}@media print{.invoice-header{align-items:center;gap:3mm}}.add-row{justify-content:flex-end;margin-top:13px;display:flex}.add-row button{color:#92541d;background:#fff8ef;border:1px dashed #c88d51;border-radius:5px;padding:8px 13px;font-size:11px;font-weight:800}.transaction-table td:nth-child(3),.transaction-table td:nth-child(4),.transaction-table td:nth-child(5){text-align:left}.transaction-table td:nth-child(6),.transaction-table td:nth-child(7){text-align:right}.transaction-head,.item-form{grid-template-columns:115px minmax(125px,1fr) minmax(150px,1.25fr) minmax(125px,1fr) 115px 90px 105px}.mode-input input{width:100%;height:36px;margin:0;padding:8px 9px}.transaction-table th:nth-child(6),.transaction-table th:nth-child(7),.transaction-table th:nth-child(8){width:10%}.transaction-table td:first-child,.transaction-table td:nth-child(2){text-align:center}.transaction-table td:nth-child(3),.transaction-table td:nth-child(4),.transaction-table td:nth-child(5),.transaction-table td:nth-child(6){text-align:left}.transaction-table td:nth-child(7),.transaction-table td:nth-child(8){text-align:right}@media (max-width:760px){.item-form{grid-template-columns:1fr 1fr}.item-form label:nth-child(5):before{content:"MODE"}.item-form label:nth-child(6):before{content:"WEIGHT"}.item-form label:nth-child(7):before{content:"AMOUNT"}}:root{--pdf-col-serial-width:7%;--pdf-col-date-width:11%;--pdf-col-tracking-width:17%;--pdf-col-customer-width:20%;--pdf-col-destination-width:15%;--pdf-col-mode-width:10%;--pdf-col-weight-width:10%;--pdf-col-amount-width:10%;--pdf-transaction-heading-row-height:20px;--pdf-transaction-row-height:17px;--pdf-transaction-heading-y-padding:1px;--pdf-transaction-cell-y-padding:1px;--pdf-taxable-row-height:25px;--pdf-tax-row-height:25px;--pdf-grand-total-row-height:30px;--pdf-summary-width:45%;--pdf-header-height:22mm;--pdf-header-name-size:13pt;--pdf-header-detail-size:9pt;--pdf-logo-width:50mm;--pdf-logo-height:28mm;--pdf-memo-title-height:7mm;--pdf-memo-title-size:9pt;--pdf-tax-invoice-size:20pt;--pdf-section-gap:0px}.transaction-table th:first-child{width:var(--pdf-col-serial-width)}.transaction-table th:nth-child(2){width:var(--pdf-col-date-width)}.transaction-table th:nth-child(3){width:var(--pdf-col-tracking-width)}.transaction-table th:nth-child(4){width:var(--pdf-col-customer-width)}.transaction-table th:nth-child(5){width:var(--pdf-col-destination-width)}.transaction-table th:nth-child(6){width:var(--pdf-col-mode-width)}.transaction-table th:nth-child(7){width:var(--pdf-col-weight-width)}.transaction-table th:nth-child(8){width:var(--pdf-col-amount-width)}.transaction-table th{height:var(--pdf-transaction-heading-row-height);min-height:0;padding:var(--pdf-transaction-heading-y-padding) 1mm;line-height:1}.transaction-table td{height:var(--pdf-transaction-row-height);min-height:0;padding:var(--pdf-transaction-cell-y-padding) 1mm;line-height:1}.totals{width:var(--pdf-summary-width)}.totals p,.totals h2{justify-content:flex-end;align-items:center;display:flex}.totals p b,.totals h2 b{float:none}.totals p,.totals h2{min-height:0;padding:0 10px}.totals p:first-child{height:var(--pdf-taxable-row-height)}.totals p:nth-child(2),.totals p:nth-child(3),.totals p:nth-child(4){height:var(--pdf-tax-row-height)}.totals h2{height:var(--pdf-grand-total-row-height)}.invoice-paper header{height:var(--pdf-header-height);min-height:var(--pdf-header-height);max-height:var(--pdf-header-height);padding:0;overflow:hidden}.invoice-paper header h1{font-size:var(--pdf-header-name-size);margin:0 0 2px;line-height:1.1}.invoice-paper header p{font-size:var(--pdf-header-detail-size);margin:1px 0}.business-logo{width:var(--pdf-logo-width);height:var(--pdf-logo-height)}.parties{margin-bottom:var(--pdf-section-gap)}.tax-invoice-title{font-size:var(--pdf-tax-invoice-size);text-align:center;letter-spacing:.06em;flex-direction:column;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin-left:auto;font-weight:800;line-height:1.05;display:flex}.tax-invoice-title span{display:block}.memo-title{height:var(--pdf-memo-title-height);min-height:var(--pdf-memo-title-height);font-size:var(--pdf-memo-title-size);margin-top:0;margin-bottom:var(--pdf-section-gap);justify-content:center;align-items:center;padding:0;line-height:1;display:flex}@media print{.invoice-end,.invoice-paper footer,.totals{break-inside:avoid;page-break-inside:avoid;page-break-before:auto;break-before:auto}.invoice-end,.invoice-paper footer{width:100%;display:table}.bottom{width:100%;min-height:0;display:table}.bottom>div{vertical-align:top;display:table-cell}.signature{vertical-align:bottom;width:220px;padding-top:18mm;display:table-cell}}.invoice-end{margin-top:var(--pdf-section-gap);grid-template-columns:55% 45%;align-items:start;display:grid}.invoice-end .totals{grid-area:1/2;width:100%;margin:0}.invoice-end footer{border:0;grid-area:1/1;margin:0;padding:0 10px 0 0;line-height:1.2}.invoice-end footer>p{margin:0 0 10px}.invoice-end .bottom{min-height:0;display:block}.invoice-end .bottom h3{margin:7px 0 3px}.invoice-end .bottom p{margin:2px 0}.invoice-end .bottom ol{margin:5px 0 0;padding-left:15px}.invoice-end .bottom li{margin:2px 0}.invoice-end .thanks{margin:7px 0!important}.invoice-end>.signature{text-align:right;flex-direction:column;grid-area:2/2;justify-content:space-between;width:100%;min-height:42mm;padding:6mm 3mm 3mm;font-size:10px;font-weight:600;display:flex}.invoice-end>.signature span{display:block}@media print{.invoice-end{break-inside:auto;page-break-inside:auto;grid-template-columns:55% 45%;display:grid!important}.invoice-end .totals{break-inside:avoid;page-break-inside:avoid;grid-area:1/2!important;display:block!important}.invoice-end footer{line-height:1.2;grid-area:1/1!important;width:auto!important;margin:0!important;padding:2mm 3mm 0 0!important;display:block!important}.invoice-end .bottom,.invoice-end .bottom>div{width:auto!important;display:block!important}.invoice-end>.signature{text-align:right!important;flex-direction:column!important;grid-area:2/2!important;justify-content:space-between!important;width:100%!important;min-height:35mm!important;padding:6mm 3mm 3mm!important;font-size:8.5pt!important;font-weight:600!important;display:flex!important}}.print-tip{max-width:580px;line-height:1.45;color:#58655d!important;font-size:12px!important}.invoice-paper header h1{color:#9f4f12}.customer-gstin,.sac-hsn{letter-spacing:.02em;margin-top:8px!important}@media screen{body{color:#edf4ee;background:#101512}.workspace{min-height:100vh}.intro h1{color:#f7fbf7}.intro p:not(.eyebrow){color:#aab8ad}.eyebrow{color:#f0a34a}.print-tip{color:#9eaea2!important}.saved-status{color:#86d6a1!important;font-size:12px!important}.intro-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.generate{color:#17120b;background:#e88b2f;box-shadow:0 8px 20px #0008}.clear-draft{color:#d8e4da;background:0 0;border:1px solid #4d5c52;border-radius:8px;padding:13px 15px;font-weight:700}.clear-draft:hover{color:#f3ac62;border-color:#e88b2f}.form-panel{background:#19211c;border-color:#334238;box-shadow:0 14px 36px #0006}.form-panel section{border-color:#304037}.form-panel h2{color:#f1c18f}label span,.item-form label:before{color:#aebdb2!important}.include-on-pdf span{color:#c9d6cc!important}input{color:#edf4ee;background:#111813;border-color:#45564b;outline-color:#f0a34a}input::placeholder{color:#718176}.transaction-head{color:#aebdb2}.item-form{background:#151c17;border-color:#304037}.add-row button{color:#f0b675;background:#251c12;border-color:#b97735}}@media screen and (max-width:1000px){.intro-actions{align-items:flex-end}}@media screen and (max-width:600px){.intro-actions{flex-direction:column;align-items:stretch;width:100%}.intro-actions button{width:100%}}@media print{@page{size:A4 portrait;margin:12mm 10mm}html,body{margin:0!important;padding:0!important}.print-only{padding:0!important}}.invoice-end>.signature{grid-row:1;align-self:end;height:46mm;min-height:0;padding:0 3mm 3mm}@media print{.invoice-end>.signature{grid-row:1!important;align-self:end!important;height:46mm!important;min-height:0!important;padding:0 3mm 3mm!important}}.terms-signature{break-inside:avoid;page-break-inside:avoid;grid-area:2/1/auto/-1;grid-template-columns:55% 45%;margin-top:5mm;display:grid}.terms-block{padding-right:3mm;line-height:1.2}.terms-block h3{margin:0 0 3px;font-size:12px}.terms-block p{margin:2px 0}.terms-block ol{margin:5px 0 0;padding-left:15px}.terms-block li{margin:2px 0}.terms-signature .signature{text-align:right;flex-direction:column;grid-column:2;justify-content:space-between;width:100%;margin:0;padding:0 3mm 3mm;font-size:10px;font-weight:600;display:flex}.terms-signature .signature span{display:block}.terms-signature .signature{transform:translateY(6mm)}@media print{.terms-signature{break-inside:avoid!important;page-break-inside:avoid!important;grid-area:2/1/auto/-1!important;grid-template-columns:55% 45%!important;margin-top:4mm!important;display:grid!important}.terms-block{padding-right:3mm!important;line-height:1.2!important}.terms-signature .signature{text-align:right!important;flex-direction:column!important;grid-column:2!important;justify-content:space-between!important;width:100%!important;margin:0!important;padding:0 3mm 3mm!important;font-size:8.5pt!important;font-weight:600!important;display:flex!important}}select{color:#25312a;background:#fff;border:1px solid #dedbd2;border-radius:5px;outline-color:#b97028;width:100%;padding:9px 10px;font-size:12px}@media screen{select{color:#edf4ee;background:#111813;border-color:#45564b;outline-color:#f0a34a}}
