:root{--color-canvas:#eef4f4;--color-surface:#fff;--color-inset:#f5f8f8;--color-elevated:#fff;--color-ink:#182e32;--color-muted:#506469;--color-line:#cedadb;--color-edge:#768d90;--color-brand:#075b66;--color-brandHover:#064c56;--color-brandPressed:#043b43;--color-brandSoft:#e4f3f3;--color-focus:#9b2264;--color-onBrand:#fff;--color-disabled:#dfe6e0;--color-disabledInk:#41564b;--color-error:#a12737;--color-errorSoft:#fff0f1;--color-success:#28623b;--color-successSoft:#edf6ef;--color-warning:#873d16;--color-warningSoft:#fff1e7;--color-receivable:#2456a6;--color-payable:#873d16;--color-payment:#14636b;--color-allocation:#62398b;--color-settlement:#43523d;--color-outstanding:#a12737;--space-none:0px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-xxl:24px;--space-section:32px;--space-band:48px;--radius-none:0px;--radius-small:2px;--radius-subtle:4px;--radius-control:6px;--radius-dialog:8px;--type-caption:12px;--type-label:13px;--type-data:15px;--type-body:17px;--type-section:20px;--type-title:22px;--type-page:28px;--type-display:34px;--line-compact:20px;--line-body:24px;--line-control:28px;--line-title:32px;--line-page:36px;--line-display:44px;--target-console:44px;--target-field:52px;--motion-instant:0s;--motion-press:80ms;--motion-state:.14s;--motion-enter:.18s;--motion-exit:.12s;--motion-skeleton:1.4s;--motion-toast:4s;--motion-reduced:0s;--motion-easing:cubic-bezier(.2,0,0,1);--shadow-flat:0 0px 0px #182e3200;--shadow-raised:0 2px 4px #182e3214;--shadow-floating:0 8px 20px #182e321f;--shadow-dialog:0 16px 32px #182e322e;--table-compact:80px;--table-comfortable:96px;--table-line:24px}[lang=en]{--text-caption:var(--type-caption);--text-label:var(--type-label);--text-data:var(--type-data);--text-body:var(--type-body);--text-control:var(--type-body);--text-title:var(--type-title);--text-page:var(--type-page)}[lang=ur]{--text-caption:var(--type-data);--text-label:var(--type-body);--text-data:var(--type-body);--text-body:var(--type-section);--text-control:var(--type-section);--text-title:var(--type-page);--text-page:var(--type-page)}
@font-face{font-family:Atkinson;src:url(/fonts/AtkinsonHyperlegibleNext.ttf);font-weight:400 600;font-display:block}@font-face{font-family:Naskh;src:url(/fonts/NotoNaskhArabic.ttf);font-weight:400 600;font-display:block}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--color-canvas);color:var(--color-ink);font-family:Atkinson,sans-serif;font-size:var(--type-data);line-height:var(--line-body);margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}h1,h2,h3,p,figure{margin:0}h1{font-size:var(--text-page);line-height:var(--line-page);font-weight:600}h2{font-size:var(--text-title);line-height:var(--line-title);font-weight:600}h3{font-size:var(--text-body);line-height:var(--line-control);font-weight:600}svg{stroke-width:1.8px;flex:none;width:20px;height:20px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button:disabled{cursor:not-allowed}button,a,input,select{-webkit-tap-highlight-color:transparent}[lang=ur]{font-family:Naskh,serif;font-size:var(--text-data);line-height:var(--line-body);font-optical-sizing:none}[lang=ur] .wordmark,[lang=ur] .numeric{font-family:Atkinson,sans-serif}.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;letter-spacing:0;direction:ltr;unicode-bidi:isolate;font-family:Atkinson,sans-serif}.caption{font-size:var(--text-caption);line-height:var(--line-body);color:var(--color-muted)}.muted{color:var(--color-muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.error-text{color:var(--color-error)}.app-header{z-index:20;align-items:center;gap:var(--space-xxl);height:80px;padding-inline:var(--space-section);background:var(--color-surface);border-bottom:1px solid var(--color-line);box-shadow:var(--shadow-raised);display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:var(--space-sm);font-family:Atkinson,sans-serif;font-size:var(--type-title);color:var(--color-brand);min-height:var(--target-console);font-weight:600;text-decoration:none;display:inline-flex}.wordmark svg{width:28px;height:28px}.header-context{font-size:var(--text-label);color:var(--color-muted);flex:1}.system-body{grid-template-columns:216px minmax(0,1fr);max-width:1800px;margin:auto;display:grid}.system-nav{justify-content:space-between;gap:var(--space-section);height:calc(100vh - 80px);padding:var(--space-xxl) var(--space-lg);border-inline-end:1px solid var(--color-line);flex-direction:column;display:flex;position:sticky;top:80px}.system-nav nav{gap:var(--space-sm);display:grid}.system-nav a{min-height:var(--target-console);justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-label);border-radius:var(--radius-control);transition:background var(--motion-state) var(--motion-easing);text-decoration:none;display:flex}.system-nav a:hover{background:var(--color-brandSoft);color:var(--color-brand)}.system-nav a svg{width:16px;height:16px}[dir=rtl] .system-nav a svg{transform:scaleX(-1)}.system-main{min-width:0;padding:var(--space-section);background:var(--color-surface)}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-xxl);padding-block:var(--space-sm) var(--space-section);border-bottom:1px solid var(--color-line);display:flex}.page-heading h1{margin-block:var(--space-sm)}.eyebrow{font-size:var(--type-caption);color:var(--color-brand);font-weight:600}.band{padding-block:var(--space-section);border-bottom:1px solid var(--color-line);scroll-margin-top:var(--space-xxl)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xxl);display:flex}.foundation-columns{gap:var(--space-band);grid-template-columns:1.3fr 1fr;display:grid}.type-ramp{gap:var(--space-md);display:grid}.type-ramp>div{gap:var(--space-lg);line-height:var(--line-display);grid-template-columns:44px 1fr;align-items:baseline;display:grid}.type-ramp span:last-child{overflow-wrap:anywhere}.surface-stack{align-content:center;gap:var(--space-lg);display:grid}.surface{padding:var(--space-xl);border-radius:var(--radius-control);background:var(--color-surface);border:1px solid var(--color-line)}.surface.inset{background:var(--color-inset)}.surface.raised{box-shadow:var(--shadow-raised)}.surface.floating{box-shadow:var(--shadow-floating)}.swatches{gap:var(--space-xxl);padding-top:var(--space-md);display:flex}.swatches>span{gap:var(--space-sm);display:grid}.swatches i{border-radius:var(--radius-subtle);border:1px solid var(--color-edge);width:36px;height:36px;display:block}.foundation-notes{margin-top:var(--space-xxl);color:var(--color-muted);font-size:var(--text-label)}summary{min-height:var(--target-console);cursor:pointer;align-content:center}details p+p{margin-top:var(--space-md)}.button{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);min-height:var(--target-console);min-width:var(--target-console);border:1px solid var(--color-edge);border-radius:var(--radius-control);background:var(--color-surface);font-size:var(--text-data);font-weight:500;line-height:var(--line-body);transition:background var(--motion-state) var(--motion-easing), box-shadow var(--motion-state) var(--motion-easing), transform var(--motion-press) var(--motion-easing);display:inline-flex}.button:hover:not(:disabled){background:var(--color-brandSoft);box-shadow:var(--shadow-raised)}.button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 3px #182e3220}.button.primary{background:var(--color-brand);color:var(--color-onBrand);border-color:var(--color-brand)}.button.primary:hover:not(:disabled){background:var(--color-brandHover)}.button.primary:active:not(:disabled){background:var(--color-brandPressed)}.button.danger{color:var(--color-error);border-color:var(--color-error)}.button.danger:hover:not(:disabled){background:var(--color-errorSoft)}.button.quiet{background:0 0;border-color:#0000}.button:disabled{color:var(--color-disabledInk);background:var(--color-disabled);border-color:var(--color-edge);opacity:1}.button[aria-busy=true]{background:var(--color-brandSoft)}.button-row{gap:var(--space-md);flex-wrap:wrap;display:flex}.control-columns{gap:var(--space-band);grid-template-columns:minmax(280px,380px) minmax(0,1fr);display:grid}.field-tool{padding:var(--space-xxl);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);box-shadow:var(--shadow-raised);gap:var(--space-lg);align-content:start;display:grid}.tool-heading{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-line);color:var(--color-brand);display:flex}.control-states{gap:var(--space-lg);align-content:start;display:grid}.field{gap:var(--space-xs);min-width:0;display:grid}.field label,.field>.label{font-size:var(--text-label);font-weight:500;line-height:var(--line-control)}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:var(--target-console);border:1px solid var(--color-edge);border-radius:var(--radius-control);background:var(--color-surface);font-size:var(--text-control);line-height:var(--line-control);padding:var(--space-sm) var(--space-md);transition:border-color var(--motion-state), background var(--motion-state)}.field input.numeric{font-size:var(--type-body)}.field input:hover:not(:disabled):not(:read-only),.field select:hover:not(:disabled){border-color:var(--color-brand)}.field input:read-only{background:var(--color-inset);border-style:dashed}.field input:disabled,.field select:disabled{color:var(--color-disabledInk);background:var(--color-disabled);opacity:1}.field input[aria-invalid=true],.field select[aria-invalid=true]{border:2px solid var(--color-error);background:var(--color-errorSoft)}.field-help{font-size:var(--text-caption);line-height:var(--line-body);gap:var(--space-sm);align-items:start;display:flex}.field-help svg{width:16px;height:16px;margin-top:var(--space-xs)}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-inline-end:var(--space-section)}.select-wrap>svg{inset-inline-end:var(--space-md);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.field-tool input,.field-tool select,.field-tool button{min-height:var(--target-field)}.field-tool .button{font-size:var(--text-control)}.two-columns{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.segmented{gap:var(--space-xs);padding:var(--space-xs);background:var(--color-inset);border:1px solid var(--color-line);border-radius:var(--radius-control);display:inline-flex}.segmented button{min-height:var(--target-console);min-width:var(--target-console);padding:var(--space-xs) var(--space-md);font-size:var(--text-label);line-height:var(--line-body);border-radius:var(--radius-subtle);transition:background var(--motion-state), box-shadow var(--motion-state);background:0 0;border:1px solid #0000;flex:1}.segmented button:hover:not(:disabled){background:var(--color-brandSoft)}.segmented button[aria-pressed=true]{color:var(--color-brand);background:var(--color-surface);border-color:var(--color-brand);box-shadow:var(--shadow-raised);font-weight:600}.segmented button:disabled{background:var(--color-disabled);color:var(--color-disabledInk)}.check-control{align-items:center;gap:var(--space-md);min-height:var(--target-console);font-size:var(--text-data);cursor:pointer;display:flex}.check-control input{appearance:none;border:2px solid var(--color-edge);border-radius:var(--radius-subtle);background:var(--color-surface);flex:none;width:24px;height:24px;margin:0;position:relative}.check-control input:checked{background:var(--color-brand);border-color:var(--color-brand)}.check-control input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;display:block;position:absolute;top:2px;left:7px;transform:rotate(45deg)}.check-control input[role=switch]{background:var(--color-inset);border-radius:12px;width:44px}.check-control input[role=switch]:after{content:"";background:var(--color-muted);width:14px;height:14px;transition:transform var(--motion-state) var(--motion-easing);border:0;border-radius:50%;position:absolute;top:3px;left:4px;transform:none}.check-control input[role=switch]:checked{background:var(--color-brand)}.check-control input[role=switch]:checked:after{background:#fff;transform:translate(18px)}.check-control input:disabled{background:var(--color-disabled);cursor:not-allowed}.check-control:has(input:disabled){color:var(--color-disabledInk)}.financial-key{gap:var(--space-xl);padding-block:var(--space-sm) var(--space-xxl);flex-wrap:wrap;display:flex}.financial-label{align-items:center;gap:var(--space-sm);font-size:var(--text-label);font-weight:600;display:inline-flex}.financial-label svg{width:16px;height:16px}.receivable{color:var(--color-receivable)}.payable{color:var(--color-payable)}.payment{color:var(--color-payment)}.allocation{color:var(--color-allocation)}.settlement{color:var(--color-settlement)}.outstanding{color:var(--color-outstanding)}.table-toolbar,.chart-toolbar{gap:var(--space-xxl);margin-bottom:var(--space-lg);justify-content:space-between;align-items:end;display:flex}.table-toolbar .field{width:360px;max-width:100%}.table-scroll{border:1px solid var(--color-line);border-radius:var(--radius-control);max-height:400px;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;font-size:var(--text-data);line-height:var(--table-line)}th{z-index:1;background:var(--color-inset);text-align:start;font-size:var(--text-label);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-line);white-space:nowrap;font-weight:500;position:sticky;top:0}th button{min-height:var(--target-console);align-items:center;gap:var(--space-sm);background:0 0;border:0;padding:0;display:flex}th button svg{width:16px;height:16px;transition:transform var(--motion-state)}.rotate{transform:rotate(180deg)}td{height:var(--table-comfortable);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-line)}.compact td{height:var(--table-compact);padding-block:var(--space-xs)}tbody tr:nth-child(2n){background:var(--color-inset)}tbody tr:hover{background:var(--color-brandSoft)}tbody tr:last-child td{border-bottom:0}td.numeric,th.numeric{text-align:right;font-size:var(--type-data)}th.numeric{font-size:var(--type-label)}.party-name{min-width:250px;max-width:340px;font-weight:500;line-height:var(--table-line)}.party-name>.caption{line-height:var(--line-compact);display:block}[dir=rtl] .party-name>.caption{text-align:right}.chart-toolbar{margin-top:var(--space-section)}.chart{background:var(--color-surface);padding:var(--space-xxl) 0;border-top:1px solid var(--color-line);min-width:0}.chart figcaption{justify-content:space-between;gap:var(--space-lg);display:flex}.chart-canvas{outline:none;width:100%;min-width:0;height:280px}.chart-data{font-size:var(--text-label);color:var(--color-muted)}.chart-data dl{max-width:640px;margin:0}.chart-data dl>div{justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-sm);border-bottom:1px solid var(--color-line);display:flex}.chart-data dt{align-items:center;gap:var(--space-sm);display:flex}.chart-data dd{margin:0}.series-mark{border-radius:var(--radius-small);width:12px;height:12px;display:inline-block}.recharts-default-tooltip{border-radius:var(--radius-control);box-shadow:var(--shadow-floating);font-size:var(--type-label)!important}.state-grid{gap:var(--space-section);margin-bottom:var(--space-section);grid-template-columns:1fr 1fr;display:grid}.empty-state{padding:var(--space-section);justify-content:center;align-items:center;gap:var(--space-md);text-align:center;background:var(--color-inset);flex-direction:column;min-height:280px;display:flex}.empty-state p{max-width:360px;color:var(--color-muted);font-size:var(--text-data)}.state-icon{background:var(--color-brandSoft);border-radius:var(--radius-dialog);width:52px;height:52px;color:var(--color-brand);place-items:center;display:grid}.state-icon svg{width:28px;height:28px}.error-state{gap:var(--space-md);padding:var(--space-xl);background:var(--color-errorSoft);border-inline-start:3px solid var(--color-error);display:flex}.error-state>svg{color:var(--color-error);margin-top:var(--space-xs)}.error-state p{margin-block:var(--space-xs) var(--space-md);color:var(--color-muted)}.permission-state{margin-top:var(--space-xl);gap:var(--space-sm);padding:var(--space-xl);border:1px dashed var(--color-edge);border-radius:var(--radius-control);display:grid}.permission-state>svg{color:var(--color-muted)}.skeleton{gap:var(--space-md);padding:var(--space-lg) 0;display:grid}.skeleton>span:not(.sr-only){background:var(--color-line);border-radius:var(--radius-subtle);height:44px;animation:pulse var(--motion-skeleton) ease-in-out infinite alternate;display:block}.skeleton>span:nth-child(2n){width:80%}.toast{bottom:var(--space-xxl);z-index:50;align-items:center;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-edge);border-inline-start:4px solid var(--color-success);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);box-shadow:var(--shadow-floating);max-width:min(480px,100vw - 32px);animation:enter var(--motion-enter) var(--motion-easing);display:flex;position:fixed;inset-inline-end:var(--space-xxl)}.toast>svg{color:var(--color-success)}.toast button{width:var(--target-console);height:var(--target-console);background:0 0;border:0;flex:none;place-items:center;display:grid}.toast button:hover{background:var(--color-inset)}dialog{border:1px solid var(--color-line);border-radius:var(--radius-dialog);background:var(--color-elevated);width:min(480px,100vw - 32px);color:var(--color-ink);padding:var(--space-xxl);box-shadow:var(--shadow-dialog);animation:enter var(--motion-enter) var(--motion-easing)}dialog::backdrop{background:#182e3266}dialog>header{justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);align-items:center;display:flex}.dialog-actions{justify-content:end;gap:var(--space-md);margin-top:var(--space-xxl);display:flex}.workbench-footer{padding-block:var(--space-xxl)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.5}to{opacity:1}}@keyframes enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.system-body{grid-template-columns:176px 1fr}.system-main{padding:var(--space-xxl)}.control-columns,.foundation-columns{gap:var(--space-xxl)}.header-context{display:none}.app-header{justify-content:space-between}.section-heading{align-items:start;gap:var(--space-sm);flex-direction:column}.table-toolbar{flex-wrap:wrap}}@media (max-width:760px){.app-header{padding-inline:var(--space-lg)}.system-body{display:block}.system-nav{height:auto;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-line);position:static}.system-nav nav{gap:var(--space-sm);display:flex;overflow:auto}.system-nav a{white-space:nowrap}.system-nav a svg,.system-nav>.caption{display:none}.system-main{padding:var(--space-lg)}.page-heading{flex-direction:column;align-items:start}.foundation-columns,.control-columns,.state-grid{grid-template-columns:1fr}.foundation-columns{gap:var(--space-section)}.field-tool{width:100%;max-width:430px;padding:var(--space-lg);margin-inline:auto}.control-states{padding-top:var(--space-lg)}.chart-toolbar{flex-wrap:wrap}.type-ramp>div{gap:var(--space-sm);line-height:var(--line-display)}.type-ramp>div:last-child{line-height:var(--line-display)}.financial-key{gap:var(--space-lg)}.toast{bottom:var(--space-lg);inset-inline:var(--space-lg)}.chart-canvas{height:260px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}