:root{--font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-arabic: "Noto Sans Arabic", "Geeza Pro", "Segoe UI", ui-sans-serif, sans-serif;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-mega: .12em;--leading-tight: 1.05;--leading-snug: 1.2;--leading-normal: 1.45;--leading-loose: 1.6;--fs-display-xl: 52px;--fs-display-l: 40px;--fs-display-m: 32px;--fs-h1: 26px;--fs-h2: 20px;--fs-h3: 16px;--fs-body: 14px;--fs-body-sm: 13px;--fs-caption: 12px;--fs-mega: 10px;--bg-0: #0B0D10;--bg-1: #0F1318;--bg-2: #151A21;--bg-3: #1C232C;--bg-4: #252E3A;--line-1: rgba(255, 255, 255, .055);--line-2: rgba(255, 255, 255, .1);--line-3: rgba(255, 255, 255, .17);--fg-1: #F4F6FA;--fg-2: #C2CAD6;--fg-3: #818B9A;--fg-4: #565F6E;--glass-1: rgba(17, 21, 27, .72);--glass-2: rgba(11, 13, 17, .86);--glass-stroke: rgba(255, 255, 255, .08);--glass-blur: 22px;--accent: #7C5CFF;--accent-hi: #9277FF;--accent-lo: #6446E6;--accent-ink: #FFFFFF;--accent-soft: rgba(124, 92, 255, .15);--accent-softer: rgba(124, 92, 255, .08);--accent-line: rgba(124, 92, 255, .42);--accent-glow: 0 0 0 4px rgba(124, 92, 255, .22);--success: #34D399;--success-soft: rgba(52, 211, 153, .14);--success-line: rgba(52,211,153,.34);--warning: #FBBF24;--warning-soft: rgba(251, 191, 36, .14);--warning-line: rgba(251,191,36,.34);--danger: #F87171;--danger-soft: rgba(248, 113, 113, .14);--danger-line: rgba(248,113,113,.34);--info: #5BA8FF;--info-soft: rgba(91, 168, 255, .14);--info-line: rgba(91,168,255,.34);--shadow-1: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 1px 0 rgba(255,255,255,.04) inset, 0 12px 30px -14px rgba(0,0,0,.7);--shadow-3: 0 1px 0 rgba(255,255,255,.05) inset, 0 28px 64px -18px rgba(0,0,0,.85);--shadow-glow: 0 0 0 1px var(--accent-line), 0 14px 40px -10px rgba(124,92,255,.45);--r-xs: 5px;--r-sm: 8px;--r-md: 11px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .28s}*{box-sizing:border-box}html,body{margin:0;background:var(--bg-0);color:var(--fg-1);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#34404f;background-clip:padding-box}.display-xl,.display-l,.display-m{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--fg-1);margin:0}.display-xl{font-size:var(--fs-display-xl)}.display-l{font-size:var(--fs-display-l)}.display-m{font-size:var(--fs-display-m)}h1,.h1,h2,.h2,h3,.h3{font-family:var(--font-display);color:var(--fg-1);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug);margin:0}h1,.h1{font-size:var(--fs-h1);font-weight:600}h2,.h2{font-size:var(--fs-h2);font-weight:600}h3,.h3{font-size:var(--fs-h3);font-weight:600}p,.body{font-size:var(--fs-body);color:var(--fg-2);line-height:var(--leading-normal);margin:0}.body-sm{font-size:var(--fs-body-sm);color:var(--fg-2)}.caption{font-size:var(--fs-caption);color:var(--fg-3)}.eyebrow{font-family:var(--font-display);font-size:var(--fs-mega);font-weight:600;letter-spacing:var(--tracking-mega);text-transform:uppercase;color:var(--fg-3)}code,.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:0}.num{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.ar{font-family:var(--font-arabic)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:38px;padding:0 var(--s-4);border-radius:var(--r-md);font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;letter-spacing:var(--tracking-snug);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--accent-glow)}.btn-sm{height:30px;padding:0 var(--s-3);font-size:var(--fs-body-sm);border-radius:var(--r-sm)}.btn-lg{height:44px;padding:0 var(--s-5)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hi)}.btn-primary:active{background:var(--accent-lo)}.btn-secondary{background:var(--bg-3);color:var(--fg-1);border-color:var(--line-2)}.btn-secondary:hover{background:var(--bg-4);border-color:var(--line-3)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-3);color:var(--fg-1)}.btn-destructive{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.btn-destructive:hover{background:#f8717133}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;transform:none;pointer-events:none}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:30px}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--r-pill);font-size:var(--fs-mega);font-weight:700;letter-spacing:var(--tracking-mega);text-transform:uppercase;border:1px solid transparent;font-family:var(--font-body);white-space:nowrap}.pill:before{content:"";width:5px;height:5px;border-radius:999px;background:currentColor}.pill-paid{color:var(--success);background:var(--success-soft);border-color:var(--success-line)}.pill-sent{color:var(--info);background:var(--info-soft);border-color:var(--info-line)}.pill-draft{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-line)}.pill-overdue{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.pill-voided{color:var(--fg-3);background:#ffffff0d;border-color:var(--line-2)}.pill-neutral{color:var(--fg-2);background:var(--bg-3);border-color:var(--line-2)}.pill-accent{color:var(--accent-hi);background:var(--accent-soft);border-color:var(--accent-line)}.card{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-pad{padding:var(--s-5)}.hairline{border:1px solid var(--line-1)}.field{height:38px;width:100%;padding:0 var(--s-3);border-radius:var(--r-md);background:var(--bg-3);border:1px solid var(--line-2);color:var(--fg-1);font-family:var(--font-body);font-size:var(--fs-body);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.field::placeholder{color:var(--fg-4)}.field:hover{border-color:var(--line-3)}.field:focus{border-color:var(--accent-line);box-shadow:var(--accent-glow)}textarea.field{height:auto;padding:var(--s-3);resize:vertical;line-height:var(--leading-normal)}.field-label{display:block;font-size:var(--fs-caption);font-weight:600;color:var(--fg-3);margin-bottom:6px;letter-spacing:.01em}.segmented{display:inline-flex;padding:3px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--r-md);gap:2px}.segmented>button{appearance:none;border:none;background:transparent;color:var(--fg-3);cursor:pointer;height:30px;padding:0 var(--s-3);border-radius:var(--r-sm);font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:background var(--t-fast),color var(--t-fast)}.segmented>button:hover{color:var(--fg-1)}.segmented>button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-1)}.segmented.subtle>button[aria-selected=true]{background:var(--bg-4);color:var(--fg-1)}.tabs{display:flex;gap:var(--s-5);border-bottom:1px solid var(--line-2)}.tab{appearance:none;background:none;border:none;cursor:pointer;color:var(--fg-3);font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;padding:0 0 var(--s-3);position:relative;transition:color var(--t-fast);white-space:nowrap}.tab:hover,.tab[aria-selected=true]{color:var(--fg-1)}.tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.table{width:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}.table thead th{text-align:left;font-weight:600;color:var(--fg-3);font-size:var(--fs-caption);letter-spacing:.02em;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-2);text-transform:none;white-space:nowrap;background:var(--bg-2)}.table tbody td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-1);color:var(--fg-2)}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--bg-3)}.table tbody tr[aria-selected=true]{background:var(--accent-softer)}.table .num,.table .money{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg-1)}.sheet{border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden;background:var(--bg-2)}.sheet table{border-collapse:collapse;width:100%;font-size:var(--fs-body-sm)}.sheet th,.sheet td{border-right:1px solid var(--line-1);border-bottom:1px solid var(--line-1);padding:7px 10px;white-space:nowrap}.sheet th{background:var(--bg-1);color:var(--fg-3);font-weight:600;font-size:var(--fs-caption);position:sticky;top:0}.sheet td{color:var(--fg-2);position:relative}.sheet td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg-1)}.sheet-cell-active{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-softer)!important}.sheet-cell-range{background:var(--accent-softer)!important}.sheet-cell-error{box-shadow:inset 0 0 0 1px var(--danger);background:var(--danger-soft)!important;color:var(--danger)!important}.sheet-fill{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;background:var(--accent);border:1px solid var(--bg-2);cursor:crosshair}.kpi-label{font-size:var(--fs-caption);color:var(--fg-3);font-weight:600;letter-spacing:.01em}.kpi-value{font-family:var(--font-display);font-weight:600;font-size:30px;letter-spacing:var(--tracking-tight);color:var(--fg-1);font-variant-numeric:tabular-nums;line-height:1.1}.kpi-delta{font-size:var(--fs-caption);font-weight:600;display:inline-flex;align-items:center;gap:3px}.flex{display:flex}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.center{align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--fg-3)}.dim{color:var(--fg-4)}.divider{height:1px;background:var(--line-1);border:none;margin:0}.vdivider{width:1px;background:var(--line-1);align-self:stretch}.dot-sep:before{content:"·";margin:0 7px;color:var(--fg-4)}@keyframes fd-spin{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border-radius:999px;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:fd-spin .7s linear infinite}@keyframes fd-pulse{0%,to{opacity:1}50%{opacity:.45}}.pulse{animation:fd-pulse 1.5s var(--ease-out) infinite}@keyframes fd-skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 37%,var(--bg-3) 63%);background-size:200% 100%;animation:fd-skeleton 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes fd-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fadein{animation:fd-fadein var(--t-slow) var(--ease-out) both}#root{height:100vh}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-0)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-content{flex:1;overflow:auto;min-height:0;padding:26px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:0 10px;height:36px;border-radius:9px;border:none;cursor:pointer;background:transparent;color:var(--fg-2);position:relative;transition:background var(--t-fast);font-family:var(--font-body);font-size:13.5px;font-weight:500;text-align:left;text-decoration:none}.nav-item:hover{background:var(--bg-3);color:var(--fg-1)}.nav-item.is-active{background:var(--accent-soft);color:var(--fg-1);font-weight:600}.nav-item.is-active .nav-icon{color:var(--accent-hi)}.nav-item.is-active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--accent)}.nav-icon{flex-shrink:0;display:grid;place-items:center}.company-switch{width:100%;display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;border:1px solid var(--line-1);background:var(--bg-2);cursor:pointer;font-family:var(--font-body);text-align:left}.company-switch:hover{border-color:var(--line-3)}.company-option{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;border:1px solid transparent;background:transparent;cursor:pointer;margin-bottom:2px;font-family:var(--font-body);text-align:left}.company-option:hover{background:var(--bg-3)}.company-option.is-current{border-color:var(--accent-line);background:var(--accent-soft)}.row-link{color:var(--accent-hi);text-decoration:none;font-weight:600}.row-link:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .span-2{grid-column:1 / -1}.line-grid{display:grid;grid-template-columns:minmax(160px,2fr) minmax(150px,1.6fr) 90px 130px 90px 120px 36px;gap:8px;align-items:end}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:1100px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.line-grid{grid-template-columns:minmax(0,1fr)}}.reference-banner{background:repeating-linear-gradient(45deg,var(--warning-soft),var(--warning-soft) 12px,transparent 12px,transparent 24px);border:1px solid var(--warning-line);border-radius:var(--r-md);padding:14px 16px}