:root{color:#172026;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.appShell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:18px;padding:24px 16px;border-right:1px solid #d8e0e8;background:#fff}.brand{display:flex;align-items:center;gap:12px;min-height:40px}.brandMark{display:grid;place-items:center;width:44px;height:32px;border-radius:6px;background:#1d5d73;color:#fff;font-weight:800;font-size:14px}.brandText{font-weight:700;color:#23313a}.navList{display:flex;flex-direction:column;gap:4px}.navGroup{display:grid;gap:4px}.navItem{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#42515b;text-align:left;cursor:pointer}.navItem:hover,.navItem:focus-visible,.navItem.isSelected{background:#eef4f7;color:#163f4c;outline:none}.serviceTypeFilter{display:grid;gap:8px;padding:12px;border:1px solid #d8e0e8;border-radius:8px;background:#f7fafb}.serviceTypeFilter>span{color:#687783;font-size:12px;font-weight:800;text-transform:uppercase}.serviceTypeOptions{display:grid;gap:4px}.serviceTypeOption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:34px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#42515b;text-align:left;cursor:pointer}.serviceTypeOption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serviceTypeOption strong{color:#7d8a93;font-size:12px}.serviceTypeOption:hover,.serviceTypeOption:focus-visible,.serviceTypeOption.isSelected{background:#fff;color:#163f4c;outline:none;box-shadow:inset 3px 0 #1d5d73}.serviceTypeOption.isSelected strong{color:#1d5d73}.main{display:flex;flex-direction:column;gap:24px;padding:28px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1,.sectionHeader h2{margin:0;color:#172026}.topbar h1{font-size:28px;line-height:1.2}.topbar p{margin:6px 0 0;color:#687783}.primaryAction{min-height:40px;padding:0 16px;border:0;border-radius:6px;background:#b2442f;color:#fff;font-weight:700;cursor:pointer}.userBadge{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:6px;background:#edf1f4;color:#25333c;font-weight:800}.secondaryAction{min-height:40px;padding:0 14px;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#25333c;font-weight:800;cursor:pointer}.authShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f7f9}.loginPanel{display:grid;gap:16px;width:min(100%,380px);padding:28px;border:1px solid #d8e0e8;border-radius:8px;background:#fff;box-shadow:0 16px 40px #17202614}.loginPanel h1{margin:14px 0 4px;font-size:26px}.loginPanel p{margin:0;color:#687783}.loginPanel label{display:grid;gap:7px;color:#25333c;font-weight:800}.loginPanel input{min-height:40px;padding:0 12px;border:1px solid #d8e0e8;border-radius:6px;color:#25333c;font:inherit}.loginPanel input:focus{border-color:#1d5d73;outline:none;box-shadow:0 0 0 3px #1d5d731f}.loginPanel button{min-height:42px;border:0;border-radius:6px;background:#1d5d73;color:#fff;font-weight:800;cursor:pointer}.loginPanel button:disabled{background:#bac7d0;cursor:not-allowed}.dialogBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#1720266b}.dialogPanel{display:grid;gap:14px;width:min(100%,460px);padding:22px;border:1px solid #d8e0e8;border-radius:8px;background:#fff;box-shadow:0 20px 54px #1720262e}.wideDialog{width:min(100%,680px)}.dialogHeader{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.dialogHeader h2{margin:0;color:#172026;font-size:20px}.dialogHeader p{margin:5px 0 0;color:#687783}.dialogHeader button{min-height:32px;padding:0 10px;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#25333c;font-weight:700;cursor:pointer}.dialogPanel label{display:grid;gap:7px;color:#25333c;font-weight:800}.dialogPanel input,.dialogPanel select{min-height:40px;padding:0 12px;border:1px solid #d8e0e8;border-radius:6px;color:#25333c;font:inherit}.dialogPanel input:focus,.dialogPanel select:focus{border-color:#1d5d73;outline:none;box-shadow:0 0 0 3px #1d5d731f}.dialogFooter{display:flex;justify-content:flex-end}.dialogFooter button{min-height:38px;padding:0 14px;border:0;border-radius:6px;background:#1d5d73;color:#fff;font-weight:800;cursor:pointer}.dialogFooter button:disabled{background:#bac7d0;cursor:not-allowed}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{display:flex;flex-direction:column;gap:8px;min-height:94px;padding:16px;border:1px solid #d8e0e8;border-radius:8px;background:#fff}.metric span{color:#687783;font-size:13px}.metric strong{color:#172026;font-size:24px}.contentGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:16px;align-items:start}.singleColumnContentGrid{grid-template-columns:minmax(0,1fr)}.workArea{border:1px solid #d8e0e8;border-radius:8px;background:#fff}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #d8e0e8}.sectionHeader h2{margin:0;font-size:18px}.sectionHeader p{margin:4px 0 0;color:#687783}.sectionActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.countBadge{display:grid;place-items:center;min-width:34px;height:28px;padding:0 10px;border-radius:999px;background:#e5f0f4;color:#1d5d73;font-weight:800;font-size:13px}.emptyState{display:flex;flex-direction:column;gap:6px;min-height:160px;justify-content:center;padding:24px;color:#687783}.emptyState strong{color:#25333c;font-size:18px}.filterBar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 20px;border-bottom:1px solid #edf1f4}.searchField{display:flex;align-items:center;gap:8px;flex:1 1 260px;min-height:38px;padding:0 10px;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#687783}.searchField input{width:100%;min-width:0;border:0;outline:none;color:#25333c}.segmentedControl{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid #d8e0e8;border-radius:6px;background:#f7fafb}.segmentedControl button{min-height:30px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:#4d5d68;cursor:pointer}.segmentedControl button:hover,.segmentedControl button:focus-visible,.segmentedControl button.isSelected{background:#fff;color:#163f4c;outline:none}.filterSelect{min-height:38px;padding:0 10px;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#25333c}.toggleFilter{display:flex;align-items:center;gap:7px;min-height:32px;color:#42515b;cursor:pointer}.toggleFilter input{width:16px;height:16px;accent-color:#1d5d73}.reconciliationPanel{display:grid;gap:12px;padding:14px 20px;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;background:#fff8ed}.reconciliationPanel.isClean{grid-template-columns:minmax(0,1fr);background:#f4fbf6}.reconciliationPanel strong{color:#25333c}.reconciliationPanel span{color:#5c6b75}.reconciliationSummary{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline}.reconciliationStats{display:flex;flex-wrap:wrap;gap:8px}.reconciliationStats span{padding:5px 8px;border:1px solid #ead8b7;border-radius:6px;background:#fff;color:#4d5d68;font-size:12px;font-weight:700}.customerTable,.invoiceTable,.bankTable,.auditTable,.billingTable,.domainTable{display:grid;overflow-x:auto}.tableHeader,.customerRow{display:grid;grid-template-columns:minmax(280px,1fr) 120px 90px 80px;gap:16px;align-items:center;min-width:680px;padding:0 20px}.invoiceTableHeader,.invoiceRow{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(220px,1.2fr) 120px 110px 110px 60px;gap:14px;align-items:center;min-width:820px;padding:0 20px}.openItemsTableHeader,.openItemRow{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(220px,1.2fr) 100px 80px 120px 130px;gap:14px;align-items:center;min-width:900px;padding:0 20px}.billingTableHeader,.billingRow{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(170px,.8fr) 130px minmax(210px,1fr) 110px 150px;gap:14px;align-items:center;min-width:980px;padding:0 20px}.bankTableHeader,.bankRow{display:grid;grid-template-columns:110px minmax(170px,.9fr) minmax(260px,1.4fr) 100px 110px 70px;gap:14px;align-items:center;min-width:920px;padding:0 20px}.auditTableHeader,.auditRow{display:grid;grid-template-columns:130px minmax(170px,.8fr) 150px minmax(190px,.9fr) minmax(260px,1.4fr);gap:14px;align-items:center;min-width:980px;padding:0 20px}.domainTableHeader,.domainRow{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) minmax(120px,.7fr) minmax(160px,.8fr) 110px;gap:14px;align-items:center;min-width:900px;padding:0 20px}.tableHeader,.invoiceTableHeader,.openItemsTableHeader,.billingTableHeader,.bankTableHeader,.auditTableHeader,.domainTableHeader{min-height:40px;border-bottom:1px solid #edf1f4;color:#687783;font-size:12px;font-weight:800;text-transform:uppercase}.customerRow{min-height:64px;border:0;border-bottom:1px solid #edf1f4;background:transparent;color:#25333c;text-align:left;cursor:pointer}.invoiceRow,.openItemRow,.billingRow,.bankRow,.auditRow,.domainRow{min-height:64px;border:0;border-bottom:1px solid #edf1f4;background:transparent;color:#25333c;text-align:left}.invoiceRow,.openItemRow,.billingRow,.bankRow,.domainRow{cursor:pointer}.customerRow:hover,.customerRow:focus-visible,.customerRow.isSelected,.invoiceRow:hover,.invoiceRow:focus-visible,.invoiceRow.isSelected,.openItemRow:hover,.openItemRow:focus-visible,.openItemRow.isSelected,.billingRow:hover,.bankRow:hover,.bankRow:focus-visible,.bankRow.isSelected,.domainRow:hover,.domainRow:focus-visible{background:#f7fafb;outline:none}.customerRow.isSelected,.invoiceRow.isSelected,.openItemRow.isSelected,.bankRow.isSelected{box-shadow:inset 3px 0 #1d5d73}.customerRow:last-child,.invoiceRow:last-child,.openItemRow:last-child,.billingRow:last-child,.bankRow:last-child,.auditRow:last-child,.domainRow:last-child{border-bottom:0}.customerRow strong,.customerRow small,.invoiceRow strong,.invoiceRow small,.openItemRow strong,.openItemRow small,.billingRow strong,.billingRow small,.bankRow strong,.bankRow small,.auditRow strong,.auditRow small,.domainRow strong,.domainRow small{display:block}.customerRow small,.invoiceRow small,.openItemRow small,.billingRow small,.bankRow small,.auditRow small,.domainRow small{margin-top:4px;color:#687783}.rowActions{display:flex;flex-wrap:wrap;gap:8px}.rowActions button,.linkButton{min-height:32px;padding:0 10px;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#25333c;font-weight:800;cursor:pointer}.linkButton{display:block;width:fit-content;margin:2px 0;border:0;padding:0;color:#1d5d73;text-align:left}.paginationBar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 20px;border-top:1px solid #edf1f4;color:#5c6b75}.paginationBar div{display:flex;align-items:center;gap:10px}.paginationBar button{min-height:32px;padding:0 10px;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#25333c;font-weight:700;cursor:pointer}.paginationBar button:disabled{color:#8d9aa3;cursor:not-allowed}.paginationBar strong{color:#25333c;font-size:13px}.detailPanel{display:flex;flex-direction:column;gap:0;border:1px solid #d8e0e8;border-radius:8px;background:#fff;overflow:hidden}.detailHeader{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #d8e0e8}.detailHeaderActions{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;gap:8px}.detailNotice{padding:12px 20px;border-bottom:1px solid #f0d4cf;background:#fff5f3;color:#8a3324;font-weight:800}.detailHeader h2{margin:0;font-size:20px}.detailHeader p{margin:6px 0 0;color:#687783}.statusPill{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#edf7ef;color:#2f6d3c;font-size:12px;font-weight:800;text-transform:uppercase}.pillStack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.neutralPill{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#edf1f4;color:#4d5d68;font-size:12px;font-weight:800;text-transform:uppercase}.tabBar{display:flex;gap:4px;overflow-x:auto;padding:10px 12px 0;border-bottom:1px solid #d8e0e8}.tabBar button{min-height:36px;padding:0 10px;border:0;border-bottom:3px solid transparent;background:transparent;color:#5c6b75;font-weight:700;cursor:pointer}.tabBar button:hover,.tabBar button:focus-visible,.tabBar button.isSelected{color:#163f4c;outline:none}.tabBar button.isSelected{border-bottom-color:#1d5d73}.detailSection{padding:18px 20px;border-bottom:1px solid #edf1f4}.detailSection:last-child{border-bottom:0}.detailSection h3{margin:0 0 12px;color:#25333c;font-size:15px}.editGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #edf1f4}.compactEditGrid{margin-bottom:0;padding-bottom:0;border-bottom:0}.editGrid label{display:grid;gap:6px;color:#25333c;font-weight:800}.editGrid label span{font-size:13px}.editGrid input,.editGrid select{min-height:38px;padding:0 10px;border:1px solid #d8e0e8;border-radius:6px;color:#25333c;font:inherit}.editGrid input:focus,.editGrid select:focus{border-color:#1d5d73;outline:none;box-shadow:0 0 0 3px #1d5d731f}.wideField{grid-column:1 / -1}.checkboxField{display:flex!important;flex-direction:row;gap:8px!important;align-items:center;min-height:38px}.checkboxField input{min-height:auto;width:16px;height:16px;accent-color:#1d5d73}.formActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.formActions button{min-height:36px;padding:0 14px;border:0;border-radius:6px;background:#1d5d73;color:#fff;font-weight:800;cursor:pointer}.formActions button:disabled{background:#bac7d0;cursor:not-allowed}.fieldHint{margin:-2px 0 0;color:#4d5d68;font-size:13px;font-weight:700}.editableList{display:grid;gap:10px}.editableItem{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px;border:1px solid #edf1f4;border-radius:6px}.editableItem strong,.editableItem small{display:block}.editableItem small{margin-top:4px;color:#687783}.editableItem form{width:100%}.inlineActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.plainButton{min-height:36px;padding:0 12px;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#25333c;font-weight:800;cursor:pointer}.noteForm{display:grid;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #edf1f4}.noteForm label{color:#25333c;font-size:15px;font-weight:800}.noteForm textarea{width:100%;min-height:96px;resize:vertical;padding:10px 12px;border:1px solid #d8e0e8;border-radius:6px;color:#25333c;font:inherit}.noteForm textarea:focus{border-color:#1d5d73;outline:none;box-shadow:0 0 0 3px #1d5d731f}.noteFormFooter{display:flex;justify-content:space-between;gap:12px;align-items:center}.noteFormFooter span{color:#687783;font-size:12px}.noteFormFooter button{min-height:36px;padding:0 14px;border:0;border-radius:6px;background:#1d5d73;color:#fff;font-weight:800;cursor:pointer}.noteFormFooter button:disabled{background:#bac7d0;cursor:not-allowed}.formError{margin:0;color:#a23b32;font-weight:700}.formSuccess{margin:0;color:#2f6d3c;font-weight:700}.summaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#edf1f4}.summaryGrid div{display:grid;gap:6px;padding:14px;background:#fff}.summaryGrid span{color:#687783;font-size:12px;font-weight:800;text-transform:uppercase}.summaryGrid strong{color:#172026;font-size:22px}.factList{display:grid;gap:10px;margin:0}.factList div{display:grid;gap:3px}.factList dt{color:#687783;font-size:12px;font-weight:800;text-transform:uppercase}.factList dd{margin:0;color:#25333c}.compactList{display:grid;gap:8px}.compactRow{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #edf1f4}.compactRow:last-child{border-bottom:0}.compactRow strong{color:#25333c}.compactRow span,.mutedLine{color:#687783}.mutedLine{margin:0}.workflowRow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;min-height:52px;align-items:center;padding:0 20px;border-bottom:1px solid #edf1f4}.workflowRow:last-child{border-bottom:0}.workflowRow span:first-child{font-weight:700;color:#25333c}.workflowRow span:last-child{color:#687783}@media(max-width:860px){.appShell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d8e0e8}.navList{flex-direction:row;overflow-x:auto}.navItem{width:auto;min-width:max-content}.main{padding:20px}.topbar,.workflowRow,.sectionHeader{align-items:flex-start;grid-template-columns:1fr}.topbar{flex-direction:column}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.contentGrid{grid-template-columns:1fr}.sectionHeader{flex-direction:column}.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.metricGrid{grid-template-columns:1fr}}