:root{--ui-page:#f7f7f1;--ui-surface:#fffefa;--ui-soft:#f1f3e9;--ui-ink:#25372e;--ui-muted:#58685e;--ui-line:#dce4d9;--ui-hover:#eef2e9;--ui-pressed:#e2eadf;--ui-coral:#b94f35;--ui-coral-hover:#a83f29;--ui-coral-pressed:#8f3523;--ui-coral-ink:#fff;--ui-summary:#f3f1e7;--ui-summary-glow:#f7e6d9;--ui-shadow:0 12px 36px #2037290a}[data-theme=dark]{--ui-page:var(--background);--ui-surface:var(--surface);--ui-soft:var(--surface-raised);--ui-ink:var(--text-primary);--ui-muted:var(--text-secondary);--ui-line:var(--border);--ui-hover:var(--surface-hover);--ui-pressed:var(--surface-pressed);--ui-coral:var(--accent);--ui-coral-hover:var(--accent-hover);--ui-coral-pressed:var(--accent-pressed);--ui-coral-ink:var(--accent-ink);--ui-summary:#20242b;--ui-summary-glow:#2b3039;--ui-shadow:0 12px 36px #0000001f}.app-shell{background:var(--ui-page);min-height:100svh;color:var(--ui-ink)}body{background:var(--ui-page)}.workspace-skeleton{min-height:100svh;color:var(--ui-ink)}.workspace-skeleton .startup-brand{align-items:center;font-size:27px;display:flex}.workspace-skeleton>p{color:var(--ui-muted)}.workspace-skeleton :is(.skeleton-line,.skeleton-cards>div,.skeleton-list){background:var(--ui-soft)}.app-shell :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}.app-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell :is(button,input,select,textarea):disabled{background-color:var(--surface-disabled);color:var(--ui-muted);opacity:.65}.app-shell :is(h1,h2,h3){color:var(--ui-ink)}.app-shell .sidebar{background:var(--ui-surface);border-color:var(--ui-line);width:226px;padding:29px 15px 17px}.app-shell .sidebar .brand{color:var(--ui-ink);margin:0 5px 39px;padding:0}.app-shell .sidebar .brand-wordmark{letter-spacing:-.065em;font-size:27px}.app-shell .desktop-nav{gap:5px}.app-shell .nav-item{min-height:48px;color:var(--ui-muted);border-radius:12px;padding:0 15px;font-size:15px;font-weight:650}.app-shell .nav-item:hover:not(.active),.app-shell .sidebar-group:hover,.app-shell .icon-button:hover{background:var(--ui-hover);color:var(--ui-ink)}.app-shell .nav-item:active,.app-shell .sidebar-group:active,.app-shell .icon-button:active{background:var(--ui-pressed);color:var(--ui-ink)}.app-shell .nav-item.active{background:var(--accent-soft);color:var(--ui-coral-hover)}.app-shell .sidebar-groups{border-top:1px solid var(--ui-line);margin-top:30px;padding-top:21px}.app-shell .sidebar-section-label{color:var(--ui-muted);letter-spacing:.055em;margin:0 9px 10px 15px;font-size:12px}.app-shell .sidebar-group{min-height:42px;color:var(--ui-muted);font-size:14px}.app-shell .sidebar-bottom{padding-top:15px}.app-shell .profile-button{border-color:var(--ui-line)}.app-shell .profile-button strong{color:var(--ui-ink);font-size:15px}.app-shell .profile-button small{color:var(--ui-muted);font-size:13px!important}.app-shell .demo-label{color:var(--ui-muted);margin-top:5px;font-size:12px}.app-shell .main-shell{min-width:0;margin-left:226px}.app-shell .topbar{background:var(--ui-surface);border-color:var(--ui-line);height:66px;padding:0 clamp(22px,3vw,44px)}.app-shell .topbar-breadcrumb strong{color:var(--ui-muted);font-size:14px;font-weight:650}.app-shell .topbar-actions{gap:11px}.app-shell .search-button{min-height:44px;color:var(--ui-muted);border-radius:11px;gap:9px;padding:0 12px;font-size:14px}.app-shell .search-button:hover{background:var(--ui-hover);color:var(--ui-ink)}.app-shell .search-button:active{background:var(--ui-pressed)}.app-shell .search-button kbd{background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-muted);margin-left:14px;font-size:12px}.app-shell .topbar-divider{background:var(--ui-line)}.app-shell .topbar .icon-button,.app-shell .topbar-avatar{min-width:44px;min-height:44px;color:var(--ui-muted);border-radius:11px}.app-shell .main-content{max-width:1260px;padding:33px clamp(22px,3vw,44px) 65px}.app-shell .page-heading{gap:16px;margin-bottom:25px}.app-shell .page-heading h1,.app-shell .friend-heading h1{letter-spacing:-.05em;font-size:clamp(27px,2.4vw,32px);line-height:1.2}.app-shell .page-heading p{max-width:55ch;color:var(--ui-muted);font-size:15px!important}.app-shell .home-heading{margin-bottom:19px}.app-shell .overview-top{margin-bottom:0;display:block}.app-shell .balance-card{border:1px solid var(--ui-line);background:radial-gradient(circle at 95% -18%, var(--ui-summary-glow), transparent 35%), var(--ui-summary);box-shadow:var(--ui-shadow);border-radius:22px;padding:clamp(23px,3.6vw,37px)}.app-shell .balance-card-top{color:var(--ui-muted);margin:0;font-size:14px;font-weight:700}.app-shell .balance-card-top>span{gap:0}.app-shell .balance-intro{color:var(--ui-ink);margin:23px 0 2px;font-size:16px;font-weight:700;line-height:1.45;display:block}.app-shell .balance-number{color:var(--ui-ink);letter-spacing:-.06em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(39px,4.3vw,56px);font-weight:750;line-height:1.15;display:block}.app-shell .balance-subtitle{color:var(--ui-muted);margin:7px 0 0;font-size:15px;line-height:1.5;display:block}.app-shell .currency-select select{border-color:var(--ui-line);background:var(--ui-surface);min-height:38px;color:var(--ui-ink);border-radius:9px;padding:7px 27px 7px 11px;font-size:14px}.app-shell .balance-breakdown{border-color:var(--ui-line);gap:clamp(20px,4vw,56px);min-height:0;margin-top:24px;padding:19px 0 0}.app-shell .balance-breakdown>div{flex:0 230px;gap:3px;min-width:0}.app-shell .balance-breakdown>div+div{border-left:0;padding-left:0}.app-shell .balance-direction{color:var(--ui-muted);white-space:normal;font-size:14px;font-weight:650;line-height:1.45}.app-shell .balance-breakdown>div strong,.app-shell .balance-breakdown>div:first-child strong,.app-shell .balance-breakdown>div:nth-child(2) strong{letter-spacing:-.05em;font-size:clamp(24px,2.7vw,31px);line-height:1.25}.app-shell .balance-breakdown>button{border-color:var(--ui-line);min-height:44px;color:var(--ui-ink);white-space:nowrap;border-radius:10px;margin-left:auto;padding:8px 13px;font-size:14px;font-weight:700}.app-shell .balance-breakdown>button:hover{background:var(--ui-hover)}.app-shell .balance-breakdown>button:active{background:var(--ui-pressed)}.app-shell .balance-currency-note{color:var(--ui-muted);margin-top:17px;font-size:14px;line-height:1.5}.app-shell .home-support-actions{flex-wrap:wrap;align-items:stretch;gap:10px;margin:14px 0 20px;display:flex}.app-shell .home-support-actions .install-action{border-color:var(--ui-line);background:var(--ui-surface);width:auto;min-height:65px;box-shadow:none;color:var(--ui-ink);border-radius:13px;flex:250px;padding:10px 14px}.app-shell .install-action:hover{background:var(--ui-hover);border-color:var(--border-strong);transform:none}.app-shell .install-action:active{background:var(--ui-pressed)}.app-shell .install-action strong{font-size:14px}.app-shell .install-action small{color:var(--ui-muted);font-size:13px}.app-shell .install-action-icon{background:var(--ui-coral);width:37px;height:37px;color:var(--ui-coral-ink);border-radius:10px}.app-shell .home-attention{background:var(--warning-soft);min-height:65px;color:var(--ui-ink);text-align:left;border-radius:13px;flex:250px;align-items:center;gap:10px;padding:12px 15px;font-size:14px;font-weight:700;display:flex}.app-shell .home-attention:hover{background:var(--ui-hover)}.app-shell .home-attention:active{background:var(--ui-pressed)}.app-shell .home-attention>svg{margin-left:auto}.app-shell .home-attention-dot{background:var(--warning);border-radius:50%;flex:none;width:8px;height:8px}.app-shell .quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:31px}.app-shell .quick-action,.app-shell .quick-action:nth-child(2){border:1px solid var(--ui-line);background:var(--ui-surface);min-width:0;min-height:68px;color:var(--ui-ink);box-shadow:none;border-radius:13px;gap:10px;padding:11px 15px;display:flex}.app-shell .quick-action:hover{background:var(--ui-hover);border-color:var(--border-strong);transform:none}.app-shell .quick-action:active{background:var(--ui-pressed);transform:translateY(1px)}.app-shell .quick-action .action-icon{border-radius:11px;width:39px;height:39px}.app-shell .quick-action strong{color:var(--ui-ink);font-size:15px;line-height:1.3}.app-shell .quick-action small{display:none}.app-shell .quick-action-arrow{color:var(--ui-muted);margin-left:auto}.app-shell .dashboard-columns{gap:clamp(18px,2.2vw,30px)}.app-shell .dashboard-left,.app-shell .dashboard-right{gap:25px}.app-shell .dashboard-section{min-width:0}.app-shell .section-heading{min-height:28px;margin-bottom:12px}.app-shell .section-heading h2{letter-spacing:-.035em;font-size:19px;line-height:1.3}.app-shell .section-heading h2>span{background:var(--ui-soft);width:auto;min-width:24px;height:24px;color:var(--ui-muted);border-radius:8px;padding:0 5px;font-size:12px}.app-shell .text-button,.app-shell .card-footer-button{color:var(--ui-muted);font-size:14px;font-weight:650}.app-shell .text-button:hover,.app-shell .card-footer-button:hover{color:var(--ui-coral)}.app-shell .card,.app-shell .group-card{border:1px solid var(--ui-line);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:16px}.app-shell .card>.section-heading{margin:18px 18px 7px}.app-shell .group-grid{grid-template-columns:1fr;gap:8px}.app-shell .group-card.compact-group{border-radius:14px;min-height:76px;padding:13px 15px}.app-shell .group-card:hover{background:var(--ui-hover);border-color:var(--border-strong);box-shadow:none;transform:none}.app-shell .group-card:active{background:var(--ui-pressed)}.app-shell .compact-group .group-info strong{color:var(--ui-ink);overflow-wrap:anywhere;font-size:16px;line-height:1.3}.app-shell .compact-group .group-info small{color:var(--ui-muted);font-size:14px}.app-shell .compact-group .balance-label{max-width:42%;color:var(--ui-ink);text-align:right;white-space:normal;font-size:14px;line-height:1.35}.app-shell .compact-group .balance-label.is-settled{color:var(--positive);background:var(--positive-soft);font-size:13px}.app-shell .friend-row,.app-shell .bill-row,.app-shell .expense-row{border-color:var(--ui-line);gap:12px;min-height:72px;padding:14px 17px}.app-shell .friend-row:hover,.app-shell .bill-row:hover,.app-shell .expense-row:not(.static):hover{background:var(--ui-hover)}.app-shell .friend-row:active,.app-shell .bill-row:active,.app-shell .expense-row:not(.static):active{background:var(--ui-pressed)}.app-shell .row-main strong,.app-shell .friend-row .row-main strong,.app-shell .expense-row .row-main strong{color:var(--ui-ink);line-height:1.35;font-size:16px!important}.app-shell .row-main small,.app-shell .friend-row .row-main small,.app-shell .expense-row .row-main small,.app-shell .row-amount small{color:var(--ui-muted);line-height:1.45;font-size:14px!important}.app-shell .row-amount strong,.app-shell .friend-amounts strong{font-variant-numeric:tabular-nums;line-height:1.3;font-size:16px!important}.app-shell .dashboard-left .activity-card .row-amount strong{color:var(--ui-ink)}.app-shell .friend-amounts{gap:3px}.app-shell .settled-mark{background:var(--positive-soft);width:28px;height:28px;color:var(--positive)}.app-shell .card-footer-button{border-color:var(--ui-line);min-height:48px;margin-top:0}.app-shell .card-footer-button:active{background:var(--ui-pressed)}.app-shell .category-icon{border-radius:12px;width:42px;height:42px}.app-shell .friend-row .avatar{width:41px;height:41px;font-size:14px}.app-shell .page-toolbar{gap:12px;margin-bottom:19px}.app-shell .search-field{border-color:var(--ui-line);background:var(--ui-surface);border-radius:11px;min-height:45px}.app-shell .search-field input{color:var(--ui-ink);font-size:16px}.app-shell .segmented-control{background:var(--ui-soft);border-radius:11px;padding:4px}.app-shell .segmented-control>button{min-height:38px;color:var(--ui-muted);padding:7px 12px;font-size:14px}.app-shell .segmented-control>button.is-selected{background:var(--ui-surface);color:var(--ui-ink);box-shadow:var(--ui-shadow)}.app-shell .segmented-control>button:active{background:var(--ui-pressed)}.app-shell .back-button{min-height:44px;color:var(--ui-muted);font-size:14px}.app-shell .friend-heading{gap:14px;margin-bottom:22px}.app-shell .friend-heading p{color:var(--ui-muted);font-size:14px}.app-shell .friend-balance-card{padding:23px}.app-shell .friend-balance-card h2{font-size:18px}.app-shell .detail-balance{font-size:clamp(28px,3vw,38px)}.app-shell .group-detail-summary{padding:23px}.app-shell .group-detail-summary .balance-label{white-space:normal;font-size:17px;line-height:1.4}.app-shell .group-management{border-color:var(--ui-line)}.app-shell .group-detail-grid{gap:20px}.app-shell .bill-summary-grid{gap:10px}.app-shell .household-summary{gap:13px;padding:18px}.app-shell .household-summary h3{font-size:17px}.app-shell .household-summary p{color:var(--ui-muted);font-size:14px}.app-shell .bill-buckets{gap:26px}.app-shell .bill-buckets .section-heading{padding:0}.app-shell .audit-row{border-color:var(--ui-line);gap:12px;padding:15px 18px}.app-shell .audit-row strong{font-size:15px}.app-shell .audit-row p{color:var(--ui-muted);font-size:14px}.app-shell .audit-row>small{color:var(--ui-muted);font-size:13px}.app-shell .badge{background:var(--ui-soft);color:var(--ui-muted);border-radius:8px;font-size:13px}.app-shell .pending-payment{border-color:var(--ui-line);background:var(--ui-soft)}.app-shell .pending-payment strong{font-size:16px}.app-shell .pending-payment p{color:var(--ui-muted);font-size:14px!important}.app-shell .btn{white-space:normal;text-align:center;border-radius:11px;min-height:45px;padding:10px 16px;font-weight:700;font-size:15px!important}.app-shell .btn-small{min-height:40px;padding:8px 12px;font-size:14px!important}.app-shell .btn-primary{background:var(--ui-coral);color:var(--ui-coral-ink);box-shadow:none}.app-shell .btn-primary:hover{background:var(--ui-coral-hover);box-shadow:none}.app-shell .btn-primary:active{background:var(--ui-coral-pressed);color:var(--ui-coral-ink)}.app-shell .btn-secondary,.app-shell .btn-ghost{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-ink)}.app-shell .btn-secondary:hover,.app-shell .btn-ghost:hover{background:var(--ui-hover)}.app-shell .btn-secondary:active,.app-shell .btn-ghost:active{background:var(--ui-pressed);color:var(--ui-ink)}.app-shell .btn-danger{border-color:var(--negative);background:var(--negative-soft);color:var(--negative)}.app-shell .btn-danger:hover{background:var(--ui-hover)}.app-shell .btn-danger:active{background:var(--ui-pressed)}.app-shell .field,.app-shell .field-label,.app-shell legend{color:var(--ui-ink);font-size:14px;line-height:1.45}.app-shell .text-input,.app-shell .select-input,.app-shell textarea{border-color:var(--ui-line);background:var(--ui-surface);min-height:47px;color:var(--ui-ink);border-radius:11px;font-size:16px}.app-shell .text-input:hover,.app-shell .select-input:hover{border-color:var(--border-strong)}.app-shell .text-input:focus,.app-shell .select-input:focus{border-color:var(--focus)}.app-shell .helper-text,.app-shell .note{color:var(--ui-muted);font-size:14px;line-height:1.55}.app-shell .note,.app-shell .split-preview,.app-shell .statement-section{border-color:var(--ui-line);background:var(--ui-soft);border-radius:12px}.app-shell .chip{border-color:var(--ui-line);background:var(--ui-surface);min-height:42px;color:var(--ui-ink);border-radius:10px;font-size:14px}.app-shell .chip:hover{background:var(--ui-hover)}.app-shell .chip:active{background:var(--ui-pressed)}.app-shell .chip.is-selected{border-color:var(--positive);background:var(--positive-soft);color:var(--ui-ink)}.app-shell .amount-input{color:var(--ui-ink)}.app-shell .amount-input-wrap .currency-prefix{color:var(--ui-muted)}.app-shell .form-actions{border-color:var(--ui-line)}.app-shell .error-message{border-color:var(--negative);background:var(--negative-soft);color:var(--negative);font-size:14px}.app-shell .settings-panel>:is(.settings-profile,.settings-profile-form,.identity-card,.settings-subpanel,.install-settings){border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:14px}.app-shell .settings-panel .identity-card,.app-shell .settings-panel .public-id{color:var(--ui-ink)}.app-shell .notification-item{border-color:var(--ui-line)}.app-shell .notification-item.unread{background:var(--ui-soft)}.app-shell .notification-item strong{color:var(--ui-ink);font-size:15px}.app-shell .notification-item p{color:var(--ui-muted);font-size:14px}.app-shell .notification-item:active{background:var(--ui-pressed)}.app-shell .empty-state{color:var(--ui-muted)}.app-shell .empty-state h2,.app-shell .empty-state h3{color:var(--ui-ink)}.app-shell .workspace-saving{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-ink);font-size:14px}[data-theme=dark] ::selection{background:var(--accent);color:var(--accent-ink)}[data-theme=dark] .app-shell :is(.sidebar,.topbar,.mobile-nav){background:var(--surface-muted)}[data-theme=dark] :is(.icon-button,.mini-eyebrow,.eyebrow,.eyebrow svg,.workspace-invitation p,.sidebar-note p,.note-illustration,.profile-button>svg,.balance-flower,.group-meta,.group-balance>svg,.row-dot,.friend-row>svg,.subtle-icon,.search-field,.search-field button,.settlement-row svg,.notification-item small,.empty-state p,.add-menu>button>svg,.expense-detail-total>p,.split-preview>p,.split-preview>strong,.currency-prefix,.install-step-icon){color:var(--text-secondary)}[data-theme=dark] :is(.avatar.more,.detail-description>span,.expense-notes){background:var(--surface-raised);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] :is(.settled-copy,.split-preview-row .positive){color:var(--positive)}[data-theme=dark] :is(.statement-cycle,.split-preview-row){border-color:var(--border)}[data-theme=dark] .statement-cycle:hover{background:var(--surface-hover)}[data-theme=dark] .statement-cycle:active{background:var(--surface-pressed)}[data-theme=dark] .card-footer-button:hover{background:var(--surface-hover)}[data-theme=dark] .group-cover.sage{background:var(--positive-soft);color:var(--positive)}[data-theme=dark] .group-cover.blue{background:var(--info-soft);color:var(--info)}[data-theme=dark] .group-cover.peach{background:var(--accent-soft);color:var(--accent)}[data-theme=dark] :is(.group-cover-icon,.group-type){background:var(--surface);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] :is(.share-icon,.share-card>strong,.share-card>.split-art-total,.art-spark){color:var(--text-secondary)}[data-theme=dark] .share-divider{border-color:var(--border)}[data-theme=dark] .split-check{background:var(--positive-soft);border-color:var(--surface);color:var(--positive)}[data-theme=dark] .install-step-number{background:var(--surface-raised);color:var(--text-primary)}[data-theme=dark] .install-action-icon{background:var(--accent);color:var(--accent-ink)}[data-theme=dark] .push-status-icon.is-on{background:var(--positive-soft);color:var(--positive)}[data-theme=dark] :is(.status-dot,.demo-label>span){background:var(--positive)}[data-theme=dark] .notification-dot{background:var(--accent)}[data-theme=dark] .app-shell :is(.text-input,.select-input,textarea,.search-field,.currency-select select){background:var(--surface-raised);border-color:var(--border-strong)}[data-theme=dark] :is(input,textarea){caret-color:var(--text-primary);accent-color:var(--accent)}[data-theme=dark] :is(input,textarea)::placeholder{color:var(--text-muted);opacity:1}[data-theme=dark] :is(input,select,textarea):disabled{background:var(--surface-disabled);color:var(--text-muted)}[data-theme=dark] .app-shell .chip.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary)}[data-theme=dark] .app-shell .chip:hover:not(:disabled){border-color:var(--border-strong)}[data-theme=dark] .app-shell .theme-picker button.is-selected{background:var(--surface-pressed);color:var(--text-primary)}[data-theme=dark] .app-shell :is(.btn-danger:hover,.btn-danger:active){background:color-mix(in srgb, var(--negative-soft) 80%, var(--negative));color:var(--negative)}[data-theme=dark] .app-shell :is(button,input,select,textarea):disabled{background-color:var(--surface-disabled);border-color:var(--border);color:var(--text-muted);opacity:1}@media (max-width:780px){.app-shell .sidebar{display:none}.app-shell .main-shell{margin-left:0}.app-shell .topbar{height:64px;padding-inline:19px}.app-shell .main-content{padding:22px 19px calc(115px + env(safe-area-inset-bottom))}.app-shell .topbar-breadcrumb,.app-shell .topbar-divider,.app-shell .search-button kbd{display:none}.app-shell .topbar-actions{gap:5px}.app-shell .mobile-nav{min-height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-color:var(--ui-line);background:var(--ui-surface)}.app-shell .mobile-nav>button{min-height:54px;color:var(--ui-muted);font-size:13px;font-weight:650}.app-shell .mobile-nav>button.active{color:var(--ui-coral)}.app-shell .mobile-nav>button:active:not(.mobile-add){background:var(--ui-pressed);color:var(--ui-ink)}.app-shell .mobile-nav .mobile-add{background:var(--ui-coral);color:var(--ui-coral-ink)}.app-shell .mobile-nav .mobile-add:active{background:var(--ui-coral-pressed);color:var(--ui-coral-ink)}}@media (max-width:700px){.app-shell .page-heading{align-items:flex-start;margin-bottom:21px}.app-shell .page-heading h1{font-size:27px}.app-shell .home-support-actions{margin:11px 0 15px}.app-shell .home-support-actions .install-action,.app-shell .home-attention{min-height:58px}.app-shell .balance-card{border-radius:19px;padding:19px 22px}.app-shell .balance-intro{margin-top:15px}.app-shell .balance-number{font-size:clamp(37px,10vw,45px)}.app-shell .balance-breakdown{align-items:stretch;gap:13px 18px;margin-top:18px;padding-top:15px}.app-shell .balance-breakdown>div{flex:calc(50% - 10px)}.app-shell .balance-breakdown>div strong,.app-shell .balance-breakdown>div:first-child strong,.app-shell .balance-breakdown>div:nth-child(2) strong{font-size:clamp(23px,6vw,28px)}.app-shell .balance-breakdown>button{justify-content:center;width:auto;min-width:120px;margin:0}.app-shell .quick-action,.app-shell .quick-action:nth-child(2){text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:85px;padding:10px 5px}.app-shell .quick-action>span:nth-child(2){display:block}.app-shell .quick-action .action-icon{margin-inline:auto}.app-shell .quick-action strong{font-size:13px}.app-shell .quick-action-arrow{display:none}.app-shell .dashboard-columns{gap:23px}.app-shell .friend-heading{flex-wrap:wrap}.app-shell .friend-heading>.button-row,.app-shell .friend-heading>.btn{flex:100%}.app-shell .audit-row{flex-wrap:wrap;align-items:flex-start}.app-shell .audit-row>small{width:100%;margin-left:0;padding-left:40px}}@media (max-width:420px){.app-shell .main-content{padding-inline:16px}.app-shell .balance-card{padding:18px 20px}.app-shell .balance-breakdown>button{width:100%}.app-shell .row-main strong{white-space:normal;overflow-wrap:anywhere}.app-shell .row-amount{align-items:flex-end;max-width:37%}.app-shell .row-amount strong{overflow-wrap:anywhere;text-align:right}.app-shell .compact-group .balance-label{max-width:40%}}@media (max-width:320px){.app-shell .topbar{padding-inline:7px}.app-shell .mobile-brand{letter-spacing:-.05em;font-size:20px}.app-shell .mobile-brand .brand-mark{width:24px;height:24px;margin-right:5px}.app-shell .topbar-actions{gap:0}.app-shell .mobile-nav{overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:flex-start;gap:2px;width:100%;max-width:100vw;padding-inline:5px;overflow-x:auto}.app-shell .mobile-nav>button{flex:0 0 55px}.app-shell .mobile-nav>.mobile-add{flex-basis:46px;width:46px;min-width:46px;margin-inline:0}}@media (prefers-reduced-motion:reduce){.app-shell :is(button,a){scroll-behavior:auto;transition:none}}.app-shell .getting-started{gap:16px;margin-bottom:20px;padding:20px;display:grid}.app-shell .getting-started h2{margin:0 0 6px;font-size:20px}.app-shell .getting-started p{color:var(--ui-muted);margin:0;font-size:14px;line-height:1.6}.app-shell .getting-started-steps{flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;list-style:none;display:flex}.app-shell .getting-started-steps li{color:var(--ui-ink);align-items:center;gap:9px;font-size:14px;display:flex}.app-shell .getting-started-steps li>span:first-child{background:var(--ui-hover);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.app-shell .getting-started-steps small{color:var(--ui-muted);font-size:13px;display:block}.app-shell .dashboard-columns .empty-state{padding:24px 18px}.app-shell .dashboard-columns .empty-state h3{font-size:16px}.app-shell .dashboard-columns .empty-state p{font-size:14px;line-height:1.6}.app-shell .statement-current-currency{border-bottom:1px solid var(--ui-line);gap:10px;padding:12px 0;display:grid}.app-shell .statement-current-currency:last-child{border-bottom:0}.app-shell .statement-current-currency .button-row{margin:0}.app-shell .statement-section{grid-template-columns:minmax(0,1fr);min-width:0}.app-shell .connection-transaction-history,.app-shell .connection-transaction-history [data-history-event]{min-width:0;max-width:100%}.app-shell .connection-transaction-history>.expense-list>[data-history-event]{border-bottom:1px solid var(--ui-line)}.app-shell .connection-transaction-history>.expense-list>[data-history-event]:last-child,.app-shell .connection-transaction-history [data-history-event] .expense-row{border-bottom:0}
:root{--layer-navigation:30;--layer-feedback:50;--layer-connectivity:60;--layer-skip-link:70;--overlay-surface:var(--surface);--overlay-scrim:#1d2b22a8;--overlay-shadow:0 26px 80px #1b2a222b;--toast-surface:#294032;--toast-text:#f7faf4}[data-theme=dark]{--overlay-surface:var(--surface);--overlay-scrim:#080a0ed1;--overlay-shadow:0 26px 80px #0009;--toast-surface:var(--surface-raised);--toast-text:var(--text-primary)}.sidebar,.mobile-nav{z-index:var(--layer-navigation)}.workspace-saving{z-index:var(--layer-feedback);pointer-events:none}.connectivity-banner{z-index:var(--layer-connectivity)}.skip-link{z-index:var(--layer-skip-link)}.toast{z-index:var(--layer-feedback);left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--toast-surface);border-color:color-mix(in srgb, var(--toast-text) 18%, transparent);width:max-content;max-width:min(540px,100vw - 32px);color:var(--toast-text);font-size:var(--font-small,14px);line-height:1.45}.toast>span{overflow-wrap:anywhere}.toast>svg,.toast>button{color:var(--toast-text)}.toast>button{pointer-events:auto;border-radius:10px;min-width:40px;min-height:40px;margin:-8px -8px -8px 0}.toast>button:hover{background:color-mix(in srgb, var(--toast-text) 13%, transparent)}.toast>button:active{background:color-mix(in srgb, var(--toast-text) 22%, transparent)}.toast>button:focus-visible{outline-color:var(--toast-text);outline-offset:2px}.modal:not([open]){display:none}.modal[open]{background:var(--overlay-surface);border-color:var(--border);color:var(--text-primary);box-shadow:var(--overlay-shadow);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow:hidden auto}.modal::backdrop{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-theme=dark] .modal::backdrop{background:var(--overlay-scrim)}[data-theme=dark] .toast{background:var(--toast-surface);border-color:color-mix(in srgb, var(--toast-text) 18%, transparent);color:var(--toast-text)}[data-theme=dark] .toast>svg,[data-theme=dark] .toast>button{color:var(--toast-text)}.modal-header{background:var(--overlay-surface);border-color:var(--border)}.modal-header>div,.modal-body,.modal-body fieldset{min-width:0}.modal-header h2{overflow-wrap:anywhere}.modal-header p{color:var(--text-secondary);font-size:var(--font-small,14px);line-height:1.5}.modal-header .icon-button{min-width:44px;min-height:44px;color:var(--text-secondary);flex:none;margin:-8px -8px 0 0}.modal-header .icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-header .icon-button:active{background:var(--surface-pressed);color:var(--text-primary)}.modal :is(button,input,select,textarea):focus-visible{outline-offset:2px}.add-menu>button,.search-results>button{color:var(--text-primary);min-height:52px}.add-menu>button:hover:not(:disabled),.search-results>button:hover:not(:disabled){background:var(--surface-hover)}.add-menu>button:active:not(:disabled),.search-results>button:active:not(:disabled),.add-menu>button[aria-selected=true],.search-results>button[aria-selected=true]{background:var(--surface-pressed);color:var(--text-primary)}.add-menu>button:focus-visible,.search-results>button:focus-visible{outline-offset:-2px}.add-menu small,.search-results small,.search-results>button>span{color:var(--text-secondary);font-size:var(--font-small,14px);line-height:1.4}@media (max-width:780px){.toast{bottom:calc(92px + env(safe-area-inset-bottom))}}@media (max-width:700px){.modal[open]{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:20px 20px 0 0;margin:auto 0 0}.modal-header{padding-top:max(22px, env(safe-area-inset-top))}.modal-body{padding-bottom:max(28px, env(safe-area-inset-bottom))}}@media (max-width:480px){.toast{width:calc(100vw - 28px);max-width:none}}
.receipt-editor{gap:16px;min-width:0;display:grid}.receipt-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.receipt-heading h3{color:var(--ui-ink,var(--text));margin:0 0 5px;font-size:18px}.receipt-heading p{margin:0}.receipt-back{flex:none;align-items:center;gap:5px;min-height:40px;font-size:12px;display:inline-flex}.receipt-photo-control{border:1px solid var(--ui-line,var(--border));background:var(--ui-soft,var(--surface-muted));border-radius:14px;gap:12px;min-width:0;padding:20px;display:grid}.receipt-photo-actions{gap:10px;min-width:0;display:grid}.receipt-photo-action{text-align:center;white-space:normal;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:46px;line-height:1.4;display:flex;position:relative}.receipt-photo-action svg{flex:none}.receipt-camera-action{flex-direction:column;gap:12px;min-height:132px;font-size:18px}.app-shell .receipt-editor.is-capture .receipt-camera-action{min-height:132px}.receipt-photo-action:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.receipt-photo-action:disabled{opacity:.6;cursor:default}.receipt-file-input[hidden]{display:none}.receipt-manual-entry{justify-self:center;min-height:44px}.receipt-privacy{text-align:center;margin:0;font-size:12px;line-height:1.5}.receipt-editor.is-review .receipt-photo-control{background:0 0;border:0;gap:8px;padding:0}.receipt-editor.is-review .receipt-photo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-editor.is-review .receipt-camera-action{flex-direction:row;gap:8px;min-height:46px;font-size:14px}.receipt-editor.is-review .receipt-photo-action{padding:10px;font-size:13px}.receipt-reading{border:1px solid var(--ui-line,var(--border));border-radius:12px;gap:10px;padding:12px;display:grid}.receipt-reading p{margin:0}.receipt-reading progress{width:100%;accent-color:var(--ui-coral,var(--accent))}.receipt-read-error{gap:10px;display:grid}.receipt-read-error p{margin:0}.receipt-photo-preview{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:320px;margin-top:12px;display:block}.receipt-review-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;display:flex}.receipt-review-section-heading h4{color:var(--ui-ink,var(--text));margin:0;font-size:16px}.receipt-review-section-heading span{color:var(--ui-muted,var(--text-muted));white-space:nowrap;font-size:12px}.receipt-empty-items{border:1px dashed var(--ui-line,var(--border));color:var(--ui-muted,var(--text-muted));background:var(--ui-soft,var(--surface-muted));border-radius:10px;margin:-7px 0 0;padding:14px;font-size:13px;line-height:1.5}.receipt-manual-scan{gap:12px;display:grid}.receipt-manual-scan>p{margin:0}.receipt-suggestion-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.receipt-suggestion-actions .btn,.receipt-suggestion-actions .text-button{min-height:44px}.receipt-scan-summary{border:1px solid var(--ui-line,var(--border));background:var(--ui-surface,var(--surface));border-radius:10px;gap:8px;min-width:0;padding:12px;display:grid}.receipt-scan-summary-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.receipt-scan-summary h5{color:var(--ui-ink,var(--text));margin:0;font-size:13px}.receipt-scan-summary-heading span{color:var(--ui-muted,var(--text-muted));white-space:nowrap;font-size:12px}.receipt-scan-summary p{margin:0;font-size:12px}.receipt-scan-summary ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.receipt-scan-summary li{border-top:1px solid var(--ui-line,var(--border));justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.receipt-scan-summary li span{overflow-wrap:anywhere;min-width:0}.receipt-scan-summary li strong{color:var(--ui-ink,var(--text));white-space:nowrap;flex:none}.receipt-items{gap:10px;min-width:0;display:grid}.receipt-item{border:1px solid var(--ui-line,var(--border));background:var(--ui-surface,var(--surface));border-radius:12px;min-width:0;margin:0;padding:12px}.receipt-item-fields{grid-template-columns:minmax(0,1fr) minmax(85px,110px) 36px;align-items:end;gap:8px;display:grid}.receipt-item-fields .field{gap:5px;min-width:0;margin:0;font-size:12px}.receipt-item .text-input{width:100%;min-width:0;padding:10px;font-size:16px}.receipt-remove{width:36px;min-width:36px;min-height:44px;margin-bottom:1px}.receipt-quantity{margin:7px 0 0;font-size:12px}.receipt-assignees{flex-wrap:wrap;gap:7px;padding-top:10px;display:flex}.receipt-assignees label{border:1px solid var(--ui-line,var(--border));min-height:42px;color:var(--ui-ink,var(--text));background:var(--ui-soft,var(--surface-muted));cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;line-height:1.35;display:inline-flex}.receipt-assignees label:has(input:checked){border-color:var(--ui-coral,var(--accent));background:var(--ui-surface,var(--surface))}.receipt-assignees input{width:17px;height:17px;accent-color:var(--ui-coral,var(--accent));flex:none;margin:0}.receipt-item-error{margin:8px 0 0;font-size:12px}.receipt-add-item{justify-self:start;min-height:44px}.receipt-amount-suggestion{justify-items:start;gap:8px;margin:4px 0 12px;display:grid}.receipt-amount-suggestion p{margin:0}.receipt-amount-suggestion .btn{white-space:normal;text-align:left;max-width:100%;min-height:44px}.receipt-source-more{justify-items:start;gap:4px;display:grid}.receipt-source-more p{margin:0}.receipt-editor .receipt-source-checks{border:1px solid var(--ui-line,var(--border));background:var(--ui-surface,var(--surface));border-radius:12px;margin:0;padding:0;display:block}.receipt-evidence-disclosure>summary{min-height:48px;color:var(--ui-ink,var(--text));cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:12px 14px;font-weight:650;display:flex}.receipt-evidence-disclosure>summary::marker{color:var(--ui-muted,var(--text-muted))}.receipt-extra-evidence>summary::marker{color:var(--ui-muted,var(--text-muted))}.receipt-evidence-count{color:var(--ui-muted,var(--text-muted));font-size:12px;font-weight:400}.receipt-evidence-body{gap:12px;padding:0 14px 14px;display:grid}.receipt-evidence-body>p{margin:0}.receipt-quick-amounts{border:1px solid var(--ui-line,var(--border));background:var(--ui-soft,var(--surface-muted));border-radius:10px;gap:8px;padding:12px;display:grid}.receipt-quick-amounts h4{margin:0;font-size:13px}.receipt-extra-evidence{border:1px solid var(--ui-line,var(--border));border-radius:10px;padding:10px 12px}.receipt-extra-evidence>summary{min-height:30px;color:var(--ui-ink,var(--text));cursor:pointer;font-size:13px;font-weight:600}.receipt-extra-evidence-body{gap:8px;padding-top:10px;display:grid}.receipt-extra-evidence .receipt-unread-lines{margin:10px 0 0;padding-left:20px}.receipt-editor .receipt-source-check+.receipt-source-check{border-top:1px solid var(--ui-line,var(--border));padding-top:8px}.receipt-editor .receipt-source-check>div:first-child{justify-content:space-between;align-items:center;gap:10px;min-height:40px;font-size:13px;display:flex}.receipt-editor .receipt-source-check>div:first-child span{overflow-wrap:anywhere;min-width:0}.receipt-adjustments{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.receipt-adjustments .field{min-width:0;font-size:12px}.receipt-totals{gap:10px;padding-top:4px;display:grid}.receipt-totals>p,.receipt-totals .field{margin:0}.receipt-totals>.field{font-size:14px}.receipt-totals>.field .text-input{font-size:20px;font-weight:700}.receipt-share-summary{margin:0}.receipt-help{font-size:13px;line-height:1.6}.receipt-help ul{color:var(--ui-muted,var(--text-muted));margin:10px 0;padding-left:20px}.receipt-unread-lines{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.receipt-save{gap:10px;padding-top:4px;display:grid}.receipt-save p{margin:0;font-size:13px;line-height:1.5}.receipt-save>.btn{width:100%;min-height:48px}.app-shell .receipt-verification{border:1px solid var(--ui-line);background:var(--ui-soft);color:var(--ui-ink);border-radius:14px;gap:8px;padding:16px;display:grid}.receipt-verification p{margin:0;font-size:13px;line-height:1.5}.app-shell .receipt-item.needs-review{border-color:var(--ui-coral)}.receipt-review-confirm{align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.receipt-review-confirm input{width:18px;height:18px;accent-color:var(--ui-coral);flex:none;margin-top:2px}.receipt-item-fields:has(input[readonly]){grid-template-columns:minmax(0,1fr) 100px}.receipt-item input[readonly]{background:0 0;border-color:#0000;padding-left:0}.receipt-summary{border:1px solid var(--ui-line,var(--border));background:var(--ui-soft,var(--surface-muted));border-radius:12px;gap:10px;padding:14px;display:grid}.receipt-summary p{margin:0}.receipt-summary-actions{flex-wrap:wrap;gap:8px;display:flex}.receipt-saved-items{gap:10px;min-width:0;display:grid}.receipt-saved-item{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.receipt-saved-item>span{overflow-wrap:anywhere;min-width:0}.receipt-saved-item small{color:var(--ui-muted,var(--text-muted));margin-top:4px;display:block}.receipt-saved-item>strong{flex:none}@media (max-width:480px){.receipt-photo-control{padding:16px}.receipt-item{padding:10px}.receipt-item-fields{grid-template-columns:minmax(0,1fr) 87px 32px;gap:7px}.receipt-remove{width:32px;min-width:32px}.receipt-editor.is-review .receipt-photo-action{gap:6px;padding:9px 6px;font-size:12px}.receipt-back{max-width:105px;line-height:1.4}}
.app-shell .workflow-panel{border:1px solid var(--ui-line);background:var(--ui-soft);min-width:0;color:var(--ui-ink);border-radius:14px;gap:16px;margin:0;padding:18px;display:grid}.app-shell .workflow-panel>:first-child{margin-top:0}.app-shell .workflow-panel>:last-child{margin-bottom:0}.app-shell .workflow-panel-title{color:var(--ui-ink);margin:0;font-size:15px;font-weight:750;line-height:1.4}.app-shell fieldset.workflow-panel>legend{padding:0 6px;font-weight:700}.app-shell .workflow-panel .field{min-width:0}.app-shell .workflow-panel .helper-text{margin:0;line-height:1.55}.app-shell .workflow-panel .field-row{min-width:0}.app-shell .workflow-panel .workflow-panel{background:var(--ui-surface);padding:14px}.app-shell .workflow-actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding-top:6px;display:flex}.app-shell .workflow-actions>.btn{min-height:48px}.app-shell .workflow-actions>.btn-primary{flex:180px}.app-shell .workflow-actions>p{flex:100%;margin:0}.app-shell .workflow-details{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:14px;min-width:0;margin:0;padding:0}.app-shell .workflow-details>summary{min-height:48px;color:var(--ui-ink);padding:13px 16px;font-weight:650}.app-shell .workflow-details[open]>:not(summary){margin:0 16px 16px}.app-shell .shared-summary{border:1px solid var(--ui-line);background:var(--ui-soft);min-width:0;color:var(--ui-ink);border-radius:14px;gap:8px;padding:18px;display:grid}.app-shell .shared-summary>:is(p,h3){margin:0}.app-shell .split-workflow-tabs{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px;margin:0 0 4px;display:grid}.app-shell .split-workflow-tabs>button{border:1px solid var(--ui-line);background:var(--ui-surface);min-width:0;min-height:70px;color:var(--ui-ink);text-align:left;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;padding:12px;transition:none;display:flex}.app-shell .split-workflow-tabs>button[data-entry=receipt]{border-color:var(--ui-coral)}.app-shell .split-workflow-tabs>button>svg{flex:none}.app-shell .split-workflow-tabs>button>span{gap:4px;min-width:0;display:grid}.app-shell .split-workflow-tabs strong{color:inherit;font-size:15px;font-weight:750;line-height:1.25}.app-shell .split-workflow-tabs small{color:var(--ui-muted);font-size:12px;line-height:1.35}.app-shell .split-workflow-tabs>button:hover{background:var(--ui-hover)}.app-shell .split-workflow-tabs>button[aria-selected=true]{border-color:var(--ui-coral);background:var(--ui-coral);color:var(--ui-coral-ink)}.app-shell .split-workflow-tabs>button[aria-selected=true] small{color:inherit}.app-shell .split-workflow-tabs>button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (max-width:480px){.app-shell .workflow-panel,.app-shell .shared-summary{gap:14px;padding:14px}.app-shell .workflow-actions>.btn{flex:140px}.app-shell .split-workflow-tabs{gap:8px}.app-shell .split-workflow-tabs>button{gap:8px;padding:11px 9px}}@media (max-width:700px){.app-shell .page-heading{flex-wrap:wrap}.app-shell .page-heading>.btn{max-width:100%;min-height:44px;display:inline-flex}}