:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#071225;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#eef3fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 20% 10%,#0f6bff14,#0000 30%),linear-gradient(140deg,#f8fbff 0%,#edf3fb 100%);place-items:center;min-height:100svh;padding:22px;display:grid}.phone-frame{background:#fffffff0;border:1px solid #7a8ba438;border-radius:38px;grid-template-rows:1fr 78px;width:min(100%,430px);height:min(920px,100svh - 28px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #1423412e}.phone-frame.no-nav{grid-template-rows:1fr}.app-content{scrollbar-width:none;padding:28px 22px;overflow:auto}.app-content::-webkit-scrollbar{display:none}.screen{min-height:100%}.loading-screen{color:#596981;place-content:center;justify-items:center;gap:14px;display:grid}.enter{animation:.28s both enter}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{margin:8px 0 24px}.header-row{align-items:flex-start;gap:12px;display:flex}.header-actions{align-items:center;gap:8px;display:inline-flex}.header-row>div:nth-child(2),.header-row>div:first-child{flex:1}h1,h2,p{margin:0}h1{letter-spacing:0;color:#0a1428;font-size:clamp(30px,9vw,41px);line-height:1.02}h2{letter-spacing:0;color:#0d172a;font-size:20px;line-height:1.2}.page-header p{color:#64728b;margin-top:9px;font-size:17px;line-height:1.35}.avatar-button,.icon-button{border:0;flex:none;place-items:center;display:grid}.avatar-button{color:#0f6bff;background:#edf4ff;border-radius:50%;width:46px;height:46px;font-weight:800}.icon-button{border-radius:50%;width:42px;height:42px}.icon-button.primary{color:#fff;background:#0f6bff}.icon-button.ghost{color:#5f6f88;background:0 0}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric{background:#fff;border:1px solid #e1e7f0;border-radius:20px;align-content:start;justify-items:center;gap:9px;min-height:156px;padding:18px 12px;display:grid}.metric-icon{color:#0f6bff;background:#eef5ff;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.metric.green .metric-icon{color:#12a547;background:#e9faef}.metric.money .metric-icon{color:#0f6bff;background:#edf4ff}.metric.slate .metric-icon{color:#526279;background:#eef2f7}.metric span{color:#26334a;text-align:center;min-height:34px;font-size:13px}.metric strong{color:#0f6bff;letter-spacing:0;font-size:clamp(25px,7vw,34px)}.metric.money strong{white-space:nowrap;max-width:100%;font-size:clamp(20px,5vw,27px)}.metric.green strong{color:#19b857}.metric small{color:#19a954;text-align:center;font-size:11px}.section{margin-top:30px}.section.tight{margin-top:20px}.action-list,.business-list,.service-list,.invoice-list,.client-list,.form-stack{gap:12px;margin-top:14px;display:grid}.action-list,.form-stack.compact,.item-table,.total-box,.settings-panel{background:#fff;border:1px solid #e1e7f0;border-radius:20px;overflow:hidden}.action-row,.service-row,.invoice-card,.client-row,.text-field{text-align:left;width:100%;color:inherit;background:#fff;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.action-row,.text-field{border-bottom:1px solid #edf1f6;min-height:86px;padding:14px 18px}.action-row:last-child,.text-field:last-child{border-bottom:0}.service-row,.invoice-card,.client-row{border:1px solid #e1e7f0;border-radius:20px;min-height:96px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s}.service-row:hover,.invoice-card:hover,.client-row:hover,.action-row:hover{transform:translateY(-1px)}.business-row{background:#fff;border:1px solid #e1e7f0;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;min-height:96px;padding:16px 10px 16px 16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.business-row:hover{transform:translateY(-1px)}.business-row.selected{border-color:#0f6bff;box-shadow:0 12px 32px #0f6bff1f}.business-select{text-align:left;min-width:0;color:inherit;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:0;display:grid}.row-copy{gap:4px;min-width:0;display:grid}.row-copy strong{color:#0a1428;font-size:19px;line-height:1.15}.row-copy small,.invoice-card small,.plain-field small,.text-field small,.mini-preview span{color:#65738c;font-size:14px}.row-copy em{color:#0d9844;background:#dff8e8;border-radius:999px;width:fit-content;padding:4px 10px;font-size:13px;font-style:normal}.soft-icon,.service-icon{border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.soft-icon.blue{color:#0f6bff;background:#edf4ff}.soft-icon.green{color:#12a547;background:#e9faef}.soft-icon.purple{color:#6d4dff;background:#f0edff}.soft-icon.slate{color:#506178;background:#eff3f8}.service-icon{color:var(--tint);background:color-mix(in srgb, var(--tint) 14%, white)}.business-callout,.notice{color:#17488f;background:#f7fbff;border:1px solid #c9ddff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:24px;padding:18px;display:grid}.business-callout strong,.business-callout span{display:block}.business-callout span{color:#5b6c84;margin-top:4px}.stacked-logos{width:80px;height:48px;position:relative}.stacked-logos .logo{position:absolute;top:2px;right:0}.stacked-logos .logo:first-child{z-index:2;top:15px;right:28px}.logo{color:#fff;background:var(--accent);letter-spacing:0;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47}.logo.large{width:78px;height:78px;font-size:23px}.logo img{object-fit:cover;width:100%;height:100%}.wide-primary,.outline-button{border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:62px;margin-top:18px;font-size:19px;font-weight:800;display:inline-flex}.wide-primary{color:#fff;background:#0f6bff;box-shadow:0 12px 28px #0f6bff3d}.wide-primary.green{background:#0fbd32;box-shadow:0 12px 28px #0fbd3238}.outline-button{color:#0f6bff;box-shadow:none;background:#fff;border:1.5px solid #0f6bff}.notice{color:#1a5db6;grid-template-columns:auto 1fr}.notice p{color:#35516f;line-height:1.35}.search-box{color:#65738c;background:#fff;border:1px solid #dce4ef;border-radius:18px;align-items:center;gap:12px;height:64px;padding:0 18px;display:flex}.search-box input,.text-field input,.text-field select,.plain-field input,.invoice-item input,.invoice-item select{color:#0d172a;background:0 0;border:0;outline:0;width:100%;min-width:0}.search-box input{font-size:18px}.text-field span:nth-child(2){gap:4px;display:grid}.text-field input{font-size:18px}.text-field select{appearance:none;font-size:18px}.plain-field{background:#fff;border:1px solid #dce4ef;border-radius:17px;align-content:center;gap:5px;min-height:74px;padding:12px 16px;display:grid}.plain-field input{font-size:18px}.price,.invoice-amount strong{color:#0f6bff;white-space:nowrap;font-size:18px}.invoice-amount{justify-items:end;gap:5px;display:grid}.item-table{margin-top:12px}.table-head,.invoice-item{grid-template-columns:minmax(0,1fr) 56px 82px 38px;align-items:center;gap:8px;padding:12px;display:grid}.table-head{color:#5e6d84;background:#f8fbff;grid-template-columns:minmax(0,1fr) 56px 82px 38px;font-size:13px}.invoice-item{border-top:1px solid #edf1f6}.invoice-item input,.invoice-item select{background:#f7f9fc;border-radius:12px;min-height:42px;padding:0 10px}.invoice-item strong{text-align:right}.invoice-preview{background:#fff;border:1px solid #dce4ef;border-radius:18px;margin-top:18px;padding:16px;overflow:hidden}.invoice-preview.a4-preview{aspect-ratio:210/297;border-radius:10px;padding:18px;box-shadow:0 16px 40px #14234114}.preview-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.invoice-preview.top-center .preview-head{text-align:center;grid-template-columns:1fr;justify-items:center}.invoice-preview.bottom-center>.preview-head>.logo{display:none}.invoice-preview.bottom-center>.logo{margin:14px auto 0}.preview-title,.preview-meta{gap:3px;display:grid}.preview-meta{justify-items:end;font-size:13px}.preview-title small,.preview-meta small{color:#68758b}.preview-client{gap:2px;margin-top:14px;font-size:12px;display:grid}.preview-client span,.preview-client small{color:#68758b}.preview-client strong{color:#0a1428}.preview-line{background:var(--accent);height:3px;margin:16px -16px 10px}.preview-table{gap:9px;font-size:13px;display:grid}.preview-table>div{grid-template-columns:minmax(0,1.3fr) .5fr .8fr .8fr;align-items:center;gap:6px;display:grid}.preview-table span:not(:first-child),.preview-table strong:not(:first-child){text-align:right}.preview-total{width:42%;min-width:160px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, white);border-radius:12px;justify-content:space-between;gap:10px;margin:18px 0 0 auto;padding:14px;display:flex}.total-box{gap:14px;margin-top:18px;padding:18px;display:grid}.total-box span{justify-content:space-between;gap:16px;display:flex}.grand-total{color:#0a1428;border-top:1px solid #e3e9f2;padding-top:15px;font-weight:900}.grand-total strong{color:#0bb32e;font-size:26px}.button-grid{grid-template-columns:.72fr 1fr;gap:12px;display:grid}.button-grid .outline-button,.button-grid .wide-primary{margin-top:18px}.logo-editor{grid-template-columns:.8fr 1.2fr;align-items:stretch;gap:14px;margin-bottom:18px;display:grid}.upload-box,.mini-preview{text-align:center;color:#0f6bff;background:#fff;border:1px dashed #bcc7d7;border-radius:18px;place-items:center;min-height:158px;padding:14px;display:grid;position:relative}.upload-box input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-box span{color:#8a98ac}.mini-preview{text-align:left;color:#0d172a;border-style:solid;place-items:stretch stretch;gap:12px}.preview-business{border:1px solid #e5ebf4;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.preview-business div{gap:3px;display:grid}.settings-panel{gap:16px;padding:18px;display:grid}.business-design{margin:18px 0}.settings-note{color:#66758d;font-size:14px;line-height:1.35}.color-row{gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.color-dot{color:#fff;border:0;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.color-dot.active{outline:3px solid #fff;box-shadow:0 0 0 4px #0f6bff}.logo-position-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.logo-position-grid button{color:#53647b;background:#fff;border:1px solid #dce4ef;border-radius:16px;place-items:center;gap:7px;min-height:110px;display:grid}.logo-position-grid button.selected{color:#0f6bff;background:#f8fbff;border-color:#0f6bff}.logo-position-grid span{text-align:center;font-size:12px}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.plan-card{color:#0d172a;background:#fff;border:1px solid #dce4ef;border-radius:16px;align-content:start;justify-items:center;gap:9px;min-height:180px;padding:18px 10px;display:grid;position:relative}.plan-card.selected{border-color:#0f6bff;box-shadow:0 10px 30px #0f6bff1f}.plan-card>span{font-weight:800}.plan-card strong{font-size:24px}.plan-card small{font-size:12px;font-weight:700}.plan-card p{color:#40506a;text-align:center;font-size:11px}.plan-card .warning{color:#ef3333}.plan-card em{color:#0b9a42;background:#dff8e8;border-radius:999px;padding:5px 10px;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:-12px}.sheet-backdrop{z-index:5;background:#0812245c;align-items:end;display:grid;position:absolute;inset:0}.profile-dropdown{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #dce4ef;border-radius:16px;gap:4px;width:170px;padding:6px;animation:.16s both menu-pop;display:grid;position:absolute;top:24px;right:22px;box-shadow:0 18px 44px #1423412e}.profile-dropdown button{color:#0d172a;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-weight:800;display:flex}.profile-dropdown button:hover{background:#f3f7fc}@keyframes menu-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-sheet{padding-bottom:28px}.onboarding-screen{align-content:center;gap:10px;min-height:100%;padding-top:2px;display:grid}.brand-lockup{color:#0a1428;justify-content:center;align-items:center;gap:9px;font-size:20px;font-weight:900;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 12px 24px #0f6bff29);width:42px;height:42px}.brand-lockup strong,.brand-lockup em{font-style:normal}.brand-lockup strong{color:#0f6bff}.brand-lockup em{color:#13a94d}.onboarding-hero{text-align:center;justify-items:center;gap:8px;display:grid}.onboarding-hero h1{letter-spacing:0;color:#081225;max-width:13ch;font-size:clamp(32px,9vw,40px);font-weight:900;line-height:1.02}.onboarding-hero p{color:#596981;max-width:34ch;font-size:14px;line-height:1.32}.onboarding-image{object-fit:contain;filter:drop-shadow(0 24px 42px #14234124);justify-self:center;width:min(100%,310px);max-height:176px;margin:0 auto 2px}.auth-panel,.paywall-panel{background:#fff;border:1px solid #e1e7f0;border-radius:22px;gap:9px;padding:12px;display:grid}.auth-panel{justify-self:center;width:100%;max-width:386px}.auth-panel .wide-primary{min-height:50px;margin-top:2px}.auth-panel .plain-field{min-height:54px}.form-error{color:#c22222;background:#fff1f1;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.3}.wide-primary:disabled{cursor:wait;opacity:.72}.action-row.disabled{opacity:.5;pointer-events:none}.notice.green{color:#0d9844;background:#e9faef;border-color:#19b857}.notice.green p{color:#0d9844}.loading-content{color:#596981;place-content:center;padding:60px;display:grid}.invoice-filters{gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-chip{color:#596981;white-space:nowrap;background:#fff;border:1px solid #dce4ef;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.filter-chip.active{color:#fff;background:#0f6bff;border-color:#0f6bff}.empty-state{color:#8a98ac;text-align:center;place-content:center;gap:12px;padding:48px;display:grid}.invoice-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.segmented{background:#eef3fa;border-radius:15px;grid-template-columns:1fr 1fr;gap:4px;min-height:44px;padding:4px;display:grid}.segmented button{color:#66758d;background:0 0;border:0;border-radius:12px;font-weight:800}.segmented button.active{color:#0f6bff;background:#fff;box-shadow:0 8px 18px #14234114}.paywall-panel{color:#0f6bff;justify-items:start}.paywall-panel h2{color:#0a1428}.paywall-panel p{color:#5b6c84;line-height:1.4}.client-row{grid-template-columns:auto 1fr auto}.client-avatar{color:#0f6bff;background:#edf4ff;border-radius:18px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.client-mini{background:#f8fbff;border:1px solid #dce4ef;border-radius:17px;gap:3px;margin-top:-6px;padding:14px 16px;display:grid}.client-mini span,.client-mini small{color:#66758d;font-size:13px}.client-mini strong{color:#0a1428}.sheet{background:#fff;border-radius:26px 26px 0 0;gap:12px;padding:12px 22px 24px;animation:.22s both sheet;display:grid;box-shadow:0 -18px 50px #0812242e}@keyframes sheet{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sheet-handle{background:#d8dfeb;border-radius:999px;justify-self:center;width:44px;height:5px;margin-bottom:4px}.field-grid{grid-template-columns:1fr .65fr;gap:10px;display:grid}.tabbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-top:1px solid #e8edf4;grid-template-columns:repeat(5,1fr);display:grid}.tab-button{color:#75839a;background:0 0;border:0;align-content:center;place-items:center;gap:4px;display:grid}.tab-button span{font-size:11px}.tab-button.active{color:#0f6bff}.nested-action{margin-right:-8px}@media (width<=520px){.app-shell{background:#fff;padding:0}.phone-frame{width:100%;height:100svh;box-shadow:none;border:0;border-radius:0}.phone-frame:before{display:none}}@media (width<=380px){.app-content{padding-inline:16px}.metric-strip,.plans{grid-template-columns:1fr}.metric{grid-template-columns:auto 1fr auto;justify-items:start;min-height:auto}.metric small{grid-column:2/-1}.logo-editor,.button-grid,.logo-position-grid{grid-template-columns:1fr}}