:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.appShell{background:linear-gradient(90deg,#16202c 0 236px,#0000 236px),#eef2f5;grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{color:#f7fafc;flex-direction:column;gap:20px;padding:18px 14px;display:flex}.brand{align-items:center;gap:12px;padding:6px 8px;display:flex}.brandMark{color:#fff;background:#1f8a70;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{color:#aeb9c5;margin-top:2px;font-size:12px}.navList{gap:6px;display:grid}.navList button{color:#c8d3dc;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 12px;display:flex}.navList button:hover,.navList .active{color:#fff;background:#223040}.companyPanel{background:#1d2936;border:1px solid #314254;border-radius:8px;gap:5px;margin-top:auto;padding:12px;display:grid}.companyPanel span,.companyPanel small{color:#aeb9c5}.workspace{min-width:0;padding:18px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.eyebrow{color:#667388;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}h1,h2,p{margin:0}h1{font-size:26px;line-height:1.1}h2{font-size:16px;line-height:1.2}.topActions{align-items:center;gap:10px;display:flex}.searchBox{color:#667388;background:#fff;border:1px solid #d5dce5;border-radius:8px;align-items:center;gap:10px;width:min(420px,35vw);min-height:36px;padding:0 12px;display:flex}.searchBox input{color:#18212f;border:0;outline:0;width:100%;min-width:0}.iconButton,.primaryButton,.softButton,.filterButton{color:#18212f;background:#fff;border:1px solid #d5dce5;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:34px;display:inline-flex}.iconButton{width:34px}.primaryButton{color:#fff;background:#1f8a70;border-color:#1f8a70;padding:0 12px;font-weight:700}.softButton,.filterButton{padding:0 10px;font-weight:700}.statsGrid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin-bottom:14px;display:grid}.stat,.panel{background:#fff;border:1px solid #dfe5ec;border-radius:8px;box-shadow:0 8px 22px #18212f0b}.stat{gap:10px;min-height:92px;padding:14px;display:flex}.statIcon{border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.stat p,.panel p,.tableHead,.invoiceList span,.journalList p{color:#667388}.stat strong{margin:3px 0 5px;font-size:19px;line-height:1.1;display:block}.stat span{font-size:12px;font-weight:700}.green .statIcon{color:#146c57;background:#dbf4ec}.blue .statIcon{color:#2f67b1;background:#e2edfb}.amber .statIcon{color:#9a5f00;background:#fff0cf}.ink .statIcon{color:#18212f;background:#e8edf2}.contentGrid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:14px;display:grid}.panel{min-width:0;padding:14px}.wide{grid-column:span 1}.panelHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panelHeader p{margin-top:4px;font-size:12px}.compact{align-items:flex-start}.table{gap:4px;display:grid}.tableRow{border-radius:8px;grid-template-columns:76px minmax(170px,1fr) 120px 140px;align-items:center;gap:10px;min-height:40px;padding:0 10px;display:grid}.accountTableRow{grid-template-columns:76px minmax(160px,1fr) minmax(120px,.8fr) 112px 140px}.tableRow:not(.tableHead){background:#f7f9fb}.tableHead{text-transform:uppercase;min-height:28px;font-size:11px;font-weight:800}.negative{color:#b33a3a}.actionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.actionGrid button{color:#18212f;background:#f7f9fb;border:1px solid #dfe5ec;border-radius:8px;place-items:center;gap:6px;min-height:58px;font-weight:800;display:grid}.invoiceList{gap:8px;display:grid}.invoiceList article{background:#fbfcfd;border:1px solid #dfe5ec;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:10px;display:flex}.invoiceList article>div{gap:5px;display:grid}.invoiceList article>div:last-child{justify-items:end}.invoiceActions{align-items:center;gap:10px;display:inline-flex}.invoiceActions>div{justify-items:end;gap:5px;display:grid}.status{border-radius:999px;width:fit-content;padding:3px 9px;font-size:12px;font-weight:800}.paid{color:#146c57;background:#dbf4ec}.due{color:#2f67b1;background:#e2edfb}.draft{color:#667388;background:#edf1f5}.overdue{color:#b33a3a;background:#ffe4e4}.journalList{gap:8px;display:grid}.journalList article{background:#f7f9fb;border-radius:8px;grid-template-columns:82px minmax(180px,1fr) minmax(180px,1fr) 130px;align-items:center;gap:10px;min-height:46px;padding:0 10px;display:grid}.journalList span{color:#667388;font-weight:800}.partyWorkspace,.moduleWorkspace{gap:14px;display:grid}.partyTable,.inventoryTable{gap:5px;display:grid;overflow-x:auto}.partyRow{background:#f7f9fb;border-radius:8px;grid-template-columns:100px minmax(180px,1fr) minmax(180px,1fr) minmax(190px,1fr) 100px 80px 110px;align-items:center;gap:10px;min-width:1080px;min-height:40px;padding:0 10px;display:grid}.inventoryRow{background:#f7f9fb;border-radius:8px;grid-template-columns:110px minmax(180px,1fr) 110px minmax(170px,1fr) 120px 120px;align-items:center;gap:10px;min-width:880px;min-height:40px;padding:0 10px;display:grid}.partyHead,.inventoryHead{color:#667388;text-transform:uppercase;background:#fff;min-height:28px;font-size:11px;font-weight:800}.inventoryFormPanel{gap:12px;display:grid}.chartWorkspace{gap:14px;display:grid}.accountHero{background:#fff;border:1px solid #dfe5ec;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:118px;padding:16px;display:flex;box-shadow:0 8px 22px #18212f0b}.accountHero h2{margin-bottom:6px;font-size:21px}.accountHero p:not(.eyebrow){color:#667388;max-width:620px}.accountSummary{border-left:1px solid #dfe5ec;gap:5px;min-width:190px;padding-left:16px;display:grid}.accountSummary span{color:#667388;text-transform:uppercase;font-size:11px;font-weight:700}.accountSummary strong{margin-bottom:5px;font-size:18px}.chartGrid{align-items:start}.uploadPanel{gap:10px;display:grid}.templateButton,.uploadBox,.importButton{width:100%}.templateButton{color:#146c57;background:#e2f5ef;border:1px solid #1f8a70;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;font-weight:800;display:inline-flex}.uploadBox{text-align:center;color:#18212f;cursor:pointer;background:#f7f9fb;border:1px dashed #8aa0b7;border-radius:8px;align-content:center;place-items:center;gap:6px;min-height:122px;padding:14px;display:grid}.uploadBox span{color:#667388;font-size:12px}.uploadBox input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.importMessage{border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:8px 10px;font-weight:700;display:flex}.importMessage.ready{color:#146c57;background:#dbf4ec}.importMessage.warning{color:#9a5f00;background:#fff0cf}.primaryButton:disabled{color:#7d8998;cursor:not-allowed;background:#dfe5ec;border-color:#cbd4dd}.softButton:disabled{color:#8a96a5;cursor:not-allowed;background:#edf1f5}.emptyState{text-align:center;color:#667388;background:#f7f9fb;border:1px dashed #c7d2de;border-radius:8px;align-content:center;place-items:center;gap:6px;min-height:138px;padding:18px;display:grid}.emptyState strong{color:#18212f}.ledgerWorkspace{gap:14px;display:grid}.ledgerHero{min-height:112px}.reportControls{grid-template-columns:minmax(260px,1.1fr) repeat(4,minmax(140px,.8fr)) auto;align-items:end;gap:10px;display:grid}.segmentedControl{background:#f7f9fb;border:1px solid #d5dce5;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;min-height:36px;padding:4px;display:grid}.segmentedControl button{color:#667388;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.segmentedControl .selected{color:#18212f;background:#fff;box-shadow:0 4px 12px #18212f14}.reportControls label{gap:4px;display:grid}.reportControls label span{color:#667388;text-transform:uppercase;font-size:11px;font-weight:800}.reportControls input,.reportControls select{color:#18212f;background:#fff;border:1px solid #d5dce5;border-radius:8px;width:100%;min-height:34px;padding:0 11px}.journalEntryPanel{gap:10px;display:grid}.entrySetupGrid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid}.entrySetupGrid label{gap:4px;display:grid}.entrySetupGrid label span{color:#667388;text-transform:uppercase;font-size:11px;font-weight:800}.entrySetupGrid input,.entrySetupGrid select{color:#18212f;background:#fff;border:1px solid #d5dce5;border-radius:8px;width:100%;min-height:34px;padding:0 11px}.entrySetupGrid input[readonly]{color:#667388;background:#f7f9fb}.entryLineTable{gap:5px;display:grid;overflow-x:auto}.entryLine{background:#f7f9fb;border-radius:8px;grid-template-columns:130px 78px minmax(170px,1fr) 120px 120px 120px 120px;align-items:center;gap:10px;min-width:900px;min-height:38px;padding:0 10px;display:grid}.entryLineHead{color:#667388;text-transform:uppercase;background:#fff;min-height:28px;font-size:11px;font-weight:800}.entryTotalLine{background:#e8edf2}.exportActions{gap:8px;display:flex}.ledgerStats{margin-bottom:0}.ledgerTable{gap:5px;display:grid;overflow-x:auto}.ledgerRow{background:#f7f9fb;border-radius:8px;grid-template-columns:100px 78px 130px minmax(200px,1.05fr) minmax(170px,.85fr) 92px 110px 110px 110px 110px 120px;align-items:center;gap:10px;min-width:1320px;min-height:40px;padding:0 10px;display:grid}.ledgerHead{color:#667388;text-transform:uppercase;background:#fff;min-height:28px;font-size:11px;font-weight:800}.ledgerQuickBar{flex-wrap:wrap;gap:8px;display:flex}.drawerOverlay{z-index:20;background:#121b265c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.entryDrawer{background:#fff;border:1px solid #dfe5ec;border-radius:8px;grid-template-rows:auto 1fr auto;width:min(980px,100vw - 36px);height:min(78vh,720px);display:grid;overflow:hidden;box-shadow:0 28px 70px #18212f3d}.drawerHeader,.drawerFooter{border-bottom:1px solid #dfe5ec;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.drawerFooter .primaryButton,.drawerFooter .softButton,.journalLineToolbar .softButton{min-height:36px}.drawerFooter{border-top:1px solid #dfe5ec;border-bottom:0}.drawerBody{align-content:start;gap:12px;min-height:0;padding:14px 16px;display:grid;overflow-y:auto}.drawerOptionList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.drawerOptionList button{color:#18212f;background:#f7f9fb;border:1px solid #dfe5ec;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.drawerOptionList .selected{color:#146c57;background:#e2f5ef;border-color:#1f8a70}.drawerForm{gap:10px;display:grid}.drawerForm label{gap:6px;display:grid}.drawerForm label span,.drawerPreview span{color:#667388;text-transform:uppercase;font-size:12px;font-weight:800}.drawerForm input,.drawerForm select{color:#18212f;background:#fff;border:1px solid #d5dce5;border-radius:8px;width:100%;min-height:36px;padding:0 11px}.drawerSplit{grid-template-columns:1fr 1fr;gap:12px;display:grid}.invoiceForm{gap:12px}.invoiceLine{background:#f7f9fb;border:1px solid #dfe5ec;border-radius:8px;grid-template-columns:minmax(220px,1fr) 90px 130px 90px;gap:10px;padding:10px;display:grid}.invoicePreview strong{color:#146c57}.drawerPreview{background:#f7f9fb;border:1px solid #dfe5ec;border-radius:8px;gap:5px;min-height:54px;padding:12px;display:grid}.drawerPreview strong{font-size:19px}.drawerPreview small{color:#667388;font-weight:700}.drawerPreview .differenceText{color:#b33a3a}.journalLineToolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.journalLineToolbar>div{flex-wrap:wrap;gap:8px;display:flex}.journalEntryLines{gap:6px;display:grid;overflow-x:auto}.journalEntryLine{grid-template-columns:minmax(260px,1fr) 140px 140px 42px;align-items:center;gap:8px;min-width:820px;min-height:38px;display:grid}.journalEntryHead{color:#667388;text-transform:uppercase;min-height:30px;font-size:12px;font-weight:800}.journalEntryLine input,.journalEntryLine select{color:#18212f;background:#fff;border:1px solid #d5dce5;border-radius:8px;width:100%;min-height:34px;padding:0 10px}@media (width<=1120px){.appShell{background:linear-gradient(90deg,#16202c 0 84px,#0000 84px),#eef2f5;grid-template-columns:84px 1fr}.brand div:not(.brandMark),.navList span,.companyPanel{display:none}.brand,.navList button{justify-content:center}.statsGrid{grid-template-columns:repeat(2,minmax(180px,1fr))}.contentGrid{grid-template-columns:1fr}.accountHero{flex-direction:column;align-items:stretch}.accountSummary{border-top:1px solid #dfe5ec;border-left:0;padding-top:16px;padding-left:0}.reportControls{grid-template-columns:repeat(2,minmax(0,1fr))}.segmentedControl,.exportActions{grid-column:1/-1}.entrySetupGrid{grid-template-columns:1fr}}@media (width<=760px){.appShell{background:#eef2f5;display:block}.sidebar{z-index:5;background:#16202c;flex-direction:row;align-items:center;gap:10px;padding:10px;position:sticky;top:0;overflow-x:auto}.brand{flex:none}.navList{gap:6px;display:flex}.navList button{flex:0 0 44px;width:44px}.workspace{padding:16px}.topbar,.topActions{flex-direction:column;align-items:stretch}.searchBox{width:100%}.topActions{grid-template-columns:1fr 42px 42px;display:grid}.searchBox,.primaryButton{grid-column:1/-1}.statsGrid{grid-template-columns:1fr}.tableRow,.journalList article,.accountTableRow{grid-template-columns:1fr;gap:6px;padding:12px}.tableHead{display:none}.invoiceList article{flex-direction:column;align-items:flex-start}.invoiceList article>div:last-child{justify-items:start}.invoiceActions{justify-content:space-between;align-items:flex-start;width:100%}.invoiceActions>div{justify-items:start}.reportControls{grid-template-columns:1fr}.segmentedControl,.exportActions{grid-column:auto}.segmentedControl{grid-template-columns:1fr}.exportActions{grid-template-columns:1fr 1fr;display:grid}.ledgerRow,.partyRow,.inventoryRow,.entryLine{grid-template-columns:1fr;gap:6px;min-width:0;padding:12px}.ledgerHead,.partyHead,.inventoryHead,.entryLineHead{display:none}.drawerOptionList,.drawerSplit,.invoiceLine{grid-template-columns:1fr}.journalLineToolbar{flex-direction:column;align-items:stretch}.journalEntryLine{background:#f7f9fb;border-radius:8px;grid-template-columns:1fr;min-width:0;padding:10px}.journalEntryHead{display:none}.drawerFooter{flex-direction:column-reverse;align-items:stretch}}
