.app-shell{--navigation-size:var(--hui-nav-wide);min-block-size:100dvh}.app-shell.is-compact{--navigation-size:var(--hui-nav-compact)}.sidebar{inline-size:var(--navigation-size);background:var(--hui-color-surface);border-inline-end:1px solid var(--hui-color-border);z-index:var(--hui-z-navigation);padding:var(--hui-space-4) var(--hui-space-3);gap:var(--hui-space-6);transition:inline-size var(--hui-duration-standard);flex-direction:column;display:none;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.brand{gap:var(--hui-space-3);color:var(--hui-color-text);font-size:var(--hui-text-title-size);line-height:var(--hui-text-title-line);padding-inline:var(--hui-space-2);min-block-size:var(--hui-control-standard);white-space:nowrap;align-items:center;font-weight:600;display:flex}.brand:hover{text-decoration:none}.brand-symbol{flex-shrink:0;place-items:center;block-size:36px;inline-size:36px;display:grid}nav{gap:var(--hui-space-2);display:grid}.nav-link,.nav-toggle{font-size:var(--hui-text-label-size);line-height:var(--hui-text-label-line);align-items:center;gap:var(--hui-space-3);min-block-size:var(--hui-control-large);padding:var(--hui-space-3);border-radius:var(--hui-radius-small);color:var(--hui-color-text-secondary);white-space:nowrap;display:flex}.nav-link:hover{background:var(--hui-color-surface-subtle);text-decoration:none}.nav-link .nav-label,.nav-toggle .nav-label{white-space:normal;overflow-wrap:anywhere;min-inline-size:0}.nav-link>svg,.nav-toggle>svg{flex-shrink:0}.nav-link.nav-utility{border-block-start:1px solid var(--hui-color-border);margin-block-start:var(--hui-space-6)}.nav-link.current{color:var(--hui-color-selected-text);background:var(--hui-color-selected-surface);box-shadow:inset 0 -2px 0 var(--hui-color-selected-edge);font-weight:600}@media (forced-colors:active){.nav-link.current{outline-offset:-2px;outline:2px solid highlight}}.nav-toggle{text-align:start;background:0 0;border:0;inline-size:100%;margin-block-start:auto}.nav-toggle:hover{background:var(--hui-color-surface-subtle)}.is-compact .sidebar .nav-label{display:none}.is-compact .sidebar .brand{justify-content:center;padding:0}.is-compact .sidebar .nav-link,.is-compact .sidebar .nav-toggle{justify-content:center;padding-inline:0}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .nav-toggle svg{transform:scaleX(-1)}.workspace{min-inline-size:0}.topbar{min-block-size:64px;padding:var(--hui-space-2) var(--hui-space-3);background:var(--hui-color-canvas);border-block-end:1px solid var(--hui-color-border);justify-content:space-between;align-items:center;gap:var(--hui-space-1);z-index:var(--hui-z-header);flex-wrap:wrap;display:flex;position:sticky;inset-block-start:0}.topbar-start,.topbar-end{align-items:center;gap:var(--hui-space-2);flex-shrink:0;min-inline-size:0;display:flex}.month-selector{align-items:center;gap:var(--hui-space-3);min-inline-size:0;font-weight:var(--hui-font-weight-semibold);display:flex}.month-selector>span,.user-name,.control-label,.topbar-start>.status{display:none}.main-content{padding:var(--hui-space-4) var(--hui-space-3) var(--hui-space-10);max-inline-size:var(--hui-workspace-data-max);gap:var(--hui-space-4);outline:none;flex-direction:column;margin-inline:auto;display:flex}.page-heading{isolation:isolate;justify-content:space-between;align-items:center;gap:var(--hui-space-3);padding:var(--hui-space-3) var(--hui-space-4);color:var(--hui-color-text);background:var(--hui-color-surface);border:var(--hui-border-thin) solid var(--hui-color-border);border-block-start:2px solid var(--hui-color-primary);border-radius:var(--hui-radius-medium);flex-wrap:wrap;display:flex;position:relative}.page-heading:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 100% 0%, var(--hui-color-primary-glow), transparent 65%);pointer-events:none;inline-size:min(100%,20rem);position:absolute;inset-block:0;inset-inline-start:0}.page-heading>div:first-child{min-inline-size:0}.page-heading h1{overflow-wrap:anywhere;font-size:var(--hui-text-heading-medium-size);line-height:var(--hui-text-heading-medium-line)}.page-context{align-items:center;gap:var(--hui-space-2);color:var(--hui-color-text-tertiary);font-size:var(--hui-text-caption-size);line-height:var(--hui-text-caption-line);flex-wrap:wrap;margin-block-start:var(--hui-space-1);display:flex}.page-heading p{font-size:var(--hui-text-body-small-size);line-height:var(--hui-text-body-small-line);color:var(--hui-color-text-tertiary);max-inline-size:var(--hui-content-measure);margin-block-start:var(--hui-space-1)}.page-heading .actions{align-self:center}.modal-overlay.navigation-overlay{justify-content:flex-start;padding:0}.navigation-drawer{background:var(--hui-color-surface);block-size:100dvh;inline-size:min(300px,88vw);padding:var(--hui-space-6);overflow-y:auto}.navigation-drawer [role=dialog]{gap:var(--hui-space-8);outline:none;flex-direction:column;min-block-size:100%;display:flex}.navigation-drawer .button{margin-block-start:auto}.startup{place-items:center;min-block-size:100dvh;display:grid}.login{min-block-size:100dvh;padding:var(--hui-space-6);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.login-preferences{display:flex;position:absolute;inset-block-start:var(--hui-space-4);inset-inline-end:var(--hui-space-4)}.login-card{background:var(--hui-color-surface);border:1px solid var(--hui-color-border);border-radius:var(--hui-radius-large);inline-size:100%;padding-inline:var(--hui-space-5);text-align:center;align-items:center;gap:var(--hui-space-3);max-inline-size:430px;padding-block:var(--hui-space-5);flex-direction:column;display:flex}.login-logo{color:var(--hui-color-primary-soft-text);background:var(--hui-color-primary-soft);border-radius:var(--hui-radius-medium);block-size:64px;inline-size:64px;place-items:center;margin-block-end:var(--hui-space-3);display:grid}.login .page-heading{text-align:start;border-block-end:0;border-inline:0;border-radius:0;inline-size:100%;padding-inline:0}.login p{color:var(--hui-color-text-secondary);font-size:var(--hui-text-body-size);line-height:var(--hui-text-body-line);max-inline-size:35ch}.eyebrow{color:var(--hui-color-text-tertiary);font-weight:500}.google-button{inline-size:100%;min-block-size:var(--hui-control-large);gap:var(--hui-space-4);margin-block-start:var(--hui-space-4)}.login .login-identity-note{font-size:var(--hui-text-body-small-size);line-height:var(--hui-text-body-small-line)}.public-document{max-inline-size:calc(var(--hui-content-measure) + var(--hui-space-8));padding:var(--hui-space-4);gap:var(--hui-space-6);flex-direction:column;margin-inline:auto;display:flex}.public-document-header{padding:var(--hui-space-3);background:var(--hui-color-surface-subtle);border-radius:var(--hui-radius-medium);justify-content:space-between;align-items:center;gap:var(--hui-space-3);flex-wrap:wrap;display:flex}.public-document-content{gap:var(--hui-space-6);font-size:var(--hui-text-body-size);line-height:var(--hui-text-body-line);flex-direction:column;display:flex}.public-document-content section,.public-document-intro{gap:var(--hui-space-2);flex-direction:column;display:flex}.public-document-content p{color:var(--hui-color-text-secondary);overflow-wrap:anywhere}.public-document footer{padding-block-end:var(--hui-space-6)}@media (min-width:600px){.sidebar{display:flex}.workspace{margin-inline-start:var(--navigation-size)}.mobile-menu{display:none}.main-content{padding:var(--hui-space-4);gap:var(--hui-space-4)}.topbar{min-block-size:64px;padding-inline:var(--hui-space-4);gap:var(--hui-space-2);background:var(--hui-color-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}.control-label,.topbar-start>.status{display:inline}.page-heading{gap:var(--hui-space-4)}}@media (min-width:1200px){.month-selector>span{display:inline}.user-name{text-overflow:ellipsis;white-space:nowrap;max-inline-size:150px;margin-inline:var(--hui-space-2);display:block;overflow:hidden}}@media (max-width:599px){.page-heading p{margin-block-start:var(--hui-space-1)}.navigation-drawer{inline-size:min(300px,90vw);padding:var(--hui-space-4)}.navigation-drawer [role=dialog]{gap:var(--hui-space-5)}.login{padding:var(--hui-space-4)}.login-card{gap:var(--hui-space-3);padding-block:var(--hui-space-4)}.public-document{gap:var(--hui-space-4);padding:var(--hui-space-3)}}@media (max-width:359px){.topbar{padding-inline:var(--hui-space-2)}.topbar-end,.topbar-start{gap:0}.month-trigger{padding-inline:var(--hui-space-1);gap:var(--hui-space-1)}}.main-content:has(>.settings-workspace){max-inline-size:var(--hui-workspace-reading-max)}
.summary-cards{min-inline-size:0;container:summary/inline-size}.summary-grid{gap:var(--hui-space-2);grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;display:grid}.summary-card{min-inline-size:0;padding:var(--hui-space-2);border:var(--hui-border-thin) solid var(--hui-color-border);border-radius:var(--hui-radius-medium);background:var(--hui-color-summary-surface);overflow-wrap:anywhere;text-align:center;box-shadow:var(--hui-shadow-small);flex-direction:column;justify-content:center;display:flex}.summary-card[data-emphasis=primary]{background:var(--hui-color-emphasis-surface);border-color:var(--hui-color-emphasis-edge);box-shadow:inset 0 var(--hui-border-thin) 0 var(--hui-color-emphasis-edge)}.summary-card[data-emphasis=primary] .summary-heading,.summary-card[data-emphasis=primary] .summary-label{color:var(--hui-color-emphasis-text)}.summary-heading{min-block-size:var(--summary-slot);margin:0 0 var(--hui-space-2);font-size:var(--hui-text-body-size);line-height:var(--hui-text-body-line);font-weight:var(--hui-font-weight-semibold);place-items:center;display:grid}.summary-heading-content,.summary-label-content{display:block}.summary-facts{margin:0}.summary-fact+.summary-fact{border-block-start:var(--hui-border-thin) solid var(--hui-color-border);margin-block-start:var(--hui-space-2);padding-block-start:var(--hui-space-2)}.summary-label{min-block-size:var(--summary-slot);color:var(--hui-color-text-secondary);font-size:var(--hui-text-body-small-size);line-height:var(--hui-text-body-small-line);place-items:center;display:grid}.summary-value{min-block-size:var(--summary-slot);margin:var(--hui-space-1) 0 0;font-size:var(--hui-text-body-size);line-height:var(--hui-text-body-line);place-items:center;display:grid}.summary-value-content{gap:var(--hui-space-1);justify-items:center;inline-size:100%;display:grid}.summary-value-main{min-inline-size:0;font-weight:var(--hui-font-weight-medium)}.summary-value-main>*,.summary-card .cell-label{min-inline-size:0;max-inline-size:100%}.summary-card .row-actions{flex-wrap:wrap}.summary-card .button{white-space:normal}.summary-value .money{white-space:normal;overflow-wrap:anywhere}.summary-support{font-size:var(--hui-text-caption-size);line-height:var(--hui-text-caption-line);display:block}@container summary (min-width:14em){.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{grid-column:span 2}.summary-card:last-child:nth-child(odd){grid-column:2/span 2}}@container summary (min-width:35em){.summary-card{padding:var(--hui-space-4)}.summary-value-main .money{font-size:var(--hui-text-heading-medium-size);line-height:var(--hui-text-heading-medium-line)}}@container summary (min-width:48.75em){.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.summary-card:last-child:nth-child(odd){grid-column:span 2}.summary-card:last-child:nth-child(3n+1){grid-column:3/span 2}.summary-card:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}}@media (forced-colors:active){.summary-card{border-color:canvastext}.summary-card[data-emphasis=primary]{border-color:highlight}}
.sheet-workspace{gap:var(--hui-space-4);display:grid}.sheet-save-state{align-items:center;display:inline-flex}.sheet-basics{gap:var(--hui-space-4);border:1px solid var(--hui-color-border);border-radius:var(--hui-radius-medium);padding:var(--hui-space-3);background:var(--hui-color-surface);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.sheet-basics label{align-content:start;gap:var(--hui-space-2);display:grid}.sheet-field-label,.sheet-section-title{justify-content:center;align-items:center;gap:var(--hui-space-2);display:flex}.sheet-field-label{color:var(--hui-color-text-secondary);text-align:center}.sheet-section-icon{inline-size:var(--hui-control-compact);block-size:var(--hui-control-compact);border-radius:var(--hui-radius-small);color:var(--hui-color-primary-soft-text);background:var(--hui-color-primary-soft);place-items:center;display:grid}.sheet-amount{inline-size:100%;min-inline-size:6rem;max-inline-size:12rem}.sheet-item-label{gap:var(--hui-space-2);place-items:center;inline-size:100%;max-inline-size:24rem;margin-inline:auto;display:grid}.sheet-text-input{text-align:center;inline-size:100%;min-inline-size:0}.sheet-item-amount{justify-items:center;gap:var(--hui-space-1);inline-size:100%;min-inline-size:0;display:grid}.sheet-card-allocation{justify-items:center;gap:var(--hui-space-1);inline-size:100%;display:grid}.sheet-estimate-control{justify-content:center;align-items:center;gap:var(--hui-space-2);min-block-size:var(--hui-hit-target-min);padding-inline:var(--hui-space-2);border:1px solid var(--hui-color-border);border-radius:var(--hui-radius-small);background:var(--hui-color-surface-subtle);color:var(--hui-color-text-secondary);font-size:var(--hui-text-body-small-size);cursor:pointer;display:inline-flex}.sheet-estimate-control:has(input:checked){color:var(--hui-color-warning);background:var(--hui-color-warning-soft)}.sheet-estimate-control:focus-within{outline:2px solid var(--hui-color-focus);outline-offset:2px}.sheet-estimate-control input{accent-color:var(--hui-color-primary)}.sheet-auto-save-help{font-size:var(--hui-text-caption-size);line-height:var(--hui-text-caption-line);margin-block-start:calc(-1 * var(--hui-space-2))}.sheet-items .data-table{table-layout:fixed;min-inline-size:44rem}.sheet-items th[data-column=label]{inline-size:34%}.sheet-items th[data-column=amount]{inline-size:22%}.sheet-items th[data-column=actions]{inline-size:7rem}.sheet-items .note-field{max-inline-size:32ch;margin-inline:auto}.sheet-items .note-preview{color:var(--hui-color-text-secondary)}.sheet-items .row-actions{justify-content:center}.sheet-items .sheet-remove{color:var(--hui-color-danger);white-space:nowrap}.sheet-items .table-scroll tbody tr:focus-within{background:var(--hui-color-surface-subtle)}.sheet-mobile-row{gap:var(--hui-space-3);padding:var(--hui-space-3);display:grid}.sheet-mobile-cell{gap:var(--hui-space-1);text-align:center;align-items:center;min-inline-size:0;display:grid}.sheet-mobile-label{font-size:var(--hui-text-body-small-size);color:var(--hui-color-text-secondary)}.sheet-mobile-row .sheet-amount{max-inline-size:none}.sheet-items .section-heading{padding-block-end:var(--hui-space-3)}.sheet-items .section-intro{flex-basis:9rem}.sheet-items[data-kind=investment] .section-intro{flex-basis:14rem}.sheet-items[data-kind=investment] .section-description{max-inline-size:42rem}.sheet-month-note{gap:var(--hui-space-2);padding:var(--hui-space-3);background:var(--hui-color-surface);border:1px solid var(--hui-color-border);border-radius:var(--hui-radius-medium);display:grid}@media (min-width:600px){.sheet-basics{max-inline-size:32rem}}@media (max-width:359px){.sheet-basics{grid-template-columns:minmax(0,1fr)}}
.analytics-workspace{gap:var(--hui-space-4);display:grid;container-type:inline-size}.analytics-controls{align-items:end;gap:var(--hui-space-3);padding:var(--hui-space-3);background:var(--hui-color-surface-subtle);border-radius:var(--hui-radius-medium);flex-wrap:wrap;display:flex}.analytics-controls label,.analytics-month-control{gap:var(--hui-space-1);flex:10rem;min-inline-size:0;max-inline-size:18rem;display:grid}.analytics-month-control{flex-basis:16rem}.analytics-controls p{font-size:var(--hui-text-body-small-size);flex:18rem;margin:0}.analytics-help{font-size:var(--hui-text-body-small-size)}.analytics-average-count{color:var(--hui-color-text-secondary);margin:0}.analytics-average-count strong{color:var(--hui-color-text)}.analytics-chart-grid{gap:var(--hui-space-4);grid-template-columns:minmax(0,1fr);display:grid}.analytics-chart-card{gap:var(--hui-space-3);flex-direction:column;min-inline-size:0;display:flex}.analytics-chart-card .section-heading{min-block-size:6rem}.analytics-mode{justify-content:center;gap:var(--hui-space-2);flex-wrap:wrap;display:flex}.analytics-mode [aria-pressed=true]{color:var(--hui-color-selected-text);background:var(--hui-color-selected-surface);border-color:var(--hui-color-primary)}.trend-chart{gap:var(--hui-space-2);min-inline-size:0;margin-block-start:auto;display:grid}.chart-plot{border-radius:var(--hui-radius-small);block-size:18rem;inline-size:100%;min-inline-size:0;position:relative;overflow:clip}.chart-legend{justify-content:center;gap:var(--hui-space-3);flex-wrap:wrap;min-block-size:2rem;display:flex}.chart-legend span{align-items:center;gap:var(--hui-space-2);font-size:var(--hui-text-body-small-size);display:flex}.chart-legend i{border-block-start:3px solid var(--hui-color-chart-primary);inline-size:1.5rem}.chart-legend i[data-tone=positive]{border-color:var(--hui-color-chart-positive)}.chart-legend i[data-tone=negative]{border-color:var(--hui-color-chart-negative)}.chart-legend i[data-dashed=true]{border-block-start-style:dashed}.chart-readout{gap:var(--hui-space-2);text-align:center;padding:var(--hui-space-3);background:var(--hui-color-surface-subtle);border-radius:var(--hui-radius-small);display:grid}.chart-readout dl{justify-content:center;gap:var(--hui-space-3);flex-wrap:wrap;margin:0;display:flex}.chart-readout dl>div{gap:var(--hui-space-1);flex:8rem;display:grid}.chart-readout dt{color:var(--hui-color-text-secondary);font-size:var(--hui-text-body-small-size)}.chart-readout dd{justify-content:center;align-items:center;margin:0;display:flex}.chart-color-probe{visibility:hidden;position:absolute}.chart-color-surface{color:var(--hui-color-surface)}.chart-color-text{color:var(--hui-color-text-secondary)}.chart-color-grid{color:var(--hui-color-chart-grid)}.chart-color-reference{color:var(--hui-color-chart-reference)}.chart-color-label{color:var(--hui-color-chart-label-background)}.chart-color-label-text{color:var(--hui-color-chart-label-text)}.chart-color-positive{color:var(--hui-color-chart-positive)}.chart-color-negative{color:var(--hui-color-chart-negative)}.chart-color-primary{color:var(--hui-color-chart-primary)}.analytics-breakdown{gap:var(--hui-space-3);display:grid}.analytics-item-label{gap:var(--hui-space-1);display:grid}.analytics-item-label small{color:var(--hui-color-text-secondary)}.analytics-table-value{justify-items:center;gap:var(--hui-space-1);display:grid}.analytics-details{gap:var(--hui-space-3);display:grid}.analytics-details summary{cursor:pointer;min-block-size:var(--hui-hit-target-min);align-content:center;font-weight:600;display:list-item}.analytics-details[open] summary{margin-block-end:var(--hui-space-3)}.analytics-attribution{color:var(--hui-color-text-secondary);text-align:center}.category-chart{gap:var(--hui-space-2);min-inline-size:0;margin-block-start:auto;display:grid}.category-plot{block-size:17rem;inline-size:100%;min-inline-size:0}.category-unit{text-align:center}.category-chart .chart-readout{justify-items:center}.category-chart .chart-readout strong{overflow-wrap:anywhere}.analytics-source-list{gap:var(--hui-space-2);margin:0;display:grid}.analytics-source-list>div{gap:var(--hui-space-2);padding-block:var(--hui-space-2);border-block-end:1px solid var(--hui-color-border);display:grid}.analytics-source-list dt{gap:var(--hui-space-1);overflow-wrap:anywhere;display:grid}.analytics-source-list dt small{color:var(--hui-color-text-secondary)}.analytics-source-list dd{align-items:center;gap:var(--hui-space-2);flex-wrap:wrap;margin:0;display:flex}@container (min-width:780px){.analytics-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-cashflow{grid-column:1/-1}}@media (max-width:359px){.chart-plot{block-size:16rem}}
