:root{--navy-950:#0b1f3b;--navy-800:#1b3461;--navy-700:#1e4080;--navy-50:#eef3f9;--emerald-900:#0f5132;--emerald-700:#1a6b43;--emerald-100:#d1fae5;--emerald-50:#ecfdf5;--gold-600:#b08d57;--gold-500:#c9a96e;--gold-100:#fdf8ee;--cream-50:#faf9f7;--cream-100:#f5f2ee;--cream-200:#ede8e0;--surface:#fff;--white:#fff;--ink-900:#1a1a1a;--ink-700:#374151;--ink-400:#9ca3af;--ink-300:#d1d5db;--error-700:#b91c1c;--error-600:#dc2626;--error-text:#991b1b;--error-50:#fee2e2;--warning-800:#92400e;--warning-600:#d97706;--warning-50:#fef3c7;--info-600:#1d4ed8;--info-50:#dbeafe;--gray-100:#f3f4f6;--emerald-text:#065f46;--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--focus-ring:0 0 0 3px #0f51321f;--overlay-backdrop:#0b1f3b80;--z-dropdown:100;--z-fab:140;--z-panel:150;--z-modal:200;--z-toast:300;--shadow-card:0 1px 3px #0000000f, 0 4px 12px #0b1f3b0f;--shadow-modal:0 20px 60px #0b1f3b33;--shadow-toast:0 8px 24px #0b1f3b40;--radius-card:16px;--radius-button:8px;--radius-input:8px;--radius-badge:99px;--radius-modal:20px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream-50);color:var(--ink-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{border-radius:var(--radius-button);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--emerald-900);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--navy-950);color:var(--white)}.btn-primary:hover{background:var(--navy-800)}.btn-secondary{background:var(--surface);color:var(--ink-900);border:1px solid var(--cream-200)}.btn-secondary:hover{background:var(--cream-50)}.btn-emerald{background:var(--emerald-900);color:var(--white)}.btn-emerald:hover{background:var(--emerald-700)}.btn-danger{background:var(--error-600);color:var(--white)}.btn-danger:hover{background:var(--error-700)}.badge{border-radius:var(--radius-badge);font-family:var(--font-body);letter-spacing:.01em;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge-draft{background:var(--navy-50);color:var(--ink-700)}.badge-sent{background:var(--info-50);color:var(--info-600)}.badge-paid{background:var(--emerald-100);color:var(--emerald-text)}.badge-overdue{background:var(--error-50);color:var(--error-text)}.badge-partial{background:var(--warning-50);color:var(--warning-800)}.badge-voided{background:var(--gray-100);color:var(--ink-400)}.badge-pending{background:var(--gold-100);color:var(--gold-600)}.badge-active,.badge-received,.badge-approved{background:var(--emerald-100);color:var(--emerald-text)}.badge-rejected{background:var(--error-50);color:var(--error-text)}.delta-positive{background:var(--emerald-100);color:var(--emerald-text);border-radius:var(--radius-badge);align-items:center;gap:2px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.delta-negative{background:var(--error-50);color:var(--error-text);border-radius:var(--radius-badge);align-items:center;gap:2px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.chip{border-radius:var(--radius-badge);font-family:var(--font-body);cursor:pointer;border:1px solid var(--cream-200);background:var(--cream-100);color:var(--ink-700);align-items:center;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip:not(.chip-active):hover{background:var(--cream-200)}.chip:focus-visible{outline:2px solid var(--emerald-900);outline-offset:2px}.chip-active{background:var(--navy-950);color:var(--white);border-color:var(--navy-950)}.input{border:1.5px solid var(--cream-200);border-radius:var(--radius-input);font-family:var(--font-body);color:var(--ink-900);background:var(--surface);outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--emerald-900);box-shadow:var(--focus-ring)}.input:disabled{background:var(--cream-100);color:var(--ink-400);cursor:not-allowed}.input::placeholder{color:var(--ink-400);font-style:italic}.input-label{font-family:var(--font-body);color:var(--ink-700);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.input-error{font-family:var(--font-body);color:var(--error-600);margin-top:4px;font-size:12px}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.table-wrap{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}table.data-table{border-collapse:collapse;width:100%}table.data-table th{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-400);background:var(--cream-100);text-align:left;border-bottom:1px solid var(--cream-200);padding:12px 16px;font-size:11px;font-weight:600}table.data-table th.right,table.data-table td.right{text-align:right}table.data-table tbody tr{border-bottom:1px solid var(--cream-100);transition:background .1s}table.data-table tbody tr:nth-child(2n){background:var(--cream-50)}table.data-table tbody tr:hover{background:var(--cream-200)}table.data-table td{font-family:var(--font-body);color:var(--ink-900);padding:14px 16px;font-size:14px}td.mono,span.mono{font-family:var(--font-mono);font-size:13px}.modal-backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);width:100%;max-width:520px;max-height:90vh;animation:.2s ease-out modalIn;overflow-y:auto}.modal-header{border-bottom:1px solid var(--cream-200);justify-content:space-between;align-items:center;padding:24px 28px 20px;display:flex}.modal-title{font-family:var(--font-display);color:var(--ink-900);margin:0;font-size:20px}.modal-close{cursor:pointer;color:var(--ink-400);background:0 0;border:none;border-radius:6px;padding:4px;font-size:20px;line-height:1;transition:background .15s}.modal-close:hover{background:var(--cream-100);color:var(--ink-700)}.modal-body{padding:24px 28px}.modal-footer{border-top:1px solid var(--cream-200);justify-content:flex-end;gap:12px;padding:16px 28px;display:flex}.page-header{border-bottom:1px solid var(--cream-200);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.page-org-label{font-family:var(--font-body);color:var(--gold-600);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:500}.page-title{font-family:var(--font-display);color:var(--ink-900);margin:0;font-size:34px;font-weight:400}.page-subtitle{font-family:var(--font-body);color:var(--ink-400);margin:4px 0 0;font-size:13px}.page-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.naira{color:var(--gold-600);font-family:var(--font-display)}.toast{background:var(--navy-950);color:var(--white);border-left:4px solid var(--gold-600);border-radius:var(--radius-button);font-family:var(--font-body);box-shadow:var(--shadow-toast);min-width:280px;z-index:var(--z-toast);padding:14px 16px;font-size:14px;animation:.3s ease-out slideInRight}.empty-state{text-align:center;font-family:var(--font-body);padding:64px 24px}.empty-state p{color:var(--ink-400);margin:0;font-size:15px}.sidebar-nav-item{font-family:var(--font-body);-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:flex;overflow:hidden}.sidebar-nav-item:focus-visible{outline:2px solid var(--gold-500);outline-offset:-2px}.sidebar-toggle-btn{cursor:pointer;color:#fff6;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sidebar-toggle-btn:hover{color:#fffc;background:#ffffff0f}.sidebar-toggle-btn:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.stat-row{border-bottom:1px solid var(--cream-100);font-family:var(--font-body);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-row-label{color:var(--ink-700);font-size:14px}.stat-row-value{color:var(--ink-900);font-size:14px;font-weight:600}.nav-hoverable{transition:background-color .12s ease-out}.nav-hoverable:hover{background:#ffffff0a}.menu-hoverable{transition:background-color .12s ease-out}.menu-hoverable:hover{background:var(--cream-100)}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:.2s ease-in-out animate-fade-in}.driver-fade .driver-popover{animation:.2s animate-fade-in}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer button{all:unset;box-sizing:border-box;text-shadow:1px 1px #fff;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{margin-left:-5px;left:50%}.driver-popover-arrow-none{display:none}