:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--nav-height:64px;--app-shell-max:1440px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{--nav-height:56px;font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--input-bg:#1b1c24;--border:#464956;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fcb8;--social-bg:#363844b8;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{min-width:320px;margin:0}#root{width:100%;max-width:var(--app-shell-max);text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;min-height:100svh;margin:0 auto}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:32px 0;font-size:56px;line-height:1.05}@media (width<=1024px){h1{margin:20px 0;font-size:40px}}@media (width<=640px){h1{font-size:32px}}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.root-shell{flex-direction:column;min-height:100svh;display:flex}.app-navbar{height:var(--nav-height);z-index:20;border-bottom:1px solid var(--border);box-sizing:border-box;background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(20px,4vw,48px);display:flex;position:sticky;top:0}.brand{color:var(--text-h);align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:30px;height:30px}.brand:focus-visible,.button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.nav-auth-status a:focus-visible,.nav-auth-status button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.nav-auth-status{min-width:0;color:var(--text);align-items:center;gap:10px;font-size:13px;display:inline-flex}.nav-auth-status-hidden{display:none}.nav-auth-status a,.nav-auth-status button{color:var(--text-h);font:13px/1.2 var(--mono)}.nav-auth-status button{border:1px solid var(--border);background:var(--social-bg);border-radius:5px;padding:6px 10px}.nav-auth-status .nav-user{text-align:right;gap:1px;min-width:0;text-decoration:none;display:grid}.nav-auth-status .nav-user span{color:var(--accent);font-size:11px}.nav-auth-status .nav-user strong{max-width:220px;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-main{flex:1}.route-loading{min-height:calc(100svh - var(--nav-height));color:var(--text);font-family:var(--mono);place-items:center;display:grid}.landing-page{height:calc(100svh - var(--nav-height));box-sizing:border-box;justify-content:center;align-items:center;padding:clamp(24px,5vw,64px);display:flex;overflow:hidden}.landing-content{flex-direction:column;align-items:center;gap:28px;width:min(860px,100%);display:flex}.landing-kicker{color:var(--accent);font-family:var(--mono);background:var(--accent-bg);border-radius:4px;padding:5px 10px;font-size:15px;line-height:1.35}.landing-content h1{max-width:820px;margin:0}.landing-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.button,.primary-button,.secondary-button{box-sizing:border-box;min-height:42px;color:var(--text-h);font-family:var(--mono);border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:8px 14px;font-size:15px;line-height:1.25;text-decoration:none;transition:border-color .3s,box-shadow .3s,background-color .3s;display:inline-flex}.button:hover,.primary-button:hover,.secondary-button:hover{box-shadow:var(--shadow)}.button-primary,.primary-button{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.button-primary:hover,.primary-button:hover{border-color:var(--accent-border)}.button-secondary,.secondary-button{border-color:var(--border);color:var(--text-h);background:var(--social-bg)}.button-secondary:hover,.secondary-button:hover{border-color:var(--border)}.primary-button:disabled,.secondary-button:disabled,.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.landing-free-trial-hidden{display:none}.logo-upload-button,.org-logo-button{position:relative;overflow:hidden}.logo-upload-button input,.org-logo-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.logo-preview,.org-logo-preview{border:1px solid var(--border);background:var(--social-bg);width:72px;height:72px;color:var(--text);font-family:var(--mono);border-radius:8px;place-items:center;font-size:12px;display:grid}.logo-preview img,.org-logo-preview img{object-fit:contain;max-width:calc(100% - 12px);max-height:calc(100% - 12px)}.required-asterisk,.label-required,.label-invalid{color:var(--accent)}.label-required,.label-invalid{background:var(--accent-bg);font-family:var(--mono);white-space:nowrap;border-radius:4px;padding:0 6px;font-size:11px}@media (width<=640px){.app-navbar{padding-inline:20px}.nav-auth-status>span,.nav-auth-status .nav-user span{display:none}.nav-auth-status .nav-user strong{max-width:120px}.landing-content{gap:20px}.landing-actions,.button{width:100%}}.auth-page{min-height:calc(100svh - var(--nav-height));box-sizing:border-box;text-align:left;place-items:center;padding:clamp(24px,5vw,56px);display:grid}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(24px,5vw,56px);width:min(1040px,100%);display:grid}.auth-copy h1,.auth-ready-card h1{margin:14px 0}.auth-copy p,.auth-ready-card p{color:var(--text)}.auth-proof-grid{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.auth-proof-grid span{border:1px solid var(--border);color:var(--text-h);background:var(--social-bg);border-radius:6px;padding:7px 10px;font-size:14px}.auth-card,.auth-ready-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:clamp(20px,4vw,32px)}.auth-card{gap:16px;display:grid}.auth-tabs{border:1px solid var(--border);background:var(--social-bg);border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.auth-tabs button,.auth-submit-button,.google-auth-button{min-height:42px;font-family:var(--mono);border-radius:5px;font-size:15px}.auth-tabs button{color:var(--text-h);background:0 0;border:0}.auth-tabs button.active,.auth-submit-button{color:var(--accent);background:var(--accent-bg)}.google-auth-button{border:1px solid var(--border);color:var(--text-h);background:var(--bg);justify-content:center;align-items:center;gap:10px;display:inline-flex}.google-auth-button:hover,.auth-submit-button:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.google-auth-icon{background:#fff;border-radius:4px;place-items:center;width:22px;height:22px;display:grid}.google-auth-icon svg{width:16px;height:16px}.auth-divider{color:var(--text);font-family:var(--mono);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:12px;display:grid}.auth-divider span{background:var(--border);height:1px}.auth-divider em{font-style:normal}.auth-field{gap:7px;display:grid}.auth-field span{color:var(--text-h);font-size:14px;font-weight:500}.auth-field input{border:1px solid var(--border);box-sizing:border-box;width:100%;min-height:42px;color:var(--text-h);background:var(--bg);font:15px/1.35 var(--sans);border-radius:6px;padding:9px 10px}.auth-field input:focus{border-color:var(--accent-border);outline:2px solid var(--accent-bg)}.auth-submit-button{border:2px solid #0000}.auth-submit-button:disabled{cursor:not-allowed;opacity:.65}.auth-switch-copy{color:var(--text);text-align:center;margin:0;font-size:14px}.auth-switch-copy button{color:var(--accent);font:inherit;background:0 0;border:0;padding:0}.auth-error,.auth-status{border-radius:6px;margin:0;padding:10px 12px;font-size:14px}.auth-error{color:var(--accent);background:var(--accent-bg)}.auth-status{color:var(--text-h);background:var(--social-bg)}.auth-ready-card{width:min(640px,100%)}.auth-ready-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}@media (width<=820px){.auth-layout{grid-template-columns:1fr}}@media (width<=520px){.auth-page{padding:18px}.auth-ready-actions,.auth-ready-actions .button{width:100%}}.dashboard-shell{height:calc(100svh - var(--nav-height));text-align:left;grid-template-columns:248px minmax(0,1fr);display:grid;overflow:hidden}.dashboard-sidebar{border-right:1px solid var(--border);background:var(--social-bg);min-height:0;padding:24px 18px;overflow-y:auto}.dashboard-sidebar>div{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;padding-bottom:18px;display:grid}.sidebar-eyebrow{color:var(--accent);font-family:var(--mono);margin:0;font-size:12px}.dashboard-sidebar strong{color:var(--text-h)}.dashboard-sidebar span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.dashboard-sidebar nav{gap:8px;display:grid}.dashboard-sidebar a,.dashboard-sidebar button{color:var(--text-h);font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;padding:10px 12px;text-decoration:none}.dashboard-sidebar a.active,.dashboard-sidebar button.active{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.dashboard-sidebar a[aria-disabled=true]{color:var(--text);cursor:not-allowed;opacity:.65}.dashboard-content{min-width:0;min-height:0;padding:clamp(24px,4vw,48px);overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.dashboard-header h1{margin:14px 0}.dashboard-header p{max-width:720px;color:var(--text)}.setup-meter{border:1px solid var(--border);background:var(--social-bg);border-radius:8px;min-width:190px;padding:14px}.setup-meter span{color:var(--accent);font-family:var(--mono);font-size:24px;display:block}.setup-meter strong{color:var(--text-h);font-size:14px}.organisation-form{gap:16px;display:grid}.dashboard-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-metric-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:16px}.dashboard-metric-card span{color:var(--text);font-size:13px}.dashboard-metric-card strong{color:var(--text-h);margin-top:8px;font-size:28px;line-height:1.1;display:block}.dashboard-metric-card p{color:var(--text);margin-top:8px;font-size:13px}.dashboard-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-card-subtitle{color:var(--text);margin:-8px 0 16px;font-size:14px}.dashboard-status-list,.dashboard-compact-list{gap:10px;display:grid}.dashboard-status-row,.dashboard-compact-list button{border:1px solid var(--border);width:100%;color:var(--text-h);background:var(--social-bg);font:inherit;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.dashboard-compact-list button:hover{border-color:var(--accent-border)}.dashboard-status-row strong{color:var(--text-h);margin-left:auto;font-size:14px}.invoice-status-pill{border:1px solid var(--border);min-width:78px;color:var(--text-h);background:var(--bg);font:12px/1.35 var(--mono);text-align:center;border-radius:5px;padding:2px 7px}.status-draft{color:#93c5fd;background:#3b82f61f;border-color:#93c5fd73}.status-sent{color:#a5b4fc;background:#6366f11f;border-color:#a5b4fc73}.status-paid{color:#86efac;background:#22c55e1f;border-color:#86efac73}.status-overdue{color:#fda4af;background:#f43f5e1f;border-color:#fda4af73}.status-cancelled{color:#fdba74;background:#f973161f;border-color:#fdba7473}.dashboard-readiness-grid,.dashboard-record-summary{gap:10px;display:grid}.dashboard-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-readiness-grid div,.dashboard-record-summary div{border:1px solid var(--border);background:var(--social-bg);border-radius:6px;padding:12px}.dashboard-readiness-grid span,.dashboard-record-summary span{color:var(--text);font-size:13px;display:block}.dashboard-readiness-grid strong,.dashboard-record-summary strong{color:var(--text-h);margin-top:6px;display:block}.dashboard-compact-list button{align-items:start}.dashboard-compact-list span{color:var(--text);font-size:13px}.dashboard-mini-empty{min-height:160px;color:var(--text);text-align:center;align-content:center;justify-items:center;gap:14px;display:grid}.dashboard-mini-empty strong{color:var(--text-h)}.dashboard-mini-empty p{max-width:360px;color:var(--text)}.dashboard-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:clamp(18px,3vw,28px)}.dashboard-section-heading{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.dashboard-section-heading span{width:26px;height:26px;color:var(--accent);background:var(--accent-bg);font-family:var(--mono);border-radius:6px;place-items:center;font-size:13px;display:grid}.dashboard-section-heading h2{margin:0}.org-logo-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.org-text-button{color:var(--accent);font:13px/1.2 var(--mono);background:0 0;border:0;padding:0}.dashboard-defaults-callout{border:1px solid var(--border);background:var(--social-bg);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.dashboard-defaults-callout strong{color:var(--text-h)}.dashboard-defaults-callout p{color:var(--text);margin:4px 0 0;font-size:14px}.dashboard-profile-selector{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;display:grid}.dashboard-profile-selector legend{color:var(--text-h);grid-column:1/-1;font-size:14px;font-weight:500}.dashboard-profile-selector label{border:1px solid var(--border);color:var(--text-h);background:var(--social-bg);border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.dashboard-profile-selector label:has(input:checked){border-color:var(--accent-border);background:var(--accent-bg)}.dashboard-profile-selector span{gap:4px;display:grid}.dashboard-profile-selector small{color:var(--text);line-height:1.45}.dashboard-field-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.dashboard-field-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-field-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-field-grid.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-field{align-content:start;gap:7px;display:grid}.dashboard-field-label{align-items:center;gap:8px;min-height:20px;display:flex}.dashboard-field-label>span,.dashboard-field>span{color:var(--text-h);font-size:14px;font-weight:500}.dashboard-field input,.dashboard-field select,.dashboard-field textarea{border:1px solid var(--border);box-sizing:border-box;width:100%;min-height:42px;color:var(--text-h);background:var(--input-bg,var(--bg));font:15px/1.35 var(--sans);border-radius:6px;padding:9px 10px}.dashboard-field textarea{resize:vertical;min-height:82px}.dashboard-field input:disabled,.dashboard-field select:disabled,.dashboard-field textarea:disabled{cursor:not-allowed;opacity:.55}.dashboard-field-hint{color:var(--text);font-size:13px;line-height:1.4}.dashboard-field input:focus,.dashboard-field select:focus,.dashboard-field textarea:focus{border-color:var(--accent-border);outline:2px solid var(--accent-bg)}.dashboard-discount-control{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.dashboard-percent-toggle{border:1px solid var(--border);min-height:42px;color:var(--text-h);background:var(--social-bg);font:15px/1 var(--mono);border-radius:6px}.dashboard-percent-toggle.active{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.dashboard-calculation-strip{border:1px solid var(--border);background:var(--social-bg);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding:12px;display:grid}.dashboard-calculation-strip span{color:var(--text);gap:4px;font-size:13px;display:grid}.dashboard-calculation-strip strong{color:var(--text-h);font-size:15px}.dashboard-segmented-control{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:0;display:flex}.dashboard-segmented-control legend{width:100%;color:var(--text-h);margin-bottom:4px;font-size:14px;font-weight:500}.dashboard-segmented-control label,.dashboard-checkbox{border:1px solid var(--border);color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:9px 10px;display:inline-flex}.dashboard-segmented-control label:has(input:checked){border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.dashboard-checkbox{margin-top:14px}.dashboard-checkbox-field{box-sizing:border-box;align-self:end;min-height:42px}.dashboard-list-toolbar{border:1px solid var(--border);background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.dashboard-list-toolbar h2,.dashboard-empty-state h2,.client-list-card h2{margin:0}.dashboard-list-toolbar p,.dashboard-empty-state p,.client-list-card p,.dashboard-list-status{color:var(--text)}.dashboard-empty-state{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-content:center;justify-items:start;gap:16px;min-height:320px;padding:clamp(20px,4vw,36px);display:grid}.client-list{gap:12px;display:grid}.client-list-card{border:1px solid var(--border);width:100%;color:inherit;background:var(--bg);font:inherit;text-align:left;border-radius:8px;grid-template-columns:minmax(240px,1fr) minmax(0,1.4fr);gap:18px;padding:16px;display:grid}.client-list-card:hover,.client-list-card:focus-visible{border-color:var(--accent-border);box-shadow:var(--shadow)}.client-list-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.client-list-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.client-list-card dt{color:var(--text);font:12px/1.2 var(--mono)}.client-list-card dd{min-width:0;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.dashboard-list-status{margin:0;font-size:14px}.dashboard-signature-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.dashboard-signature-row>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-signature-preview{border:1px solid var(--border);box-sizing:border-box;width:min(260px,100%);min-height:118px;color:var(--text-h);background:var(--social-bg);text-align:right;border-radius:8px;flex-direction:column;align-items:flex-end;padding:14px;display:flex}.dashboard-signature-preview img{object-fit:contain;align-self:center;max-width:150px;max-height:44px;margin-top:8px}.dashboard-signature-preview strong{margin-top:12px}.dashboard-signature-preview small{color:var(--text);margin-top:3px;font-weight:700}.dashboard-actions{border:1px solid var(--border);background:var(--bg);border-radius:8px;justify-content:flex-end;align-items:center;gap:12px;padding:14px;display:flex}.dashboard-actions p{color:var(--text);margin:0 auto 0 0;font-size:14px}.dashboard-auth-required{min-height:calc(100svh - var(--nav-height));text-align:left;place-items:center;padding:24px;display:grid}.dashboard-auth-required>div{border:1px solid var(--border);border-radius:8px;width:min(640px,100%);padding:clamp(20px,4vw,32px)}@media (width<=900px){.dashboard-shell{height:auto;min-height:calc(100svh - var(--nav-height));grid-template-columns:1fr;overflow:visible}.dashboard-sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:auto;overflow:visible}.dashboard-content{overflow:visible}.dashboard-sidebar nav{display:flex;overflow-x:auto}.dashboard-sidebar a{flex:none}.dashboard-header,.dashboard-actions,.dashboard-defaults-callout,.dashboard-list-toolbar{flex-direction:column;align-items:stretch}.dashboard-field-grid.two-columns,.dashboard-field-grid.three-columns,.dashboard-field-grid.four-columns,.dashboard-calculation-strip,.dashboard-metric-grid,.dashboard-overview-grid,.dashboard-profile-selector,.client-list-card,.client-list-card dl{grid-template-columns:1fr}.setup-meter{min-width:0}.dashboard-actions .button{width:100%}}