:root,html[data-theme=dark]{--ink: #e8f1f7;--ink-soft: #8ba3b8;--forest: #2ec4b6;--forest-2: #2ec4b6;--brass: #2ec4b6;--brass-deep: #5eead4;--accent: #2ec4b6;--accent-deep: #5eead4;--navy: #07111f;--on-accent: #07111f;--paper: #07111f;--paper-2: #0c1a2e;--card: #0f2137;--line: rgba(232, 241, 247, .12);--danger: #f07178;--ok: #3dd68c;--shadow: 0 24px 60px rgba(2, 8, 20, .45);--topbar: rgba(7, 17, 31, .9);--nav: #0a1628;--input: #0a1628;--input-border: rgba(232, 241, 247, .16);--focus: rgba(46, 196, 182, .28);--display: "Syne", "Segoe UI", sans-serif;--sans: "Figtree", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color:var(--ink);font-family:var(--sans);line-height:1.5;font-synthesis:none;color-scheme:dark}html[data-theme=light]{--ink: #0b1a2e;--ink-soft: #4a6178;--forest: #0d9488;--forest-2: #0d9488;--brass: #0d9488;--brass-deep: #0f766e;--accent: #0d9488;--accent-deep: #0f766e;--navy: #0b1a2e;--on-accent: #ffffff;--paper: #f2f6fa;--paper-2: #e8eef5;--card: #ffffff;--line: rgba(11, 26, 46, .12);--danger: #c4232b;--ok: #0f766e;--shadow: 0 18px 40px rgba(11, 26, 46, .08);--topbar: rgba(242, 246, 250, .92);--nav: #eef3f8;--input: #ffffff;--input-border: rgba(11, 26, 46, .14);--focus: rgba(13, 148, 136, .22);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 600px at 12% -10%,rgba(46,196,182,.14),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(14,116,144,.12),transparent 50%),linear-gradient(180deg,rgba(232,241,247,.03) 1px,transparent 1px),var(--paper);background-size:auto,auto,64px 64px,auto;background-attachment:fixed;transition:background .35s ease,color .25s ease}html[data-theme=light] body{background:radial-gradient(1000px 480px at 8% -8%,rgba(13,148,136,.1),transparent 55%),radial-gradient(800px 400px at 100% 0%,rgba(11,26,46,.05),transparent 50%),linear-gradient(180deg,rgba(11,26,46,.04) 1px,transparent 1px),var(--paper);background-size:auto,auto,64px 64px,auto}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}::selection{background:#2ec4b659}.boot{min-height:100vh;display:grid;place-items:center;background:var(--paper);animation:stil-fade .6s ease}@keyframes stil-fade{0%{opacity:0}to{opacity:1}}.mark{width:44px;height:44px;display:block;flex:none}.app{min-height:100vh;animation:stil-rise .55s ease}@keyframes stil-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.topbar{position:sticky;top:0;z-index:20;width:100%;height:auto;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:0;background:var(--topbar);border:0;border-bottom:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-main{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 40px}.menu-tabs,.topbar-tools,.subnav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shell-body{display:grid;grid-template-columns:232px minmax(0,1fr);align-items:start}.side-nav{position:sticky;top:76px;min-height:calc(100vh - 76px);padding:16px 12px;border-right:1px solid var(--line);background:var(--nav);display:grid;align-content:start;gap:4px}.side-nav a{display:grid;gap:2px;text-decoration:none;color:var(--ink);border-radius:8px;padding:10px 12px;transition:background .18s ease,color .18s ease}.side-nav small{color:var(--ink-soft);font-size:.75rem;font-weight:400;line-height:1.3}.side-nav a.active{background:#2ec4b629;color:var(--ink);font-weight:600}html[data-theme=light] .side-nav a.active{background:#0d94881f}#companies,#accounts,#suppliers,#employees,#xero{scroll-margin-top:150px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.brand-copy{display:grid;line-height:1.05}.brand-kicker{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}.brand strong{font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:-.04em}.menu-tabs a,.ghost{border:0;background:transparent;text-decoration:none;border-radius:8px;padding:10px 14px;cursor:pointer;color:var(--ink-soft);font-weight:500}.menu-tabs a.active{background:var(--ink);color:var(--paper)}html[data-theme=dark] .menu-tabs a.active{background:var(--accent);color:var(--on-accent)}.ghost{color:var(--ink-soft)}.who{display:inline-block;margin-right:8px;color:var(--ink);font-weight:600}.stage{width:min(1600px,calc(100% - 80px));margin:36px auto 72px}.eyebrow{margin:0 0 10px;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);font-weight:500}.eyebrow.light{color:var(--brass-deep)}.brand-hero{margin:0 0 18px;font-family:var(--display);font-weight:800;font-size:clamp(3.4rem,7.5vw,6rem);letter-spacing:-.055em;line-height:.92;color:#e8f1f7}.gate-pitch{max-width:16ch!important;font-size:clamp(1.45rem,2.4vw,2rem)!important;line-height:1.2!important;font-weight:600!important;color:#e8f1f7db!important;margin-bottom:28px!important}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.045em;margin:0 0 14px}h1{font-size:clamp(3rem,5vw,5rem);line-height:.92}h2{font-size:clamp(1.6rem,2vw,2rem)}.panel,.activate{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px 32px;margin-bottom:20px;box-shadow:var(--shadow)}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}label{display:grid;gap:8px;font-size:.92rem;margin-bottom:16px;color:var(--ink-soft);font-weight:500}label:has(>span>input[type=checkbox]),label:has(>input[type=checkbox]){display:flex;align-items:center;gap:10px;color:var(--ink)}input,select,textarea{width:100%;padding:14px 16px;border-radius:8px;border:1px solid var(--input-border);background:var(--input);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:96px;resize:vertical}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:var(--card);box-shadow:0 0 0 4px var(--focus)}select option{background:var(--card);color:var(--ink)}button.primary,button.secondary,button.danger,a.quiet{border:0;border-radius:8px;padding:13px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:600}button.primary{background:var(--accent);color:var(--on-accent)}button.primary:hover{filter:brightness(1.06)}button.secondary{background:var(--card);color:var(--ink);border:1px solid var(--line)}button.danger{background:transparent;color:var(--danger)}button.wide{width:100%;margin-top:6px;padding:16px 18px}button:disabled{opacity:.55;cursor:default}a.quiet{border:1px solid var(--line);color:var(--brass-deep);padding:8px 14px;font-size:.92rem;background:var(--card)}.gate{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(380px,.7fr);gap:24px;align-items:stretch;min-height:calc(100vh - 180px)}.gate-story{position:relative;overflow:hidden;min-height:720px;padding:64px 64px 220px;border-radius:18px;color:#e8f1f7;border:1px solid rgba(46,196,182,.16);background:radial-gradient(700px 420px at 18% 12%,rgba(46,196,182,.22),transparent 60%),radial-gradient(520px 360px at 88% 78%,rgba(14,116,144,.18),transparent 55%),linear-gradient(160deg,#0c1a2e,#07111f 55%,#06101c);box-shadow:var(--shadow)}.gate-story h1{max-width:11ch;font-size:clamp(3.4rem,5.6vw,5.6rem);color:#e8f1f7;margin-bottom:36px}.proof{list-style:none;margin:0;padding:0;display:grid;gap:22px;max-width:560px}.proof li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}.proof span,.steps>li>span{font-family:var(--mono);color:var(--accent-deep);font-size:.82rem;letter-spacing:.08em}.proof strong{display:block;font-size:1.2rem;font-family:var(--display);letter-spacing:-.03em;color:#e8f1f7}.proof p{margin:4px 0 0;color:#e8f1f7b3;font-size:1.02rem}.float-slip{position:absolute;right:48px;bottom:40px;width:300px;padding:18px 18px 16px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(46,196,182,.22);color:#e8f1f7;box-shadow:none;animation:stil-float 6s ease-in-out infinite}.float-slip-head,.float-slip div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.92rem;font-family:var(--mono)}.float-slip b{font-family:var(--display);font-size:1.6rem;color:#e8f1f7;letter-spacing:-.04em}.float-slip em{display:inline-block;margin-top:12px;font-style:normal;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep)}.gate-card{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:40px 36px}.gate-card h2{margin-bottom:18px;font-size:2.2rem}.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin-bottom:22px;border-radius:0;background:transparent;border:0}.gate-card .tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tabs button{border:1px solid var(--line);background:var(--input);border-radius:8px;padding:12px 14px;cursor:pointer;color:var(--ink-soft);font-weight:600}.tabs button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.hero-card{position:relative;overflow:hidden;margin-bottom:20px;padding:48px 40px 36px;border-radius:18px;color:#e8f1f7;border:1px solid rgba(46,196,182,.16);background:radial-gradient(600px 320px at 12% 0%,rgba(46,196,182,.28),transparent 55%),linear-gradient(160deg,#0f2137,#07111f 70%);box-shadow:var(--shadow)}.hero-card h1{color:#e8f1f7;font-size:clamp(3.2rem,7vw,5.6rem);font-family:var(--display);letter-spacing:-.05em}.lede{margin:0 0 28px;max-width:36ch;color:var(--ink-soft);font-size:1.25rem}.lede.dark{color:var(--ink-soft)}.hero-card .lede,.gate-story .lede{color:#e8f1f7c7}.status-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.live{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-family:var(--mono)}.live:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.live.is-on{color:#3dd68c}.live.is-off{color:#ffb020}.capture-row{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-bottom:18px}button.capture-button{border:0;width:100%;text-align:left}.capture-button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:16px;min-height:196px;padding:24px;border-radius:10px;background:var(--accent);color:#07111f;cursor:pointer;overflow:hidden}.capture-button.alt{background:transparent;color:#e8f1f7;border:1px solid rgba(244,247,251,.22)}.capture-button svg{width:40px;height:40px}.capture-button span{font-family:var(--display);font-size:1.7rem;font-weight:600;letter-spacing:-.04em}.capture-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;font-size:16px}.offscreen-camera{position:absolute;width:1px;height:1px;opacity:0}.viewfinder{display:grid;gap:16px}iframe.pdf-page{height:72vh;border:0;background:var(--card)}.viewfinder video,.shot{display:block;width:100%;max-height:72vh;object-fit:contain;background:var(--navy);border-radius:12px}.shutter-bar{display:flex;gap:12px}.shutter{min-height:64px;flex:1;font-size:1.15rem}.hero-card label,.hero-card .muted{color:#e8f1f7db}.hero-card .company-help{margin-top:-8px;font-size:1rem}.capture-button:disabled,.capture-button.is-disabled{opacity:.45;cursor:not-allowed}.capture-button.is-disabled input{pointer-events:none}.hero-card .ok{color:#b7f0cf}.hero-card .secondary{background:transparent;color:#e8f1f7;border-color:#ffffff3d}.approve-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 18px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer;font:inherit}.chip span{margin-left:6px;color:var(--ink-soft)}.chip.on{background:var(--accent);color:var(--on-accent)}.chip.on span{color:color-mix(in srgb,var(--on-accent) 70%,transparent)}.search-field{display:grid;gap:6px;min-width:min(420px,100%);font-size:.85rem;color:var(--ink-soft)}.search-field input,.date-field select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}.bill-facts{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 16px;color:var(--ink-soft)}.approve-table{width:100%;border-collapse:collapse}.approve-table th,.approve-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}.approve-table th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:500}.approve-table tr.picked{background:#f3f7ff}.approve-table a{color:inherit;font-weight:600}.scan-list{display:grid;gap:14px;margin:8px 0 22px}.scan-card{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--card)}.scan-head{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:baseline;margin-bottom:8px}.scan-head strong{font-size:1.05rem}.scan-head span,.scan-head b{color:var(--ink-soft);font-weight:500}.scan-lines{width:100%;border-collapse:collapse}.scan-lines td{padding:6px 0;border-bottom:1px solid var(--line);vertical-align:top}.scan-lines td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:16px}.scan-card .ok,.scan-card .alert{margin:10px 0 0}.list{display:grid;gap:10px}.list button,.list a.item,.history-row,.slip-card{text-align:left;text-decoration:none;background:var(--input);border:1px solid var(--line);border-radius:10px;padding:16px 18px;color:inherit}.list a.item{display:block;cursor:pointer}.list a.item:hover,.history-row:hover{border-color:var(--accent)}.slip-card{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center}.thumb{width:84px;height:84px;object-fit:cover;border-radius:8px;background:#e7edf4}.history-row{display:flex;gap:14px;align-items:center}.history-row .danger{margin-left:auto}.pill.warn{background:color-mix(in srgb,#ffb020 18%,var(--card));color:#b45309}html[data-theme=dark] .pill.warn{color:#ffd27a}.muted{color:var(--ink-soft)}.empty{padding:8px 2px 4px}.error{color:var(--danger)}.ok{color:var(--ok)}.alert{margin:0 0 12px;padding:14px 16px;border-radius:8px;background:color-mix(in srgb,var(--danger) 14%,var(--card));color:var(--danger)}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;background:#e8efff;color:var(--brass-deep);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono)}.hero-card .pill{background:#2ec4b629;color:#e8f1f7}.workspace{display:grid;grid-template-columns:420px minmax(0,1fr);gap:24px;align-items:start}.rail{position:sticky;top:100px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:var(--shadow)}.rail h1{font-size:3rem}.workspace-main .panel{margin:0}.empty-stage{min-height:320px;display:grid;align-content:end}.preview{width:100%;border-radius:8px;background:#e7edf4;margin-bottom:16px}.slip-block{margin-bottom:16px}.slip-frame{position:relative;display:block}.slip-frame .preview{margin-bottom:0}.slip-mark{position:absolute;box-sizing:border-box;border:2px solid #e0a100;background:#e0a10047;border-radius:4px;pointer-events:none}.slip-mark em{position:absolute;left:0;bottom:calc(100% + 2px);font-style:normal;font-size:.72rem;line-height:1.2;background:#e0a100;color:#1a1406;padding:1px 6px;border-radius:4px;white-space:nowrap}.slip-mark.unclear{border-color:#c4232b;background:#c4232b38}.slip-mark.unclear em{background:#c4232b;color:#e8f1f7}.gap-input{box-shadow:inset 0 0 0 2px #e0a100}.preview.sheet{max-height:520px;object-fit:contain;background:var(--navy)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.line{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.actions,.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.studio-actions{position:sticky;bottom:16px;padding:12px;border-radius:10px;background:#fffffff0;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio{display:grid;grid-template-columns:minmax(360px,.9fr) 1.2fr;gap:24px;align-items:start}.studio-photo{position:sticky;top:100px;background:var(--navy);border:0;border-radius:12px;padding:12px;box-shadow:var(--shadow)}.studio-photo .preview{margin:0;background:transparent}.file-name{color:#e8f1f7;padding:28px}.studio-form{margin:0}.item-list{display:grid;gap:16px}.invoice-defaults{border:1px solid var(--line);border-left:3px solid var(--forest);border-radius:12px;padding:16px 18px 4px;background:var(--card)}.invoice-defaults>p{margin-top:0}.item-card{border:1px solid var(--line);border-radius:12px;padding:16px 18px 4px;background:var(--input)}.item-card header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--ink)}.item-card header span{font-family:var(--mono)}.import-banner{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;text-align:left;margin-bottom:20px;padding:32px 36px;border:0;border-radius:12px;cursor:pointer;color:#e8f1f7;background:var(--navy);box-shadow:var(--shadow)}.import-banner strong{display:block;font-family:var(--display);font-size:clamp(2rem,3vw,2.8rem);font-weight:600;letter-spacing:-.045em}.import-banner small{display:block;margin-top:6px;color:#f4f7fbb3;font-size:1.05rem}.import-go{font-size:2rem;color:#8eb0ff}.activate-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.activate-head h2{max-width:34ch}.steps{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}.steps>li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid var(--line)}.steps p{margin:4px 0 12px;color:var(--ink-soft)}.steps strong{font-size:1.08rem}.copyline{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:8px;padding:10px 10px 10px 14px;border-radius:8px;background:#f4f7fb;border:1px solid var(--line)}.copyline span{color:var(--ink-soft);font-size:.82rem}.copyline code{font-family:var(--mono);font-size:.84rem;color:var(--ink);overflow-wrap:anywhere}.copyline button{padding:8px 12px}.avatar{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:var(--navy);color:#e8f1f7;font-family:var(--display)}.posted-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.amount{font-family:var(--display);font-size:1.8rem;font-weight:600;letter-spacing:-.04em}.date-field{min-width:200px;margin:0}@media(max-width:1100px){.steps{grid-template-columns:1fr}}@media(max-width:900px){.gate,.workspace,.studio,.capture-row,.grid-2,.copyline{grid-template-columns:1fr}.gate{display:flex;flex-direction:column-reverse;min-height:0}.gate-story{min-height:0;padding:28px 22px;overflow:visible}.gate-story h1{max-width:12ch;font-size:clamp(2.4rem,10vw,3.2rem)}.gate-card{padding:24px 18px}.float-slip{position:static;margin-top:24px;width:min(100%,320px)}.rail,.studio-photo{position:static}.topbar-main{padding-left:16px;padding-right:16px}.topbar-main{min-height:0;padding-top:14px;flex-wrap:wrap}.shell-body{grid-template-columns:1fr}.side-nav{position:sticky;top:64px;min-height:0;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);z-index:15}.side-nav a{white-space:nowrap}.side-nav small{display:none}.stage{width:calc(100% - 28px);margin-top:18px}.page-head,.activate-head{flex-direction:column;align-items:stretch}.hero-card{padding:28px 20px}.hero-card h1{font-size:clamp(3rem,14vw,4.2rem)}.who{display:none}.copyline button{justify-self:start}.panel,.activate{padding:20px 16px}}.cashflow .lede{color:var(--ink-soft);max-width:46ch;margin-bottom:0}.company-row,.legend,.statement-upload{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;cursor:pointer}.chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.cash-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:4px}.cash-card span,.cash-card em{color:var(--ink-soft);font-style:normal;font-size:.85rem}.cash-card strong{font-family:var(--display);font-size:1.6rem;letter-spacing:-.04em}.up{color:var(--ok)}.down{color:var(--danger)}.chart{display:flex;align-items:end;gap:8px;height:220px;overflow-x:auto;padding-top:8px}.chart-col{display:grid;justify-items:center;gap:2px;min-width:36px;height:100%}.chart-bars{display:flex;align-items:end;gap:3px;height:170px}.chart-bars i,.legend i{display:block;width:8px;border-radius:99px 99px 2px 2px}.chart-bars i{min-height:2px}.legend i{width:10px;height:10px;border-radius:3px}.budget{background:#c5d4ea}.planned{background:var(--accent)}.actual{background:#14804a}.actual.down{background:#c4232b}.graph{width:100%;height:auto;display:block}.graph-zero{stroke:#d5deea;stroke-width:1}.graph-area{fill:#2ec4b638}.graph-label{font-size:11px;fill:#5c6b80;font-family:inherit}.circle-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.donut-card{border:1px solid var(--line);border-radius:18px;padding:18px 18px 8px;background:var(--card)}.donut-card h3{margin:0 0 8px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.donut-layout{display:grid;grid-template-columns:168px minmax(0,1fr);gap:8px;align-items:center}.donut{width:168px;height:168px}.donut-track{fill:none;stroke:#e7edf5;stroke-width:16}.donut circle{cursor:pointer;transition:stroke-width .15s ease,opacity .15s ease}.donut-total{font-family:var(--display);font-size:20px;font-weight:600;fill:var(--ink)}.donut-caption{font-size:10px;letter-spacing:.12em;fill:#5c6b80}.donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:4px}.donut-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px}.donut-legend li.on{background:#eef3fb}.donut-legend i{width:10px;height:10px;border-radius:99px}.donut-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend b{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-weight:600}.donut-legend em{font-style:normal;font-variant-numeric:tabular-nums;font-weight:600}.hbar{display:grid;grid-template-columns:minmax(90px,160px) 1fr auto;gap:10px;align-items:center;margin:8px 0}.hbar span{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{height:10px;background:#eef2f7;border-radius:99px;overflow:hidden}.hbar-track i{display:block;height:100%;border-radius:99px;background:var(--accent)}.hbar-track i.down{background:#c4232b}.chart-col span{font-size:.72rem;color:var(--ink-soft)}.chart-col small{font-family:var(--mono);font-size:.65rem;color:var(--ink-soft)}.split-cash{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.month-table{display:grid;gap:6px}.month-line,.account-line,.pay-row,.alloc-row{display:grid;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.month-line{grid-template-columns:1.1fr repeat(5,1fr)}.month-line.forecast{opacity:.72}.account-line,.pay-row{grid-template-columns:1.6fr auto auto auto}.alloc-row{grid-template-columns:1.4fr repeat(4,1fr) auto}.pay-hero{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:center;margin-bottom:16px;padding:18px;border-radius:22px;background:var(--navy);color:#e8f1f7}.pay-hero span{display:block;color:#f4f7fba6;font-size:.82rem}.pay-hero strong{font-family:var(--display);font-size:1.5rem}.pay-row.will{background:#f3fbf6;border-radius:12px;padding:10px}.file-button{position:relative;overflow:hidden;display:inline-flex;align-items:center}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.statement-upload select,.statement-upload input{width:auto;min-width:180px}.today-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 22px}.today-tile{display:grid;gap:4px;text-decoration:none;color:inherit;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.today-tile.has{border-color:var(--accent);background:#2ec4b61a}.today-tile strong{font-family:var(--display);font-size:1.8rem;line-height:1}.today-tile span{font-weight:600}.today-tile small{color:var(--ink-soft);font-size:.78rem}.today-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.panel-head h2{margin:0}.company-grid.tight{margin-bottom:16px}.editor textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;resize:vertical;min-height:64px}.guide{margin:0 0 18px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:14px;background:var(--card);color:var(--ink)}.guide .eyebrow{color:var(--accent-deep)}.guide h2{margin:0 0 8px;font-size:1.05rem;color:var(--ink)}.guide ol{margin:0;padding-left:1.2rem;display:grid;gap:6px}.guide li,.guide p{margin:0;color:var(--ink);line-height:1.45}.guide p{margin-top:10px;color:var(--ink-soft)}.cash-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:4px;color:var(--ink-soft)}.cash-search-bar{display:grid!important;grid-template-columns:1.6fr .7fr .7fr 1fr auto;gap:10px;margin-bottom:14px}.batch-import{margin-bottom:20px}@media(max-width:900px){.cash-search-bar{grid-template-columns:1fr}.batch-import .grok-inline{grid-template-columns:1fr!important}}.month-line{width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.runway{margin:0 0 12px;font-weight:600}.grokbot{max-width:760px}.grok-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.grok-tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font:inherit;cursor:pointer;color:var(--ink-soft)}.grok-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.grok-panel{display:grid;gap:14px;margin-bottom:18px}.grok-panel.muted{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}.page-head.tight{margin-bottom:4px}.page-head.tight h2{margin:0 0 6px}.hint{color:var(--ink-soft);font-size:.9rem;margin:0}.empty{color:var(--ink-soft)}.grok-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.grok-list li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.grok-list li div{display:grid;gap:2px}.grok-list li span,.grok-list li small{color:var(--ink-soft);font-size:.86rem}.grok-list.compact li{padding:8px 10px}.grok-form,.grok-inline{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}.grok-form label{display:grid;gap:4px;font-size:.86rem;color:var(--ink-soft)}.grok-form input,.grok-form select,.grok-inline input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:var(--card);color:var(--ink)}.grok-inline{grid-template-columns:1fr 88px auto;align-items:center}.grok-inline .qty{max-width:88px}.ai-connect .ai-row{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.ai-connect .ai-row>div{display:grid;gap:2px}.ai-connect .ai-row span{color:var(--ink-soft);font-size:.86rem}.ai-connect a{color:var(--brass-deep)}.file-btn{display:inline-flex;align-items:center;cursor:pointer}.out-panel{padding:14px 16px;border:1px solid #c9895b;border-radius:16px;background:#2ec4b61a}.out-panel h3{margin:0 0 4px}.grok-list li.out-item{border-color:var(--accent);background:#2ec4b61a}.shop-extras{display:grid;gap:14px;margin-bottom:16px}.budget-card{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}.budget-card.over{border-color:var(--accent);background:#2ec4b61f}.budget-card span{color:var(--ink-soft);font-size:.9rem}.extras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.cat-block h3{margin:14px 0 8px;font-size:.95rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.share-page{max-width:520px;margin:40px auto}.grok-alerts{display:grid;gap:10px;margin:0 0 18px}.grok-alert{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-decoration:none;color:inherit}.grok-alert.urgent{border-color:#c9895b;background:#2ec4b61a}.grok-alert strong{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.grok-shell{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--paper-2)}.grok-chat{display:grid;gap:10px;min-height:220px;max-height:min(52vh,420px);overflow:auto;padding:4px 2px}.grok-bubble{max-width:92%;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.grok-bubble p{margin:0 0 6px;line-height:1.45}.grok-bubble p:last-child{margin-bottom:0}.grok-bubble.you{justify-self:end;background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.grok-bubble.bot{justify-self:start}.grok-prompts{display:flex;flex-wrap:wrap;gap:8px}.grok-compose{display:grid;grid-template-columns:1fr auto;gap:8px}.grok-compose input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:var(--card)}.grok-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}@media(max-width:900px){.alloc-row,.pay-row,.month-line,.pay-hero,.split-cash,.grok-compose,.grok-inline{grid-template-columns:1fr}.brand-hero{font-size:clamp(3.4rem,18vw,5rem)}.gate-story{padding:36px 24px 160px;min-height:auto}}.theme-toggle{border:1px solid var(--line)!important;font-family:var(--mono);font-size:.72rem!important;letter-spacing:.12em;text-transform:uppercase}.gate-story .brand-hero{animation:stil-rise .7s ease}.gate-story .proof li{animation:stil-rise .55s ease both}.gate-story .proof li:nth-child(1){animation-delay:.08s}.gate-story .proof li:nth-child(2){animation-delay:.16s}.gate-story .proof li:nth-child(3){animation-delay:.24s}@keyframes stil-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mark{transition:transform .35s ease}.brand:hover .mark{transform:rotate(-6deg) scale(1.04)}html[data-theme=dark] .capture-button{color:var(--on-accent)}html[data-theme=light] .menu-tabs a.active{background:var(--ink);color:var(--paper)}.page-head h1,.page-head h2,.stage>.page-head h1{color:var(--ink)}.panel,.activate,.gate-card,.grok-panel,.scan-card,.today-tile,.list a.item,.history-row,.budget-card,.ai-connect,.grok-alert,.panel h1,.panel h2,.grok-panel h1,.grok-panel h2,.gate-card h2{color:var(--ink)}.muted,.hint,.empty,.lede,.lede.dark,.side-nav small,.grok-list li span,.grok-list li small,.chip span{color:var(--ink-soft)}.gate-card .eyebrow{color:var(--accent-deep)}.brand strong,.side-nav a{color:var(--ink)}.donut-total{fill:var(--ink)}.file-name{color:#e8f1f7}.capture-button{color:var(--on-accent)}.capture-button.alt,html[data-theme=light] .hero-card,html[data-theme=light] .gate-story{color:#e8f1f7}html[data-theme=light] .hero-card h1,html[data-theme=light] .brand-hero,html[data-theme=light] .gate-pitch{color:#e8f1f7!important}html[data-theme=light] .proof p{color:#e8f1f7b8}html[data-theme=light] .hero-card .lede,html[data-theme=light] .gate-story .lede{color:#e8f1f7c7}