:root{--bg:#f6f8fb;--panel:#ffffff;--panel-strong:#f0f5f4;--border:#dbe3ea;--text:#14191f;--muted:#657386;--accent:#0f766e;--accent-dark:#115e59;--gold:#b7791f;--red:#b42318;--green:#027a48;--blue:#2456a6;--shadow:0 14px 35px rgba(20,25,31,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.authStateShell,.loginShell{display:grid;min-height:100vh;place-items:center;background:linear-gradient(180deg,rgba(16,24,32,.04),rgba(16,24,32,.1)),var(--bg);padding:24px}.loginPanel{display:grid;grid-gap:22px;gap:22px;width:min(440px,100%);border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow);padding:26px}.loginBrand{display:flex;align-items:center;gap:14px}.loginBrand span{display:grid;width:52px;height:52px;place-items:center;border-radius:8px;background:#eefaf8;color:var(--accent)}.authStatePanel h1,.loginBrand h1{margin:0;font-size:25px}.authStatePanel p,.loginBrand p{margin:4px 0 0;color:var(--muted)}.loginForm,.settingsPasswordForm{display:grid;grid-gap:14px;gap:14px}.loginFormHeader{display:flex;align-items:center;gap:8px}.loginFormHeader h2{margin:0;font-size:18px}.loginForm label,.settingsPasswordForm label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.loginForm input,.settingsPasswordForm input{min-height:42px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:0 12px}.authStatePanel{display:grid;grid-gap:14px;gap:14px;width:min(420px,100%)}.shell{display:grid;min-height:100vh;grid-template-columns:272px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:22px 18px;background:#101820;color:#fff}.brand{display:block;min-height:48px;margin-bottom:28px}.brand strong{display:block;padding-top:8px;font-size:18px}.navGroup{display:grid;grid-gap:6px;gap:6px}.navButton{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:0;border-radius:8px;background:transparent;color:#d7dee7;padding:0 12px;text-align:left}.navButton.active,.navButton:hover{background:#22313e;color:#fff}.navDivider{height:1px;margin:18px 0;background:#2c3a46}.internalNav .navButton{color:#e9d8a6}.workspace{min-width:0;padding:22px 28px 40px;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;margin-bottom:18px}.topbar h1{margin:2px 0 0;font-size:28px}.eyebrow{margin:0;color:var(--muted);font-size:13px}.topbarActions{display:flex;align-items:center;gap:10px}.balancePill,.dateButton,.ghostButton,.iconOnlyButton,.iconTextButton,.primaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);padding:0 12px}.primaryButton{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.primaryButton:hover{background:var(--accent-dark)}.ghostButton:hover,.iconOnlyButton:hover,.iconTextButton:hover{border-color:#b9c6d2;background:#f9fbfc}.iconOnlyButton{width:36px;padding:0}.full{width:100%}.pageStack{display:grid;grid-gap:18px;gap:18px}.summaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.checkoutBox,.companyPanel,.panel,.scanList,.summaryCard,.transactionPanel,.uploadBand{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.summaryCard{display:flex;align-items:center;justify-content:space-between;min-height:104px;padding:18px}.summaryCard span{color:var(--muted);font-size:13px}.summaryCard strong{display:block;margin-top:8px;font-size:25px}.panel{padding:18px}.sectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.sectionHeader.compact{margin-bottom:10px}.catalogBlock h3,.sectionHeader h2{margin:0;font-size:18px}.sectionHeader p{margin:5px 0 0;color:var(--muted);font-size:13px}.uploadBand{display:flex;align-items:center;gap:16px;padding:22px;border-style:dashed;transition:border-color .12s ease,background .12s ease}.uploadBand.dragActive{border-color:var(--accent);background:#eefaf8}.uploadBand h2{margin:0 0 5px}.uploadBand p{margin:0;color:var(--muted)}.dropHint{display:inline-block;margin-top:8px;color:var(--accent);font-size:13px;font-weight:700}.uploadIcon{display:grid;width:58px;height:58px;place-items:center;border-radius:8px;background:var(--panel-strong);color:var(--accent)}.selectedUploadPanel{display:grid;grid-gap:12px;gap:12px}.uploadActions{display:flex;justify-content:flex-end}.parseSummary{display:grid;grid-gap:6px;gap:6px;width:min(360px,100%);border:1px solid var(--border);border-radius:8px;background:#fbfcfe;padding:10px 12px}.parseActionButton{min-width:120px}.selectedFileRow{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;background:#fbfcfe;padding:12px}.selectedFileRow strong{min-width:0;overflow-wrap:anywhere}.selectedFileRow span{color:var(--muted);font-size:13px}.companyGrid,.sourceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.sourceItem{display:flex;align-items:center;gap:10px;min-height:58px;border:1px solid var(--border);border-radius:8px;padding:12px}.pendingLayout{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;align-items:start;grid-gap:14px;gap:14px}.checkoutBox,.scanList,.transactionPanel{min-width:0;padding:14px}.scanCard{margin-bottom:10px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:12px;color:var(--text)}.scanCard,.scanCardSelect{display:grid;grid-gap:6px;gap:6px;width:100%;min-width:0;text-align:left}.scanCardSelect{border:0;background:transparent;color:inherit;padding:0}.scanCardSelect:focus-visible{outline:2px solid rgba(17,126,113,.45);outline-offset:3px}.scanCard.active{border-color:var(--accent);background:#ecfdf7}.scanCard span{color:var(--muted);font-size:12px;min-width:0;overflow-wrap:anywhere}.scanCard .fileName{color:var(--text);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.scanStats{display:grid;grid-gap:6px;gap:6px;margin-top:4px}.scanStats div{display:flex;align-items:center;justify-content:space-between;gap:10px}.scanStats strong{color:var(--text);font-size:14px}.scanCardActions{display:flex;justify-content:flex-end;border-top:1px solid #edf1f5;margin-top:2px;padding-top:8px}.scanDeleteButton{min-height:30px}.transactionToolbar{gap:10px;margin-bottom:12px}.searchBox,.transactionToolbar{display:flex;align-items:center}.searchBox{gap:8px;min-width:240px;height:38px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 10px}.searchBox input{width:100%;min-width:0;border:0;outline:0}.segmented{display:inline-grid;grid-auto-flow:column;gap:2px;min-height:38px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;padding:3px}.segmented button{min-width:72px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:0 10px}.segmented button.active{background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(20,25,31,.08)}.tableWrap{width:100%;min-width:0;max-width:100%;overflow:auto}.dataTable{width:100%;min-width:760px;border-collapse:collapse;font-size:13px}.dataTable td,.dataTable th{border-bottom:1px solid var(--border);padding:11px 8px;text-align:left;vertical-align:middle;white-space:nowrap}.dataTable th{color:var(--muted);font-size:12px;font-weight:600}.right{text-align:right!important}.strongCell{font-weight:700}.emptyState{border:1px dashed var(--border);border-radius:8px;background:#fbfcfe;color:var(--muted);padding:14px;font-size:13px;text-align:center}.emptyTableCell{height:72px;color:var(--muted);text-align:center!important;white-space:normal!important}.inactiveCompaniesModal{width:min(720px,100%)}.inactiveCompaniesTableWrap{overflow:visible}.inactiveCompaniesTable{min-width:0;table-layout:fixed}.inactiveCompaniesTable td,.inactiveCompaniesTable th{white-space:normal;overflow-wrap:anywhere}.inactiveCompaniesTable td:first-child,.inactiveCompaniesTable th:first-child{width:48%}.inactiveCompaniesTable td:nth-child(2),.inactiveCompaniesTable td:nth-child(3),.inactiveCompaniesTable th:nth-child(2),.inactiveCompaniesTable th:nth-child(3){width:17%}.inactiveCompaniesTable td:nth-child(4),.inactiveCompaniesTable th:nth-child(4){width:18%}.actionRow{display:inline-flex;justify-content:flex-end;gap:8px}.smallActionButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:0 10px;font-size:12px;font-weight:700;white-space:nowrap}.smallActionButton:hover{border-color:var(--accent);color:var(--accent)}.smallActionButton.danger{border-color:#f2c7c3;color:var(--red)}.smallActionButton.danger:hover{background:#fff5f5}.pill,.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;background:#edf2f7;color:#344054;font-size:12px;font-weight:700}.pill.credit{background:#ecfdf3;color:var(--green)}.pill.debit{background:#fff7ed;color:var(--gold)}.status.done{background:#ecfdf3;color:var(--green)}.status.warn{margin-left:6px;background:#fff7ed;color:var(--gold)}.checkoutBox{position:-webkit-sticky;position:sticky;top:18px;box-shadow:var(--shadow)}.checkoutBox h2{margin:0 0 14px}.metricLine{display:flex;justify-content:space-between;gap:12px;margin:10px 0;color:var(--muted)}.metricLine strong{color:var(--text)}.metricLine.strong strong{font-size:20px}.metricLine.warn strong,.warningText{color:var(--red)}.checkoutDivider{height:1px;margin:14px 0;background:var(--border)}.warningText{margin:10px 0 14px;font-size:13px;font-weight:700}.companyPageHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.companyPageHeader h2{margin:0 0 5px;font-size:18px}.companyPageHeader p{margin:0;color:var(--muted);font-size:13px}.companyPanel{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:16px;gap:16px;padding:18px}.companyButton{width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.companyButton.active,.companyButton:hover{border-color:var(--accent);box-shadow:var(--shadow)}.companyButton:hover{transform:translateY(-1px)}.companyLogo{display:grid;width:72px;height:72px;place-items:center;border-radius:8px;background:#f3ead7;color:#7c4a03;font-weight:800}.companyLogo.imageLogo,.miniLogo.imageLogo{padding:6px}.companyLogo img,.miniLogo img{display:block;width:100%;height:100%;object-fit:contain}.companyPanel h2{margin:0 0 6px;font-size:18px}.companyTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.companyTitleRow svg{flex:0 0 auto;color:var(--muted)}.companyPanel p{margin:4px 0;color:var(--muted)}.companyHeaderActions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px}.tagRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tagRow span{border-radius:999px;background:#eef6ff;color:var(--blue);padding:5px 10px;font-size:12px;font-weight:700}.companyDetailGrid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);grid-gap:18px;gap:18px}.profileFields{display:grid;grid-gap:12px;gap:12px}.profileFields label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.profileFields input,.profileFields select,.profileFields textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:inherit;font-weight:500;padding:10px 12px}.profileFields select{min-height:42px}.profileFields textarea{resize:vertical}.logoPreviewRow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0;border:1px solid var(--border);border-radius:8px;background:#fbfcfe;padding:10px}.logoPreviewRow span{min-width:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.requestCompanyCell{display:grid;grid-gap:4px;gap:4px;min-width:220px}.requestCompanyCell span{color:var(--muted);white-space:normal;overflow-wrap:anywhere}.templateChoiceStack{display:grid;grid-gap:14px;gap:14px}.templateChoiceBlock{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--border);border-radius:8px;background:#fbfcfe;padding:14px}.templateChoiceGrid,.templateSetupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.templateChoiceCard,.templateSetupCard{display:grid;grid-gap:12px;gap:12px;min-width:0;border:1px solid var(--border);border-radius:8px;background:#fff;padding:12px}.templateChoiceCard h3,.templateSetupCard h3{margin:0;font-size:15px}.templateChoiceCard p{margin:5px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.miniTemplatePreviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.miniTemplatePreviewGrid .pdfPreview{min-height:280px;padding:10px}.miniTemplatePreviewGrid .previewHeader{grid-template-columns:1fr;gap:8px}.miniTemplatePreviewGrid .previewHeader b{font-size:14px;text-align:left}.miniTemplatePreviewGrid .previewBillTo{grid-template-columns:1fr;margin-top:16px}.miniTemplatePreviewGrid .previewTable{margin-top:18px}.miniTemplatePreviewGrid .previewTotal{margin-top:16px}.templateSetupCard label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.templateSetupCard input{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:0 12px}.logoActionStack{display:grid;grid-gap:8px;gap:8px;min-width:190px;justify-items:start}.logoActionStack span{color:var(--muted);font-size:12px;white-space:normal;overflow-wrap:anywhere}.fileActionButton{cursor:pointer}.hiddenFileInput{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.noticeBox{border:1px solid #d9e7ff;border-radius:8px;background:#f4f8ff;color:#23436f;padding:12px;font-size:13px;line-height:1.45}.templateInfo{display:grid;align-content:start;grid-gap:14px;gap:14px}.templateMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;background:#fbfcfe;padding:12px}.templateMeta>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.templateMeta span{color:var(--muted);font-size:12px}.templateMeta strong{min-width:0;overflow-wrap:anywhere;font-size:13px}.templateMeta button{flex:0 0 auto}.templateViewActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.templateViewActions .primaryButton{justify-content:center;min-height:48px}.templatePreviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.pdfPreview{min-height:430px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:18px;box-shadow:inset 0 0 0 1px #f6f7f9}.previewHeader{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-gap:16px;gap:16px;align-items:start}.previewHeader>div{display:grid;grid-gap:5px;gap:5px}.previewHeader strong{font-size:12px;line-height:1.25}.previewHeader b{font-size:20px;letter-spacing:0;text-align:right}.pdfPreview p,.previewHeader span{color:var(--muted);font-size:10px}.previewAddressLines{display:grid;grid-gap:2px;gap:2px}.miniLogo{display:grid;width:54px;height:40px;place-items:center;border-radius:6px;background:#f3ead7;color:#7c4a03;font-size:10px;font-weight:800;overflow:hidden;padding:4px;text-align:center;overflow-wrap:anywhere}.previewBillTo{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:10px;gap:10px;margin-top:28px;font-size:11px}.previewBillTo span{color:var(--muted);font-weight:800}.previewTable{margin-top:34px;font-size:10px}.previewTableHead,.previewTableRow{display:grid;grid-template-columns:34px minmax(0,1fr) 72px;grid-gap:8px;gap:8px;align-items:start}.previewTableHead{border-bottom:2px solid var(--text);padding-bottom:7px;font-weight:800}.previewTableRow{border-bottom:1px solid var(--border);min-height:38px;padding:9px 0}.previewTableHead span:last-child,.previewTableRow span:last-child{text-align:right}.previewTotal{display:flex;justify-content:flex-end;gap:20px;margin-top:28px;border-top:2px solid var(--text);padding-top:8px;font-size:12px}.pdfPreview p{margin:58px 0 0;text-align:center}.dateFilter{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dateButton.active{border-color:#163b72;background:#163b72;color:#fff}.customDateRange{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.customDateRange label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.customDateRange input{min-height:38px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:0 10px}.topupForm{display:grid;grid-template-columns:1.5fr 160px 1fr auto;grid-gap:10px;gap:10px}.settingsPanel input,.topupForm input,.topupForm select{min-height:40px;border:1px solid var(--border);border-radius:8px;padding:0 12px}.catalogCompanyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.catalogCompanyCard{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:16px;gap:16px;width:100%;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:inherit;padding:18px;text-align:left;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.catalogCompanyCard.active,.catalogCompanyCard:hover{border-color:var(--accent);box-shadow:var(--shadow)}.catalogCompanyCard:hover{transform:translateY(-1px)}.catalogCompanyCard h2{margin:0 0 6px;font-size:18px}.catalogCompanyCard p{margin:4px 0 0;color:var(--muted)}.catalogCardStats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.catalogCardStats span{border-radius:999px;background:#eef6ff;color:var(--blue);padding:5px 10px;font-size:12px;font-weight:700}.catalogBlock{margin-top:16px}.catalogList{display:grid;grid-gap:6px;gap:6px;margin-top:8px}.catalogRow{display:grid;grid-template-columns:minmax(0,1fr) 120px 80px;grid-gap:10px;gap:10px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px}.settingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.settingsGrid h2,.settingsPanel h2{margin-top:0}.settingsGrid p,.settingsPanel p{color:var(--muted)}.settingsPanel{display:grid;max-width:560px;grid-gap:12px;gap:12px}.settingsPanel label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px}.prefixFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.prefixNotice{border-color:#bfd9d5;background:#eefaf8}.warningNotice{border-color:#f0c7a1;background:#fff7ed;color:#8a4b12}.agentEditForm{display:grid;grid-gap:12px;gap:12px}.agentEditForm label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px}.agentEditForm input,.agentEditForm select,.agentEditForm textarea{min-height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:0 12px}.agentEditForm textarea{padding:10px 12px;resize:vertical}.agentEditForm input[readonly]{background:#f3f6f8;color:var(--muted)}.modalBackdrop{position:fixed;inset:0;display:grid;place-items:center;background:rgba(16,24,32,.38);padding:24px;overflow-y:auto;z-index:20}.modal{width:min(520px,100%);max-height:calc(100dvh - 48px);border-radius:8px;background:#fff;box-shadow:var(--shadow);overflow:hidden;padding:20px}.largeModal{width:min(1180px,100%);max-height:calc(100dvh - 48px)}.documentPreviewModal,.largeModal{display:grid;grid-template-rows:auto minmax(0,1fr)}.documentPreviewModal{width:min(960px,100%);max-height:calc(100vh - 48px)}.modalBodyScroll{overflow:auto;-webkit-overflow-scrolling:touch;min-height:0;overscroll-behavior:contain;padding-right:2px}.documentPreviewScroll{display:grid;justify-items:center;overflow:auto;min-height:0;border-radius:8px;background:#eef2f6;padding:18px}.a4Page{position:relative;display:flex;flex-direction:column;width:min(794px,100%);aspect-ratio:210/297;min-height:960px;background:#fff;box-shadow:0 18px 48px rgba(16,24,32,.18);color:#07111f;padding:42px 30px 34px;font-size:13px;line-height:1.45}.a4Header{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);grid-gap:34px;gap:34px}.a4CompanyIntro,.a4Header{display:grid;align-items:start}.a4CompanyIntro{grid-template-columns:110px minmax(0,1fr);grid-gap:18px;gap:18px}.a4CompanyIntro.noLogo{grid-template-columns:1fr}.a4Logo{display:grid;width:100px;height:78px;place-items:center}.a4Logo img{max-width:100%;max-height:100%;object-fit:contain}.a4CompanyIntro h3,.a4CompanyIntro p,.a4PaymentTerms h4,.a4PaymentTerms p{margin:0}.a4CompanyIntro h3{margin-bottom:6px;font-size:19px;line-height:1.2}.a4CompanyIntro p{color:#182a3e}.a4DocumentInfo{display:grid;justify-items:end;grid-gap:14px;gap:14px;padding-top:100px}.a4DocumentInfo h1{margin:0;font-size:28px;line-height:1;letter-spacing:2px}.a4MetaGrid{display:grid;grid-template-columns:105px 1fr;grid-gap:5px 16px;gap:5px 16px;width:100%}.a4MetaGrid span{color:#59697a;font-weight:800}.a4MetaGrid strong{text-align:right;font-weight:500}.a4BillSection{display:grid;grid-template-columns:110px minmax(0,1fr);grid-gap:10px;gap:10px;min-height:94px;margin-top:34px}.a4BillLabelStack,.a4BillValueStack{display:grid;align-content:start;grid-gap:8px;gap:8px}.a4BillValueStack p{margin:0}.a4ItemsTable{width:100%;margin-top:28px;border-collapse:collapse;table-layout:fixed}.a4ItemsTable th{border-bottom:2px solid #111827;padding:9px 6px 10px;font-size:12px;text-align:left}.a4ItemsTable td{border-bottom:1px solid #dfe5ec;padding:13px 6px;vertical-align:top}.invoiceItemsTable td:first-child,.invoiceItemsTable th:first-child,.pvItemsTable td:first-child,.pvItemsTable th:first-child{width:54px;text-align:center}.invoiceItemsTable td:nth-child(3),.invoiceItemsTable td:nth-child(5),.invoiceItemsTable th:nth-child(3),.invoiceItemsTable th:nth-child(5),.pvItemsTable td:nth-child(3),.pvItemsTable th:nth-child(3){width:118px;text-align:right}.invoiceItemsTable td:nth-child(4),.invoiceItemsTable th:nth-child(4){width:70px;text-align:center}.a4TotalSection{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:28px;gap:28px;margin-top:24px}.a4TotalSection p{margin:6px 0 0;text-transform:uppercase}.a4TotalsBox{display:grid;grid-gap:8px;gap:8px}.a4TotalsBox>div{display:flex;justify-content:space-between;gap:18px}.a4GrandTotal{border-top:2px solid #111827;padding-top:8px;font-weight:800}.a4PaymentTerms{margin-top:auto;padding-top:42px}.a4PaymentTerms h4{margin-bottom:8px;font-size:14px}.a4PaymentTerms p{margin-top:4px;color:#182a3e;font-size:12px}.a4Footer{margin-top:56px;text-align:center;color:#8a95a3;font-size:11px}.modalHeaderActions{display:inline-flex;align-items:center;gap:8px}.modalMetrics{border:1px solid var(--border);border-radius:8px;padding:10px 12px}.completionSummary{display:grid;grid-gap:12px;gap:12px;margin-top:18px;padding:16px;border:1px solid #b8e2cf;border-radius:8px;background:#f1fbf6}.completionSummary .successText{margin:0;font-size:18px}.modalActions{display:flex;justify-content:flex-end;gap:10px}.modalActions,.progressArea{margin-top:18px}.helperText{margin:0 0 12px;color:var(--muted);font-size:13px;font-weight:600}.progressTrack{overflow:hidden;height:12px;border-radius:999px;background:#e5eaf0}.progressFill{height:100%;border-radius:inherit;background:var(--accent);transition:width .16s ease}.progressMeta{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:13px}.successText{color:var(--green);font-weight:700}@media (max-width:1100px){.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pendingLayout{grid-template-columns:240px minmax(0,1fr)}.checkoutBox{grid-column:1/-1;position:static}}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.workspace{padding:18px 12px 28px}.companyDetailGrid,.companyGrid,.miniTemplatePreviewGrid,.pendingLayout,.prefixFieldGrid,.settingsGrid,.sourceGrid,.summaryGrid,.templateChoiceGrid,.templateSetupGrid,.templateViewActions,.topupForm{grid-template-columns:1fr}.modalBackdrop{align-items:start;justify-items:stretch;padding:12px}.documentPreviewModal,.largeModal,.modal{width:100%;max-height:calc(100dvh - 24px)}.documentPreviewScroll{padding:10px}.a4Page{min-height:780px;padding:28px 18px;font-size:11px}.a4Header,.a4TotalSection{grid-template-columns:1fr}.a4DocumentInfo{justify-items:start;padding-top:16px}.a4MetaGrid strong{text-align:left}.companyPageHeader,.topbar,.transactionToolbar,.uploadBand{align-items:stretch;flex-direction:column}.selectedFileRow{grid-template-columns:24px minmax(0,1fr)}.topbarActions{flex-wrap:wrap}.dataTable{min-width:640px}}@media (max-width:480px){.sidebar{padding:16px 12px}.brand{min-height:36px;margin-bottom:14px}.brand strong{padding-top:0}.topbar h1{font-size:25px}.balancePill,.dateButton,.iconTextButton{min-height:36px;padding:0 10px}.customDateRange{width:100%}.customDateRange label{flex:1 1 150px}.customDateRange input{width:100%}.panel,.summaryCard{padding:14px}}