.connected-app{min-height:100vh}.connected-app .sidebar-profile{overflow:hidden}.connected-app .sidebar-profile small{max-width:155px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connected-app .topbar{z-index:28}.connected-live-tag{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:40px;background:var(--pill);color:var(--muted-strong);font-size:9px;font-weight:800;letter-spacing:.07em;white-space:nowrap}.connected-live-tag svg{color:#71a249}.connected-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#ebebfa,#e0f3d3);border-radius:24px;padding:35px 40px;color:#242c23;min-height:218px;display:flex;align-items:center}.connected-hero .eyebrow{color:#657c64}.connected-hero h2{font-size:clamp(25px,3vw,39px);margin:14px 0 13px;max-width:610px}.connected-hero em{font-style:normal;color:#6a864d}.connected-hero p{font-size:11px;color:#71806b}.connected-hero-art{position:absolute;right:10%;top:38px;color:#a1be8d;opacity:.6}.connected-main-panel{padding:25px 27px;margin-bottom:20px}.connected-main-panel .section-head{margin-bottom:18px}.connected-invoice-row{display:flex;align-items:center;gap:13px;width:100%;background:transparent;border:0;border-top:1px solid var(--panel-line);padding:17px 0;color:var(--ink);text-align:left}.connected-invoice-row:hover{background:var(--surface-2)}.connected-invoice-row>svg:last-child{color:var(--muted);margin-left:5px}.connected-invoice-icon{width:39px;height:39px;min-width:39px;display:grid;place-items:center;border-radius:12px;background:#eeebff;color:#8778bc}.connected-invoice-name{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.connected-invoice-name strong{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-invoice-name small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-invoice-value{display:flex;align-items:end;flex-direction:column;gap:6px;flex-shrink:0}.connected-invoice-value>strong{font-size:12px}.connected-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;text-align:center;color:var(--muted)}.connected-empty strong{color:var(--ink);font-family:Manrope,sans-serif;font-size:14px}.connected-empty p{font-size:11px;line-height:1.7;max-width:335px;margin:0}.connected-add-btn{border:0;background:var(--ink);color:var(--surface);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;padding:12px 16px;border-radius:11px;white-space:nowrap}.connected-add-btn:hover{opacity:.88}.connected-helper{font-size:10px;color:var(--muted);margin:8px 0 17px}.connected-filterbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px;margin-bottom:21px}.connected-filterbar .filter-tabs{max-width:100%;overflow:auto}.connected-filterbar .searchbox{width:230px}.connected-client-row,.connected-payment-row{border-top:1px solid var(--panel-line);padding:17px 0;display:flex;align-items:center;gap:12px}.connected-client-avatar{height:38px;width:38px;min-width:38px;display:grid;place-items:center;border-radius:12px;background:#e4edfb;color:#577ba0;font-weight:800}.connected-link-status{font-size:9px;font-weight:750;color:var(--muted-strong);background:var(--pill);border-radius:30px;padding:7px 10px;white-space:nowrap}.connected-payment-icon{height:38px;width:38px;min-width:38px;border-radius:12px;display:grid;place-items:center;color:#648d4d;background:#eaf8df}.connected-payment-row>strong{font-size:12px;white-space:nowrap}.connected-claim{border-top:1px solid var(--panel-line);padding:17px 0;display:flex;align-items:center;gap:10px}.connected-claim>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.connected-claim strong{font-size:11px}.connected-claim small,.connected-claim span{font-size:10px;color:var(--muted)}.connected-claim span{font-style:italic}.connected-secondary-btn,.connected-muted-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:800;border-radius:10px;border:1px solid var(--border);padding:10px 12px;background:var(--surface-2);color:var(--ink)}.connected-secondary-btn:hover{border-color:#9ec65f}.connected-muted-btn{background:transparent;color:var(--muted)}.connected-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.connected-method-card{padding:27px;min-height:285px}.connected-method-icon{height:46px;width:46px;background:#e0f3d8;color:#62864a;border-radius:13px;display:grid;place-items:center;margin-bottom:20px}.connected-method-card .eyebrow{font-size:9px}.connected-method-card h3{font-size:23px;margin:11px 0}.connected-method-card p{font-size:11px;color:var(--muted-strong);line-height:1.7;max-width:390px}.connected-method-card .status{margin:7px 0}.connected-method-card>.connected-secondary-btn{display:flex;width:fit-content;margin-top:17px}.connected-method-info{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:13px;margin-top:17px;display:flex;flex-direction:column;gap:7px;overflow-wrap:anywhere;font-size:11px}.connected-method-info small{font-size:10px;color:var(--muted)}.connected-method-off{font-size:10px;color:var(--muted);font-weight:800;border-radius:20px;background:var(--pill);padding:8px 10px}.connected-method-card .paypal-glyph{background:#e6edfc;color:#184e9d;font-style:italic;font-size:27px;font-weight:800}.connected-warning{display:flex;gap:8px;align-items:start;color:var(--muted-strong);font-size:10px!important}.connected-invoice-summary .eyebrow{color:var(--muted);margin:8px 0}.connected-invoice-summary h3{font-size:21px;margin:8px 0}.connected-invoice-summary p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.connected-invoice-total{font-size:34px;font-weight:800;letter-spacing:-.05em;font-family:Manrope,sans-serif;margin:21px 0 7px}.connected-invoice-summary>.brand-mark{margin-top:0}.connected-action-modal{max-width:500px}.connected-modal-copy{font-size:11px;line-height:1.7;color:var(--muted-strong);margin:10px 0 20px}.connected-fields{display:flex;flex-direction:column;gap:15px;margin-top:20px}.connected-fields>label,.connected-double>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:750;color:var(--muted-strong)}.connected-fields input:not([type=checkbox]),.connected-fields textarea,.connected-fields select{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:12px;color:var(--ink);outline-color:#9dbd62;font-size:12px}.connected-fields input::placeholder{color:var(--muted)}.connected-double{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connected-fields .primary-btn{min-height:42px;display:flex;justify-content:space-between}.connected-fields .connected-check{display:flex;flex-direction:row;align-items:start;gap:9px;line-height:1.6;font-size:11px}.connected-check input{accent-color:#99c53d;width:16px;height:16px;min-width:16px;margin-top:0}.connected-manual-payment{margin-top:24px;border-top:1px solid var(--border);padding-top:18px}.connected-manual-payment>p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}.connected-receiving{display:flex;flex-direction:column;gap:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:13px;margin:11px 0;overflow-wrap:anywhere}.connected-receiving strong{font-size:11px}.connected-receiving span,.connected-receiving small{color:var(--muted-strong);font-size:10px;line-height:1.6}.connected-error{display:flex;align-items:start;gap:7px;color:#bd5944!important;font-size:11px!important;line-height:1.5;margin:5px 0}.connected-banner{display:flex;align-items:center;gap:10px;border-radius:12px;padding:14px 16px;font-size:11px;margin-bottom:17px}.connected-banner.error{background:#ffebe5;color:#ad5845}.connected-banner.success{background:#e9f9e4;color:#42773a}.connected-banner button{margin-left:auto;background:transparent;border:0;color:inherit}.connected-app[data-theme=dark] .connected-live-tag{color:#c4d3ba}.connected-app[data-theme=dark] .connected-invoice-icon{background:#352e43;color:#c1a9ef}.connected-app[data-theme=dark] .connected-payment-icon{background:#304831;color:#b4dea6}.connected-app[data-theme=dark] .connected-method-icon{background:#30422f;color:#b4dd9e}.connected-app[data-theme=dark] .connected-method-card .paypal-glyph{background:#293958;color:#bad2ff}.connected-app[data-theme=dark] .connected-hero{background:linear-gradient(110deg,#3c3650,#2c442d);color:#f2f4ed}.connected-app[data-theme=dark] .connected-hero p{color:#c3d1c0}.connected-app[data-theme=dark] .connected-hero em{color:#c8eb9e}.app-shell.connected-login-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}.connected-login-art{background:#1b211b;color:#f3f9e9;display:flex;flex-direction:column;justify-content:space-between;padding:45px 6vw;min-height:100vh}.connected-login-art .brand-icon,.connected-login-art .brand-mark{height:40px;width:40px}.connected-login-art .brand-mark img{width:29px;height:29px}.connected-login-art-middle{padding:25px 0}.connected-login-art h1{font-size:clamp(37px,4vw,62px);line-height:1.12}.connected-login-art h1 em{font-style:normal;color:#d5ff3c}.connected-login-art p{font-size:13px;line-height:1.7;color:#b6c4b1;max-width:380px}.connected-login-art small{font-size:11px;color:#a4b4a1}.connected-login-decoration{display:flex;gap:15px;margin-top:40px}.connected-login-decoration svg{height:76px;width:76px;background:#303c2e;border:1px solid #435342;padding:22px;border-radius:18px;color:#c9f84b;transform:rotate(-8deg)}.connected-login-decoration svg:last-child{transform:rotate(7deg);color:#dad4fc}.connected-login-form-wrap{display:flex;justify-content:center;align-items:center;background:var(--canvas);padding:42px}.connected-login-form{width:min(100%,420px)}.connected-login-form>.brand-mark{margin:25px 0 20px}.connected-login-form h2{font-size:33px;margin:0 0 12px}.connected-login-form>p{font-size:12px;line-height:1.8;color:var(--muted-strong)}.connected-login-form .primary-btn{width:100%;justify-content:space-between;margin-top:8px}.connected-login-foot{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.7;color:var(--muted);padding-top:27px;margin-top:26px;border-top:1px solid var(--border)}.connected-login-foot svg{flex-shrink:0}.connected-demo-link,.connected-text-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted-strong);font-size:11px;font-weight:700;margin-top:22px;background:transparent;border:0;text-decoration:none}.connected-demo-link:hover,.connected-text-link:hover{text-decoration:underline}.connected-loading,.connected-unavailable{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#64745b;background:#f3f5ef;font-size:13px}.connected-unavailable a{color:#536a35;font-weight:800}@media(max-width:900px){.connected-hero{padding:30px}.connected-method-grid{grid-template-columns:1fr}.connected-login-art{padding:38px}.connected-login-form-wrap{padding:35px}}@media(max-width:730px){.app-shell.connected-login-page{grid-template-columns:minmax(0,1fr)}.connected-app .topbar-right{gap:4px}.connected-app .topbar-right .icon-btn{width:30px}.connected-live-tag{font-size:8px;padding:7px 8px}.connected-main-panel{padding:20px}.connected-hero{min-height:200px;padding:25px}.connected-hero h2{font-size:27px;max-width:250px}.connected-hero-art{right:-25px;opacity:.3}.connected-login-page{grid-template-columns:1fr}.connected-login-art{min-height:260px;height:auto;padding:28px}.connected-login-art-middle{padding:20px 0 0}.connected-login-art h1{font-size:33px;margin:0}.connected-login-art p{font-size:11px;line-height:1.6}.connected-login-art .hero-pill,.connected-login-art .connected-login-decoration,.connected-login-art small{display:none}.connected-login-form-wrap{padding:37px 25px;align-items:start}.connected-login-form h2{font-size:29px}}@media(max-width:460px){.connected-app .topbar-right{gap:3px}.connected-live-tag{font-size:7px;padding:7px 8px}.connected-app .topbar-right .icon-btn{width:27px}.connected-app .topbar{min-height:103px}.connected-app .topbar-location{font-size:10px}.connected-app .page-heading{align-items:start}.connected-app .page-heading h1{font-size:27px}.connected-add-btn{padding:10px 12px;font-size:10px}.connected-filterbar .searchbox,.connected-filterbar .filter-tabs{width:100%}.connected-filterbar .filter-tabs button{padding:8px 11px}.connected-hero h2{font-size:25px}.connected-invoice-row{gap:9px}.connected-invoice-value>strong{font-size:11px}.connected-invoice-name strong{font-size:10px}.connected-claim{flex-wrap:wrap}.connected-claim>div{flex:1 1 100%}.connected-method-card{padding:22px}.connected-double{gap:9px}}.app-shell.connected-login-page{width:100%;max-width:100%;overflow-x:clip}.connected-login-page>.connected-login-art,.connected-login-page>.connected-login-form-wrap{min-width:0;max-width:100%;overflow-wrap:anywhere}.connected-login-page .connected-login-form,.connected-login-page .connected-fields,.connected-login-page .connected-fields>label{min-width:0;max-width:100%}.connected-login-page .connected-fields input{min-width:0;max-width:100%}.connected-login-page .connected-login-form>p,.connected-login-page .connected-login-foot{overflow-wrap:anywhere}@media(max-width:730px){.app-shell.connected-login-page{grid-template-columns:minmax(0,100%)}.connected-login-form-wrap{width:100%;padding:30px clamp(16px,5vw,28px)}.connected-login-form{width:100%;max-width:420px;min-width:0}}.connected-method-card .connected-method-status{margin:7px 0}.connected-method-enabled{background:#e9f9e8;color:#3f8445}.connected-method-disabled{background:var(--pill);color:var(--muted-strong)}.connected-app[data-theme=dark] .connected-method-enabled{background:#304831;color:#b4dea6}.connected-client-access{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.connected-client-access .connected-secondary-btn{display:inline-flex;align-items:center;gap:5px}.connected-client-access button:disabled{opacity:.6;cursor:wait}@media(max-width:680px){.connected-client-access{justify-content:flex-start;width:100%;padding-left:49px}}.connected-app .workspace-name strong,.connected-app .sidebar-profile strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-app .sidebar-profile>span:nth-child(2){min-width:0}.connected-app .workspace-avatar{flex-shrink:0;font-size:12px}.connected-app .status-verifying{background:#e7edfd;color:#4769a7}.connected-app[data-theme=dark] .status-verifying{background:#2c3852;color:#c3d8ff}.connected-verification-note{display:flex;gap:11px;align-items:flex-start;padding:15px 16px;margin:16px 0;border:1px solid #b7c8e9;border-radius:13px;background:#6d96dc14;color:var(--ink)}.connected-verification-note svg{flex-shrink:0;color:#7392c5}.connected-verification-note strong{font:800 12px Manrope,sans-serif}.connected-verification-note p{font-size:11px;line-height:1.65;color:var(--muted-strong);margin:6px 0 0}.connected-verification-rejected{border-color:#dfc2aa;background:#da904a14}.connected-verification-rejected svg{color:#b58451}.connected-payment-row>.status{flex-shrink:0}@media(max-width:550px){.connected-payment-row{flex-wrap:wrap}.connected-payment-row>.status{margin-left:50px}}.connected-claim{flex-wrap:wrap}.connected-claim>.status{flex:0 0 auto}.connected-claim-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.connected-claim-actions button{white-space:nowrap}.connected-claim-explanation{font-style:normal!important;line-height:1.5}.connected-claim .connected-secondary-btn{background:var(--accent);color:#1d2919;border-color:transparent}.connected-claim .connected-secondary-btn:hover{background:var(--accent-hover)}.connected-app .connected-manual-payment input[readonly]{opacity:.8}@media(max-width:720px){.connected-claim-actions{width:100%;margin-left:0}.connected-claim>.status{margin-left:0}.connected-claim-actions button{flex:1 1 auto}}.connected-loading.app-shell[data-theme],.connected-unavailable.app-shell[data-theme]{background:var(--canvas);color:var(--ink)}:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{--canvas:#f3f4f0;--surface:#fff;--surface-2:#fafbf8;--ink:#202421;--muted:#818780;--border:#eaede8;--muted-strong:#59635a;--accent:#d5ff3c;--accent-hover:#c9ef2b;--sidebar:#1b1e1c;--shadow:0 15px 50px rgba(24,35,24,.026);--pill:#f1f3ef;--hero:#e8e0ff;--panel-line:#ebeee9;--field:#f6f7f5;min-height:100vh;display:flex;color:var(--ink);background:var(--canvas);transition:background .2s,color .2s}.app-shell[data-theme=dark]{--canvas:#131614;--surface:#202420;--surface-2:#252a26;--ink:#f2f5ef;--muted:#9ba79d;--border:#373d35;--muted-strong:#c0cbbf;--accent:#d4ff3b;--accent-hover:#c8f027;--shadow:0 15px 45px rgba(0,0,0,.11);--pill:#2e352d;--hero:#3b3248;--panel-line:#363b35;--field:#292e29}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif;letter-spacing:-.055em;line-height:1.17}button:focus-visible,input:focus-visible{outline:3px solid #8caf28;outline-offset:3px}.sidebar{width:266px;min-width:266px;height:100vh;position:sticky;top:0;background:var(--sidebar);display:flex;flex-direction:column;padding:29px 18px 19px;color:#eff3eb;z-index:40}.sidebar-top{height:47px;padding:0 12px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;background:#060808;border:1px solid #3c453e;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;overflow:hidden}.brand-mark img{display:block;object-fit:contain;width:24px;height:24px}.brand-mark--modal{width:46px;height:46px;border-radius:15px;margin:10px 0 20px}.brand-mark--modal img{width:34px;height:34px}.brand-word{display:flex;flex-direction:column;gap:1px}.brand-word strong{font:800 18px/1 Manrope,sans-serif;letter-spacing:-.065em;white-space:nowrap}.brand-word strong span{color:#d2ff3b}.brand-word small{font:700 8px/1.2 Manrope,sans-serif;letter-spacing:.25em;color:#9ba49c;margin-top:4px}.sidebar-workspace{margin-top:37px;margin-bottom:34px;padding:11px 10px;border:1px solid #414740;border-radius:14px;display:flex;align-items:center;gap:10px}.workspace-avatar{width:34px;height:34px;border-radius:10px;color:#171b16;font:800 21px Manrope;display:grid;place-items:center;background:#c8b9ff;position:relative}.workspace-avatar span{position:absolute;font-size:9px;right:1px;top:0;color:#536029}.workspace-name{display:flex;flex-direction:column;flex:1;min-width:0}.workspace-name strong{font-size:12px;letter-spacing:-.02em;white-space:nowrap}.workspace-name small{font-size:9px;color:#9ca69d;white-space:nowrap;margin-top:3px}.sidebar-workspace>svg{color:#9ba59b}.sidebar-section-title{margin:0 0 11px 14px;font-size:9px;font-weight:800;letter-spacing:.17em;color:#808a80}.side-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;gap:12px;align-items:center;text-align:left;position:relative;width:100%;padding:12px 14px;color:#b2bdb2;background:transparent;border:0;border-radius:12px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.nav-item:hover{color:#fff;background:#2b312b}.nav-active,.nav-active:hover{color:#171c16;background:var(--accent)}.nav-current{position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:#25301e}.side-separator{height:1px;background:#343c34;margin:23px 10px}.sidebar-grow{flex:1;min-height:24px}.sidebar-bottom-card{position:relative;padding:20px 18px 22px;background:#30382e;border-radius:17px;overflow:hidden;margin:0 0 18px}.sidebar-bottom-card:before{content:"";position:absolute;width:135px;height:135px;background:#a7ca6c;border-radius:50%;filter:blur(57px);opacity:.22;right:-55px;top:-45px}.bottom-card-star{display:flex;align-items:center;color:var(--accent);margin-bottom:19px}.sidebar-bottom-card strong{font:700 15px/1.3 Manrope;letter-spacing:-.04em;position:relative}.sidebar-bottom-card p{font-size:10px;color:#b3c1b4;line-height:1.7;margin:10px 0 23px;position:relative;max-width:165px}.bottom-card-line{display:block;height:3px;width:35px;background:var(--accent);border-radius:5px}.sidebar-profile{border-top:1px solid #343c34;display:flex;align-items:center;gap:10px;padding:18px 8px 0}.profile-avatar,.topbar-avatar{display:grid;place-items:center;background:#e2d6ff;color:#3a3343;font-weight:800;border-radius:50%}.profile-avatar{width:34px;height:34px;font-size:10px}.sidebar-profile>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.sidebar-profile strong{font-size:11px}.sidebar-profile small{font-size:9px;color:#a5b0a5}.profile-more{font-size:18px;letter-spacing:.1em;color:#c4cec2}.sidebar-close{display:none!important}.main-wrap{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:25;height:83px;padding:0 clamp(25px,4.3vw,77px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:var(--surface);gap:18px}.topbar-left{display:flex;align-items:center;gap:13px;min-width:0}.topbar-location{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap}.topbar-location strong{color:var(--ink);font-weight:700}.topbar-location svg{opacity:.55}.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.demo-label{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted-strong);white-space:nowrap;letter-spacing:.1em;font-weight:800}.demo-dot{width:6px;height:6px;border-radius:50%;background:#7fba49;box-shadow:0 0 0 4px #95c36821}.mode-switch{border-radius:28px;background:var(--pill);display:flex;padding:3px;gap:1px}.mode-switch button{border:0;border-radius:22px;background:transparent;color:var(--muted-strong);font-weight:700;padding:8px 14px;font-size:11px}.mode-switch .selected{background:var(--ink);color:var(--surface)}.icon-btn{border:0;background:transparent;color:inherit;width:35px;height:35px;display:grid;place-items:center;border-radius:10px}.icon-btn:hover{background:var(--pill)}.theme-btn{color:var(--muted-strong)}.topbar-avatar{width:35px;height:35px;font-size:11px}.preview-as-label{font-size:9px;letter-spacing:.12em;font-weight:800;white-space:nowrap;color:var(--muted)}.preview-help-btn{color:var(--muted-strong);width:28px;height:28px;border-radius:50%}.preview-help-btn:hover,.preview-help-btn[aria-expanded=true]{background:var(--pill);color:var(--ink)}.role-help-popover{position:absolute;right:69px;top:68px;max-width:calc(100vw - 30px);width:318px;padding:17px 18px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 40px #0a1e0f26;z-index:5}.role-help-title{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;margin-bottom:13px}.role-help-title svg{color:#8cba3b}.role-help-popover p{color:var(--muted-strong);font-size:11px;line-height:1.55;margin:7px 0}.role-help-popover p strong{color:var(--ink)}.role-help-popover>span{display:block;padding-top:11px;margin-top:13px;border-top:1px solid var(--border);font-size:10px;line-height:1.5;color:var(--muted)}.mobile-menu{display:none!important}.main-content{max-width:1550px;margin:auto;padding:44px clamp(25px,4.3vw,77px) 0}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 27px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.19em;color:var(--muted-strong)}.small-intro{font-size:10px}.eyebrow-divider{margin:0 9px;color:#bec4bb}.page-heading h1{margin:12px 0 11px;font-size:clamp(28px,3.2vw,43px);font-weight:800;letter-spacing:-.072em}.heading-spark{display:inline-block;color:#a0c620;vertical-align:middle;margin:0 0 0 11px;flex-shrink:0}.page-heading p{font-size:12px;color:var(--muted-strong);margin:0;line-height:1.65}.heading-date{display:flex;align-items:center;gap:11px;border-radius:30px;border:1px solid var(--border);background:var(--surface);padding:12px 15px;color:var(--muted-strong);font-size:11px;font-weight:600;white-space:nowrap}.hero-card{display:flex;position:relative;min-height:286px;overflow:hidden;border-radius:25px;background:linear-gradient(110deg,#ebe5ff,#ebe8ff 43%,#d6f9d6);color:#1e2420}.hero-copy{padding:37px 0 35px 39px;z-index:3;width:60%;position:relative}.hero-pill{display:inline-flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:.15em;background:#ffffffbd;border-radius:22px;padding:9px 12px;color:#474a43}.live-dot{width:5px;height:5px;background:#799c36;border-radius:50%}.hero-copy h2{font-size:clamp(28px,3.1vw,44px);font-weight:800;margin:19px 0 11px;line-height:1.12;letter-spacing:-.075em}.hero-copy em{font-style:normal;color:#4f5d39}.hero-copy p{font-size:11px;line-height:1.75;color:#525e56;letter-spacing:.005em;margin-bottom:20px}.hero-link{display:flex;align-items:center;gap:15px;border:0;background:transparent;padding:0;font-size:11px;font-weight:800;color:#242b21}.hero-link span{width:29px;height:29px;border-radius:50%;background:#1e271f;color:#fff;display:grid;place-items:center;transition:transform .2s}.hero-link:hover span{transform:translate(3px,-3px)}.hero-art{position:absolute;right:0;top:0;bottom:0;width:48%;overflow:hidden}.hero-orbit{border:1px solid rgba(86,126,76,.28);border-radius:50%;position:absolute}.orbit-one{width:410px;height:410px;right:-92px;top:-90px}.orbit-two{width:300px;height:300px;right:-35px;top:-26px}.hero-illustration{position:absolute;width:245px;height:185px;right:24%;top:52px;background:#222920;color:#e8f7e3;border-radius:22px;transform:rotate(-13deg);box-shadow:30px 25px 55px #253a2530;display:flex;flex-direction:column;justify-content:space-between;padding:22px;overflow:hidden}.hero-illustration:after{content:"";position:absolute;background:radial-gradient(circle,#aee75c 0%,transparent 68%);width:260px;height:210px;right:-132px;top:3px;opacity:.5}.hero-illustration-top{font:700 9px Manrope;letter-spacing:.15em;opacity:.7}.hero-illustration-bottom{display:flex;justify-content:space-between;align-items:end;font:700 15px/1.2 Manrope;max-width:100%;letter-spacing:-.055em;z-index:1}.hero-illustration-bottom span{max-width:100px}.hero-illustration-bottom svg{color:#c9fc4a}.hero-doodle{position:absolute;right:29px;top:38px;display:flex;align-items:center;gap:14px;color:#c4f942;font-size:32px;transform:rotate(12deg)}.hero-doodle svg:last-child{flex-shrink:0}.hero-float{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;border-radius:18px;background:#ffffffe0;box-shadow:0 14px 36px #2a45371f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px;font-weight:800;color:#344233;padding:14px 17px;white-space:nowrap}.hero-float-back{top:44px;right:18px;transform:rotate(8deg);padding:14px}.float-star{color:#96ba39;flex-shrink:0}.hero-float-front{bottom:35px;right:7%;transform:rotate(4deg)}.hero-float-front svg{background:#c9f73d;border-radius:50%;color:#222c16;padding:2px;width:20px;height:20px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.metric-card{background:var(--surface);border:1px solid var(--border);padding:22px 22px 20px;border-radius:19px;min-height:156px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.metric-accent{background:var(--accent);border-color:var(--accent);color:#202720}.metric-head,.metric-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-head>span:first-child{font-size:11px;font-weight:700;opacity:.84}.metric-icon{width:29px;height:29px;border-radius:10px;background:#00000017;display:grid;place-items:center}.metric-icon.soft-purple{background:#f1ecff;color:#7e62a6}.metric-icon.soft-orange{background:#ffece1;color:#be7960}.metric-value{font:800 clamp(24px,2.4vw,36px)/1.05 Manrope,sans-serif;letter-spacing:-.075em;margin-top:12px;white-space:nowrap}.metric-value-soft{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:0;margin-left:5px}.metric-foot{margin-top:15px;color:var(--muted-strong);font-size:9px;line-height:1.5}.metric-accent .metric-foot{color:#4b5834}.sparkline{width:84px;height:25px;color:#566c1e;flex-shrink:0}.mini-tag{display:flex;align-items:center;gap:3px;border-radius:20px;background:#f0fae8;color:#56883d;padding:5px 7px;font-size:9px;font-weight:800}.tiny-dots{display:flex;align-items:center;gap:3px}.tiny-dots i{width:6px;height:6px;background:#e0e8d4;border-radius:50%}.tiny-dots i:nth-child(2){background:#b5dd7a}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,.85fr);gap:17px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.invoices-panel,.activity-panel{padding:26px 24px 15px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h3{font-weight:800;font-size:19px;margin:7px 0 0}.plain-link{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;background:transparent;border:0;color:var(--muted-strong);white-space:nowrap;padding:6px 0}.plain-link:hover{color:var(--ink)}.compact-invoices{display:flex;flex-direction:column}.compact-row{border:0;border-top:1px solid var(--panel-line);padding:14px 0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;color:var(--ink);width:100%}.compact-row:hover .row-chevron{color:var(--ink);transform:translate(2px)}.invoice-glyph{width:40px;height:40px;min-width:40px;border-radius:13px;display:grid;place-items:center}.tone-lilac{background:#eee5ff;color:#8f6bc9}.tone-peach{background:#ffe9e1;color:#d38b68}.tone-mint{background:#e0f8e6;color:#50a779}.tone-yellow{background:#f8f2cd;color:#aaa04e}.glyph-inner{font-size:23px;line-height:1}.compact-row-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.compact-row-main strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-row-main small{font-size:9px;color:var(--muted)}.compact-row-end{display:flex;flex-direction:column;align-items:end;gap:5px}.compact-row-end>strong{font:800 12px Manrope;letter-spacing:-.025em}.row-chevron{color:#b6bfb3;flex-shrink:0;transition:.15s}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap;line-height:1.2}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status-paid{background:#e9f9e8;color:#4a944e}.status-due{background:#fff0d9;color:#b47832}.status-pending{background:#f5ebff;color:#8f63b6}.focus-panel{padding:25px 25px 22px;background:#212920;color:#edf7e6;position:relative;overflow:hidden}.focus-panel:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#b8ed4a;filter:blur(80px);opacity:.13;right:-90px;top:-40px}.focus-top{display:flex;align-items:flex-start;justify-content:space-between}.focus-top .eyebrow{color:#b3c5a7}.focus-symbol{border:1px solid #4b6244;background:#354532;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;color:var(--accent)}.focus-asterisk{display:block}.focus-panel h3{font-size:22px;margin:15px 0 9px;letter-spacing:-.06em}.focus-panel p{font-size:10px;line-height:1.7;color:#b8c6b4;max-width:200px;margin-bottom:19px}.focus-amount{font:800 34px Manrope;letter-spacing:-.065em}.focus-service{color:#c1ceb9;font-size:10px;margin:3px 0 0}.focus-divider{height:1px;background:#405040;margin:15px 0}.focus-due{display:flex;align-items:center;gap:7px;font-size:10px;color:#c3d3bd}.primary-btn{border:0;background:var(--accent);color:#182017;border-radius:12px;padding:14px 16px;display:flex;justify-content:center;align-items:center;gap:12px;font-weight:800;font-size:11px}.primary-btn:hover:not(:disabled){background:var(--accent-hover)}.primary-btn:disabled{opacity:.5}.focus-pay{width:100%;margin-top:15px;justify-content:space-between}.lower-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,.85fr);gap:17px;margin-top:17px}.activity-panel{padding-bottom:10px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:12px;border-top:1px solid var(--panel-line);padding:13px 0}.activity-icon{width:37px;height:37px;border-radius:13px;background:#e5f8e6;color:#559b57;display:grid;place-items:center}.activity-item>div{display:flex;flex-direction:column;gap:4px;flex:1}.activity-item strong{font-size:11px}.activity-item small{font-size:9px;color:var(--muted)}.activity-money{font:700 11px Manrope;white-space:nowrap;color:#6ca453}.quiet-card{background:linear-gradient(135deg,#f5e7f6,#eff8e3 90%);color:#242b23;border-radius:20px;min-height:268px;position:relative;padding:24px;overflow:hidden}.quiet-graphic{height:51px;position:relative}.quiet-circle{position:absolute;background:#d9c2ec;width:80px;height:80px;border-radius:50%;right:18px;top:-26px;opacity:.5;filter:blur(2px)}.quiet-star{color:#788c46;position:absolute;right:43px;top:1px}.quiet-card .eyebrow{color:#71816d;font-size:8px}.quiet-card h3{font-size:20px;line-height:1.31;margin:11px 0 9px}.quiet-card p{font-size:10px;color:#677669}.quiet-bottom{position:absolute;bottom:21px;left:24px;right:24px;border-top:1px solid rgba(80,91,79,.18);padding-top:14px;font-size:10px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:33px 0 24px;color:var(--muted);font-size:9px}.footer>span:last-child{display:flex;align-items:center;gap:7px}.footer-dot{width:6px;height:6px;border-radius:50%;background:#88a96d}.wide-callout{background:linear-gradient(120deg,#edf9df,#e9e4fd);border-radius:21px;padding:33px 35px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;color:#202920;margin-bottom:18px}.wide-callout .eyebrow{color:#5b7553}.wide-callout h2{font-size:25px;margin:10px 0;line-height:1.2}.wide-callout p{font-size:11px;color:#586a58;margin:0}.callout-star{flex-shrink:0;color:#b6d975;margin-right:50px;transform:rotate(-13deg)}.full-table-panel{padding:24px 25px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}.filter-tabs{display:flex;align-items:center;gap:4px;padding:4px;background:var(--pill);border-radius:25px}.filter-tabs button{border:0;background:transparent;color:var(--muted-strong);border-radius:25px;padding:9px 17px;font-size:11px;font-weight:700}.filter-tabs button.active{color:var(--surface);background:var(--ink)}.searchbox{display:flex;align-items:center;gap:9px;background:var(--field);border-radius:12px;padding:10px 12px;color:var(--muted);border:1px solid var(--border);width:min(270px,42%)}.searchbox input{background:transparent;border:0;outline:0;color:var(--ink);font-size:11px;width:100%;min-width:0}.searchbox input::placeholder{color:var(--muted)}.table-scroll{overflow-x:auto;width:100%}.invoice-table{width:100%;border-collapse:collapse;min-width:620px;text-align:left}.invoice-table th{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800;padding:13px 8px;border-bottom:1px solid var(--border)}.invoice-table td{padding:17px 8px;border-bottom:1px solid var(--border);font-size:11px}.invoice-table tbody tr{cursor:pointer}.invoice-table tbody tr:hover{background:var(--surface-2)}.invoice-table tbody tr:last-child td{border-bottom:0}.cell-service{display:flex;align-items:center;gap:12px}.cell-service>span:last-child{display:flex;flex-direction:column;gap:4px}.cell-service strong{font-size:11px}.cell-service small,.muted-td{color:var(--muted);font-size:10px}.mono{font-variant-numeric:tabular-nums}.currency-cell{font-weight:800!important;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 10px;gap:10px;text-align:center;color:var(--muted)}.empty-state strong{font-size:14px;color:var(--ink)}.empty-state p{font-size:11px}.timeline-panel{padding:27px 33px;margin-bottom:15px}.timeline{display:flex;flex-direction:column;margin-top:24px}.timeline-entry{display:flex;align-items:center;gap:16px;text-align:left;border:0;background:transparent;color:var(--ink);padding:16px 0;position:relative}.timeline-entry:not(:last-child):before{content:"";position:absolute;left:20px;top:48px;bottom:-17px;width:1px;background:var(--border)}.timeline-icon{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:50%;background:#fff0d9;color:#c18d35}.timeline-done{background:#e4f9e1;color:#58904c}.timeline-copy{flex:1;display:flex;flex-direction:column;gap:5px}.timeline-copy strong{font-size:12px}.timeline-copy small,.timeline-date{font-size:10px;color:var(--muted)}.timeline-date{color:var(--muted-strong)}.timeline-amount{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:19px}.method-feature{min-height:392px;border-radius:23px;padding:30px;overflow:hidden;position:relative;background:#ebe5fc;color:#202520}.method-feature-cream{background:#eff5db}.method-feature .eyebrow{position:relative;z-index:2;color:#556149}.method-feature-icon{position:relative;z-index:2;display:grid;place-items:center;width:49px;height:49px;border-radius:16px;background:#fff;font-size:29px;font-weight:900;color:#343cb0;margin:26px 0 20px}.method-feature-cream .method-feature-icon{color:#536d31}.method-feature h2{font-size:29px;margin:0 0 12px;position:relative;z-index:2}.method-feature p{position:relative;z-index:2;max-width:340px;line-height:1.75;font-size:11px;color:#5d665e}.planned-pill{display:inline-flex;position:relative;z-index:2;align-items:center;gap:6px;font-size:10px;font-weight:700;border-radius:20px;background:#fff9;padding:10px 13px;margin-top:11px}.feature-art{position:absolute;right:-40px;bottom:-70px;width:200px;height:200px}.feature-ring{width:200px;height:200px;border:1px solid rgba(52,90,60,.2);border-radius:50%}.feature-ring:after{content:"";display:block;position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid rgba(52,90,60,.2);border-radius:50%}.feature-card{position:absolute;bottom:70px;right:39px;display:flex;flex-direction:column;align-items:center;gap:12px;transform:rotate(-13deg);padding:18px;border-radius:16px;background:#fff;box-shadow:0 10px 22px #0001;font-size:8px;font-weight:800}.feature-card svg{color:#6a973c}.info-strip{display:flex;align-items:flex-start;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;color:var(--muted-strong)}.info-strip svg{flex-shrink:0}.info-strip strong{color:var(--ink);font-size:12px}.info-strip p{font-size:11px;line-height:1.6;margin:5px 0 0}.settings-panel{padding:28px;margin-bottom:16px}.settings-panel h3{font-size:19px;margin-bottom:8px}.settings-panel p{color:var(--muted);font-size:11px}.appearance-choices{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.appearance-option{display:flex;flex-direction:column;gap:13px;background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:11px;width:160px;color:var(--ink);text-align:left}.appearance-option.selected{border-color:#9ac44b}.appearance-option>strong{display:flex;align-items:center;gap:6px;font-size:11px}.appearance-option>svg{align-self:end;margin-top:-30px;color:#7d9c41}.appearance-preview{display:flex;flex-direction:column;gap:9px;height:95px;padding:13px;border-radius:10px;background:#f2f3f0;width:100%}.appearance-preview>span{height:11px;border-radius:6px;background:#fff}.appearance-preview>span:first-child{background:#d8ff53;height:24px}.dark-preview{background:#181c18}.dark-preview>span{background:#313931}.dark-preview>span:first-child{background:#c8e850}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d140f94;z-index:150;display:flex;align-items:center;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.invoice-modal{width:100%;max-width:464px;background:var(--surface);color:var(--ink);border-radius:25px;padding:27px 29px 25px;box-shadow:0 24px 95px #0005;max-height:calc(100dvh - 36px);overflow-y:auto}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.invoice-modal h2{font-size:27px;margin:0 0 9px}.muted{color:var(--muted-strong)}.modal-subtitle{font-size:11px;line-height:1.7;margin:0 0 22px}.modal-amount{font:800 40px Manrope;letter-spacing:-.07em;margin-bottom:8px}.detail-list{display:flex;flex-direction:column;margin:25px 0 18px;border-top:1px solid var(--border)}.detail-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:11px}.detail-list>div>span{color:var(--muted)}.detail-list strong{font-size:11px;text-align:right}.copy-inline{border:0;background:transparent;display:flex;align-items:center;gap:5px;color:var(--ink);font-size:11px;font-weight:800;padding:0}.faint{color:var(--muted);font-weight:500}.modal-action{width:100%;margin-top:15px;justify-content:space-between}.prototype-note{font-size:10px;color:var(--muted);display:flex;align-items:flex-start;gap:7px;line-height:1.5;margin:17px 0 0}.prototype-note svg{flex-shrink:0}.payment-head-icon{width:53px;height:53px;background:var(--accent);border-radius:17px;display:grid;place-items:center;margin-bottom:20px}.payment-total{display:flex;justify-content:space-between;align-items:center;padding:19px 0;margin:5px 0 12px;border-block:1px solid var(--border)}.payment-total>span{font-size:11px;color:var(--muted-strong)}.payment-total strong{font-size:23px;letter-spacing:-.055em}.method-choice{display:flex;align-items:center;gap:11px;width:100%;background:var(--surface-2);border:1.5px solid var(--border);padding:12px;margin-bottom:10px;border-radius:14px;color:var(--ink);text-align:left}.method-choice.chosen{border-color:#96bd42}.method-choice>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.method-choice strong{font-size:12px}.method-choice small{font-size:10px;color:var(--muted)}.method-choice>svg{color:var(--muted)}.method-choice.chosen>svg{color:#7f9d37}.method-glyph{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#e6f3d8;color:#3c6836;font-size:19px;font-weight:900}.paypal-glyph{color:#184d9c;background:#dfeafe;font-style:italic}.sandbox-message{display:flex;gap:12px;background:var(--field);padding:14px;border-radius:13px;color:var(--muted-strong);font-size:10px;line-height:1.6;margin-top:16px}.sandbox-message svg{flex-shrink:0;color:#78a34b}.sandbox-message strong{display:block;color:var(--ink)}.text-btn{display:block;margin:14px auto 0;border:0;background:none;color:var(--muted-strong);font-weight:700;font-size:11px}.mobile-bottom-nav{display:none}@media(max-width:1280px){.sidebar{width:242px;min-width:242px}.main-content{padding:36px 35px 0}.topbar{padding:0 35px}.hero-illustration{right:19%}.hero-float-back{right:5px}}@media(max-width:1080px){.topbar-right{gap:12px}.demo-label{display:none}.hero-art{width:43%}.hero-illustration{right:5%;transform:rotate(-13deg) scale(.85)}.hero-float-back{right:0;transform:rotate(8deg) scale(.8)}.hero-float-front{right:0;transform:rotate(4deg) scale(.85)}.content-grid,.lower-grid{grid-template-columns:minmax(0,1fr) 290px}.metrics-grid{gap:11px}.metric-card{padding:18px}.metric-value{font-size:28px}}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-105%);transition:transform .25s ease;width:266px;min-width:266px}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.mobile-menu{display:grid!important}.mobile-scrim{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;background:#0c160cad;border:0}.topbar{height:72px}.main-wrap{width:100%}.hero-art{width:46%}}@media(max-width:730px){.main-content{padding:28px 21px 70px}.topbar{height:auto;min-height:102px;padding:11px 21px 12px;display:grid;grid-template-columns:minmax(40px,1fr) auto;grid-template-rows:39px 27px;row-gap:5px;align-content:center;align-items:center;column-gap:10px}.topbar-left{display:contents}.mobile-menu{grid-column:1;grid-row:1;justify-self:start}.topbar-right{grid-column:2;grid-row:1;gap:7px;justify-self:end}.topbar-location{grid-column:1 / -1;grid-row:2;font-size:11px;gap:7px;align-self:center;justify-self:start}.preview-as-label{display:none}.role-help-popover{right:16px;top:57px}.topbar-avatar{display:none}.mode-switch button{padding:8px 11px}.page-heading{margin-bottom:21px;align-items:flex-start}.heading-date{display:none}.page-heading h1{font-size:31px}.hero-card{min-height:265px}.hero-copy{padding:29px 22px;width:66%}.hero-copy h2{font-size:30px}.hero-art{width:42%;opacity:.9}.hero-illustration{top:67px;right:-75px;transform:rotate(-14deg) scale(.75)}.hero-float{display:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid .metric-card:last-child{grid-column:1/-1;min-height:128px}.content-grid,.lower-grid{grid-template-columns:minmax(0,1fr)}.focus-panel{min-height:260px}.lower-grid{margin-top:15px}.method-grid{grid-template-columns:1fr}.method-feature{min-height:340px}.mobile-bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;padding:10px 11px max(10px,env(safe-area-inset-bottom));z-index:30}.mobile-bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:64px;background:transparent;border:0;color:var(--muted);font-weight:700;font-size:9px;padding:4px 8px;border-radius:10px}.mobile-bottom-nav button.mobile-active{color:#6f9430}.footer{padding-bottom:20px}}@media(max-width:460px){.main-content{padding:24px 16px 90px}.topbar{padding:0 15px}.topbar-location{gap:5px}.topbar-location>svg{width:12px}.mode-switch button{padding:8px 9px}.theme-btn{width:29px}.page-heading h1{font-size:30px;letter-spacing:-.06em}.hero-card{min-height:248px;border-radius:20px}.hero-copy{padding:24px 0 21px 23px;width:78%}.hero-pill{font-size:7px;padding:7px 9px}.hero-copy h2{font-size:30px;margin:17px 0 11px}.hero-copy p{font-size:10px;max-width:210px}.hero-art{width:35%}.hero-illustration{right:-140px;top:60px}.desktop-only{display:none}.metrics-grid{gap:10px;margin:12px 0}.metric-card{border-radius:16px;padding:15px;min-height:155px}.metric-head>span:first-child{font-size:10px}.metric-value{font-size:27px}.metric-foot{font-size:9px}.metric-foot .sparkline{width:42px}.invoices-panel,.activity-panel{padding:20px 16px 10px}.section-head h3{font-size:18px}.compact-row{gap:9px}.invoice-glyph{width:36px;height:36px;min-width:36px;border-radius:11px}.compact-row-main strong{font-size:10px}.compact-row-main small{font-size:8px}.compact-row-end>strong{font-size:11px}.compact-row .status{font-size:8px}.focus-panel{padding:23px}.quiet-card{min-height:265px}.footer{flex-wrap:wrap;gap:8px;justify-content:center;text-align:center}.wide-callout{padding:25px 21px}.wide-callout h2{font-size:22px}.callout-star{position:absolute;right:-76px;bottom:-40px}.full-table-panel{padding:17px 12px}.table-toolbar{align-items:stretch;flex-direction:column}.searchbox{width:100%}.timeline-panel{padding:20px 16px}.timeline-amount{font-size:10px}.timeline-entry{gap:11px}.method-feature{padding:25px;min-height:385px}.invoice-modal{padding:23px 20px;border-radius:22px}.appearance-choices{gap:10px}.appearance-option{width:50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.appearance-picker{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 5px 0 9px;border-radius:10px;background:var(--pill);color:var(--muted-strong);border:1px solid var(--border);flex-shrink:0}.appearance-picker select{max-width:65px;min-width:60px;border:0;background:transparent;color:var(--ink);font:700 10px DM Sans,sans-serif;cursor:pointer;padding:5px 1px;outline-offset:2px}.appearance-picker:focus-within{outline:2px solid #8caf28;outline-offset:2px}.app-shell[data-theme=dark]{color-scheme:dark}.app-shell[data-theme=light]{color-scheme:light}@media(max-width:460px){.appearance-picker{padding-left:6px;gap:2px}.appearance-picker select{min-width:51px;max-width:55px;font-size:9px}}