/* /Layout/PageTimeframeHeader.razor.rz.scp.css */
.header-timeframe-toolbar[b-eaijdx1ba4] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.header-timeframe-toolbar-inner[b-eaijdx1ba4] {
    display: grid;
    width: 100%;
    min-width: 0;
}

.header-timeframe-controls[b-eaijdx1ba4] {
    display: grid;
    width: 100%;
    min-width: 0;
}

.header-timeframe-pill-group[b-eaijdx1ba4] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 0.45rem;
    width: 100%;
    min-width: 0;
    padding: 0.3rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.header-timeframe-pill[b-eaijdx1ba4] {
    width: auto;
    min-width: 0;
    border: none;
    border-radius: 999px;
    padding: 0.55rem 0.95rem;
    background: transparent;
    color: var(--muted-text);
    font-size: var(--font-size-support);
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.header-timeframe-pill:hover[b-eaijdx1ba4],
.header-timeframe-pill:focus-visible[b-eaijdx1ba4] {
    transform: translateY(-1px);
}

.header-timeframe-pill.active[b-eaijdx1ba4] {
    background: var(--accent-gradient);
    color: var(--hero-text);
}

.header-timeframe-custom-dates[b-eaijdx1ba4] {
    margin-top: 0.5rem;
    display: grid;
    gap: 0.55rem;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.header-timeframe-date[b-eaijdx1ba4] {
    min-width: 0;
    width: 100%;
}

@media (max-width: 767.98px) {
    .header-timeframe-toolbar-inner[b-eaijdx1ba4] {
        justify-items: center;
    }

    .header-timeframe-pill-group[b-eaijdx1ba4] {
        display: grid;
        grid-template-columns: repeat(var(--mobile-pill-columns, 2), minmax(0, 1fr));
        gap: 0.25rem;
        padding: 0.25rem;
        border-radius: 1rem;
    }

    .header-timeframe-pill[b-eaijdx1ba4] {
        width: 100%;
        min-width: 0;
        padding: 0.42rem 0.35rem;
        font-size: var(--font-size-caption-tight);
        letter-spacing: 0.01em;
        line-height: 1.15;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 768px) {
    .header-timeframe-toolbar-inner[b-eaijdx1ba4] {
        justify-items: end;
    }

    .header-timeframe-pill-group[b-eaijdx1ba4] {
/*        display: inline-flex;*/
        width: auto;
        gap: 0.45rem;
        padding: 0.3rem;
        border-radius: 999px;
    }

    .header-timeframe-pill[b-eaijdx1ba4] {
        width: auto;
        min-width: unset;
        padding: 0.55rem 0.95rem;
        font-size: var(--font-size-support);
        letter-spacing: 0.03em;
        line-height: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .header-timeframe-custom-dates[b-eaijdx1ba4] {
        width: auto;
        grid-template-columns: repeat(2, minmax(10.5rem, 1fr));
    }
}
/* /Pages/AccountsWasmPage.razor.rz.scp.css */
.accounts-layout[b-rbczkuxgr3] {
    display: grid;
    gap: 1.4rem;
}

.account-section[b-rbczkuxgr3] {
    position: relative;
    overflow: hidden;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border);
    border-radius: 1.5rem;
    padding: 1.45rem;
    box-shadow: var(--surface-shadow);
    backdrop-filter: blur(12px);
}

.account-section.page-heading-section[b-rbczkuxgr3] {
    padding: 1.35rem 1.15rem;
    border-radius: 1.5rem;
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.account-section.page-heading-section h2[b-rbczkuxgr3] {
    font-size: var(--font-size-title-xl);
    letter-spacing: -0.03em;
    margin: 0;
}

.account-section.list-section[b-rbczkuxgr3] {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
    container-type: inline-size;
    container-name: accounts-list;
}

.account-status-banner[b-rbczkuxgr3] {
    padding-block: 1rem;
    font-weight: 600;
}

.account-status-banner-error[b-rbczkuxgr3] {
    color: #7f1d1d;
    background: color-mix(in srgb, #fecaca 55%, var(--surface-panel) 45%);
    border-color: color-mix(in srgb, #f87171 50%, var(--surface-border) 50%);
}

.account-section[b-rbczkuxgr3]::before {
    content: none;
}

.account-section > *[b-rbczkuxgr3] {
    position: relative;
    z-index: 1;
}

.account-notes[b-rbczkuxgr3],
.empty-state[b-rbczkuxgr3],
.empty-group-state[b-rbczkuxgr3],
.field-hint[b-rbczkuxgr3],
.chart-meta-line[b-rbczkuxgr3],
.chart-center-label[b-rbczkuxgr3],
.chart-hover-readout.idle[b-rbczkuxgr3] {
    color: var(--muted-text);
}

.overview-section[b-rbczkuxgr3] {
    background: var(--surface-card-strong);
}

.overview-header-row[b-rbczkuxgr3],
.list-header-row[b-rbczkuxgr3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.overview-header-row > *[b-rbczkuxgr3],
.list-header-row > *[b-rbczkuxgr3],
.group-header-row > *[b-rbczkuxgr3],
.account-entry-main > *[b-rbczkuxgr3],
.mortgage-repayment-panel-head > *[b-rbczkuxgr3],
.mortgage-repayment-empty > *[b-rbczkuxgr3] {
    min-width: 0;
}

.overview-header-row[b-rbczkuxgr3] {
    margin-bottom: 1rem;
}

.overview-header-row h2[b-rbczkuxgr3],
.list-header-row h2[b-rbczkuxgr3] {
    margin: 0;
}

.overview-header-actions[b-rbczkuxgr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.summary-stack[b-rbczkuxgr3] {
    display: grid;
    gap: 1rem;
}

.summary-secondary-grid[b-rbczkuxgr3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.summary-card[b-rbczkuxgr3] {
    display: grid;
    gap: 0.45rem;
    padding: 1.15rem;
    border-radius: 1.15rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.summary-card strong[b-rbczkuxgr3] {
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.04em;
    color: var(--page-text);
}

.networth-card[b-rbczkuxgr3] {
    background: color-mix(in srgb, var(--accent-soft-bg) 65%, rgba(255,255,255,0.95));
    border-color: var(--accent-soft-strong-bg);
}

.summary-total-card[b-rbczkuxgr3] {
    min-height: 100%;
}

.summary-label[b-rbczkuxgr3] {
    font-size: var(--font-size-caption);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted-text);
    font-weight: 700;
}

.chart-empty-state[b-rbczkuxgr3] {
    margin: 0;
}

.chart-layout[b-rbczkuxgr3] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(210px, 260px);
    gap: 1rem;
    align-items: start;
}

.chart-layout.legend-collapsed[b-rbczkuxgr3] {
    grid-template-columns: minmax(300px, 1fr) minmax(170px, 190px);
}

.chart-visual-wrap[b-rbczkuxgr3] {
    display: grid;
    justify-items: center;
    gap: 0.9rem;
    padding: 1rem 1rem 0.8rem;
    border-radius: 1.25rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.chart-stack[b-rbczkuxgr3] {
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 22rem);
    aspect-ratio: 1;
}

.networth-chart[b-rbczkuxgr3] {
    width: 100%;
    height: auto;
    overflow: visible;
}

.networth-chart-track[b-rbczkuxgr3],
.networth-chart-slice[b-rbczkuxgr3] {
    fill: none;
    stroke-width: 44;
}

.networth-chart-track[b-rbczkuxgr3] {
    stroke: color-mix(in srgb, var(--surface-border-soft) 82%, transparent);
}

.networth-chart-slice[b-rbczkuxgr3] {
    transform: rotate(-90deg);
    transform-origin: 120px 120px;
    opacity: 0.84;
    transition: opacity 0.16s ease, filter 0.16s ease, stroke-width 0.16s ease;
    cursor: pointer;
}

.networth-chart-slice:hover[b-rbczkuxgr3] {
    opacity: 1;
    filter: brightness(1.06);
    stroke-width: 48;
}

.networth-donut-center[b-rbczkuxgr3] {
    position: absolute;
    inset: 30%;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.35rem;
    text-align: center;
    border-radius: 50%;
    background: var(--surface-card-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    pointer-events: none;
}

.networth-donut-center strong[b-rbczkuxgr3] {
    font-size: var(--font-size-title-md);
    line-height: 1.2;
    letter-spacing: -0.04em;
    color: var(--page-text);
}

.chart-center-label[b-rbczkuxgr3] {
    font-size: var(--font-size-caption-tight);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
}

.chart-hover-readout[b-rbczkuxgr3] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 2.8rem;
    padding: 0.65rem 0.9rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    color: var(--page-text);
    font-size: var(--font-size-body-sm);
    font-weight: 700;
    text-align: center;
}

.chart-hover-swatch[b-rbczkuxgr3],
.chart-swatch[b-rbczkuxgr3] {
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.chart-hover-swatch[b-rbczkuxgr3] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.3rem;
}

.chart-legend-wrap[b-rbczkuxgr3] {
    display: grid;
    gap: 0.55rem;
    align-content: start;
}

.chart-legend-header[b-rbczkuxgr3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.chart-legend-title[b-rbczkuxgr3] {
    color: var(--muted-text);
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.chart-legend-toggle[b-rbczkuxgr3] {
    width: 2rem;
    height: 2rem;
}

.chart-legend[b-rbczkuxgr3] {
    display: grid;
    gap: 0.55rem;
    align-content: start;
}

.chart-legend.collapsed[b-rbczkuxgr3] {
    gap: 0.45rem;
}

.chart-legend-item[b-rbczkuxgr3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.72rem 0.8rem;
    border-radius: 0.95rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.chart-legend-item.compact[b-rbczkuxgr3] {
    justify-content: flex-start;
    padding: 0.68rem 0.75rem;
}

.chart-legend-main[b-rbczkuxgr3] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.chart-swatch[b-rbczkuxgr3] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.28rem;
}

.chart-label-line[b-rbczkuxgr3] {
    color: var(--page-text);
    font-weight: 700;
    font-size: var(--font-size-body-sm);
}

.chart-meta-line[b-rbczkuxgr3] {
    font-size: var(--font-size-caption);
    margin-top: 0.14rem;
}

.chart-legend-values[b-rbczkuxgr3] {
    display: grid;
    gap: 0.1rem;
    justify-items: end;
    text-align: right;
}

.chart-legend-values strong[b-rbczkuxgr3] {
    color: var(--page-text);
    font-size: var(--font-size-body-sm);
}

.chart-legend-values span[b-rbczkuxgr3] {
    color: var(--muted-text);
    font-size: var(--font-size-caption);
    font-weight: 700;
}

.accounts-skeleton[b-rbczkuxgr3] {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface-border-soft) 72%, white 28%);
}

.accounts-skeleton[b-rbczkuxgr3]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: var(--surface-card-strong);
    animation: accounts-skeleton-shimmer-b-rbczkuxgr3 1.45s ease-in-out infinite;
}

.accounts-overview-skeleton[b-rbczkuxgr3],
.skeleton-board[b-rbczkuxgr3],
.skeleton-group-heading[b-rbczkuxgr3],
.skeleton-account-copy[b-rbczkuxgr3],
.skeleton-balance-block[b-rbczkuxgr3],
.skeleton-legend-copy[b-rbczkuxgr3] {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.accounts-overview-skeleton[b-rbczkuxgr3] {
    gap: 1rem;
}

.accounts-overview-skeleton[b-rbczkuxgr3],
.accounts-chart-skeleton[b-rbczkuxgr3],
.skeleton-chart-card[b-rbczkuxgr3],
.skeleton-donut-wrap[b-rbczkuxgr3],
.skeleton-board[b-rbczkuxgr3],
.skeleton-group-card[b-rbczkuxgr3],
.skeleton-account-entry[b-rbczkuxgr3],
.skeleton-hover-readout[b-rbczkuxgr3],
.skeleton-meta-row[b-rbczkuxgr3],
.skeleton-legend-item[b-rbczkuxgr3] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.skeleton-card[b-rbczkuxgr3] {
    gap: 0.6rem;
}

.skeleton-chip[b-rbczkuxgr3] {
    width: 5.4rem;
    height: 0.72rem;
}

.skeleton-value[b-rbczkuxgr3] {
    width: 9.4rem;
    height: 1.8rem;
    border-radius: 0.85rem;
}

.skeleton-value-emphasis[b-rbczkuxgr3] {
    width: 10.4rem;
}

.accounts-chart-skeleton[b-rbczkuxgr3] {
    align-items: stretch;
}

.skeleton-chart-card[b-rbczkuxgr3] {
    min-height: 22rem;
}

.skeleton-donut-wrap[b-rbczkuxgr3] {
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 22rem);
    aspect-ratio: 1;
}

.skeleton-donut[b-rbczkuxgr3] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: color-mix(in srgb, var(--surface-border-soft) 74%, white 26%);
}

.skeleton-donut[b-rbczkuxgr3]::after {
    border-radius: 50%;
}

.skeleton-donut-center[b-rbczkuxgr3] {
    position: absolute;
    inset: 31%;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.45rem;
    padding: 0.9rem;
    border-radius: 50%;
    background: var(--surface-card-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.skeleton-value-sm[b-rbczkuxgr3] {
    width: 7.2rem;
    height: 1.35rem;
}

.skeleton-hover-readout[b-rbczkuxgr3] {
    justify-content: flex-start;
}

.skeleton-hover-line[b-rbczkuxgr3] {
    width: 14rem;
    max-width: 100%;
    height: 0.85rem;
}

.skeleton-legend-title[b-rbczkuxgr3] {
    width: 4.5rem;
}

.skeleton-legend-item[b-rbczkuxgr3] {
    min-height: 4rem;
}

.skeleton-legend-copy[b-rbczkuxgr3] {
    gap: 0.38rem;
    min-width: 0;
    width: 100%;
}

.skeleton-line[b-rbczkuxgr3] {
    height: 0.82rem;
    border-radius: 0.42rem;
}

.skeleton-line-medium[b-rbczkuxgr3] {
    width: 8rem;
}

.skeleton-line-long[b-rbczkuxgr3] {
    width: 12rem;
    max-width: 100%;
}

.skeleton-line-short[b-rbczkuxgr3] {
    width: 5.5rem;
}

.skeleton-line-tiny[b-rbczkuxgr3] {
    width: 2.9rem;
}

.skeleton-swatch[b-rbczkuxgr3] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.28rem;
}

.skeleton-board[b-rbczkuxgr3] {
    width: 100%;
}

.skeleton-group-card[b-rbczkuxgr3] {
    gap: 0.9rem;
}

.skeleton-group-heading[b-rbczkuxgr3] {
    gap: 0.42rem;
    min-width: 0;
    width: 100%;
}

.skeleton-icon-square[b-rbczkuxgr3],
.skeleton-icon-circle[b-rbczkuxgr3] {
    width: 2.35rem;
    height: 2.35rem;
}

.skeleton-icon-square[b-rbczkuxgr3] {
    border-radius: 0.82rem;
}

.skeleton-icon-circle[b-rbczkuxgr3] {
    border-radius: 999px;
}

.skeleton-account-entry[b-rbczkuxgr3] {
    cursor: default;
}

.skeleton-account-copy[b-rbczkuxgr3] {
    gap: 0.58rem;
    min-width: 0;
    width: 100%;
}

.skeleton-meta-row[b-rbczkuxgr3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.skeleton-pill[b-rbczkuxgr3] {
    width: 4.8rem;
    height: 1.45rem;
}

.skeleton-pill-wide[b-rbczkuxgr3] {
    width: 7rem;
}

.skeleton-pill-soft[b-rbczkuxgr3] {
    width: 8.6rem;
}

.skeleton-balance-block[b-rbczkuxgr3] {
    gap: 0.4rem;
    justify-items: end;
}

.skeleton-balance-label[b-rbczkuxgr3] {
    width: 3.2rem;
    height: 0.62rem;
}

@keyframes accounts-skeleton-shimmer-b-rbczkuxgr3 {
    100% {
        transform: translateX(100%);
    }
}

.list-section[b-rbczkuxgr3] {
    padding-top: 1.2rem;
}

.list-header-row[b-rbczkuxgr3] {
    margin-bottom: 1rem;
}

.accounts-board-loading[b-rbczkuxgr3] {
    display: grid;
    align-items: start;
    min-height: 9rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 1.2rem;
    border-radius: 1.2rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    box-sizing: border-box;
}

.account-section-board[b-rbczkuxgr3] {
    width: 100%;
    display: grid;
    gap: 1rem;
}

.account-section-board.grid-view[b-rbczkuxgr3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
}

.account-section-board.list-view[b-rbczkuxgr3] {
    grid-template-columns: 1fr;
}

.account-grid-column[b-rbczkuxgr3] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    align-content: start;
}

.group-card[b-rbczkuxgr3] {
    display: grid;
    gap: 1rem;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.group-header-row[b-rbczkuxgr3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.group-heading-line[b-rbczkuxgr3] {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.group-heading-line h3[b-rbczkuxgr3] {
    margin: 0;
    font-size: var(--font-size-title-md);
    color: var(--page-text);
}

.empty-group-state[b-rbczkuxgr3] {
    margin: 0;
    line-height: 1.45;
}

.group-header-actions[b-rbczkuxgr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.section-add-button[b-rbczkuxgr3],
.section-icon-button[b-rbczkuxgr3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease, background-color 0.15s ease;
}

.section-add-button[b-rbczkuxgr3] {
    width: 2.7rem;
    height: 2.7rem;
    border: none;
    border-radius: 0.95rem;
    background: var(--accent-gradient);
    color: var(--hero-text);
    box-shadow: 0 16px 30px color-mix(in srgb, var(--accent-border) 35%, transparent);
}

.section-icon-button[b-rbczkuxgr3] {
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--page-text);
    box-shadow: none;
}

.section-add-button svg[b-rbczkuxgr3],
.section-icon-button svg[b-rbczkuxgr3],
.icon-button svg[b-rbczkuxgr3] {
    width: 1rem;
    height: 1rem;
}

.section-add-button:hover[b-rbczkuxgr3] {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px color-mix(in srgb, var(--accent-border) 40%, transparent);
}

.section-icon-button:hover[b-rbczkuxgr3],
.section-icon-button:focus-visible[b-rbczkuxgr3] {
    background: color-mix(in srgb, var(--surface-border-soft) 20%, transparent);
}

.section-icon-button:hover[b-rbczkuxgr3] {
    transform: translateY(-1px);
}

.section-account-list[b-rbczkuxgr3] {
    display: grid;
    gap: 0.8rem;
}

.account-entry[b-rbczkuxgr3] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    cursor: pointer;
    transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}

.account-entry:hover[b-rbczkuxgr3] {
    background: var(--surface-card-strong);
}

.account-entry.selected[b-rbczkuxgr3] {
    border-color: var(--accent-soft-strong-bg);
    background: color-mix(in srgb, var(--accent-soft-bg) 35%, var(--surface-card-strong));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--accent-border) 16%, transparent);
}

.account-entry-main[b-rbczkuxgr3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.account-entry-body[b-rbczkuxgr3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1 1 auto;
    min-width: 0;
}

.account-name-line[b-rbczkuxgr3] {
    font-weight: 700;
    color: var(--page-text);
    font-size: var(--font-size-body);
}

.account-meta-line[b-rbczkuxgr3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.55rem;
}

.type-pill[b-rbczkuxgr3],
.kind-badge[b-rbczkuxgr3],
.networth-indicator[b-rbczkuxgr3] {
    display: inline-flex;
    align-items: center;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.04em;
}

.type-pill[b-rbczkuxgr3] {
    background: rgba(29, 51, 72, 0.08);
    color: var(--page-text);
}

.kind-badge.asset[b-rbczkuxgr3],
.networth-indicator.included[b-rbczkuxgr3] {
    background: var(--accent-soft-bg);
    color: var(--accent-soft-text);
}

.kind-badge.liability[b-rbczkuxgr3] {
    background: var(--danger-soft-bg);
    color: var(--danger-soft-text);
}

.networth-indicator.excluded[b-rbczkuxgr3] {
    background: var(--neutral-soft-bg);
    color: var(--neutral-soft-text);
}

.networth-indicator.linked[b-rbczkuxgr3] {
    background: color-mix(in srgb, #d8f0e0 80%, white 20%);
    color: #17543a;
}

.networth-indicator.mortgage-repayment[b-rbczkuxgr3] {
    background: color-mix(in srgb, #dbe9fb 82%, white 18%);
    color: #1f4c82;
}

.networth-indicator.mortgage-payoff[b-rbczkuxgr3] {
    background: color-mix(in srgb, #f6ead1 82%, white 18%);
    color: #8c5a1f;
}

.account-balance-block[b-rbczkuxgr3] {
    text-align: right;
    min-width: 9rem;
}

.balance-label[b-rbczkuxgr3] {
    display: block;
    font-size: var(--font-size-caption-tight);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted-text);
    margin-bottom: 0.28rem;
    font-weight: 800;
}

.balance-cell.asset[b-rbczkuxgr3],
.balance-cell.liability[b-rbczkuxgr3] {
    font-weight: 800;
    font-size: var(--font-size-title-sm);
}

.balance-cell.asset[b-rbczkuxgr3] {
    color: var(--accent-soft-text);
}

.balance-cell.liability[b-rbczkuxgr3] {
    color: var(--danger-soft-text);
}

.account-notes[b-rbczkuxgr3] {
    margin: 0;
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
}

.mortgage-repayment-panel[b-rbczkuxgr3] {
    display: grid;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.mortgage-repayment-panel-head[b-rbczkuxgr3],
.mortgage-repayment-empty[b-rbczkuxgr3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.mortgage-repayment-stats[b-rbczkuxgr3] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mortgage-repayment-stat[b-rbczkuxgr3] {
    display: grid;
    gap: 0.24rem;
    padding: 0.75rem 0.8rem;
    border-radius: 0.95rem;
    background: var(--surface-card);
    border: 1px solid var(--surface-border-soft);
}

.mortgage-repayment-stat strong[b-rbczkuxgr3] {
    color: var(--page-text);
}

.account-secondary-button[b-rbczkuxgr3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.58rem 0.92rem;
    border-radius: 999px;
    border: 1px solid var(--surface-border-soft);
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
    font-size: var(--font-size-body-sm);
    font-weight: 800;
    white-space: normal;
    text-align: center;
}

.account-entry-actions[b-rbczkuxgr3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0.45rem;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    margin-left: auto;
}

.icon-button[b-rbczkuxgr3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    background: var(--surface-card-strong);
    color: var(--page-text);
    transition: transform 0.15s ease, background-color 0.15s ease;
}

.icon-button:hover[b-rbczkuxgr3] {
    background: var(--surface-card-strong);
}

.delete-button[b-rbczkuxgr3] {
    background: var(--danger-soft-bg);
    color: var(--danger-soft-text);
    border-color: rgba(181, 60, 51, 0.14);
}

.compact-toggle[b-rbczkuxgr3] {
    width: auto;
    min-width: 12rem;
    display: none;
}

.account-kind-toggle[b-rbczkuxgr3] {
    flex-direction: row;
}

.form-grid[b-rbczkuxgr3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-label[b-rbczkuxgr3] {
    display: inline-block;
    font-size: var(--font-size-support);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--muted-text);
    margin-bottom: 0.45rem;
}

.locked-input[b-rbczkuxgr3] {
    display: flex;
    align-items: center;
    min-height: 3rem;
    padding: 0.72rem 0.95rem;
    border-radius: 0.95rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    color: var(--page-text);
    font-weight: 700;
}

.property-mortgage-block[b-rbczkuxgr3] {
    display: grid;
    gap: 0.9rem;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--surface-panel) 88%, white 12%);
    border: 1px solid var(--surface-border-soft);
}

.mortgage-grid[b-rbczkuxgr3] {
    margin-top: 0.1rem;
}

.mortgage-repayment-toggle[b-rbczkuxgr3] {
    width: 100%;
}

.mortgage-term-grid[b-rbczkuxgr3] {
    display: grid;
}

.inline-input-pair[b-rbczkuxgr3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
}

.inline-input-label[b-rbczkuxgr3] {
    color: var(--muted-text);
    font-size: var(--font-size-body-sm);
    font-weight: 700;
}

.field-hint[b-rbczkuxgr3] {
    margin-top: 0.4rem;
    font-size: var(--font-size-body-sm);
    color: var(--muted-text);
    line-height: 1.4;
}

.span-2[b-rbczkuxgr3] {
    grid-column: span 2;
}

.include-toggle[b-rbczkuxgr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 1rem;
    color: var(--page-text);
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.empty-state[b-rbczkuxgr3] {
    padding: 1rem 0.2rem 0.1rem;
}

.summary-grid[b-rbczkuxgr3],
.mortgage-repayment-stats[b-rbczkuxgr3] {
    grid-template-columns: 1fr;
}

.account-section-board.grid-view[b-rbczkuxgr3],
.chart-layout[b-rbczkuxgr3],
.chart-layout.legend-collapsed[b-rbczkuxgr3],
.form-grid[b-rbczkuxgr3] {
    grid-template-columns: 1fr;
}

.list-section .list-header-row[b-rbczkuxgr3] {
    margin-bottom: 1rem;
}

.accounts-layout[b-rbczkuxgr3] {
    gap: 1rem;
}

.account-section[b-rbczkuxgr3] {
    padding: 1.1rem;
    border-radius: 1.25rem;
}

.account-section.page-heading-section[b-rbczkuxgr3] {
    padding: 1.35rem 1.15rem;
    border-radius: 1.5rem;
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.account-section.list-section[b-rbczkuxgr3] {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
}

.overview-header-row[b-rbczkuxgr3],
.list-header-row[b-rbczkuxgr3],
.group-header-row[b-rbczkuxgr3],
.account-entry-main[b-rbczkuxgr3],
.account-entry-body[b-rbczkuxgr3],
.mortgage-repayment-panel-head[b-rbczkuxgr3],
.mortgage-repayment-empty[b-rbczkuxgr3],
.chart-legend-item[b-rbczkuxgr3],
.chart-hover-readout[b-rbczkuxgr3] {
    flex-direction: column;
}

.overview-header-actions[b-rbczkuxgr3],
.compact-toggle[b-rbczkuxgr3] {
    width: 100%;
}

.overview-header-row[b-rbczkuxgr3] {
    flex-direction: row;
    align-items: flex-start;
}

.overview-header-actions[b-rbczkuxgr3] {
    width: auto;
    margin-left: auto;
    flex: 0 0 auto;
    align-self: flex-start;
    flex-wrap: nowrap;
}

.group-header-actions[b-rbczkuxgr3] {
    width: 100%;
}

.account-entry-actions[b-rbczkuxgr3] {
    width: auto;
}

.account-balance-block[b-rbczkuxgr3],
.chart-legend-values[b-rbczkuxgr3] {
    min-width: 0;
    text-align: left;
    justify-items: start;
}

.skeleton-balance-block[b-rbczkuxgr3] {
    justify-items: start;
}

.account-view-toggle[b-rbczkuxgr3],
.mortgage-repayment-toggle[b-rbczkuxgr3] {
    flex-direction: column;
}

.account-kind-toggle[b-rbczkuxgr3] {
    flex-direction: row;
}

.compact-toggle[b-rbczkuxgr3] {
    min-width: 0;
}

.group-header-row[b-rbczkuxgr3] {
    flex-direction: row;
    align-items: flex-start;
}

.group-header-actions[b-rbczkuxgr3] {
    width: auto;
    margin-left: auto;
    flex-wrap: nowrap;
    align-self: flex-start;
}

.compact-toggle[b-rbczkuxgr3] {
    width: 100%;
}

.inline-input-pair[b-rbczkuxgr3] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.include-toggle[b-rbczkuxgr3] {
    align-items: stretch;
}

.include-toggle[b-rbczkuxgr3] {
    flex-wrap: wrap;
}

.span-2[b-rbczkuxgr3] {
    grid-column: auto;
}

@container accounts-list (max-width: 704px) {
    .account-view-toggle[b-rbczkuxgr3] {
        display: none;
    }

    .account-section-board.grid-view[b-rbczkuxgr3] {
        grid-template-columns: 1fr;
    }

    .account-section-board.grid-view .account-grid-column[b-rbczkuxgr3] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .accounts-layout[b-rbczkuxgr3] {
        gap: 1.4rem;
    }

    .account-section-board.grid-view[b-rbczkuxgr3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-section[b-rbczkuxgr3] {
        padding: 1.45rem;
        border-radius: 1.5rem;
    }

    .chart-layout[b-rbczkuxgr3] {
        grid-template-columns: minmax(300px, 1fr) minmax(210px, 260px);
    }

    .chart-layout.legend-collapsed[b-rbczkuxgr3] {
        grid-template-columns: minmax(300px, 1fr) minmax(170px, 190px);
    }

    .form-grid[b-rbczkuxgr3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .summary-secondary-grid[b-rbczkuxgr3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mortgage-repayment-stats[b-rbczkuxgr3] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .overview-header-row[b-rbczkuxgr3],
    .list-header-row[b-rbczkuxgr3],
    .group-header-row[b-rbczkuxgr3],
    .account-entry-main[b-rbczkuxgr3],
.mortgage-repayment-panel-head[b-rbczkuxgr3],
.mortgage-repayment-empty[b-rbczkuxgr3],
    .chart-legend-item[b-rbczkuxgr3],
    .chart-hover-readout[b-rbczkuxgr3] {
        flex-direction: row;
    }

    .overview-header-actions[b-rbczkuxgr3] {
        width: auto;
    }

    .compact-toggle[b-rbczkuxgr3] {
        display: inline-flex;
        width: auto;
        min-width: 12rem;
    }

    .account-balance-block[b-rbczkuxgr3] {
        min-width: 9rem;
        text-align: right;
    }

    .account-view-toggle[b-rbczkuxgr3],
    .account-kind-toggle[b-rbczkuxgr3],
    .mortgage-repayment-toggle[b-rbczkuxgr3] {
        flex-direction: row;
    }

    .inline-input-pair[b-rbczkuxgr3] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
    }

    .chart-legend-values[b-rbczkuxgr3] {
        text-align: right;
        justify-items: end;
    }

    .skeleton-balance-block[b-rbczkuxgr3] {
        justify-items: end;
    }

    .span-2[b-rbczkuxgr3] {
        grid-column: span 2;
    }
}
/* /Pages/BudgetWasmPage.razor.rz.scp.css */
.budget-page-shell[b-vvww7ge95s] {
    display: grid;
}

.budget-inline-top-bar[b-vvww7ge95s] {
    position: sticky;
    /*    top: var(--mobile-nav-height, 56px);*/
    top: 76px;
    z-index: 18;
    display: flex;
    justify-content: center;
    background: var(--sidebar-header-background);
    padding: 0.5rem;
    margin: -0.5rem;
    border-bottom: 1px solid rgba(203, 186, 166, 0.28);
    backdrop-filter: blur(14px);
    box-shadow: 0 12px 24px rgba(80, 74, 63, 0.08);
}

.budget-inline-top-bar[b-vvww7ge95s]  .header-timeframe-toolbar {
    width: min(100%, 34rem);
}

.budget-layout[b-vvww7ge95s] {
    display: grid;
    gap: 1.4rem;
}

.budget-section[b-vvww7ge95s] {
    position: relative;
    overflow: hidden;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border);
    border-radius: 1.5rem;
    padding: 1.45rem;
    box-shadow: var(--surface-shadow);
    backdrop-filter: blur(12px);
}

.budget-section[b-vvww7ge95s]::before {
    content: none;
}

.budget-section.page-heading-section[b-vvww7ge95s] {
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.budget-section.page-heading-section h2[b-vvww7ge95s] {
    font-size: var(--font-size-title-xl);
    letter-spacing: -0.03em;
    margin: 0;
}

.budget-section > *[b-vvww7ge95s] {
    position: relative;
    z-index: 1;
}

.section-subtitle[b-vvww7ge95s],
.empty-state[b-vvww7ge95s],
.summary-range[b-vvww7ge95s],
.variance-caption[b-vvww7ge95s],
.assignment-empty[b-vvww7ge95s],
.preset-copy span[b-vvww7ge95s],
.status-banner[b-vvww7ge95s],
.form-error[b-vvww7ge95s],
.field-hint[b-vvww7ge95s],
.preset-banner span[b-vvww7ge95s],
.budget-circle-center span[b-vvww7ge95s],
.budget-legend-label[b-vvww7ge95s],
.cashflow-bar-label span[b-vvww7ge95s] {
    color: var(--muted-text);
}

.section-header-row[b-vvww7ge95s],
.summary-header[b-vvww7ge95s],
.panel-header-row[b-vvww7ge95s],
.bucket-card-head[b-vvww7ge95s],
.bucket-header-row[b-vvww7ge95s],
.budget-graph-head[b-vvww7ge95s],
.cashflow-series-header[b-vvww7ge95s] {
    display: flex;
    gap: 1rem;
}

.section-header-row[b-vvww7ge95s],
.summary-header[b-vvww7ge95s],
.panel-header-row[b-vvww7ge95s],
.bucket-header-row[b-vvww7ge95s],
.budget-graph-head[b-vvww7ge95s],
.cashflow-series-header[b-vvww7ge95s] {
    align-items: flex-start;
    justify-content: space-between;
}

.section-header-row[b-vvww7ge95s],
.summary-header[b-vvww7ge95s] {
    margin-bottom: 1rem;
}

.section-header-row h2[b-vvww7ge95s],
.summary-header h2[b-vvww7ge95s],
.panel-header-row h3[b-vvww7ge95s],
.bucket-card h3[b-vvww7ge95s],
.gap-panel h3[b-vvww7ge95s],
.budget-graph-card h3[b-vvww7ge95s],
.cashflow-series-card strong[b-vvww7ge95s] {
    margin: 0 0 0.25rem;
}

.summary-pill-group[b-vvww7ge95s] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.3rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.summary-pill[b-vvww7ge95s],
.hero-action-button[b-vvww7ge95s],
.secondary-action-button[b-vvww7ge95s],
.bucket-action-button[b-vvww7ge95s],
.suggestion-pill[b-vvww7ge95s],
.preset-card[b-vvww7ge95s] {
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.summary-pill[b-vvww7ge95s] {
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--muted-text);
    padding: 0.55rem 0.95rem;
    font-size: var(--font-size-support);
    font-weight: 800;
    letter-spacing: 0.03em;
}

.summary-pill.active[b-vvww7ge95s],
.hero-action-button[b-vvww7ge95s] {
    background: var(--accent-gradient);
    color: var(--hero-text);
}

.summary-pill:hover[b-vvww7ge95s],
.hero-action-button:hover[b-vvww7ge95s],
.secondary-action-button:hover[b-vvww7ge95s],
.bucket-action-button:hover[b-vvww7ge95s],
.suggestion-pill:hover[b-vvww7ge95s],
.preset-card:hover[b-vvww7ge95s] {
    transform: translateY(-1px);
}

.hero-action-button[b-vvww7ge95s],
.secondary-action-button[b-vvww7ge95s],
.bucket-action-button[b-vvww7ge95s],
.suggestion-pill[b-vvww7ge95s] {
    border-radius: 999px;
    border: 1px solid var(--surface-border-soft);
    font-weight: 800;
}

.hero-action-button[b-vvww7ge95s],
.secondary-action-button[b-vvww7ge95s],
.bucket-action-button[b-vvww7ge95s] {
    padding: 0.72rem 1.05rem;
}

.secondary-action-button[b-vvww7ge95s],
.bucket-action-button[b-vvww7ge95s] {
    background: var(--surface-card-strong);
    color: var(--page-text);
}

.secondary-action-button.compact[b-vvww7ge95s] {
    padding: 0.65rem 0.95rem;
}

.bucket-action-button.delete[b-vvww7ge95s] {
    background: color-mix(in srgb, var(--danger-soft-bg) 82%, white 18%);
    color: var(--danger-soft-text);
}

.status-banner[b-vvww7ge95s],
.form-error[b-vvww7ge95s] {
    margin: 1rem 0 0;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.form-error[b-vvww7ge95s] {
    color: var(--danger-soft-text);
    background: color-mix(in srgb, var(--danger-soft-bg) 82%, white 18%);
}

.overview-dashboard-grid[b-vvww7ge95s],
.bucket-graph-grid[b-vvww7ge95s],
.preset-grid[b-vvww7ge95s],
.bucket-grid[b-vvww7ge95s],
.gap-grid[b-vvww7ge95s],
.assignment-editor-grid[b-vvww7ge95s] {
    display: grid;
    gap: 1rem;
}

.overview-dashboard-grid[b-vvww7ge95s] {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.95fr);
    margin-bottom: 1rem;
}

.overview-dashboard-grid.single-panel[b-vvww7ge95s] {
    grid-template-columns: 1fr;
}

.overview-panel[b-vvww7ge95s],
.cashflow-series-card[b-vvww7ge95s],
.summary-card[b-vvww7ge95s],
.budget-graph-card[b-vvww7ge95s],
.bucket-card[b-vvww7ge95s],
.gap-panel[b-vvww7ge95s],
.assignment-editor-panel[b-vvww7ge95s],
.preset-card[b-vvww7ge95s],
.preset-banner[b-vvww7ge95s] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 1.15rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.budget-graph-card[b-vvww7ge95s],
.bucket-card[b-vvww7ge95s] {
    --bucket-accent: #6e8ecf;
    --bucket-accent-soft: #e1e9fb;
    --bucket-accent-strong: #47619e;
    background: var(--surface-card-strong);
    border-color: var(--surface-border-soft);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 12px 30px -22px color-mix(in srgb, var(--bucket-accent) 40%, transparent);
}

.overview-panel[b-vvww7ge95s],
.cashflow-series-card[b-vvww7ge95s],
.summary-card[b-vvww7ge95s],
.budget-graph-card[b-vvww7ge95s],
.bucket-card[b-vvww7ge95s],
.gap-panel[b-vvww7ge95s],
.assignment-editor-panel[b-vvww7ge95s],
.preset-banner[b-vvww7ge95s] {
    padding: 1.15rem;
}

.cashflow-panel[b-vvww7ge95s],
.income-panel[b-vvww7ge95s],
.bucket-card[b-vvww7ge95s],
.budget-graph-card[b-vvww7ge95s],
.gap-panel[b-vvww7ge95s],
.assignment-editor-panel[b-vvww7ge95s] {
    display: grid;
    gap: 1rem;
}

.cashflow-series-list[b-vvww7ge95s],
.cashflow-bars[b-vvww7ge95s],
.income-highlight-row[b-vvww7ge95s],
.budget-legend[b-vvww7ge95s],
.assignment-stack[b-vvww7ge95s] {
    display: grid;
    gap: 0.85rem;
}

.cashflow-series-card[b-vvww7ge95s] {
    display: grid;
    gap: 0.8rem;
}

.net-pill[b-vvww7ge95s],
.bucket-badge[b-vvww7ge95s],
.type-pill[b-vvww7ge95s],
.variance-chip[b-vvww7ge95s] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.04em;
}

.net-pill[b-vvww7ge95s],
.bucket-badge[b-vvww7ge95s],
.type-pill[b-vvww7ge95s],
.variance-chip[b-vvww7ge95s] {
    padding: 0.34rem 0.72rem;
}

.net-pill.credit[b-vvww7ge95s],
.type-pill.credit[b-vvww7ge95s],
.variance-chip.positive[b-vvww7ge95s] {
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
}

.net-pill.debit[b-vvww7ge95s],
.type-pill.debit[b-vvww7ge95s],
.variance-chip.negative[b-vvww7ge95s] {
    background: color-mix(in srgb, var(--danger-soft-bg) 82%, white 18%);
    color: var(--danger-soft-text);
}

.type-pill.neutral[b-vvww7ge95s] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 88%, white 12%);
    color: var(--neutral-soft-text);
}

.cashflow-bar-block[b-vvww7ge95s] {
    display: grid;
    gap: 0.45rem;
}

.cashflow-bar-label[b-vvww7ge95s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.cashflow-bar-label strong[b-vvww7ge95s],
.budget-legend-row strong[b-vvww7ge95s],
.summary-card strong[b-vvww7ge95s],
.bucket-metric strong[b-vvww7ge95s] {
    color: var(--page-text);
}

.cashflow-track[b-vvww7ge95s] {
    height: 0.8rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    overflow: hidden;
}

.cashflow-bar[b-vvww7ge95s] {
    display: block;
    height: 100%;
    border-radius: 999px;
}

.cashflow-bar.credit[b-vvww7ge95s] {
    background: var(--surface-card-strong);
}

.cashflow-bar.debit[b-vvww7ge95s] {
    background: var(--surface-card-strong);
}

.cashflow-bar.neutral[b-vvww7ge95s] {
    background: var(--surface-card-strong);
}

.cashflow-bar.accent[b-vvww7ge95s] {
    background: var(--surface-card-strong);
}

.summary-card[b-vvww7ge95s] {
    display: grid;
    gap: 0.45rem;
}

.summary-card strong[b-vvww7ge95s],
.bucket-metric strong[b-vvww7ge95s] {
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.04em;
}

.income-summary-card[b-vvww7ge95s] {
    background: color-mix(in srgb, var(--accent-soft-bg) 58%, rgba(255, 255, 255, 0.96));
}

.bucket-graph-grid[b-vvww7ge95s] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.budget-graph-body[b-vvww7ge95s] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.income-overview-card[b-vvww7ge95s] {
    justify-items: center;
    text-align: center;
}

.income-card-head[b-vvww7ge95s] {
    width: 100%;
    align-items: flex-start;
}

.income-card-actions[b-vvww7ge95s] {
    flex-wrap: nowrap;
    margin-left: auto;
}

.income-card-heading[b-vvww7ge95s] {
    display: grid;
    gap: 0.35rem;
    justify-items: center;
    margin-inline: auto;
}

.income-card-title-row[b-vvww7ge95s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    flex-wrap: nowrap;
    margin-inline: auto;
}

.income-card-title-row h3[b-vvww7ge95s] {
    margin: 0;
}

.income-overview-body[b-vvww7ge95s] {
    justify-items: center;
}

.income-overview-body .budget-circle-wrap[b-vvww7ge95s],
.income-overview-body .budget-segmented-chart-stack[b-vvww7ge95s],
.income-overview-body .budget-segmented-chart[b-vvww7ge95s] {
    margin-inline: auto;
}

.bucket-title-line.compact[b-vvww7ge95s],
.bucket-heading[b-vvww7ge95s],
.bucket-title-line[b-vvww7ge95s],
.bucket-meta-line[b-vvww7ge95s],
.bucket-actions[b-vvww7ge95s],
.bucket-variance-row[b-vvww7ge95s],
.suggestion-list[b-vvww7ge95s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.bucket-heading[b-vvww7ge95s],
.bucket-title-line.compact[b-vvww7ge95s] {
    align-items: flex-start;
    gap: 0.85rem;
}

.preset-grid[b-vvww7ge95s] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-bottom: 1rem;
}

.preset-card[b-vvww7ge95s] {
    align-items: flex-start;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    padding: 1rem;
    text-align: left;
}

.preset-copy[b-vvww7ge95s] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.preset-copy strong[b-vvww7ge95s],
.bucket-card h3[b-vvww7ge95s],
.budget-graph-card h3[b-vvww7ge95s] {
    color: var(--page-text);
}

.preset-icon-shell[b-vvww7ge95s],
.bucket-icon-shell[b-vvww7ge95s] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--bucket-accent-soft) 78%, white 22%);
    color: var(--bucket-accent-strong);
    flex-shrink: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.preset-glyph[b-vvww7ge95s],
.bucket-glyph[b-vvww7ge95s] {
    width: 1.2rem;
    height: 1.2rem;
}

.budget-circle-wrap[b-vvww7ge95s] {
    display: grid;
    place-items: center;
}

.budget-circle[b-vvww7ge95s] {
    --budget-circle-percent: 0%;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--surface-card-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.budget-circle-center[b-vvww7ge95s] {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    background: var(--surface-overlay);
    display: grid;
    place-items: center;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.budget-circle-center strong[b-vvww7ge95s] {
    font-size: var(--font-size-title-sm);
    letter-spacing: -0.04em;
    color: var(--page-text);
}

.budget-circle-center span[b-vvww7ge95s] {
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.chart-only-body[b-vvww7ge95s],
.income-overview-body[b-vvww7ge95s] {
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
}

.chart-only-body .budget-circle-wrap[b-vvww7ge95s],
.chart-only-body .budget-segmented-chart-stack[b-vvww7ge95s],
.chart-only-body .budget-segmented-chart[b-vvww7ge95s],
.income-overview-body .budget-circle-wrap[b-vvww7ge95s],
.income-overview-body .budget-segmented-chart-stack[b-vvww7ge95s],
.income-overview-body .budget-segmented-chart[b-vvww7ge95s] {
    margin-inline: auto;
    justify-self: center;
}

.budget-segmented-chart-stack[b-vvww7ge95s] {
    display: grid;
    gap: 0;
    justify-items: center;
}

.budget-segmented-chart[b-vvww7ge95s] {
    position: relative;
    width: 9rem;
    height: 9rem;
    display: grid;
    place-items: center;
}

.budget-segmented-chart-svg[b-vvww7ge95s] {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.budget-segmented-track[b-vvww7ge95s],
.budget-segmented-slice[b-vvww7ge95s] {
    fill: none;
    stroke-width: 44;
}

.budget-segmented-track[b-vvww7ge95s] {
    stroke: color-mix(in srgb, var(--surface-border-soft) 82%, white 18%);
}

.budget-segmented-slice[b-vvww7ge95s] {
    transform: rotate(-90deg);
    transform-origin: 120px 120px;
    opacity: 0.92;
    cursor: pointer;
    transition: opacity 0.16s ease, filter 0.16s ease, stroke-width 0.16s ease;
}

.budget-segmented-slice:hover[b-vvww7ge95s],
.budget-segmented-slice.active[b-vvww7ge95s] {
    opacity: 1;
    filter: brightness(1.06);
    stroke-width: 52;
}

.budget-segmented-slice.remainder[b-vvww7ge95s] {
    opacity: 0.72;
}

.budget-segmented-slice.dimmed[b-vvww7ge95s] {
    opacity: 0.34;
}

.budget-segmented-chart > .budget-circle-center[b-vvww7ge95s],
.income-budget-center[b-vvww7ge95s] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.8rem;
    height: 5.8rem;
    background: color-mix(in srgb, var(--surface-overlay) 88%, white 12%);
    pointer-events: none;
}

.budget-segmented-chart > .budget-circle-center strong[b-vvww7ge95s],
.income-budget-center strong[b-vvww7ge95s] {
    font-size: var(--font-size-title-sm);
}

.budget-graph-empty[b-vvww7ge95s] {
    grid-column: 1 / -1;
    display: grid;
    align-content: center;
    min-height: 11rem;
}

.budget-legend-row[b-vvww7ge95s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid var(--surface-border-soft);
}

.budget-legend-row:last-child[b-vvww7ge95s] {
    padding-bottom: 0;
    border-bottom: none;
}

.budget-legend-row.positive strong[b-vvww7ge95s] {
    color: var(--credit-color);
}

.budget-legend-row.negative strong[b-vvww7ge95s] {
    color: var(--debit-color);
}

.budget-graph-card .budget-legend-row strong[b-vvww7ge95s] {
    color: var(--bucket-accent-strong);
}

.income-overview-card .income-budget-legend .budget-legend-row:not(.positive):not(.negative) strong[b-vvww7ge95s] {
    color: var(--page-text);
}

.budget-graph-card.clickable[b-vvww7ge95s] {
    cursor: pointer;
}

.budget-graph-card.clickable:hover[b-vvww7ge95s] {
    transform: translateY(-2px);
}

.budget-graph-card.clickable:focus-visible[b-vvww7ge95s] {
    outline: 3px solid color-mix(in srgb, var(--bucket-accent) 38%, white 62%);
    outline-offset: 3px;
}

.manage-hint[b-vvww7ge95s] {
    margin: 0;
}

.budget-graph-meta[b-vvww7ge95s] {
    display: flex;
    justify-content: flex-end;
}

.bucket-overview-head[b-vvww7ge95s] {
    align-items: center;
}

.bucket-overview-heading[b-vvww7ge95s] {
    display: grid;
    gap: 0.35rem;
    width: 100%;
}

.bucket-overview-title-row[b-vvww7ge95s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.bucket-overview-title-row h3[b-vvww7ge95s] {
    margin: 0;
    flex: 1;
    min-width: 0;
}

.bucket-overview-heading .section-subtitle[b-vvww7ge95s] {
    margin: 0;
}

.bucket-overview-head .budget-graph-meta[b-vvww7ge95s] {
    margin-left: auto;
}

.bucket-chart-center[b-vvww7ge95s] {
    align-content: center;
}

.budget-graph-actions[b-vvww7ge95s] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.bucket-action-button.icon-only[b-vvww7ge95s] {
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    justify-content: center;
}

.bucket-action-glyph[b-vvww7ge95s] {
    width: 1rem;
    height: 1rem;
}

.bucket-grid[b-vvww7ge95s] {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.bucket-card[b-vvww7ge95s] {
    display: grid;
    gap: 1rem;
}

.bucket-metrics-grid[b-vvww7ge95s] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bucket-metric[b-vvww7ge95s] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.bucket-metric.variance[b-vvww7ge95s] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 72%, white 28%);
}

.summary-label[b-vvww7ge95s] {
    display: block;
    font-size: var(--font-size-caption);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--muted-text);
}

.amount-value[b-vvww7ge95s] {
    font-weight: 800;
}

.amount-value.credit[b-vvww7ge95s],
.amount-value.positive[b-vvww7ge95s] {
    color: var(--credit-color);
}

.amount-value.debit[b-vvww7ge95s],
.amount-value.negative[b-vvww7ge95s] {
    color: var(--debit-color);
}

.selected-category-chip.soft[b-vvww7ge95s] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 88%, white 12%);
    color: var(--neutral-soft-text);
    border-color: color-mix(in srgb, var(--neutral-soft-text) 18%, transparent);
}

.category-glyph[b-vvww7ge95s] {
    width: 0.95rem;
    height: 0.95rem;
}

.gap-grid[b-vvww7ge95s],
.assignment-editor-grid[b-vvww7ge95s] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assignment-group[b-vvww7ge95s],
.gap-panel[b-vvww7ge95s],
.assignment-editor-panel[b-vvww7ge95s] {
    display: grid;
    gap: 0.55rem;
}

.suggestion-pill[b-vvww7ge95s] {
    padding: 0.5rem 0.8rem;
    background: var(--surface-card-strong);
    color: var(--page-text);
}

.suggestion-pill.create[b-vvww7ge95s] {
    background: color-mix(in srgb, var(--accent-soft-bg) 78%, white 22%);
    color: var(--accent-soft-text);
}

.timeframe-block[b-vvww7ge95s],
.type-block[b-vvww7ge95s],
.preset-banner[b-vvww7ge95s] {
    margin-top: 1rem;
}

.bucket-type-block[b-vvww7ge95s] {
    margin-top: 0;
}

.timeframe-pill-group[b-vvww7ge95s] {
    width: 100%;
}

.locked-timeframe-chip[b-vvww7ge95s] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.42rem 0.78rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--neutral-soft-bg) 88%, white 12%);
    color: var(--neutral-soft-text);
    font-weight: 800;
}

.budget-detail-summary-grid[b-vvww7ge95s] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.budget-detail-summary-card[b-vvww7ge95s],
.budget-detail-item[b-vvww7ge95s] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 1.15rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

.budget-detail-summary-card[b-vvww7ge95s] {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    background: color-mix(in srgb, var(--bucket-accent-soft) 34%, rgba(255, 255, 255, 0.94));
}

.budget-detail-summary-card strong[b-vvww7ge95s] {
    font-size: var(--font-size-title-sm);
    letter-spacing: -0.04em;
    color: var(--bucket-accent-strong);
}

.budget-detail-summary-card.negative strong[b-vvww7ge95s] {
    color: var(--debit-color);
}

.budget-detail-summary-card.positive strong[b-vvww7ge95s] {
    color: var(--credit-color);
}

.budget-detail-section[b-vvww7ge95s] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.15rem;
}

.budget-detail-list[b-vvww7ge95s] {
    display: grid;
    gap: 0.85rem;
}

.budget-detail-item[b-vvww7ge95s] {
    padding: 1rem;
}

.budget-detail-main[b-vvww7ge95s] {
    display: grid;
    gap: 0.75rem;
}

.budget-detail-title-row[b-vvww7ge95s],
.budget-detail-meta[b-vvww7ge95s] {
    display: flex;
    gap: 0.75rem;
}

.budget-detail-title-row[b-vvww7ge95s] {
    align-items: flex-start;
    justify-content: space-between;
}

.budget-detail-meta[b-vvww7ge95s] {
    align-items: center;
    flex-wrap: wrap;
    color: var(--muted-text);
    margin-top: 0.35rem;
}

.budget-detail-notes[b-vvww7ge95s] {
    margin: 0;
    color: var(--page-text);
    line-height: 1.5;
}

.form-grid[b-vvww7ge95s] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.budget-layout[b-vvww7ge95s] {
    gap: 1rem;
}

.overview-dashboard-grid[b-vvww7ge95s],
.bucket-graph-grid[b-vvww7ge95s],
.preset-grid[b-vvww7ge95s],
.bucket-grid[b-vvww7ge95s],
.gap-grid[b-vvww7ge95s],
.assignment-editor-grid[b-vvww7ge95s],
.form-grid[b-vvww7ge95s],
.budget-graph-body[b-vvww7ge95s] {
    grid-template-columns: 1fr;
}

.bucket-metrics-grid[b-vvww7ge95s],
.budget-detail-summary-grid[b-vvww7ge95s] {
    grid-template-columns: 1fr;
}

.section-header-row[b-vvww7ge95s],
.summary-header[b-vvww7ge95s],
.panel-header-row[b-vvww7ge95s],
.bucket-card-head[b-vvww7ge95s],
.bucket-heading[b-vvww7ge95s],
.bucket-header-row[b-vvww7ge95s],
.budget-graph-head[b-vvww7ge95s],
.cashflow-series-header[b-vvww7ge95s],
.bucket-title-line.compact[b-vvww7ge95s],
.budget-graph-actions[b-vvww7ge95s],
.budget-detail-title-row[b-vvww7ge95s] {
    flex-direction: column;
    align-items: stretch;
}

.summary-pill-group[b-vvww7ge95s],
.timeframe-pill-group[b-vvww7ge95s] {
    width: 100%;
}

.summary-pill[b-vvww7ge95s],
.hero-action-button[b-vvww7ge95s],
.secondary-action-button[b-vvww7ge95s],
.bucket-action-button[b-vvww7ge95s],
.suggestion-pill[b-vvww7ge95s],
.suggestion-pill[b-vvww7ge95s] {
    width: 100%;
    justify-content: center;
}

.budget-graph-meta[b-vvww7ge95s],
.budget-graph-actions[b-vvww7ge95s] {
    justify-content: stretch;
}

.bucket-overview-head[b-vvww7ge95s],
.bucket-overview-title-row[b-vvww7ge95s],
.bucket-overview-head .budget-graph-actions[b-vvww7ge95s] {
    flex-direction: column;
    align-items: stretch;
}

.bucket-overview-head .budget-graph-meta[b-vvww7ge95s],
.bucket-overview-head .budget-graph-actions[b-vvww7ge95s] {
    margin-left: 0;
    justify-content: stretch;
}

.bucket-overview-title-row[b-vvww7ge95s] {
    flex-direction: row;
    align-items: flex-start;
}

.bucket-overview-head .budget-graph-meta[b-vvww7ge95s] {
    width: auto;
    margin-left: auto;
    flex: 0 0 auto;
}

.bucket-overview-head .budget-graph-actions[b-vvww7ge95s] {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: auto;
}

.bucket-overview-head .bucket-action-button.icon-only[b-vvww7ge95s] {
    width: 2.35rem;
    flex: 0 0 auto;
}

.income-card-actions[b-vvww7ge95s] {
    flex-wrap: wrap;
    margin-left: 0;
    width: 100%;
}

.summary-pill-group[b-vvww7ge95s] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 0.25rem;
    padding: 0.25rem;
    border-radius: 1rem;
}

.summary-pill[b-vvww7ge95s] {
    width: auto;
    min-width: 0;
    padding: 0.42rem 0.35rem;
    font-size: var(--font-size-caption-tight);
    letter-spacing: 0.01em;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

@media (min-width: 768px) {
    .budget-inline-top-bar[b-vvww7ge95s] {
        top: 0;
        justify-content: flex-end;
        margin: -6rem -2rem 1.75rem;
        z-index:36;
        padding: 0.65rem 2rem;
        background: var(--sidebar-header-background);
    }

    .budget-inline-top-bar[b-vvww7ge95s]  .header-timeframe-toolbar {
        margin-left: auto;
        width: auto;
        max-width: min(100%, 44rem);
    }

    .summary-pill-group[b-vvww7ge95s] {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0.45rem;
        padding: 0.3rem;
        border-radius: 999px;
    }

    .summary-pill[b-vvww7ge95s] {
        width: auto;
        min-width: unset;
        padding: 0.55rem 0.95rem;
        font-size: var(--font-size-support);
        letter-spacing: 0.03em;
        line-height: normal;
        overflow: visible;
        text-overflow: clip;
        text-align: center;
    }
    .budget-layout[b-vvww7ge95s] {
        gap: 1.4rem;
    }

    .overview-dashboard-grid[b-vvww7ge95s] {
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.95fr);
    }

    .bucket-graph-grid[b-vvww7ge95s] {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

    .preset-grid[b-vvww7ge95s] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .bucket-grid[b-vvww7ge95s] {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    }

    .gap-grid[b-vvww7ge95s],
    .assignment-editor-grid[b-vvww7ge95s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bucket-metrics-grid[b-vvww7ge95s] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .form-grid[b-vvww7ge95s] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .budget-graph-body[b-vvww7ge95s] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .chart-only-body[b-vvww7ge95s],
    .income-overview-body[b-vvww7ge95s] {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .budget-detail-summary-grid[b-vvww7ge95s] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .bucket-overview-head[b-vvww7ge95s],
    .bucket-overview-title-row[b-vvww7ge95s],
    .bucket-overview-head .budget-graph-actions[b-vvww7ge95s] {
        flex-direction: row;
        align-items: center;
    }

    .section-header-row[b-vvww7ge95s],
    .summary-header[b-vvww7ge95s],
    .panel-header-row[b-vvww7ge95s],
    .bucket-card-head[b-vvww7ge95s],
    .bucket-heading[b-vvww7ge95s],
    .bucket-header-row[b-vvww7ge95s],
    .budget-graph-head[b-vvww7ge95s],
    .cashflow-series-header[b-vvww7ge95s],
    .bucket-title-line.compact[b-vvww7ge95s],
    .budget-graph-actions[b-vvww7ge95s],
    .budget-detail-title-row[b-vvww7ge95s] {
        flex-direction: row;
    }

    .section-header-row[b-vvww7ge95s],
    .summary-header[b-vvww7ge95s],
    .panel-header-row[b-vvww7ge95s],
    .bucket-header-row[b-vvww7ge95s],
    .budget-graph-head[b-vvww7ge95s],
    .cashflow-series-header[b-vvww7ge95s],
    .bucket-heading[b-vvww7ge95s] {
        align-items: flex-start;
    }

    .summary-pill-group[b-vvww7ge95s] {
        width: auto;
    }

    .summary-pill[b-vvww7ge95s],
    .hero-action-button[b-vvww7ge95s],
    .secondary-action-button[b-vvww7ge95s],
    .bucket-action-button[b-vvww7ge95s],
    .suggestion-pill[b-vvww7ge95s],
.suggestion-pill[b-vvww7ge95s] {
        width: auto;
    }

    .budget-graph-meta[b-vvww7ge95s],
    .budget-graph-actions[b-vvww7ge95s] {
        justify-content: flex-end;
    }

    .bucket-overview-head .budget-graph-meta[b-vvww7ge95s] {
        margin-left: auto;
    }

    .income-card-actions[b-vvww7ge95s] {
        flex-wrap: nowrap;
        margin-left: auto;
        width: auto;
    }
}
/* /Pages/ExpensesWasmPage.razor.rz.scp.css */
.expenses-page-shell[b-dfbvc9eqou] {
    display: grid;
}

.expenses-inline-top-bar[b-dfbvc9eqou] {
    position: sticky;
    top: 76px;
    z-index: 18;
    display: flex;
    justify-content: center;
    background: var(--sidebar-header-background);
    padding: 0.5rem;
    margin: -0.5rem;
    border-bottom: 1px solid rgba(203, 186, 166, 0.28);
    backdrop-filter: blur(14px);
    box-shadow: 0 12px 24px rgba(80, 74, 63, 0.08);
}

.expenses-inline-top-bar[b-dfbvc9eqou]  .header-timeframe-toolbar {
    width: min(100%, 34rem);
}

.expenses-layout[b-dfbvc9eqou] {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.expense-section[b-dfbvc9eqou] {
    position: relative;
    overflow: hidden;
    background: var(--surface-panel);
    border: 1px solid var(--surface-border);
    border-radius: 1.5rem;
    padding: 1.45rem;
    box-shadow: var(--surface-shadow);
    backdrop-filter: blur(12px);
}

.list-section[b-dfbvc9eqou] {
    background: none;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
}

.expense-section[b-dfbvc9eqou]::before {
    content: none;
}

.expense-section > *[b-dfbvc9eqou] {
    position: relative;
    z-index: 1;
}

.expenses-status-banner[b-dfbvc9eqou] {
    color: var(--hero-text);
}

.expenses-status-banner-error[b-dfbvc9eqou] {
    color: #8f2f2f;
}

.page-heading-section[b-dfbvc9eqou] {
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.page-heading-section h2[b-dfbvc9eqou] {
    font-size: var(--font-size-title-xl);
    letter-spacing: -0.03em;
    margin: 0;
}

.page-heading-section .sharing-subtitle[b-dfbvc9eqou] {
    color: var(--hero-subtle-text);
}

.expense-section.page-heading-section[b-dfbvc9eqou] {
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.expense-section.page-heading-section[b-dfbvc9eqou]::before {
    content: none;
}

.sharing-subtitle[b-dfbvc9eqou],
.summary-range[b-dfbvc9eqou],
.expense-notes[b-dfbvc9eqou],
.field-hint[b-dfbvc9eqou],
.empty-state[b-dfbvc9eqou],
.pagination-summary[b-dfbvc9eqou],
.section-hint[b-dfbvc9eqou] {
    color: var(--muted-text);
}

.expense-section:first-child .sharing-subtitle[b-dfbvc9eqou] {
    color: var(--hero-subtle-text);
    margin-top: 0.2rem;
}

.summary-section[b-dfbvc9eqou] {
    background: var(--surface-card-strong);
    display: grid;
    gap: 1rem;
}

.summary-header[b-dfbvc9eqou] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    /*    gap: 1rem;*/
    justify-content: space-between;
}

.summary-header h2[b-dfbvc9eqou] {
        font-size: var(--font-size-title-xsm);
        letter-spacing: -0.03em;
        margin: 0;
    }

.summary-grid[b-dfbvc9eqou] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr;
    width: 100%;
}

.summary-card[b-dfbvc9eqou] {
    display: grid;
    gap: 0.45rem;
    padding: 1.15rem 1.15rem;
    border-radius: 1.15rem;
    background: var(--surface-card);
    border: 1px solid var(--surface-border-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.summary-card strong[b-dfbvc9eqou] {
        font-size: var(--font-size-title-lg);
        letter-spacing: -0.04em;
        color: var(--page-text);
    }

.summary-label[b-dfbvc9eqou] {
    color: var(--muted-text);
    display: block;
    font-size: var(--font-size-caption);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 700;
}

.summary-net-total[b-dfbvc9eqou] {
    align-self: flex-start;
    font-size: var(--font-size-title-xl);
    font-weight: 800;
    letter-spacing: -0.04em;
    white-space: nowrap;
}

.summary-net-total-row[b-dfbvc9eqou] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-start;
    vertical-align: baseline;
}

.summary-net-total.positive[b-dfbvc9eqou] {
    color: var(--credit-color);
}

.summary-net-total.negative[b-dfbvc9eqou] {
    color: var(--debit-color);
}

.summary-comparison-pill[b-dfbvc9eqou] {
    align-items: center;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    color: var(--muted-text);
    display: inline-flex;
    font-size: var(--font-size-caption-tight);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    padding: 0.26rem 0.6rem;
    white-space: nowrap;
    translate: 0 0.08rem;
}

.summary-comparison-pill.positive[b-dfbvc9eqou] {
        background: color-mix(in srgb, rgba(79, 139, 118, 0.16) 80%, white 20%);
        border-color: rgba(79, 139, 118, 0.22);
        color: #4f8b76;
    }

.summary-comparison-pill.negative[b-dfbvc9eqou] {
        background: color-mix(in srgb, rgba(181, 60, 51, 0.14) 82%, white 18%);
        border-color: rgba(181, 60, 51, 0.18);
        color: #a84a43;
    }

.summary-comparison-pill.neutral[b-dfbvc9eqou] {
        background: var(--surface-card-strong);
        color: var(--muted-text);
    }

.summary-controls[b-dfbvc9eqou] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.summary-pill-group[b-dfbvc9eqou] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.25rem;
}

.summary-pill[b-dfbvc9eqou] {
    background: transparent;
    border: none;
    border-radius: 999px;
    color: var(--muted-text);
    min-width: 5rem;
    padding: 0.55rem 0.9rem;
    font-weight: 700;
}

.summary-pill.active[b-dfbvc9eqou] {
        background: var(--accent-gradient);
        color: var(--hero-text);
    }

.summary-custom-dates[b-dfbvc9eqou] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.summary-date[b-dfbvc9eqou] {
    min-width: 10rem;
}

.duplicate-review-entry-section[b-dfbvc9eqou] {
    background: var(--surface-card-strong);
    border: 1px solid rgba(231, 183, 110, 0.34);
}

.duplicate-review-entry-banner[b-dfbvc9eqou] {
    display: grid;
    gap: 0.95rem;
}

.duplicate-review-entry-copy[b-dfbvc9eqou] {
    display: grid;
    gap: 0.35rem;
}

.duplicate-review-entry-copy h2[b-dfbvc9eqou] {
        margin: 0.12rem 0 0;
        font-size: var(--font-size-title-md);
        letter-spacing: -0.03em;
        color: #7a4d14;
    }

.duplicate-review-entry-copy .empty-state[b-dfbvc9eqou] {
        margin: 0;
    }

.duplicate-review-entry-actions[b-dfbvc9eqou] {
    display: flex;
    justify-content: flex-start;
}

.duplicate-review-entry-link[b-dfbvc9eqou] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.7rem 1rem;
    border: none;
    border-radius: 999px;
    background: var(--surface-card-strong);
    color: #fff8ef;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 12px 20px rgba(217, 139, 43, 0.16);
}

.duplicate-review-entry-link:hover[b-dfbvc9eqou] {
        color: #fff8ef;
    }

.list-header-row[b-dfbvc9eqou] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.list-tools[b-dfbvc9eqou] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.transactions-toolbar[b-dfbvc9eqou] {
    align-items: flex-start;
    display: grid;
    gap: 0.85rem;
}

.transactions-toolbar-actions[b-dfbvc9eqou] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
}

.transactions-sort-group[b-dfbvc9eqou] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.25rem;
}

.transactions-sort-button[b-dfbvc9eqou],
.transactions-filter-button[b-dfbvc9eqou] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 999px;
    color: var(--muted-text);
    display: inline-flex;
    gap: 0.5rem;
    font-weight: 700;
    min-height: 2.35rem;
    padding: 0.55rem 0.9rem;
}

.transactions-sort-button.active[b-dfbvc9eqou],
    .transactions-sort-button:hover[b-dfbvc9eqou],
    .transactions-filter-button:hover[b-dfbvc9eqou] {
        background: var(--accent-gradient);
        color: var(--hero-text);
    }

.transactions-category-filter[b-dfbvc9eqou] {
    display: grid;
    gap: 0.55rem;
    justify-items: start;
    position: relative;
}

.transaction-date-group-list[b-dfbvc9eqou] {
    display: grid;
    gap: 1rem;
    margin-top: 0.25rem;
}

.transaction-day-group[b-dfbvc9eqou] {
    display: grid;
    gap: 0.85rem;
}

.transaction-day-header[b-dfbvc9eqou] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0 0.2rem;
}

.transaction-day-copy[b-dfbvc9eqou] {
    display: grid;
    gap: 0.1rem;
}

.transaction-day-copy h3[b-dfbvc9eqou] {
        margin: 0;
        font-size: var(--font-size-support);
        color: color-mix(in srgb, var(--muted-text) 86%, white 14%);
    }

.transaction-day-count[b-dfbvc9eqou] {
    color: color-mix(in srgb, var(--muted-text) 78%, white 22%);
    font-size: var(--font-size-caption-tight);
    font-weight: 700;
    letter-spacing: 0.08em;
}

.transaction-card-stack[b-dfbvc9eqou] {
    display: grid;
    gap: 0.75rem;
}

.transaction-card[b-dfbvc9eqou] {
    align-items: stretch;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 1.25rem;
    box-shadow: var(--surface-shadow);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
    overflow: hidden;
    padding: 1rem 1.05rem;
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
    margin-inline: -0.5rem;
}

.transaction-card:hover[b-dfbvc9eqou] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--accent-border) 58%, var(--surface-border-soft));
    box-shadow: 0 18px 30px rgba(52, 61, 83, 0.12);
}

.transaction-card.selected[b-dfbvc9eqou] {
    border-color: var(--accent-border);
    box-shadow: 0 20px 34px rgba(47, 107, 88, 0.14);
}

.transaction-card-main-row[b-dfbvc9eqou],
.transaction-card-expanded[b-dfbvc9eqou] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.transaction-card-main-row[b-dfbvc9eqou] {
    justify-content: flex-start;
}

.transaction-card-icon-col[b-dfbvc9eqou] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    align-self: center;
}

.transaction-card-icon-circle[b-dfbvc9eqou] {
    align-items: center;
    background: var(--transaction-icon-bg, color-mix(in srgb, var(--accent-soft-bg) 48%, white 52%));
    border: 1px solid var(--transaction-icon-border, color-mix(in srgb, var(--accent-border) 28%, white 72%));
    border-radius: 999px;
    color: var(--transaction-icon-fg, var(--accent-soft-text));
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.transaction-card-icon-glyph[b-dfbvc9eqou] {
    height: 1.15rem;
    width: 1.15rem;
}

.transaction-card-details[b-dfbvc9eqou] {
    display: grid;
    gap: 0.25rem;
    flex: 1 1 auto;
    min-width: 0;
    align-content: start;
}

.transaction-card-category[b-dfbvc9eqou] {
    color: var(--muted-text);
    font-size: var(--font-size-body-sm);
    font-weight: 600;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.transaction-card-category-text[b-dfbvc9eqou] {
    color: inherit;
}

.transaction-card-category-empty[b-dfbvc9eqou] {
    color: var(--muted-text);
    font-style: italic;
}

.transaction-card-note-mark[b-dfbvc9eqou] {
    align-items: center;
    color: var(--muted-text);
    display: inline-flex;
    height: 0.95rem;
    justify-content: center;
    width: 0.95rem;
}

.transaction-card-note-mark svg[b-dfbvc9eqou] {
        height: 0.95rem;
        width: 0.95rem;
    }

.transaction-card-side[b-dfbvc9eqou] {
    align-items: flex-start;
    display: grid;
    gap: 0.55rem;
    flex: 0 0 auto;
    min-width: max-content;
    justify-items: end;
}

.transaction-card-amount[b-dfbvc9eqou] {
    font-size: var(--font-size-body-lg);
    font-weight: 800;
    letter-spacing: -0.02em;
    text-align: right;
    white-space: nowrap;
}

.transaction-card-pills[b-dfbvc9eqou] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.transaction-card-note[b-dfbvc9eqou] {
    align-items: flex-start;
    color: var(--muted-text);
    display: flex;
    gap: 0.4rem;
    justify-content: flex-start;
    max-width: 24rem;
    text-align: left;
}

.transaction-card-note-icon[b-dfbvc9eqou] {
    color: var(--muted-text);
    flex: 0 0 auto;
    height: 0.95rem;
    width: 0.95rem;
}

.transaction-card-note-icon svg[b-dfbvc9eqou] {
        display: block;
        height: 0.95rem;
        width: 0.95rem;
    }

.transaction-card-actions[b-dfbvc9eqou] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.transaction-card-name[b-dfbvc9eqou] {
    color: var(--page-text);
    font-size: var(--font-size-body-lg);
    font-weight: 700;
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
}

.transaction-card-expanded[b-dfbvc9eqou] {
    align-items: flex-start;
    display: none;
    justify-content: space-between;
    padding-top: 0.15rem;
}

.transaction-card.selected .transaction-card-expanded[b-dfbvc9eqou] {
    display: flex;
}

.transaction-card-expanded-left[b-dfbvc9eqou] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.55rem;
    min-width: 0;
    flex: 1 1 auto;
    align-items: start;
}

.transaction-card-expanded-left > *[b-dfbvc9eqou] {
        min-width: 0;
    }

.transaction-card-expanded-actions[b-dfbvc9eqou] {
    display: inline-flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex: 0 0 auto;
    align-self: flex-start;
}

.transaction-card.selected .transaction-card-main-row[b-dfbvc9eqou] {
    padding-bottom: 0.15rem;
    border-bottom: 1px solid color-mix(in srgb, var(--surface-border-soft) 75%, transparent 25%);
}

.expense-table-wrap[b-dfbvc9eqou] {
    display: none;
}

.duplicate-review-banner[b-dfbvc9eqou] {
    align-items: flex-start;
    background: color-mix(in srgb, #f6d58a 30%, white 70%);
    border: 1px solid rgba(138, 90, 8, 0.18);
    border-radius: 1.15rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
}

.duplicate-review-copy[b-dfbvc9eqou] {
    display: grid;
    gap: 0.35rem;
}

.duplicate-review-copy h3[b-dfbvc9eqou] {
        color: var(--page-text);
        font-size: var(--font-size-title-md);
        letter-spacing: -0.03em;
        margin: 0;
    }

.duplicate-review-copy .empty-state[b-dfbvc9eqou] {
        margin: 0;
    }

.duplicate-review-actions[b-dfbvc9eqou] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.expense-search[b-dfbvc9eqou] {
    max-width: 18rem;
    background: #e4e8ee;
    border-color: #8e98a8;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.55);
    color: var(--page-text);
    margin-bottom: 1rem;
}

.pagination-button[b-dfbvc9eqou],
.icon-button[b-dfbvc9eqou] {
    border-radius: 999px;
}

.pagination-button[b-dfbvc9eqou],
.icon-button[b-dfbvc9eqou],
.icon-button[b-dfbvc9eqou] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    color: var(--page-text);
}

.pagination-button[b-dfbvc9eqou] {
    padding: 0.55rem 1rem;
}

.pagination-button.active[b-dfbvc9eqou] {
        background: var(--accent-gradient);
        border-color: var(--accent-border);
        color: var(--hero-text);
    }

.category-header-cell[b-dfbvc9eqou] {
    position: relative;
}

.transaction-form-grid[b-dfbvc9eqou] {
    display: grid;
    grid-template-columns: 1fr;
    margin-block: 1rem;
}

.transaction-form-row[b-dfbvc9eqou] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    margin-bottom: 1rem;
}

.transaction-form-row-full[b-dfbvc9eqou] {
    grid-column: 1 / -1;
}

.transaction-form-row-two-up[b-dfbvc9eqou] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

.transaction-form-row.transaction-recurring-fields-row[b-dfbvc9eqou] {
    gap: 1.2rem;
}

.transaction-form-row-spacer[b-dfbvc9eqou] {
    display: grid;
    gap: 0.55rem;
}

.transaction-form-field[b-dfbvc9eqou] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.transaction-frequency-toggle[b-dfbvc9eqou] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 1rem;
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.25rem;
    width: 100%;
}

.transaction-form-row-type .type-toggle[b-dfbvc9eqou] {
    width: 100%;
}

.transaction-form-row-two-up .category-picker-field[b-dfbvc9eqou],
.transaction-form-row-two-up > div[b-dfbvc9eqou] {
    min-width: 0;
}

.transaction-frequency-option[b-dfbvc9eqou] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 999px;
    color: var(--muted-text);
    display: inline-flex;
    flex: 1 1 0;
    font-weight: 700;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.55rem 0.9rem;
}

.transaction-frequency-option.active[b-dfbvc9eqou] {
        background: var(--accent-gradient);
        color: var(--hero-text);
    }

.transaction-recurring-mode-picker[b-dfbvc9eqou] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

.transaction-recurring-mode-copy[b-dfbvc9eqou] {
    color: var(--page-text);
    font-weight: 700;
}

.transaction-recurring-mode-option[b-dfbvc9eqou] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 1rem;
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    opacity: 0.5;
}

.transaction-recurring-mode-option.active[b-dfbvc9eqou] {
    border-color: var(--accent-border);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-border) 22%, transparent);
    opacity: 1;
}

.transaction-recurring-mode-top-row[b-dfbvc9eqou] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.transaction-recurring-mode-field-row[b-dfbvc9eqou] {
    grid-column: 1 / -1;
    min-width: 0;
}

.transaction-recurring-mode-option input[type="radio"][b-dfbvc9eqou] {
    accent-color: var(--accent-soft-text);
    justify-self: start;
    align-self: center;
    margin: 0;
}

.transaction-recurring-mode-copy[b-dfbvc9eqou] {
    color: var(--page-text);
    font-weight: 700;
    min-width: 0;
}

.transaction-recurring-mode-option .transaction-recurring-mode-field[b-dfbvc9eqou] {
    display: block;
    grid-column: 1 / -1 !important;
    justify-self: stretch;
    min-width: 0;
    width: 100%;
}

.transaction-form-actions-row[b-dfbvc9eqou] {
    margin-top: 0.25rem;
}

.transaction-form-actions[b-dfbvc9eqou] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-start;
}

.transaction-form-actions .btn[b-dfbvc9eqou] {
        min-width: 9rem;
    }

.transaction-form-actions .btn.btn-outline-secondary[b-dfbvc9eqou] {
            order: 0;
        }

.transaction-form-actions .btn.btn-primary[b-dfbvc9eqou] {
            order: 1;
        }

.category-add[b-dfbvc9eqou] {
    min-width: 3rem;
}

.list-category-filter-menu[b-dfbvc9eqou] {
    background: var(--surface-overlay);
    border: 1px solid var(--surface-border);
    border-radius: 1rem;
    box-shadow: 0 18px 32px rgba(83, 71, 142, 0.14);
    left: 0;
    margin-top: 0.35rem;
    max-height: 220px;
    overflow-y: auto;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 20;
}

.category-filter-header[b-dfbvc9eqou] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
}

.list-category-filter-menu[b-dfbvc9eqou] {
    min-width: 14rem;
    right: auto;
}

.category-option[b-dfbvc9eqou] {
    align-items: center;
    border-radius: 0.75rem;
    cursor: pointer;
    display: flex;
    gap: 0.75rem;
    padding: 0.55rem 0.65rem;
}

.category-option:hover[b-dfbvc9eqou] {
        background: color-mix(in srgb, var(--accent-soft-bg) 28%, white 72%);
    }

.category-header-chips[b-dfbvc9eqou] {
    margin-top: 0;
}

.expense-name-line[b-dfbvc9eqou] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-weight: 700;
    color: var(--page-text);
}

.transaction-goal-links[b-dfbvc9eqou] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.transaction-goal-link[b-dfbvc9eqou] {
    display: grid;
    gap: 0.25rem;
    justify-items: start;
}

.transaction-goal-badge[b-dfbvc9eqou] {
    display: inline-flex;
    align-items: center;
    padding: 0.24rem 0.6rem;
    border-radius: 999px;
    background: color-mix(in srgb, rgba(93, 164, 122, 0.18) 78%, white 22%);
    border: 1px solid rgba(93, 164, 122, 0.28);
    color: #2d6f48;
    font-size: var(--font-size-caption-tight);
    font-weight: 700;
    text-decoration: none;
}

.transaction-goal-badge:hover[b-dfbvc9eqou] {
        color: #225539;
        text-decoration: none;
    }

.transaction-goal-source[b-dfbvc9eqou] {
    color: var(--muted-text);
    font-size: var(--font-size-caption-tight);
}

.generated-badge[b-dfbvc9eqou],
.repeat-badge[b-dfbvc9eqou] {
    border-radius: 999px;
    display: inline-block;
    font-size: var(--font-size-caption-tight);
    padding: 0.18rem 0.55rem;
}

.generated-badge[b-dfbvc9eqou] {
    background: var(--neutral-soft-bg);
    border: 1px solid color-mix(in srgb, var(--neutral-soft-text) 22%, transparent);
    color: var(--neutral-soft-text);
}

.repeat-badge[b-dfbvc9eqou] {
    background: var(--accent-soft-bg);
    border: 1px solid color-mix(in srgb, var(--accent-soft-strong-bg) 32%, transparent);
    color: var(--accent-soft-text);
}

.delete-series-button[b-dfbvc9eqou] {
    border-color: rgba(181, 60, 51, 0.14);
    color: #b53c33;
}

.repeat-block[b-dfbvc9eqou] {
    border-top: 1px solid var(--surface-border-soft);
    margin-top: 1rem;
    padding-top: 1rem;
}

.repeat-toggle-label[b-dfbvc9eqou] {
    align-items: center;
    display: inline-flex;
    gap: 0.65rem;
    font-weight: 600;
}

.repeat-grid[b-dfbvc9eqou] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 1rem;
}

.expense-table-wrap[b-dfbvc9eqou] {
    margin-top: 1rem;
    overflow-x: auto;
    border-radius: 1.15rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.expense-table[b-dfbvc9eqou] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 100%;
    width: 100%;
}

.expense-table thead th[b-dfbvc9eqou] {
        background: var(--surface-card-strong);
        border-bottom: 1px solid rgba(23, 39, 56, 0.07);
        color: var(--muted-text);
        font-size: var(--font-size-caption);
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 0.9rem 1rem;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
    }

.expense-table tbody td[b-dfbvc9eqou] {
        border-bottom: 1px solid rgba(23, 39, 56, 0.07);
        padding: 0.95rem 1rem;
        vertical-align: middle;
    }

.column-button[b-dfbvc9eqou] {
    align-items: center;
    background: transparent;
    border: none;
    color: inherit;
    display: inline-flex;
    font: inherit;
    gap: 0.3rem;
    padding: 0;
}

.sort-indicator[b-dfbvc9eqou] {
    color: var(--muted-text);
    min-width: 0.8rem;
}

.amount-column-button[b-dfbvc9eqou],
.amount-cell[b-dfbvc9eqou] {
    text-align: right;
}

.amount-cell.credit[b-dfbvc9eqou] {
        color: var(--credit-color);
        font-weight: 800;
    }

.amount-cell.debit[b-dfbvc9eqou] {
        color: var(--debit-color);
        font-weight: 800;
    }

.expense-row[b-dfbvc9eqou] {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

.expense-row:hover[b-dfbvc9eqou] {
        background: color-mix(in srgb, var(--accent-soft-bg) 30%, white 70%);
    }

.expense-row.selected[b-dfbvc9eqou] {
        background: color-mix(in srgb, var(--accent-soft-bg) 42%, white 58%);
    }

.date-cell[b-dfbvc9eqou] {
    color: var(--muted-text);
    font-size: var(--font-size-body-sm);
    font-weight: 700;
    white-space: nowrap;
}

.name-cell[b-dfbvc9eqou] {
    min-width: 0;
}

.expense-name-line span[b-dfbvc9eqou] {
    font-weight: 700;
    color: var(--page-text);
}

.category-cell-wrap[b-dfbvc9eqou],
.status-cell[b-dfbvc9eqou] {
    white-space: nowrap;
}

.actions-column[b-dfbvc9eqou] {
    width: 1%;
}

.actions-cell[b-dfbvc9eqou] {
    text-align: right;
}

.expense-actions[b-dfbvc9eqou] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.duplicate-review-confirm[b-dfbvc9eqou] {
    white-space: nowrap;
}

.duplicate-review-delete-all[b-dfbvc9eqou] {
    white-space: nowrap;
}

.duplicate-review-pagination[b-dfbvc9eqou] {
    align-items: flex-end;
}

.icon-button[b-dfbvc9eqou] {
    align-items: center;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    padding: 0;
    width: 2.25rem;
}

.icon-button svg[b-dfbvc9eqou] {
        height: 1rem;
        width: 1rem;
    }

.delete-button[b-dfbvc9eqou] {
    border-color: rgba(181, 60, 51, 0.14);
    color: #b53c33;
    background: rgba(255, 241, 239, 0.9);
}

.status-pill[b-dfbvc9eqou] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 0.28rem 0.65rem;
}

.status-pill.pending[b-dfbvc9eqou] {
        background: color-mix(in srgb, #f6d58a 70%, white 30%);
        color: #8a5a08;
    }

.status-pill.cleared[b-dfbvc9eqou] {
        background: color-mix(in srgb, var(--accent-soft-bg) 78%, white 22%);
        color: var(--accent-soft-text);
    }

.status-pill.reconciled[b-dfbvc9eqou] {
        background: color-mix(in srgb, var(--neutral-soft-bg) 86%, white 14%);
        color: var(--neutral-soft-text);
    }

.status-pill.overdue[b-dfbvc9eqou] {
        background: color-mix(in srgb, var(--danger-soft-bg) 82%, white 18%);
        color: var(--danger-soft-text);
    }

.pagination-row[b-dfbvc9eqou] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1rem;
}

.pagination-controls[b-dfbvc9eqou] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.pagination-button:disabled[b-dfbvc9eqou] {
    cursor: not-allowed;
    opacity: 0.45;
}

.expenses-layout[b-dfbvc9eqou] {
    gap: 1rem;
}

.expense-section[b-dfbvc9eqou] {
    padding: 1.1rem;
    border-radius: 1.25rem;
}

.summary-header[b-dfbvc9eqou],
.list-header-row[b-dfbvc9eqou],
.expense-actions[b-dfbvc9eqou],
.expense-actions[b-dfbvc9eqou] {
    flex-direction: column;
    align-items: stretch;
}

.summary-controls[b-dfbvc9eqou],
.list-tools[b-dfbvc9eqou] {
    align-items: stretch;
    width: 100%;
}

.expense-actions[b-dfbvc9eqou] {
    flex-direction: row;
    align-items: center;
    width: auto;
}

.duplicate-review-banner[b-dfbvc9eqou] {
    flex-direction: column;
    align-items: stretch;
}

.duplicate-review-actions[b-dfbvc9eqou] {
    width: 100%;
}

.duplicate-review-actions .btn[b-dfbvc9eqou],
    .duplicate-review-confirm[b-dfbvc9eqou] {
        width: 100%;
    }

.summary-pill-group[b-dfbvc9eqou],
.summary-custom-dates[b-dfbvc9eqou] {
    width: 100%;
}

.summary-pill[b-dfbvc9eqou],
.expense-search[b-dfbvc9eqou],
.category-add[b-dfbvc9eqou] {
    width: 100%;
    max-width: none;
}

.expense-table thead[b-dfbvc9eqou] {
    display: none;
}

.expense-table[b-dfbvc9eqou],
.expense-table tbody[b-dfbvc9eqou],
.expense-table tr[b-dfbvc9eqou],
.expense-table td[b-dfbvc9eqou] {
    display: block;
    width: 100%;
}

.expense-table tbody td[b-dfbvc9eqou] {
        padding: 0.45rem 0;
    }

.expense-row[b-dfbvc9eqou] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas:
        "date amount amount"
        "name name name"
        "category status actions";
    align-items: center;
    gap: 0.55rem 0.75rem;
    margin-bottom: 0.85rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--surface-border-soft);
    border-radius: 1rem;
    background: var(--surface-card-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.expense-table tbody tr:last-child.expense-row[b-dfbvc9eqou] {
    margin-bottom: 0;
}

.actions-cell[b-dfbvc9eqou],
.amount-cell[b-dfbvc9eqou] {
    text-align: left;
}

.expense-row .date-cell[b-dfbvc9eqou] {
    grid-area: date;
    padding: 0;
}

.expense-row .name-cell[b-dfbvc9eqou] {
    grid-area: name;
    padding: 0;
}

.expense-row .category-cell-wrap[b-dfbvc9eqou] {
    grid-area: category;
    padding: 0;
    min-width: 0;
}

.expense-row .status-cell[b-dfbvc9eqou] {
    grid-area: status;
    padding: 0;
}

.expense-row .amount-cell[b-dfbvc9eqou] {
    grid-area: amount;
    padding: 0;
    text-align: right;
    font-size: var(--font-size-body);
}

.expense-row .actions-cell[b-dfbvc9eqou] {
    grid-area: actions;
    padding: 0;
    text-align: right;
}

.expense-row .expense-actions[b-dfbvc9eqou] {
    justify-content: flex-end;
}

.expense-row .category-cell[b-dfbvc9eqou],
.expense-row .status-pill[b-dfbvc9eqou] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
}

.icon-button[b-dfbvc9eqou] {
    width: 2.5rem;
}

.summary-pill-group[b-dfbvc9eqou] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 0.2rem;
    padding: 0.2rem;
    border-radius: 1rem;
}

.summary-pill[b-dfbvc9eqou] {
    width: auto;
    min-width: 0;
    padding: 0.42rem 0.3rem;
    font-size: var(--font-size-caption-tight);
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.summary-date[b-dfbvc9eqou] {
    min-width: 0;
}

.summary-grid[b-dfbvc9eqou] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.summary-card[b-dfbvc9eqou] {
    padding: 0.9rem 0.75rem;
}

.summary-card strong[b-dfbvc9eqou] {
        font-size: var(--font-size-body-lg);
    }

.transaction-card-expanded-left[b-dfbvc9eqou] {
    flex-direction: column;
    justify-content: space-evenly;
    align-items: stretch;
}

.category-token[b-dfbvc9eqou], .category-token[b-dfbvc9eqou],
.category-option-content[b-dfbvc9eqou],
.category-cell[b-dfbvc9eqou] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.category-token[b-dfbvc9eqou],
.category-cell[b-dfbvc9eqou] {
    color: var(--page-text);
    font-weight: 600;
}

.category-option-content[b-dfbvc9eqou] {
    color: inherit;
}

.category-cell.empty[b-dfbvc9eqou] {
    color: var(--muted-text);
    font-weight: 500;
}

.category-glyph[b-dfbvc9eqou] {
    width: 0.95rem;
    height: 0.95rem;
    color: var(--accent-soft-text);
}

.indefinite-toggle[b-dfbvc9eqou] {
    margin-top: 1rem;
}

@media (min-width: 768px) {
    .expenses-inline-top-bar[b-dfbvc9eqou] {
        top: 0;
        justify-content: flex-end;
        margin: -6rem -2rem 1.75rem;
        z-index: 36;
        padding: 0.65rem 2rem;
    }
}

@media (min-width: 768px) {
    .duplicate-review-entry-banner[b-dfbvc9eqou] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .summary-pill-group[b-dfbvc9eqou] {
        display: inline-flex;
        gap: 0.25rem;
        padding: 0.25rem;
        border-radius: 999px;
    }

    .summary-pill[b-dfbvc9eqou] {
        width: auto;
        min-width: 5rem;
        padding: 0.55rem 0.9rem;
        font-size: inherit;
        line-height: normal;
        overflow: visible;
        text-overflow: clip;
        text-align: center;
    }

    .transaction-card-expanded-left[b-dfbvc9eqou] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .expenses-layout[b-dfbvc9eqou] {
        gap: 1.4rem;
    }

    .expense-section[b-dfbvc9eqou] {
        padding: 1.45rem;
        border-radius: 1.5rem;
    }

    .pagination-row[b-dfbvc9eqou] {
        flex-direction: row;
    }

    .summary-header[b-dfbvc9eqou] {
        align-items: flex-start;
    }

    .summary-section[b-dfbvc9eqou] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .list-header-row[b-dfbvc9eqou],
    .expense-actions[b-dfbvc9eqou] {
        flex-direction: row;
        align-items: center;
    }

    .duplicate-review-banner[b-dfbvc9eqou] {
        flex-direction: row;
        align-items: flex-start;
    }

    .duplicate-review-actions[b-dfbvc9eqou],
    .duplicate-review-actions .btn[b-dfbvc9eqou],
    .duplicate-review-confirm[b-dfbvc9eqou] {
        width: auto;
    }

    .summary-controls[b-dfbvc9eqou] {
        align-items: flex-end;
        width: auto;
    }

    .summary-grid[b-dfbvc9eqou] {
        width: auto;
        margin-top: 0;
        justify-self: end;
    }

    .list-tools[b-dfbvc9eqou],
    .summary-pill-group[b-dfbvc9eqou],
    .summary-custom-dates[b-dfbvc9eqou] {
        width: auto;
    }

    .summary-pill[b-dfbvc9eqou],
    .pagination-button[b-dfbvc9eqou],
    .expense-search[b-dfbvc9eqou],
    .category-add[b-dfbvc9eqou] {
        width: auto;
    }

    .summary-card[b-dfbvc9eqou] {
        min-width: 11rem;
    }

    .transaction-form-row-two-up[b-dfbvc9eqou] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: start;
    }

    .transaction-recurring-mode-picker[b-dfbvc9eqou] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .transaction-form-actions[b-dfbvc9eqou] {
        align-items: center;
        justify-content: flex-end;
    }

    .expense-search[b-dfbvc9eqou] {
        margin-inline: -1.45rem;
    }

    .expense-table[b-dfbvc9eqou] {
        display: table;
    }

        .expense-table thead[b-dfbvc9eqou] {
            display: table-header-group;
        }

        .expense-table tbody[b-dfbvc9eqou] {
            display: table-row-group;
        }

        .expense-table tr[b-dfbvc9eqou] {
            display: table-row;
        }

        .expense-table td[b-dfbvc9eqou] {
            display: table-cell;
            width: auto;
        }

        .expense-table tbody td[b-dfbvc9eqou] {
            padding: 0.95rem 1rem;
        }

    .expense-row[b-dfbvc9eqou] {
        padding: 0;
    }

    .actions-cell[b-dfbvc9eqou] {
        text-align: right;
    }

    .amount-cell[b-dfbvc9eqou] {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .transaction-card[b-dfbvc9eqou] {
        margin-inline: -1.45rem;
    }
}

@media (max-width: 767px) {
    .transaction-card-details[b-dfbvc9eqou] {
        gap: 0.05rem;
    }

    .transaction-card-name[b-dfbvc9eqou] {
        font-size: var(--font-size-body-md);
    }

    .transaction-card-category[b-dfbvc9eqou] {
        font-size: var(--font-size-caption-tight);
    }
}

@media (min-width: 768px) {
    .transaction-recurring-mode-picker[b-dfbvc9eqou] {
        gap: 1.1rem;
    }

    .transaction-recurring-mode-option[b-dfbvc9eqou] {
        column-gap: 0.85rem;
        row-gap: 0.65rem;
    }
}
/* /Pages/FeedbackWasmPage.razor.rz.scp.css */
.feedback-layout[b-qqlqzdz5sg] {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.feedback-section[b-qqlqzdz5sg] {
    position: relative;
    overflow: hidden;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border);
    border-radius: 1.5rem;
    box-shadow: var(--surface-shadow);
    padding: 1.45rem;
    backdrop-filter: blur(12px);
}

.feedback-section[b-qqlqzdz5sg]::before {
    content: none;
}

.feedback-section > *[b-qqlqzdz5sg] {
    position: relative;
    z-index: 1;
}

.feedback-title-section[b-qqlqzdz5sg],
.feedback-card[b-qqlqzdz5sg] {
    width: min(100%, 22rem);
    margin-left: auto;
    margin-right: auto;
}

.page-heading-section[b-qqlqzdz5sg] {
    padding: 1.35rem 1.15rem;
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.page-heading-section[b-qqlqzdz5sg]::before {
    content: none;
}

.feedback-title-section h2[b-qqlqzdz5sg] {
    margin: 0;
    font-size: var(--font-size-title-xl);
    letter-spacing: -0.03em;
    color: var(--hero-text);
}

.feedback-card[b-qqlqzdz5sg] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    background: var(--surface-card-strong);
}

.feedback-card-header[b-qqlqzdz5sg] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin-bottom: 1.25rem;
}

.feedback-card-header h2[b-qqlqzdz5sg] {
    margin: 0 0 0.25rem;
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.03em;
    color: var(--page-text);
}

.feedback-lead[b-qqlqzdz5sg] {
    margin: 0;
    max-width: 42rem;
    color: var(--muted-text);
}

.feedback-form[b-qqlqzdz5sg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.feedback-field-grid[b-qqlqzdz5sg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.feedback-field[b-qqlqzdz5sg] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.feedback-field label[b-qqlqzdz5sg] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--page-text);
}

.feedback-input[b-qqlqzdz5sg] {
    width: 100%;
    min-height: 3rem;
    padding: 0.82rem 0.95rem;
    border-radius: 0.9rem;
    border: 1px solid var(--surface-border-soft);
    background: var(--surface-card-strong);
    color: var(--page-text);
    box-sizing: border-box;
    transition: border-color 0.14s ease, box-shadow 0.14s ease, background-color 0.14s ease;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

.feedback-input:focus[b-qqlqzdz5sg] {
    outline: none;
    border-color: color-mix(in srgb, var(--accent-soft-strong-bg) 66%, var(--surface-border));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-soft-bg) 42%, transparent);
    background: var(--surface-card-strong);
}

.feedback-textarea[b-qqlqzdz5sg] {
    min-height: 10rem;
    resize: vertical;
}

.feedback-actions[b-qqlqzdz5sg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.feedback-error-panel[b-qqlqzdz5sg],
.feedback-success-panel[b-qqlqzdz5sg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 1.15rem;
    border-radius: 1rem;
    color: var(--page-text);
}

.feedback-error-panel[b-qqlqzdz5sg] {
    background: color-mix(in srgb, var(--danger-soft-bg) 78%, var(--surface-card-strong) 22%);
    border: 1px solid color-mix(in srgb, var(--debit-color) 24%, var(--surface-border-soft));
}

.feedback-success-panel[b-qqlqzdz5sg] {
    background: color-mix(in srgb, var(--credit-fill) 48%, var(--surface-card-strong) 52%);
    border: 1px solid color-mix(in srgb, var(--credit-color) 24%, var(--surface-border-soft));
}

.feedback-success-title[b-qqlqzdz5sg] {
    font-size: 1.02rem;
    font-weight: 800;
}

.feedback-success-panel p[b-qqlqzdz5sg] {
    margin: 0;
    color: var(--muted-text);
}

.feedback-field[b-qqlqzdz5sg]  .validation-message {
    color: var(--debit-color);
    font-size: 0.84rem;
}

.feedback-actions .btn-primary[b-qqlqzdz5sg],
.feedback-success-panel .btn-primary[b-qqlqzdz5sg] {
    width: 100%;
    margin-top: 1.5rem;
}

@media (max-width: 767.98px) {
    .feedback-section[b-qqlqzdz5sg] {
        padding: 1.15rem;
        border-radius: 1.2rem;
    }

    .page-heading-section[b-qqlqzdz5sg] {
        padding: 1.15rem 1rem;
    }
}
/* /Pages/GoalsWasmPage.razor.rz.scp.css */
.goals-layout[b-c20xt4h8wu] {
    display: grid;
    gap: 1.4rem;
}

.goals-section[b-c20xt4h8wu] {
    position: relative;
    overflow: hidden;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border);
    border-radius: 1.5rem;
    padding: 1.45rem;
    box-shadow: var(--surface-shadow);
    backdrop-filter: blur(12px);
}

.goals-section[b-c20xt4h8wu]::before {
    content: none;
}

.goals-section > *[b-c20xt4h8wu] {
    position: relative;
    z-index: 1;
}

.goals-status-banner[b-c20xt4h8wu] {
    padding-block: 1rem;
    font-weight: 700;
    color: var(--accent-soft-text);
    background: color-mix(in srgb, var(--accent-soft-bg) 74%, white 26%);
}

.goals-status-banner-error[b-c20xt4h8wu] {
    color: var(--danger-soft-text);
    background: color-mix(in srgb, var(--danger-soft-bg) 78%, white 22%);
}

.page-heading-section[b-c20xt4h8wu] {
    padding: 1.35rem 1.15rem;
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.page-heading-section[b-c20xt4h8wu]::before {
    content: none;
}

.page-heading-section h2[b-c20xt4h8wu],
.section-header-row h2[b-c20xt4h8wu],
.goal-card h3[b-c20xt4h8wu] {
    margin: 0;
}

.section-header-row[b-c20xt4h8wu],
.goal-card-head[b-c20xt4h8wu],
.goal-title-line[b-c20xt4h8wu],
.goal-progress-label-row[b-c20xt4h8wu],
.goal-actual-contributions-head[b-c20xt4h8wu],
.modal-header-row[b-c20xt4h8wu] {
    display: flex;
    gap: 1rem;
}

.section-header-row[b-c20xt4h8wu],
.goal-card-head[b-c20xt4h8wu],
.goal-progress-label-row[b-c20xt4h8wu],
.goal-actual-contributions-head[b-c20xt4h8wu],
.modal-header-row[b-c20xt4h8wu] {
    align-items: flex-start;
    justify-content: space-between;
}

.section-header-row[b-c20xt4h8wu] {
    margin-bottom: 1rem;
}

.section-subtitle[b-c20xt4h8wu],
.empty-state[b-c20xt4h8wu],
.goal-meta[b-c20xt4h8wu],
.goal-notes[b-c20xt4h8wu],
.goal-stat-label[b-c20xt4h8wu],
.summary-badge[b-c20xt4h8wu],
.goal-chart-caption[b-c20xt4h8wu],
.goal-contribution-summary[b-c20xt4h8wu],
.goal-contribution-meta[b-c20xt4h8wu] {
    color: var(--muted-text);
}

.overview-grid[b-c20xt4h8wu],
.goal-grid[b-c20xt4h8wu],
.goal-highlight-row[b-c20xt4h8wu],
.goal-stat-grid[b-c20xt4h8wu],
.form-grid[b-c20xt4h8wu] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

.summary-card[b-c20xt4h8wu],
.goal-card[b-c20xt4h8wu],
.goal-highlight-card[b-c20xt4h8wu],
.goal-stat[b-c20xt4h8wu] {
    display: grid;
    gap: 0.45rem;
    padding: 1.05rem;
    border-radius: 1.1rem;
}

.summary-card[b-c20xt4h8wu],
.goal-highlight-card[b-c20xt4h8wu],
.goal-stat[b-c20xt4h8wu],
.goal-chart-panel[b-c20xt4h8wu],
.goal-actual-contributions[b-c20xt4h8wu] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.summary-card strong[b-c20xt4h8wu],
.goal-highlight-card strong[b-c20xt4h8wu] {
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.04em;
    color: var(--page-text);
}

.summary-card-emphasis[b-c20xt4h8wu] {
    background: color-mix(in srgb, var(--accent-soft-bg) 66%, rgba(255, 255, 255, 0.94));
}

.summary-label[b-c20xt4h8wu],
.goal-chart-title[b-c20xt4h8wu] {
    font-size: var(--font-size-caption);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 800;
}

.summary-badge[b-c20xt4h8wu] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.8rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.goal-grid[b-c20xt4h8wu] {
    align-items: start;
}

.goal-card[b-c20xt4h8wu] {
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.25rem;
    background: color-mix(in srgb, var(--accent-soft-bg) 18%, rgba(255, 255, 255, 0.92));
}

.goal-card-complete[b-c20xt4h8wu] {
    background: rgba(111, 176, 143, 0.18);
}

.goal-card-archived[b-c20xt4h8wu] {
    opacity: 0.88;
    background: rgba(152, 160, 171, 0.12);
}

.goal-title-line > div[b-c20xt4h8wu] {
    min-width: 0;
}

.goal-icon-shell[b-c20xt4h8wu] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: color-mix(in srgb, var(--accent-soft-bg) 74%, white 26%);
    color: var(--accent-soft-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.goal-glyph[b-c20xt4h8wu],
.icon-button-glyph[b-c20xt4h8wu] {
    width: 1.1rem;
    height: 1.1rem;
}

.goal-card-header-actions[b-c20xt4h8wu],
.goal-card-actions[b-c20xt4h8wu],
.goal-history-actions[b-c20xt4h8wu],
.modal-header-actions[b-c20xt4h8wu],
.confirm-actions[b-c20xt4h8wu],
.modal-form-actions[b-c20xt4h8wu] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.goal-card-header-actions[b-c20xt4h8wu] {
    margin-left: auto;
}

.add-contribution-button[b-c20xt4h8wu],
.goal-secondary-action[b-c20xt4h8wu],
.icon-button[b-c20xt4h8wu],
.goal-movement-option[b-c20xt4h8wu],
.modal-close-button[b-c20xt4h8wu] {
    transition: transform 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.add-contribution-button[b-c20xt4h8wu],
.goal-secondary-action[b-c20xt4h8wu] {
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    padding: 0.52rem 0.9rem;
    font-size: var(--font-size-body-sm);
    white-space: nowrap;
}

.add-contribution-button[b-c20xt4h8wu] {
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
    font-weight: 800;
}

.goal-secondary-action[b-c20xt4h8wu] {
    background: rgba(255, 255, 255, 0.84);
    color: var(--page-text);
    font-weight: 700;
}

.goal-secondary-action.destructive-text[b-c20xt4h8wu],
.negative-amount[b-c20xt4h8wu] {
    color: var(--danger-soft-text);
}

.positive-amount[b-c20xt4h8wu] {
    color: var(--accent-soft-text);
}

.icon-button[b-c20xt4h8wu],
.modal-close-button[b-c20xt4h8wu] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    border: 1px solid var(--surface-border-soft);
    background: rgba(255, 255, 255, 0.84);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--page-text);
}

.icon-button.destructive[b-c20xt4h8wu] {
    color: #b14d3f;
}

.icon-button:hover[b-c20xt4h8wu],
.goal-movement-option:hover[b-c20xt4h8wu],
.modal-close-button:hover[b-c20xt4h8wu] {
    transform: translateY(-1px);
}

.goal-highlight-row[b-c20xt4h8wu],
.goal-progress-block[b-c20xt4h8wu],
.goal-chart-panel[b-c20xt4h8wu],
.goal-actual-contributions[b-c20xt4h8wu] {
    gap: 0.75rem;
}

.goal-progress-block[b-c20xt4h8wu] {
    display: grid;
}

.goal-progress-label-row[b-c20xt4h8wu] {
    font-size: var(--font-size-body-sm);
    font-weight: 700;
    color: var(--page-text);
}

.goal-progress-track[b-c20xt4h8wu] {
    width: 100%;
    min-height: 0.78rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface-border-soft) 80%, white 20%);
}

.goal-progress-fill[b-c20xt4h8wu] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--accent-gradient);
}

.goal-projection-pill[b-c20xt4h8wu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.42rem 0.78rem;
    border-radius: 999px;
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.04em;
    background: color-mix(in srgb, var(--neutral-soft-bg) 86%, white 14%);
    color: var(--page-text);
}

.goal-projection-pill.positive[b-c20xt4h8wu] {
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
}

.goal-projection-pill.negative[b-c20xt4h8wu] {
    background: color-mix(in srgb, var(--danger-soft-bg) 82%, white 18%);
    color: var(--danger-soft-text);
}

.goal-chart-shell[b-c20xt4h8wu] {
    width: 100%;
    min-width: 0;
}

.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-canvas,
.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-svg {
    width: 100% !important;
    max-width: 100% !important;
}

.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-toolbar {
    display: none !important;
}

.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-gridline,
.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-xaxis line,
.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-yaxis line {
    stroke: color-mix(in srgb, var(--surface-border-soft) 72%, transparent) !important;
}

.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-series path.apexcharts-area {
    fill-opacity: 0.55 !important;
}

.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-series path.apexcharts-line,
.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-annotation-line {
    stroke-width: 3px !important;
}

.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-xaxis-label,
.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-yaxis-label,
.goal-chart-shell[b-c20xt4h8wu]  .apexcharts-legend-text {
    fill: var(--muted-text) !important;
    color: var(--muted-text) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
}

.goal-stat strong[b-c20xt4h8wu],
.goal-contribution-note[b-c20xt4h8wu] {
    color: var(--page-text);
}

.goal-contribution-list[b-c20xt4h8wu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.7rem;
}

.goal-contribution-item[b-c20xt4h8wu] {
    display: grid;
    gap: 0.2rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid var(--surface-border-soft);
}

.goal-contribution-item:last-child[b-c20xt4h8wu] {
    padding-bottom: 0;
    border-bottom: none;
}

.goal-contribution-meta[b-c20xt4h8wu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.9rem;
    margin-top: 0.2rem;
    font-size: var(--font-size-body-sm);
}

.goal-movement-toggle[b-c20xt4h8wu] {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 18rem);
    padding: 0.22rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.goal-movement-option[b-c20xt4h8wu] {
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--muted-text);
    padding: 0.55rem 0.9rem;
    font-size: var(--font-size-body-sm);
    font-weight: 800;
}

.goal-movement-option.active[b-c20xt4h8wu] {
    background: var(--accent-gradient);
    color: var(--hero-text);
}

.goal-form-modal[b-c20xt4h8wu] {
    width: min(100%, 42rem);
}

.goal-form-modal .modal-close-button[b-c20xt4h8wu] {
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.goal-form-modal .modal-close-button:hover[b-c20xt4h8wu],
.goal-form-modal .modal-close-button:focus-visible[b-c20xt4h8wu] {
    background: transparent;
    box-shadow: none;
}

.goal-form-modal .modal-form-actions[b-c20xt4h8wu] {
    width: 100%;
    justify-content: flex-end;
}

.form-grid-full[b-c20xt4h8wu] {
    grid-column: 1 / -1;
}

.form-label[b-c20xt4h8wu] {
    display: block;
    margin-bottom: 0.4rem;
    font-weight: 700;
    color: var(--page-text);
}

.form-control[b-c20xt4h8wu] {
    border-radius: 0.95rem;
}

@media (max-width: 767.98px) {
    .section-header-row[b-c20xt4h8wu],
    .goal-card-head[b-c20xt4h8wu],
    .modal-header-row[b-c20xt4h8wu],
    .goal-actual-contributions-head[b-c20xt4h8wu] {
        flex-direction: column;
    }

    .goal-card-actions[b-c20xt4h8wu] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .add-contribution-button[b-c20xt4h8wu],
    .goal-secondary-action[b-c20xt4h8wu] {
        width: 100%;
        justify-content: center;
        white-space: normal;
    }

    .goal-history-actions[b-c20xt4h8wu] {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .overview-grid[b-c20xt4h8wu] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .goal-grid[b-c20xt4h8wu] {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    }

    .goal-highlight-row[b-c20xt4h8wu],
    .goal-stat-grid[b-c20xt4h8wu],
    .form-grid[b-c20xt4h8wu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/HomeWasmPage.razor.rz.scp.css */
.home-shell[b-6c19uqs332] {
    display: grid;
    gap: 1.4rem;
    container-type: inline-size;
    container-name: home-dashboard;
}

.public-home-shell[b-6c19uqs332] {
    display: grid;
    gap: 1rem;
}

.dashboard-attention-banner[b-6c19uqs332] {
    display: grid;
    gap: 0.95rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(231, 183, 110, 0.34);
    box-shadow: 0 16px 30px rgba(80, 74, 63, 0.08);
}

.onboarding-flow-shell[b-6c19uqs332] {
    display: grid;
    gap: 1rem;
    --onboarding-action-width: 18.5rem;
    --onboarding-plus-size: 3.35rem;
}

.onboarding-flow-hero[b-6c19uqs332] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border-radius: 1.35rem;
    background: rgba(255, 236, 208, 0.7);
    border: 1px solid rgba(223, 183, 142, 0.34);
    box-shadow: 0 24px 54px rgba(74, 83, 74, 0.12);
}

.onboarding-flow-hero[b-6c19uqs332]::after {
    content: "";
    position: absolute;
    inset: auto -4.5rem -5.5rem auto;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: var(--surface-card-strong);
    pointer-events: none;
}

.onboarding-hero-copy[b-6c19uqs332],
.onboarding-progress-card[b-6c19uqs332] {
    position: relative;
    z-index: 1;
}

.onboarding-hero-copy[b-6c19uqs332] {
    display: grid;
    gap: 0.75rem;
}

.onboarding-hero-copy h1[b-6c19uqs332] {
    margin: 0;
    font-size: var(--font-size-display-lg);
    line-height: 0.94;
    letter-spacing: -0.06em;
    color: #1f4031;
}

.onboarding-progress-card[b-6c19uqs332] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
    padding: 1.05rem;
    border-radius: 1.15rem;
    background: rgba(29, 67, 51, 0.94);
    color: #f8f5ef;
    box-shadow: 0 18px 38px rgba(24, 61, 46, 0.2);
}

.onboarding-progress-card strong[b-6c19uqs332] {
    font-size: var(--font-size-display-sm);
    line-height: 0.98;
    letter-spacing: -0.05em;
}

.onboarding-progress-card .metric-label[b-6c19uqs332] {
    color: rgba(248, 245, 239, 0.88);
}

.onboarding-progress-card p[b-6c19uqs332] {
    margin: 0;
    color: rgba(248, 245, 239, 0.8);
    line-height: 1.6;
}

.onboarding-progress-dots[b-6c19uqs332] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.onboarding-progress-dot[b-6c19uqs332] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: rgba(248, 245, 239, 0.24);
    border: 1px solid rgba(248, 245, 239, 0.28);
}

.onboarding-progress-dot.is-active[b-6c19uqs332] {
    background: #ffdca8;
    border-color: rgba(255, 220, 168, 0.84);
}

.onboarding-progress-dot.is-complete[b-6c19uqs332] {
    background: #89d2ac;
    border-color: rgba(137, 210, 172, 0.84);
}

.onboarding-card-stack[b-6c19uqs332] {
    display: grid;
    gap: 0.9rem;
}

.onboarding-step-card[b-6c19uqs332] {
    display: grid;
    gap: 0.85rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    box-shadow: var(--surface-shadow);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.onboarding-step-card.is-active[b-6c19uqs332] {
    gap: 1rem;
    border-color: var(--surface-border);
    box-shadow: var(--surface-shadow);
}

.onboarding-step-card.is-complete[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.onboarding-step-card.is-upcoming[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.onboarding-card-head[b-6c19uqs332] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-start;
}

.onboarding-step-number[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.9rem;
    background: var(--surface-card-strong);
    color: var(--page-text);
    font-size: var(--font-size-title-sm);
    font-weight: 900;
}

.onboarding-card-copy[b-6c19uqs332] {
    display: grid;
    gap: 0.45rem;
    flex: 1 1 0;
    min-width: 0;
}

.onboarding-card-copy h2[b-6c19uqs332] {
    margin: 0;
    color: var(--page-text);
    font-size: var(--font-size-title-md);
    letter-spacing: -0.03em;
}

.onboarding-card-copy p[b-6c19uqs332] {
    margin: 0;
    line-height: 1.6;
    color: var(--muted-text);
}

.onboarding-card-status[b-6c19uqs332] {
    display: grid;
    gap: 0.18rem;
    padding: 0.8rem 0.9rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    color: var(--muted-text);
    margin-left: auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.onboarding-card-status strong[b-6c19uqs332] {
    color: var(--page-text);
    font-size: var(--font-size-body-md);
}

.onboarding-card-status span[b-6c19uqs332] {
    font-size: var(--font-size-body-sm);
}

.onboarding-card-body[b-6c19uqs332] {
    display: grid;
    gap: 0.85rem;
    padding-top: 0.25rem;
}

.onboarding-step-entry[b-6c19uqs332] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 1.05rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.onboarding-entry-copy[b-6c19uqs332] {
    display: grid;
    gap: 0.35rem;
}

.onboarding-entry-copy strong[b-6c19uqs332] {
    color: var(--page-text);
    font-size: var(--font-size-body-md);
}

.onboarding-entry-copy p[b-6c19uqs332] {
    margin: 0;
    color: #6f665f;
    line-height: 1.55;
}

.onboarding-entry-actions[b-6c19uqs332] {
    display: grid;
    gap: 0.7rem;
    justify-items: stretch;
}

.onboarding-entry-primary[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--onboarding-plus-size);
    min-width: var(--onboarding-plus-size);
    height: var(--onboarding-plus-size);
    min-height: var(--onboarding-plus-size);
    padding: 0;
    border-radius: 1rem;
    border: 1px solid rgba(183, 190, 201, 0.78);
    background: var(--surface-card-strong);
    color: #536273;
    box-shadow: 0 12px 22px rgba(58, 68, 82, 0.08);
    flex: 0 0 auto;
}

.onboarding-entry-primary:hover[b-6c19uqs332],
.onboarding-entry-primary:focus-visible[b-6c19uqs332] {
    border-color: rgba(145, 157, 173, 0.92);
    background: var(--surface-card-strong);
    color: #3f4f61;
}

.onboarding-entry-plus[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1;
}

.onboarding-feedback[b-6c19uqs332] {
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid transparent;
    font-size: var(--font-size-body-sm);
    line-height: 1.55;
}

.onboarding-feedback.success[b-6c19uqs332] {
    color: #184732;
    background: rgba(233, 247, 239, 0.92);
    border-color: rgba(102, 184, 143, 0.34);
}

.onboarding-feedback.error[b-6c19uqs332] {
    color: #6f2f26;
    background: rgba(254, 239, 235, 0.94);
    border-color: rgba(211, 127, 105, 0.32);
}

.onboarding-form[b-6c19uqs332] {
    display: grid;
    gap: 0.85rem;
}

.onboarding-form-grid[b-6c19uqs332] {
    display: grid;
    gap: 0.9rem;
}

.onboarding-category-picker[b-6c19uqs332] {
    display: grid;
    gap: 0.55rem;
}

.onboarding-category-picker .single-category-picker[b-6c19uqs332] {
    display: flex;
}

.onboarding-category-picker .category-search[b-6c19uqs332] {
    flex: 1 1 auto;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.onboarding-category-picker .category-toggle[b-6c19uqs332] {
    flex: 0 0 3rem;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.onboarding-category-picker .category-menu[b-6c19uqs332] {
    display: grid;
    gap: 0.4rem;
    padding: 0.55rem;
    border-radius: 1rem;
    border: 1px solid var(--surface-border-soft);
    background: var(--surface-overlay);
    box-shadow: 0 18px 32px rgba(31, 80, 121, 0.12);
    max-height: 13rem;
    overflow-y: auto;
}

.onboarding-category-picker .category-option-button[b-6c19uqs332] {
    width: 100%;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(31, 80, 121, 0.12);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.88);
    color: #274255;
    font-size: var(--font-size-body-sm);
    font-weight: 650;
    text-align: left;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.onboarding-category-picker .category-option-button:hover[b-6c19uqs332],
.onboarding-category-picker .category-option-button:focus-visible[b-6c19uqs332] {
    background: rgba(228, 239, 248, 0.96);
    border-color: rgba(31, 80, 121, 0.22);
    transform: translateY(-1px);
}

.onboarding-category-picker .category-option-button.selected[b-6c19uqs332] {
    background: rgba(219, 234, 246, 0.98);
    border-color: rgba(31, 80, 121, 0.28);
    color: #17374b;
}

.onboarding-form-span-2[b-6c19uqs332] {
    grid-column: 1 / -1;
}

.onboarding-checkbox[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #4f5f55;
    font-size: var(--font-size-body-sm);
    font-weight: 600;
}

.onboarding-checkbox input[b-6c19uqs332] {
    width: 1rem;
    height: 1rem;
}

.onboarding-footnote[b-6c19uqs332] {
    margin: -0.15rem 0 0;
    color: #7b6856;
    font-size: var(--font-size-body-sm);
}

.onboarding-card-actions[b-6c19uqs332] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: stretch;
}

.onboarding-card-actions .btn[b-6c19uqs332] {
    width: 100%;
    justify-content: center;
}

.onboarding-form-actions[b-6c19uqs332] {
    justify-content: flex-start;
}

.onboarding-ghost-button[b-6c19uqs332],
.onboarding-continue-button[b-6c19uqs332] {
    border-radius: 999px;
}

.onboarding-continue-button[b-6c19uqs332] {
    box-shadow: 0 14px 26px rgba(31, 80, 121, 0.16);
}

.onboarding-skip-button[b-6c19uqs332] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2f6b58;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.onboarding-skip-button:hover[b-6c19uqs332] {
    color: #245745;
}

.dashboard-guidance-card[b-6c19uqs332] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 1.05rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.dashboard-guidance-copy[b-6c19uqs332] {
    display: grid;
    gap: 0.45rem;
}

.dashboard-guidance-kicker[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.66);
    color: #7d5c46;
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-guidance-copy h3[b-6c19uqs332] {
    margin: 0;
    color: var(--page-text);
    font-size: var(--font-size-title-md);
    letter-spacing: -0.03em;
}

.dashboard-guidance-copy p[b-6c19uqs332] {
    margin: 0;
    color: #6f665f;
    line-height: 1.6;
}

.dashboard-guidance-actions[b-6c19uqs332] {
    display: flex;
    justify-content: flex-start;
}

.dashboard-guidance-link[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: 0.8rem 1.1rem;
    border-radius: 999px;
    font-weight: 800;
}

.dashboard-section-networth .dashboard-guidance-card[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.dashboard-section-networth .dashboard-guidance-kicker[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.16);
    color: rgba(255, 253, 249, 0.88);
}

.dashboard-section-networth .dashboard-guidance-copy h3[b-6c19uqs332],
.dashboard-section-networth .dashboard-guidance-copy p[b-6c19uqs332] {
    color: var(--hero-text);
}

.dashboard-section-networth .dashboard-guidance-copy p[b-6c19uqs332] {
    color: var(--hero-subtle-text);
}

.dashboard-attention-copy h2[b-6c19uqs332] {
    margin: 0.12rem 0 0;
    font-size: var(--font-size-title-md);
    letter-spacing: -0.03em;
    color: #7a4d14;
}

.dashboard-attention-actions[b-6c19uqs332] {
    display: flex;
    justify-content: flex-start;
}

.dashboard-attention-link[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.7rem 1rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    color: #fff8ef;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 12px 20px rgba(217, 139, 43, 0.16);
}

.dashboard-attention-link:hover[b-6c19uqs332] {
    color: #fff8ef;
    text-decoration: none;
}

.dashboard-attention-list[b-6c19uqs332] {
    display: grid;
    gap: 0.65rem;
}

.dashboard-attention-item[b-6c19uqs332] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.9rem;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(223, 202, 178, 0.34);
}

.dashboard-attention-item > div[b-6c19uqs332] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.dashboard-attention-item strong:first-child[b-6c19uqs332] {
    color: #28493a;
}

.dashboard-attention-item span[b-6c19uqs332] {
    color: #7b6856;
    font-size: var(--font-size-body-sm);
}

.dashboard-attention-item-actions[b-6c19uqs332] {
    display: grid;
    gap: 0.45rem;
    justify-items: stretch;
    flex: 0 0 auto;
}

.dashboard-attention-confirm[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(102, 184, 143, 0.42);
    border-radius: 999px;
    background: rgba(235, 248, 241, 0.92);
    color: #2f6b58;
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.04em;
    white-space: normal;
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, opacity 0.16s ease;
}

.dashboard-attention-confirm:hover:not(:disabled)[b-6c19uqs332] {
    background: rgba(219, 242, 230, 0.96);
    border-color: rgba(75, 143, 104, 0.54);
    color: #245745;
}

.dashboard-attention-confirm:disabled[b-6c19uqs332] {
    opacity: 0.72;
    cursor: wait;
}

.transaction-form-grid[b-6c19uqs332] {
    display: grid;
    grid-template-columns: 1fr;
    margin-block: 1rem;
}

.transaction-form-row[b-6c19uqs332] {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 1rem;
    min-width: 0;
}

.transaction-form-row-full[b-6c19uqs332] {
    grid-column: 1 / -1;
}

.transaction-form-row-two-up[b-6c19uqs332] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

.transaction-form-row.transaction-recurring-fields-row[b-6c19uqs332] {
    gap: 1.2rem;
}

.transaction-form-row-spacer[b-6c19uqs332] {
    display: grid;
    gap: 0.55rem;
}

.transaction-form-field[b-6c19uqs332] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.transaction-form-row-type .type-toggle[b-6c19uqs332] {
    width: 100%;
}

.transaction-form-row-two-up .category-picker-field[b-6c19uqs332],
.transaction-form-row-two-up > div[b-6c19uqs332] {
    min-width: 0;
}

.transaction-frequency-toggle[b-6c19uqs332] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 1rem;
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.25rem;
    width: 100%;
}

.transaction-frequency-option[b-6c19uqs332] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 999px;
    color: var(--muted-text);
    display: inline-flex;
    flex: 1 1 0;
    font-weight: 700;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.55rem 0.9rem;
}

.transaction-frequency-option.active[b-6c19uqs332] {
    background: var(--accent-gradient);
    color: var(--hero-text);
}

.transaction-recurring-mode-picker[b-6c19uqs332] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

.transaction-recurring-mode-option[b-6c19uqs332] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 1rem;
    display: grid;
    gap: 0.7rem;
    opacity: 0.5;
    padding: 1rem;
}

.transaction-recurring-mode-option.active[b-6c19uqs332] {
    border-color: var(--accent-border);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-border) 22%, transparent);
    opacity: 1;
}

.transaction-recurring-mode-top-row[b-6c19uqs332] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.transaction-recurring-mode-field-row[b-6c19uqs332] {
    grid-column: 1 / -1;
    min-width: 0;
}

.transaction-recurring-mode-option input[type="radio"][b-6c19uqs332] {
    accent-color: var(--accent-soft-text);
    align-self: center;
    justify-self: start;
    margin: 0;
}

.transaction-recurring-mode-copy[b-6c19uqs332] {
    color: var(--page-text);
    font-weight: 700;
    min-width: 0;
}

.transaction-recurring-mode-option .transaction-recurring-mode-field[b-6c19uqs332] {
    display: block;
    grid-column: 1 / -1 !important;
    justify-self: stretch;
    min-width: 0;
    width: 100%;
}

.transaction-form-actions-row[b-6c19uqs332] {
    margin-top: 0.25rem;
}

.transaction-form-actions[b-6c19uqs332] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-start;
}

.transaction-form-actions .btn[b-6c19uqs332] {
    min-width: 9rem;
}

.dashboard-grid[b-6c19uqs332] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.15rem;
    align-items: start;
}

.dashboard-columns[b-6c19uqs332] {
    display: none;
    min-width: 0;
}

.dashboard-section[b-6c19uqs332] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    box-shadow: var(--surface-shadow);
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
    align-content: start;
    align-self: start;
    height: auto;
    min-width: 0;
}

.dashboard-section-standard[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.dashboard-section-networth[b-6c19uqs332] {
    position: relative;
    overflow: hidden;
    background: var(--surface-card-strong);
    color: var(--page-text);
    border: 1px solid var(--surface-border-soft);
    box-shadow: var(--surface-shadow);
    min-height: 21rem;
}

.dashboard-section-networth[b-6c19uqs332]::after {
    content: none;
}

.dashboard-section.is-customizing[b-6c19uqs332] {
    cursor: grab;
}

.dashboard-section.is-customizing:hover[b-6c19uqs332] {
    transform: translateY(-2px);
    box-shadow: 0 22px 38px rgba(80, 74, 63, 0.12);
}

.dashboard-section.is-dragging[b-6c19uqs332] {
    opacity: 0.72;
    transform: scale(0.985);
}

.dashboard-section.is-collapsed[b-6c19uqs332] {
    gap: 0;
}

.section-header-row[b-6c19uqs332] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.section-heading[b-6c19uqs332] {
    display: flex;
    gap: 0.9rem;
    min-width: 0;
    align-items:center;
}

.section-header-row-has-tools[b-6c19uqs332] {
    flex-direction: row;
    align-items: stretch;
    gap: 0.85rem;
    flex-wrap: nowrap;
}

.section-header-row-has-tools .section-heading[b-6c19uqs332] {
    flex: 1 1 auto;
    min-width: 0;
}

.section-header-row-has-tools .section-heading > div[b-6c19uqs332] {
    min-width: 0;
}

.dashboard-widget-title[b-6c19uqs332] {
    margin: 0;
    color: black;
    font-size: var(--font-size-title-sm);
    font-weight: 800;
    letter-spacing: -0.01em;
    text-transform: none;
}

.dashboard-section-networth .dashboard-widget-title[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
}

.eyebrow[b-6c19uqs332],
.section-kicker[b-6c19uqs332],
.metric-label[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 700;
    text-transform: uppercase;
}

.dashboard-section-networth .metric-label[b-6c19uqs332] {
    color: var(--hero-subtle-text);
}

.icon-shell[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.95rem;
    background: var(--surface-card-strong);
    color: #24513e;
    flex-shrink: 0;
}

.networth-icon-shell[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: var(--hero-text);
}

.card-glyph[b-6c19uqs332] {
    width: 1.35rem;
    height: 1.35rem;
}

.section-actions[b-6c19uqs332] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

.section-action-button[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid rgba(203, 186, 166, 0.4);
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.74);
    color: #335545;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.section-action-button:disabled[b-6c19uqs332] {
    opacity: 0.42;
    cursor: not-allowed;
}

.section-action-button:not(:disabled):hover[b-6c19uqs332] {
    background: rgba(255, 244, 232, 0.96);
    border-color: rgba(186, 151, 116, 0.46);
}

.dashboard-section-networth .section-action-button[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--hero-text);
}

.dashboard-section-networth .section-action-button:not(:disabled):hover[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.16);
}

.section-action-glyph[b-6c19uqs332] {
    width: 1rem;
    height: 1rem;
}

.spending-section-tools[b-6c19uqs332] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    width: min(100%, 7.4rem);
    max-width: 100%;
    min-width: 0;
    align-items: stretch;
    justify-items: stretch;
    margin-left: auto;
    flex: 0 1 auto;
}

.activity-section-tools[b-6c19uqs332] {
    width: min(100%, 11.6rem);
}

.activity-section-tools .spending-timeframe-select[b-6c19uqs332] {
    width: min(100%, 7.4rem);
    justify-self: end;
}

.spending-timeframe-select[b-6c19uqs332] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0.5rem 2rem 0.5rem 0.7rem;
    border: 1px solid rgba(203, 186, 166, 0.58);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.82);
    color: #28493a;
    font: inherit;
    font-size: var(--font-size-caption-tight);
    font-weight: 700;
    line-height: 1.2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.spending-timeframe-select:focus-visible[b-6c19uqs332],
.spending-view-button:focus-visible[b-6c19uqs332],
.spending-category-bar-item:focus-visible[b-6c19uqs332] {
    outline: 2px solid rgba(48, 109, 88, 0.5);
    outline-offset: 2px;
}

.spending-view-toggle[b-6c19uqs332] {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 0.2rem;
    padding: 0.2rem;
    border: 1px solid rgba(203, 186, 166, 0.48);
    border-radius: 999px;
    background: var(--surface-card-strong);
    justify-self: end;
}

.spending-view-button[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #7d5c46;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.spending-view-button:hover[b-6c19uqs332] {
    color: #28493a;
}

.spending-view-button.active[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #fff7ef;
    box-shadow: 0 10px 18px rgba(47, 107, 88, 0.2);
}

.spending-view-icon[b-6c19uqs332] {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.networth-only-body[b-6c19uqs332] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: stretch;
    align-content: start;
    position: relative;
    z-index: 1;
}

.networth-primary[b-6c19uqs332] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.networth-value[b-6c19uqs332] {
    display: block;
    font-size: calc(var(--font-size-display-lg) * 1.5);
    line-height: 0.92;
    letter-spacing: -0.07em;
    color: var(--hero-text);
}

.networth-breakdown-row[b-6c19uqs332],
.networth-count-pill[b-6c19uqs332] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.9rem;
}

.networth-breakdown-row span[b-6c19uqs332],
.networth-count-pill span[b-6c19uqs332] {
    font-size: var(--font-size-caption);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.networth-breakdown-row strong[b-6c19uqs332],
.networth-count-pill strong[b-6c19uqs332] {
    font-size: var(--font-size-title-sm);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.networth-count-pills[b-6c19uqs332] {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(8.9rem, 1fr));
    align-items: stretch;
    gap: 0.6rem;
    justify-content: start;
    width: max-content;
    max-width: 100%;
}

.networth-count-pill[b-6c19uqs332] {
    min-height: 0;
    padding: 0.6rem 0.8rem;
    gap: 0.55rem;
    border-radius: 999px;
    justify-content: space-between;
}

.networth-count-pill strong[b-6c19uqs332] {
    font-size: 1rem;
    letter-spacing: -0.02em;
}

.networth-count-pill span[b-6c19uqs332] {
    font-size: 0.68rem;
    letter-spacing: 0.1em;
}

.networth-breakdown-row.positive[b-6c19uqs332] {
    background: rgba(119, 214, 168, 0.18);
    color: #dff7ea;
}

.networth-breakdown-row.negative[b-6c19uqs332] {
    background: rgba(255, 145, 145, 0.18);
    color: #ffe5e5;
}

.networth-count-pill.positive[b-6c19uqs332] {
    background: rgba(119, 214, 168, 0.18);
    color: #dff7ea;
}

.networth-count-pill.negative[b-6c19uqs332] {
    background: rgba(255, 145, 145, 0.18);
    color: #ffe5e5;
}

.metric-row[b-6c19uqs332] {
    display: grid;
    gap: 0.8rem;
}

.metric-row.two-up[b-6c19uqs332] {
    grid-template-columns: 1fr;
}

.metric-row.three-up[b-6c19uqs332] {
    grid-template-columns: 1fr;
}

.metric-row.three-up.activity-metric-row[b-6c19uqs332] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.activity-metric-row .metric-tile[b-6c19uqs332] {
    min-width: 0;
}

.activity-metric-row .metric-tile span[b-6c19uqs332] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-tile[b-6c19uqs332] {
    padding: 0.85rem 0.9rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(223, 202, 178, 0.34);
}

.metric-tile span[b-6c19uqs332] {
    display: block;
    font-size: var(--font-size-support);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #8a6d58;
}

.metric-tile strong[b-6c19uqs332] {
    display: block;
    margin-top: 0.35rem;
    font-size: var(--font-size-title-sm);
    color: #224635;
}

.metric-tile.positive strong[b-6c19uqs332],
.compact-list-item .positive[b-6c19uqs332] {
    color: #1f7a45;
}

.metric-tile.negative strong[b-6c19uqs332],
.compact-list-item .negative[b-6c19uqs332] {
    color: #b24d47;
}

.metric-tile.warning strong[b-6c19uqs332],
.compact-list-item .warning[b-6c19uqs332] {
    color: #9a6a1d;
}

.list-block[b-6c19uqs332],
.focus-stack[b-6c19uqs332] {
    display: grid;
    gap: 0.8rem;
}

.list-block-head[b-6c19uqs332] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.list-block-head h3[b-6c19uqs332] {
    margin: 0;
    font-size: var(--font-size-body);
    color: #365545;
}

.list-block-head span[b-6c19uqs332] {
    font-size: var(--font-size-support);
    color: #8a6f5d;
}

.compact-list[b-6c19uqs332] {
    display: grid;
    gap: 0.65rem;
}

.compact-list-item[b-6c19uqs332] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 0.55rem 0.8rem;
    padding: 0.8rem 0.95rem;
    border-radius: 1rem;
    background: rgba(248, 243, 236, 0.72);
}

.compact-list-item > div[b-6c19uqs332] {
    min-width: 0;
}

.compact-list-item strong[b-6c19uqs332] {
    display: block;
    color: #244432;
}

.compact-list-item > strong[b-6c19uqs332] {
    align-self: center;
    justify-self: start;
    text-align: left;
    white-space: normal;
}

.compact-list-item span[b-6c19uqs332] {
    display: block;
    margin-top: 0.2rem;
    font-size: var(--font-size-support);
    color: #816a59;
    line-height: 1.3;
}

.forecast-summary-row[b-6c19uqs332] {
    gap: 0.7rem;
}

.forecast-primary-tile[b-6c19uqs332] {
    padding: 1rem 1rem 1.05rem;
    border-radius: 1.35rem;
}

.forecast-primary-tile span[b-6c19uqs332] {
    font-size: 0.72rem;
    letter-spacing: 0.12em;
}

.forecast-primary-tile strong[b-6c19uqs332] {
    font-size: clamp(1.55rem, 6vw, 2rem);
    letter-spacing: -0.05em;
}

.forecast-support-pill[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: max-content;
    max-width: 100%;
    padding: 0.7rem 0.9rem;
    border-radius: 999px;
}

.forecast-support-pill span[b-6c19uqs332],
.forecast-support-pill strong[b-6c19uqs332] {
    display: inline;
    margin: 0;
}

.forecast-support-pill strong[b-6c19uqs332] {
    font-size: 0.98rem;
    letter-spacing: -0.02em;
}

.forecast-list-block[b-6c19uqs332] {
    gap: 0.75rem;
}

.forecast-list-block .list-block-head[b-6c19uqs332] {
    gap: 0.3rem;
}

.forecast-list-block .list-block-head h3[b-6c19uqs332] {
    font-size: 0.98rem;
}

.forecast-compact-list[b-6c19uqs332] {
    gap: 0.7rem;
}

.forecast-list-item[b-6c19uqs332] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-radius: 1.2rem;
}

.forecast-list-meta[b-6c19uqs332] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.forecast-list-copy[b-6c19uqs332] {
    min-width: 0;
}

.forecast-list-copy strong[b-6c19uqs332] {
    display: block;
    font-weight: 500;
    color: var(--home-aurelian-ink);
}

.forecast-list-copy span[b-6c19uqs332] {
    display: block;
    margin-top: 0.18rem;
    color: var(--home-aurelian-subtle);
}

.forecast-list-icon[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.95rem;
    flex-shrink: 0;
}

.forecast-list-icon.positive[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #3b7b63;
}

.forecast-list-icon.negative[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #9a5b54;
}

.forecast-list-icon-svg[b-6c19uqs332] {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.forecast-list-value[b-6c19uqs332] {
    flex-shrink: 0;
    white-space: nowrap;
    font-weight: 500;
}

.forecast-list-value.positive[b-6c19uqs332] {
    color: #3b7b63;
}

.forecast-list-value.negative[b-6c19uqs332] {
    color: #b05d57;
}

.budget-risk-bars-block[b-6c19uqs332] {
    gap: 0.75rem;
}

.budget-risk-bar-list[b-6c19uqs332] {
    gap: 1rem;
}

.budget-risk-bar-item[b-6c19uqs332] {
    gap: 0.6rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.budget-risk-bar-track[b-6c19uqs332] {
    background: rgba(223, 220, 238, 0.78);
}

.budget-risk-bar-fill.positive[b-6c19uqs332] {
    background: #9bcfb2;
}

.budget-risk-bar-fill.warning[b-6c19uqs332] {
    background: #e9c98a;
}

.budget-risk-bar-fill.elevated[b-6c19uqs332] {
    background: #e3a87f;
}

.budget-risk-bar-fill.negative[b-6c19uqs332] {
    background: #d98b86;
}

.budget-risk-bar-fill.neutral[b-6c19uqs332] {
    background: transparent;
}

.forecast-mobile-card[b-6c19uqs332] {
    display: grid;
    gap: 0.3rem;
    padding: 0;
    border-radius: 0;
    min-height: 100%;
    background: transparent;
}

.forecast-mobile-card-positive[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #244c3f;
}

.forecast-mobile-card-negative[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #6f4844;
}

.forecast-mobile-head[b-6c19uqs332] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.forecast-mobile-icon[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.95rem;
}

.forecast-mobile-icon.positive[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.46);
    color: #3b7b63;
}

.forecast-mobile-icon.negative[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.42);
    color: #9a5b54;
}

.forecast-mobile-icon-svg[b-6c19uqs332] {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.forecast-mobile-title[b-6c19uqs332] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 600;
    color: inherit;
}

.forecast-mobile-subtitle[b-6c19uqs332],
.forecast-mobile-date[b-6c19uqs332],
.forecast-mobile-secondary-name[b-6c19uqs332],
.forecast-mobile-secondary-value[b-6c19uqs332] {
    margin: 0;
}

.forecast-mobile-subtitle[b-6c19uqs332] {
    margin-top: 0.45rem;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.72;
}

.forecast-mobile-value[b-6c19uqs332] {
    display: block;
    font-size: clamp(1.65rem, 6.4vw, 2.1rem);
    line-height: 1.02;
    letter-spacing: -0.05em;
    font-weight: 600;
    color: inherit;
}

.forecast-mobile-date[b-6c19uqs332] {
    margin-top: 0.2rem;
    font-size: 0.82rem;
    opacity: 0.72;
}

.forecast-mobile-secondary-name[b-6c19uqs332],
.forecast-mobile-secondary-value[b-6c19uqs332] {
    opacity: 0.52;
}

.forecast-mobile-secondary-name[b-6c19uqs332] {
    margin-top: 0.45rem;
    font-size: 0.82rem;
    font-weight: 500;
}

.forecast-mobile-secondary-value[b-6c19uqs332] {
    font-size: 1rem;
    font-weight: 500;
}

.forecast-desktop-content[b-6c19uqs332] {
    display: none;
}

.dashboard-mobile-paired-row[b-6c19uqs332] {
    display: flex;
    align-items: stretch;
    gap: 0.75rem;
    width: 100%;
    min-width: 0;
}

.dashboard-mobile-paired-row > .dashboard-section-bills[b-6c19uqs332],
.dashboard-mobile-paired-row > .dashboard-section-income[b-6c19uqs332] {
    flex: 1 1 calc(50% - 0.375rem);
    width: calc(50% - 0.375rem);
    max-width: calc(50% - 0.375rem);
    min-width: 0;
    align-self: stretch;
}

.dashboard-section-bills[b-6c19uqs332],
.dashboard-section-income[b-6c19uqs332] {
    width: 100%;
    max-width: 100%;
}

.dashboard-section-bills .section-header-row[b-6c19uqs332],
.dashboard-section-income .section-header-row[b-6c19uqs332] {
    display: none;
}

.dashboard-section-bills[b-6c19uqs332] {
    background: var(--surface-card-strong);
    border-color: rgba(240, 190, 182, 0.72);
}

.dashboard-section-income[b-6c19uqs332] {
    background: var(--surface-card-strong);
    border-color: rgba(173, 219, 194, 0.74);
}

.investment-list-item[b-6c19uqs332] {
    align-items: center;
}

.investment-cost-value[b-6c19uqs332] {
    color: #245a45;
}

.shares-widget-shell[b-6c19uqs332] {
    display: grid;
    gap: 0.85rem;
}

.shares-widget-hero[b-6c19uqs332] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem 1rem;
    align-items: center;
    color: var(--home-aurelian-ink);
}

.shares-widget-hero-copy[b-6c19uqs332] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.55rem 0.8rem;
    min-width: 0;
}

.shares-widget-value[b-6c19uqs332] {
    font-size: clamp(1.8rem, 7vw, 2.4rem);
    line-height: 0.95;
    letter-spacing: -0.05em;
    color: var(--home-aurelian-ink);
}

.shares-widget-summary[b-6c19uqs332] {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
    color: var(--home-aurelian-subtle);
    font-size: var(--font-size-support);
    line-height: 1.25;
    text-align: right;
    white-space: nowrap;
}

.shares-widget-summary strong[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
    font-size: 1rem;
    letter-spacing: -0.03em;
}

.shares-list-block[b-6c19uqs332] {
    gap: 0.75rem;
}

.shares-position-list[b-6c19uqs332] {
    gap: 0.75rem;
    justify-items: start;
}

.shares-position-item[b-6c19uqs332] {
    align-items: center;
    width: fit-content;
    max-width: 100%;
    background: var(--surface-card-strong);
}

.shares-position-copy[b-6c19uqs332] {
    display: grid;
    gap: 0.38rem;
    min-width: 0;
}

.shares-position-head[b-6c19uqs332] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.55rem;
}

.shares-symbol-pill[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.58rem;
    border-radius: 999px;
    background: rgba(13, 71, 161, 0.1);
    color: #0d47a1;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.shares-position-name[b-6c19uqs332] {
    color: var(--home-aurelian-subtle);
    font-size: var(--font-size-support);
    line-height: 1.25;
}

.shares-position-meta[b-6c19uqs332] {
    color: var(--home-aurelian-subtle);
    font-size: var(--font-size-support);
    line-height: 1.3;
}

.shares-position-value[b-6c19uqs332] {
    color: #0b4b74;
    font-size: 1.02rem;
    letter-spacing: -0.03em;
}

.category-spend-list[b-6c19uqs332] {
    display: grid;
    gap: 0.8rem;
}

.category-spend-item[b-6c19uqs332] {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: rgba(248, 243, 236, 0.72);
    border: 1px solid rgba(223, 202, 178, 0.22);
}

.category-spend-head[b-6c19uqs332] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
}

.category-spend-head strong[b-6c19uqs332] {
    color: #244432;
}

.category-spend-head span[b-6c19uqs332] {
    font-size: var(--font-size-support);
    color: #816a59;
}

.category-spend-bar[b-6c19uqs332] {
    height: 0.55rem;
    border-radius: 999px;
    background: rgba(223, 202, 178, 0.34);
    overflow: hidden;
}

.category-spend-fill[b-6c19uqs332] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--surface-card-strong);
}

.account-balance-item[b-6c19uqs332] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
}

.account-balance-icon-shell[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.95rem;
    flex: 0 0 auto;
}

.account-balance-icon-shell.positive[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #3b7b63;
}

.account-balance-icon-shell.negative[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #9a5b54;
}

.account-balance-icon[b-6c19uqs332] {
    width: 1rem;
    height: 1rem;
}

.account-balance-name[b-6c19uqs332] {
    min-width: 0;
}

.account-balance-name strong[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
}

.account-balance-meta[b-6c19uqs332] {
    display: grid;
    justify-self: end;
    justify-items: end;
    align-self: center;
    width: max-content;
    max-width: 100%;
    gap: 0.35rem;
    text-align: right;
}

.account-balance-meta > strong[b-6c19uqs332],
.account-balance-meta > .account-kind-label[b-6c19uqs332] {
    justify-self: end;
}

.account-kind-label[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 247, 239, 0.9);
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.focus-stack[b-6c19uqs332] {
    grid-template-columns: 1fr;
}

.focus-item[b-6c19uqs332] {
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(248, 243, 236, 0.72);
    border: 1px solid rgba(223, 202, 178, 0.26);
}

.focus-label[b-6c19uqs332] {
    display: block;
    font-size: var(--font-size-caption);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #8a6d58;
}

.focus-item strong[b-6c19uqs332] {
    display: block;
    margin-top: 0.35rem;
    font-size: var(--font-size-title-sm);
    color: #244432;
}

.focus-item p[b-6c19uqs332],
.empty-state[b-6c19uqs332] {
    margin: 0.45rem 0 0;
    line-height: 1.55;
    color: #5b544d;
}

.hidden-sections-panel[b-6c19uqs332] {
    display: grid;
    gap: 0.8rem;
    margin-top: 1.1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.2rem;
    background: rgba(255, 248, 240, 0.88);
    border: 1px solid rgba(223, 202, 178, 0.34);
}

.hidden-sections-panel h2[b-6c19uqs332] {
    margin: 0.18rem 0 0;
    font-size: var(--font-size-title-sm);
    color: #355041;
}

.hidden-section-chip-row[b-6c19uqs332] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.hidden-section-chip[b-6c19uqs332] {
    padding: 0.7rem 0.95rem;
    border: 1px solid rgba(203, 186, 166, 0.45);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #355041;
    font-weight: 700;
}

.customize-footer[b-6c19uqs332] {
    display: flex;
    justify-content: center;
    margin-top: 1.35rem;
}

.customize-toggle-button[b-6c19uqs332] {
    min-width: min(100%, 18rem);
    padding: 0.95rem 1.35rem;
    border: 1px solid rgba(203, 186, 166, 0.48);
    border-radius: 999px;
    background: var(--surface-card-strong);
    color: #28493a;
    font-size: var(--font-size-body);
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: 0 16px 30px rgba(80, 74, 63, 0.08);
}

.networth-hero[b-6c19uqs332] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.4rem;
    align-items: stretch;
    padding: 1.15rem;
    border-radius: 1.2rem;
    background: rgba(255, 239, 221, 0.62);
    border: 1px solid rgba(232, 186, 142, 0.28);
    box-shadow: 0 24px 54px rgba(74, 83, 74, 0.12);
}

.networth-hero[b-6c19uqs332]::after {
    content: "";
    position: absolute;
    inset: auto -5rem -6rem auto;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: var(--surface-card-strong);
    pointer-events: none;
}

.hero-copy[b-6c19uqs332],
.networth-card[b-6c19uqs332] {
    position: relative;
    z-index: 1;
}

.hero-copy[b-6c19uqs332] {
    display: grid;
    align-content: center;
    gap: 0.85rem;
}

.hero-copy h1[b-6c19uqs332] {
    margin: 0;
    font-size: var(--font-size-display-lg);
    line-height: 0.92;
    letter-spacing: -0.06em;
    color: #1f4031;
}

.hero-subtitle[b-6c19uqs332] {
    max-width: 40rem;
    margin: 0;
    font-size: var(--font-size-body);
    line-height: 1.7;
    color: #567064;
}

.networth-card[b-6c19uqs332] {
    display: grid;
    align-content: start;
    gap: 0.95rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
    background: var(--surface-card-strong);
    color: var(--page-text);
    box-shadow: var(--surface-shadow);
}

.networth-card .metric-label[b-6c19uqs332] {
    width: fit-content;
    padding: 0.42rem 0.72rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    color: var(--page-text);
    box-shadow: none;
}

.networth-card strong[b-6c19uqs332] {
    font-size: var(--font-size-display-md);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.networth-card p[b-6c19uqs332] {
    margin: 0;
    line-height: 1.65;
    color: var(--muted-text);
}

.public-callout[b-6c19uqs332] {
    align-content: center;
}

.public-callout-actions[b-6c19uqs332] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.1rem;
}

.public-callout-primary[b-6c19uqs332] {
    width: 100%;
    text-align: center;
}

.public-callout-secondary[b-6c19uqs332] {
    color: rgba(248, 245, 239, 0.9);
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.public-callout-secondary:hover[b-6c19uqs332] {
    color: #ffffff;
}

.public-trust-section[b-6c19uqs332] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
    background: rgba(248, 253, 250, 0.96);
    border: 1px solid rgba(223, 202, 178, 0.36);
    box-shadow: 0 16px 30px rgba(80, 74, 63, 0.08);
}

.public-trust-header[b-6c19uqs332] {
    display: grid;
    gap: 0.55rem;
}

.public-trust-header h2[b-6c19uqs332] {
    margin: 0;
    color: #28493a;
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.04em;
}

.public-trust-header p[b-6c19uqs332] {
    margin: 0;
    color: #6f665f;
    line-height: 1.65;
    max-width: 48rem;
}

.public-trust-grid[b-6c19uqs332] {
    display: grid;
    gap: 0.85rem;
}

.public-trust-card[b-6c19uqs332] {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 1.05rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(223, 202, 178, 0.32);
}

.public-trust-label[b-6c19uqs332] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 0.34rem 0.62rem;
    border-radius: 999px;
    background: rgba(237, 246, 241, 0.96);
    color: #1f5845;
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.account-kind-label.positive[b-6c19uqs332] {
    background: rgba(220, 245, 232, 0.9);
    color: #305a4c;
}

.account-kind-label.negative[b-6c19uqs332] {
    background: rgba(255, 235, 229, 0.92);
    color: #7b4d4c;
}

.public-trust-card h3[b-6c19uqs332] {
    margin: 0;
    color: #28493a;
    font-size: var(--font-size-title-sm);
    letter-spacing: -0.02em;
}

.public-trust-card p[b-6c19uqs332] {
    margin: 0;
    color: #5b544d;
    line-height: 1.6;
}

.dashboard-section-networth[b-6c19uqs332] {
    grid-column: 1 / -1;
}

.dashboard-toolbar[b-6c19uqs332] {
    position: fixed;
    top: calc((var(--mobile-nav-height, 56px) - 2rem) / 2);
    right: 0.9rem;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
    z-index: 56;
    transition: transform 0.14s ease, opacity 0.14s ease;
}

.customize-trigger[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 2.95rem;
    height: 2.25rem;
    border: 1px solid rgba(255, 249, 253, 0.2);
    border-radius: 0.9rem;
    background: var(--sidebar-header-background);
    color: rgba(255, 247, 252, 0.82);
    box-shadow: none;
    backdrop-filter: none;
}

.customize-trigger-glyph[b-6c19uqs332] {
    width: 1rem;
    height: 1rem;
}

.customize-trigger-label[b-6c19uqs332] {
    display: none;
}

.customize-trigger:hover[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.18);
}

.sidebar.is-hidden ~ .desktop-content-shell main .dashboard-toolbar[b-6c19uqs332] {
    transform: translateY(calc(-1 * var(--mobile-nav-height, 3.95rem) - 1rem));
    opacity: 0;
    pointer-events: none;
}

.dashboard-empty-state[b-6c19uqs332] {
    display: grid;
    gap: 0.7rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(223, 202, 178, 0.42);
    box-shadow: 0 16px 30px rgba(80, 74, 63, 0.08);
}

.dashboard-loading-state[b-6c19uqs332] {
    text-align: center;
    padding: 1rem 1.1rem;
    background: var(--surface-card-strong);
    border-color: rgba(223, 202, 178, 0.42);
}

.dashboard-loading-state .section-kicker[b-6c19uqs332],
.dashboard-loading-state h2[b-6c19uqs332],
.dashboard-loading-state .empty-state[b-6c19uqs332] {
    max-width: 34rem;
}

.dashboard-skeleton[b-6c19uqs332] {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 999px;
    background: color-mix(in srgb, rgba(223, 202, 178, 0.52) 78%, white 22%);
}

.dashboard-section-networth .dashboard-skeleton[b-6c19uqs332] {
    background: color-mix(in srgb, rgba(255, 255, 255, 0.2) 80%, rgba(255, 238, 189, 0.22) 20%);
}

.dashboard-skeleton[b-6c19uqs332]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: var(--surface-card-strong);
    animation: dashboard-skeleton-shimmer-b-6c19uqs332 1.4s ease-in-out infinite;
}

.dashboard-section-skeleton[b-6c19uqs332],
.dashboard-skeleton-heading-copy[b-6c19uqs332],
.dashboard-skeleton-tools[b-6c19uqs332],
.dashboard-skeleton-metric-row[b-6c19uqs332],
.dashboard-skeleton-chart-shell[b-6c19uqs332],
.dashboard-skeleton-chart-head[b-6c19uqs332],
.dashboard-skeleton-chart-panel[b-6c19uqs332],
.dashboard-skeleton-chart-bars[b-6c19uqs332],
.dashboard-skeleton-chart-column[b-6c19uqs332],
.dashboard-skeleton-goal-hero[b-6c19uqs332],
.dashboard-skeleton-list[b-6c19uqs332],
.dashboard-skeleton-list-copy[b-6c19uqs332],
.dashboard-skeleton-list-head[b-6c19uqs332] {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.dashboard-section-skeleton[b-6c19uqs332] {
    pointer-events: none;
}

.dashboard-grid-skeleton[b-6c19uqs332],
.dashboard-columns-skeleton[b-6c19uqs332],
.dashboard-toolbar-skeleton[b-6c19uqs332],
.dashboard-skeleton-chart-panel[b-6c19uqs332],
.dashboard-skeleton-chart-bars[b-6c19uqs332],
.dashboard-skeleton-chart-column[b-6c19uqs332],
.dashboard-skeleton-list-block[b-6c19uqs332],
.dashboard-skeleton-list-item[b-6c19uqs332],
.dashboard-skeleton-toggle-row[b-6c19uqs332] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.dashboard-skeleton-icon-shell[b-6c19uqs332] {
    position: relative;
}

.dashboard-skeleton-glyph[b-6c19uqs332] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 0.42rem;
}

.dashboard-skeleton-heading-copy[b-6c19uqs332] {
    gap: 0.34rem;
    min-width: 0;
    width: 100%;
}

.dashboard-skeleton-kicker[b-6c19uqs332] {
    width: 4.9rem;
    height: 0.72rem;
}

.dashboard-skeleton-title[b-6c19uqs332] {
    width: 7.6rem;
    max-width: min(100%, 15rem);
    height: 0.9rem;
    border-radius: 0.5rem;
}

.dashboard-skeleton-tools[b-6c19uqs332] {
    width: min(100%, 7.4rem);
}

.dashboard-skeleton-control[b-6c19uqs332] {
    width: 100%;
    height: 2rem;
    border-radius: 0.8rem;
}

.dashboard-skeleton-toggle-row[b-6c19uqs332] {
    display: flex;
    gap: 0.4rem;
}

.dashboard-skeleton-toggle-pill[b-6c19uqs332] {
    flex: 1 1 0;
    height: 2rem;
    border-radius: 0.8rem;
}

.dashboard-skeleton-metric-row[b-6c19uqs332] {
    grid-template-columns: repeat(var(--dashboard-skeleton-columns, 1), minmax(0, 1fr));
    gap: 0.8rem;
}

.dashboard-section-networth.dashboard-section-skeleton[b-6c19uqs332] {
    grid-template-rows: auto 1fr;
}

.dashboard-skeleton-networth-body[b-6c19uqs332] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: stretch;
    align-content: start;
    height: 100%;
    min-width: 0;
}

.dashboard-skeleton-networth-primary[b-6c19uqs332] {
    min-width: 0;
    align-content: start;
}

.dashboard-skeleton-line-networth-value[b-6c19uqs332] {
    width: 11.5rem;
    max-width: 100%;
    height: 4.8rem;
    border-radius: 1.25rem;
}

.dashboard-skeleton-networth-breakdown[b-6c19uqs332] {
    display: grid;
    gap: 0.7rem;
    align-content: start;
    min-width: 0;
}

.dashboard-skeleton-networth-row[b-6c19uqs332] {
    min-width: 0;
}

.dashboard-skeleton-networth-row > .dashboard-skeleton-line:first-child[b-6c19uqs332] {
    width: 7rem;
    max-width: 100%;
    background: rgba(119, 214, 168, 0.18);
}

.dashboard-skeleton-networth-row.negative > .dashboard-skeleton-line:first-child[b-6c19uqs332],
.dashboard-skeleton-networth-row.negative > .dashboard-skeleton-line:last-child[b-6c19uqs332] {
    background: rgba(255, 145, 145, 0.18);
}

.dashboard-skeleton-networth-row > .dashboard-skeleton-line:last-child[b-6c19uqs332] {
    width: 5rem;
    max-width: 45%;
    background: rgba(119, 214, 168, 0.18);
}

.dashboard-skeleton-tile[b-6c19uqs332] {
    pointer-events: none;
}

.dashboard-skeleton-line[b-6c19uqs332] {
    height: 0.78rem;
    border-radius: 0.44rem;
}

.dashboard-skeleton-line-short[b-6c19uqs332] {
    width: 4.9rem;
}

.dashboard-skeleton-line-medium[b-6c19uqs332] {
    width: 8rem;
}

.dashboard-skeleton-line-tiny[b-6c19uqs332] {
    width: 2.8rem;
}

.dashboard-skeleton-line-value[b-6c19uqs332] {
    width: 7.6rem;
    height: 1.6rem;
    border-radius: 0.78rem;
}

.dashboard-skeleton-chart-shell[b-6c19uqs332] {
    gap: 0.7rem;
}

.dashboard-skeleton-chart-head[b-6c19uqs332] {
    gap: 0.32rem;
}

.dashboard-skeleton-chart-panel[b-6c19uqs332] {
    gap: 1rem;
    min-height: 10.5rem;
    padding: 0.95rem 1rem 1rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(223, 202, 178, 0.42);
}

.dashboard-section-networth .dashboard-skeleton-chart-panel[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
}

.dashboard-skeleton-chart-panel-tall[b-6c19uqs332] {
    min-height: 13rem;
}

.dashboard-skeleton-chart-bars[b-6c19uqs332] {
    display: flex;
    align-items: end;
    width: 100%;
    gap: 0.75rem;
    min-height: 8rem;
    overflow: hidden;
}

.dashboard-skeleton-chart-column[b-6c19uqs332] {
    flex: 1 1 0;
    align-items: center;
    gap: 0.45rem;
}

.dashboard-skeleton-chart-bar[b-6c19uqs332] {
    width: 100%;
    height: var(--dashboard-skeleton-bar-height, 60%);
    min-height: 2.8rem;
    border-radius: 0.9rem 0.9rem 0.55rem 0.55rem;
}

.dashboard-skeleton-chart-label[b-6c19uqs332] {
    width: 75%;
    height: 0.52rem;
}

.dashboard-skeleton-goal-hero[b-6c19uqs332] {
    gap: 0.45rem;
}

.dashboard-skeleton-list-block[b-6c19uqs332] {
    gap: 0.8rem;
}

.dashboard-skeleton-list-head[b-6c19uqs332] {
    gap: 0.3rem;
}

.dashboard-skeleton-list[b-6c19uqs332] {
    gap: 0.65rem;
}

.dashboard-skeleton-list-item[b-6c19uqs332] {
    align-items: center;
}

.dashboard-skeleton-list-copy[b-6c19uqs332] {
    gap: 0.34rem;
    min-width: 0;
}

.dashboard-toolbar-skeleton[b-6c19uqs332] {
    pointer-events: none;
    max-width: calc(100vw - 1.8rem);
}

.dashboard-skeleton-toolbar-chip[b-6c19uqs332] {
    border: none;
    box-shadow: none;
}

@keyframes dashboard-skeleton-shimmer-b-6c19uqs332 {
    100% {
        transform: translateX(100%);
    }
}

.dashboard-empty-state h2[b-6c19uqs332] {
    margin: 0;
    color: #28493a;
    font-size: var(--font-size-title-md);
}

.customize-done-button[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(203, 186, 166, 0.48);
    background: rgba(255, 255, 255, 0.88);
    color: #28493a;
    font-weight: 800;
}

.mobile-customize-list[b-6c19uqs332] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1.25rem;
}

.dashboard-customize-grid[b-6c19uqs332] {
    display: none;
    gap: 0.85rem;
    margin-top: 1.25rem;
}

.customize-column[b-6c19uqs332] {
    display: grid;
    gap: 0.7rem;
    min-width: 0;
}

.customize-column-head[b-6c19uqs332] {
    display: grid;
    gap: 0.25rem;
}

.customize-column-copy[b-6c19uqs332] {
    margin: 0;
    color: #816a59;
    font-size: var(--font-size-support);
    line-height: 1.5;
}

.customize-column-list[b-6c19uqs332] {
    display: grid;
    gap: 0.65rem;
    align-content: start;
    min-height: 16rem;
    padding: 0.8rem;
    border-radius: 1.1rem;
    background: rgba(248, 243, 236, 0.78);
    border: 1px solid rgba(223, 202, 178, 0.26);
}

.customize-item[b-6c19uqs332] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 425px;
    width: 100%;
    margin-inline: auto;
    gap: 0.75rem;
    padding: 0.8rem 0.85rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(223, 202, 178, 0.3);
    box-shadow: 0 10px 22px rgba(80, 74, 63, 0.05);
    cursor: default;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
}

.customize-item.is-hidden[b-6c19uqs332] {
    opacity: 0.62;
}

.customize-item.sortable-chosen[b-6c19uqs332] {
    transform: translateY(-0.18rem) scale(1.01);
    border-color: rgba(85, 151, 111, 0.38);
    box-shadow: 0 18px 34px rgba(41, 79, 58, 0.14);
    background: var(--surface-card-strong);
}

.customize-item.sortable-ghost[b-6c19uqs332] {
    opacity: 0.34;
    border-style: dashed;
    border-color: rgba(85, 151, 111, 0.58);
    background: var(--surface-card-strong);
    box-shadow:
        inset 0 0 0 1px rgba(85, 151, 111, 0.22),
        0 0 0 2px rgba(85, 151, 111, 0.08);
}

.customize-item.sortable-drag[b-6c19uqs332] {
    transform: scale(1.03);
    border-color: rgba(85, 151, 111, 0.42);
    box-shadow: 0 24px 48px rgba(41, 79, 58, 0.22);
}

.customize-item.sortable-fallback[b-6c19uqs332] {
    opacity: 1;
    transform: scale(1.04);
    border-color: rgba(85, 151, 111, 0.46);
    background: var(--surface-card-strong);
    box-shadow:
        0 28px 54px rgba(41, 79, 58, 0.24),
        0 10px 18px rgba(80, 74, 63, 0.12);
}

.customize-item-main[b-6c19uqs332] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.customize-item-main > div[b-6c19uqs332] {
    min-width: 0;
}

.customize-item-grip[b-6c19uqs332] {
    display: grid;
    grid-template-columns: repeat(2, 0.34rem);
    grid-template-rows: repeat(3, 0.34rem);
    gap: 0.14rem 0.18rem;
    align-content: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 0.86rem;
    padding: 0.08rem;
    color: #9a816e;
    cursor: grab;
    user-select: none;
    touch-action: none;
    transition: transform 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}

.customize-item-grip-dot[b-6c19uqs332] {
    display: block;
    width: 0.26rem;
    height: 0.26rem;
    border-radius: 50%;
    background: currentColor;
}

.customize-item-grip:active[b-6c19uqs332] {
    cursor: grabbing;
}

.customize-item.sortable-chosen .customize-item-grip[b-6c19uqs332],
.customize-item.sortable-drag .customize-item-grip[b-6c19uqs332],
.customize-item.sortable-fallback .customize-item-grip[b-6c19uqs332] {
    color: #3f7c59;
    transform: scale(1.08);
}

.customize-item-title[b-6c19uqs332] {
    display: block;
    color: #28493a;
    font-size: var(--font-size-body-sm);
}

.customize-item-caption[b-6c19uqs332] {
    display: block;
    margin-top: 0.15rem;
    color: #816a59;
    font-size: var(--font-size-caption-tight);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.customize-switch[b-6c19uqs332] {
    position: relative;
    width: 2.9rem;
    height: 1.75rem;
    border: none;
    border-radius: 999px;
    background: rgba(190, 176, 160, 0.5);
    flex-shrink: 0;
    transition: background 0.18s ease;
}

.customize-switch.is-on[b-6c19uqs332] {
    background: #7ea8f8;
}

.customize-switch-thumb[b-6c19uqs332] {
    position: absolute;
    top: 0.16rem;
    left: 0.16rem;
    width: 1.43rem;
    height: 1.43rem;
    border-radius: 50%;
    background: #fffdf8;
    box-shadow: 0 4px 10px rgba(23, 25, 22, 0.18);
    transition: transform 0.18s ease;
}

.customize-switch.is-on .customize-switch-thumb[b-6c19uqs332] {
    transform: translateX(1.14rem);
}

.dashboard-customize-actions[b-6c19uqs332] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.customize-done-button[b-6c19uqs332] {
    min-width: 8rem;
    padding: 0.78rem 1.15rem;
    background: var(--surface-card-strong);
}

.dashboard-section-networth[b-6c19uqs332] {
    grid-column: auto;
}

.cashflow-summary-shell[b-6c19uqs332],
.cashflow-chart-shell[b-6c19uqs332] {
    display: grid;
    gap: 0.8rem;
    width: 100%;
    min-width: 0;
}

.cashflow-chart-shell .empty-state[b-6c19uqs332] {
    margin-top: 0;
}

.cashflow-metrics-row[b-6c19uqs332] {
    display: flex;
    justify-content: space-evenly;
    gap: 0.5rem;
    width: 100%;
}

.cashflow-metric[b-6c19uqs332] {
    flex: 1;
    min-width: 0;
}

.cashflow-transaction-list[b-6c19uqs332] {
    display: grid;
    gap: 0.7rem;
}

.cashflow-transaction-item[b-6c19uqs332] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-radius: 1.15rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(232, 225, 248, 0.88);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 8px 20px rgba(144, 134, 178, 0.08);
}

.cashflow-transaction-meta[b-6c19uqs332] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.cashflow-transaction-meta strong[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
    font-size: var(--font-size-body);
    line-height: 1.2;
    font-weight: 500;
}

.cashflow-transaction-icon[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.9rem;
    flex-shrink: 0;
}

.cashflow-transaction-icon.positive[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #3b7b63;
}

.cashflow-transaction-icon.negative[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #9a5b54;
}

.cashflow-transaction-icon-svg[b-6c19uqs332] {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.cashflow-transaction-value[b-6c19uqs332] {
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: 500;
}

.cashflow-transaction-value.positive[b-6c19uqs332] {
    color: #3b7b63;
}

.cashflow-transaction-value.negative[b-6c19uqs332] {
    color: #b05d57;
}

.spending-summary-shell[b-6c19uqs332],
.spending-chart-shell[b-6c19uqs332] {
    display: grid;
    gap: 0.8rem;
    width: 100%;
    min-width: 0;
}

.spending-summary-tile[b-6c19uqs332] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.spending-summary-copy[b-6c19uqs332] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.spending-summary-copy span[b-6c19uqs332] {
    min-width: 0;
}

.spending-summary-caption[b-6c19uqs332] {
    display: block;
    margin-top: 0;
    font-size: var(--font-size-support);
    font-weight: 600;
    color: #816a59;
    line-height: 1.25;
}

.spending-summary-tile strong[b-6c19uqs332] {
    white-space: nowrap;
    text-align: right;
}

.spending-chart-shell .empty-state[b-6c19uqs332] {
    margin-top: 0;
}

.spending-segmented-chart-stack[b-6c19uqs332] {
    display: grid;
    gap: 0.6rem;
    width: 100%;
    min-width: 0;
}

.spending-segmented-legend[b-6c19uqs332] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.9rem;
    align-items: center;
}

.spending-legend-item[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    color: #7d5c46;
    font-size: var(--font-size-caption-tight);
    font-weight: 700;
    line-height: 1.2;
}

.spending-legend-swatch[b-6c19uqs332] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 0.18rem;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.spending-segmented-chart[b-6c19uqs332] {
    display: grid;
    overflow: hidden;
    border-radius: 999px;
    width: 100%;
    min-width: 0;
}

.spending-segmented-chart-svg[b-6c19uqs332] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    overflow: visible;
}

.spending-segmented-track[b-6c19uqs332] {
    fill: color-mix(in srgb, rgba(223, 202, 178, 0.46) 82%, white 18%);
}

.spending-segmented-slice[b-6c19uqs332] {
    cursor: pointer;
    opacity: 0.92;
    transition: opacity 0.16s ease, filter 0.16s ease, transform 0.16s ease;
    transform-origin: center;
}

.spending-segmented-slice:hover[b-6c19uqs332],
.spending-segmented-slice.active[b-6c19uqs332] {
    opacity: 1;
    filter: brightness(1.05);
}

.spending-segmented-slice.dimmed[b-6c19uqs332] {
    opacity: 0.34;
}

.spending-category-bar-list[b-6c19uqs332] {
    display: grid;
    gap: 0.75rem;
}

.spending-category-bar-item[b-6c19uqs332] {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(223, 202, 178, 0.52);
    border-radius: 1rem;
    background: rgba(255, 251, 246, 0.86);
    transition: opacity 0.16s ease, transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.spending-category-bar-item.active[b-6c19uqs332] {
    border-color: rgba(102, 184, 143, 0.65);
    box-shadow: 0 14px 24px rgba(80, 74, 63, 0.08);
    transform: translateY(-1px);
}

.spending-category-bar-item.dimmed[b-6c19uqs332] {
    opacity: 0.42;
}

.spending-category-bar-head[b-6c19uqs332] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
}

.spending-category-bar-head strong[b-6c19uqs332] {
    color: #28493a;
}

.spending-category-bar-head span[b-6c19uqs332] {
    color: #816a59;
    font-size: var(--font-size-support);
    text-align: right;
}

.spending-category-bar-track[b-6c19uqs332] {
    height: 0.6rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, rgba(223, 202, 178, 0.44) 82%, white 18%);
}

.spending-category-bar-fill[b-6c19uqs332] {
    display: block;
    height: 100%;
    border-radius: 999px;
}

.home-scatter-chart-panel[b-6c19uqs332] {
    width: 100%;
    min-width: 0;
    padding: 0.95rem 1rem 1rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(223, 202, 178, 0.42);
}

.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-canvas,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-svg {
    width: 100% !important;
    max-width: 100% !important;
}

.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-toolbar,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-legend {
    display: none !important;
}

.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-gridline,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-xaxis line,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-yaxis line {
    stroke: rgba(223, 202, 178, 0.62) !important;
}

.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-xaxis-label,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-yaxis-label {
    fill: #816a59 !important;
    color: #816a59 !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
}

.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-tooltip,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-xaxistooltip,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-yaxistooltip {
    border: 1px solid rgba(223, 202, 178, 0.42) !important;
    box-shadow: 0 16px 30px rgba(80, 74, 63, 0.08) !important;
}

.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-bar-area,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-bar-area:hover,
.home-scatter-chart-panel[b-6c19uqs332]  .apexcharts-bar-area:active {
    filter: none !important;
    opacity: 1 !important;
    fill-opacity: 1 !important;
}

.goal-widget-hero[b-6c19uqs332],
.goal-widget-progress-block[b-6c19uqs332],
.goal-widget-chart-panel[b-6c19uqs332],
.goal-widget-stat[b-6c19uqs332],
.goal-widget-summary-badge[b-6c19uqs332] {
    background: color-mix(in srgb, rgba(255, 251, 246, 0.9) 86%, white 14%);
    border: 1px solid rgba(223, 202, 178, 0.34);
}

.goal-widget-hero[b-6c19uqs332],
.goal-widget-progress-block[b-6c19uqs332],
.goal-widget-chart-panel[b-6c19uqs332] {
    border-radius: 1.05rem;
    padding: 0.95rem 1rem;
}

.goal-widget-hero[b-6c19uqs332] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.goal-widget-name[b-6c19uqs332] {
    display: block;
    color: #7d5c46;
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.goal-widget-hero strong[b-6c19uqs332] {
    display: block;
    margin-top: 0.3rem;
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.04em;
    color: #28493a;
}

.goal-widget-hero small[b-6c19uqs332] {
    display: block;
    margin-top: 0.25rem;
    color: #816a59;
    font-size: var(--font-size-support);
}

.goal-widget-summary-badge[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    color: #5e7367;
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-align: center;
}

.goal-widget-progress-block[b-6c19uqs332] {
    display: grid;
    gap: 0.55rem;
}

.goal-widget-progress-row[b-6c19uqs332] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #6f665f;
    font-size: var(--font-size-body-sm);
}

.goal-widget-progress-row strong[b-6c19uqs332] {
    color: #28493a;
}

.goal-widget-progress-track[b-6c19uqs332] {
    height: 0.72rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, rgba(223, 202, 178, 0.44) 82%, white 18%);
}

.goal-widget-progress-fill[b-6c19uqs332] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--surface-card-strong);
}

.goal-widget-projection-pill[b-6c19uqs332] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.42rem 0.78rem;
    border-radius: 999px;
    font-size: var(--font-size-caption-tight);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: rgba(255, 251, 246, 0.9);
    color: #28493a;
}

.goal-widget-projection-pill.positive[b-6c19uqs332] {
    background: rgba(219, 242, 230, 0.92);
    color: #2d6f50;
}

.goal-widget-projection-pill.negative[b-6c19uqs332] {
    background: rgba(252, 224, 218, 0.94);
    color: #a04f43;
}

.goal-bar-list-block[b-6c19uqs332] {
    gap: 0.9rem;
}

.goal-bar-list[b-6c19uqs332] {
    gap: 0.85rem;
}

.goal-bar-item[b-6c19uqs332] {
    gap: 0.55rem;
}

.goal-bar-fill.positive[b-6c19uqs332] {
    background: #9bcfb2;
}

.goal-bar-fill.negative[b-6c19uqs332] {
    background: #d98b86;
}

.goal-bar-fill.neutral[b-6c19uqs332] {
    background: #c8b9e8;
}

.goal-widget-chart-panel[b-6c19uqs332] {
    display: grid;
    gap: 0.75rem;
}

.goal-widget-chart-head[b-6c19uqs332] {
    display: grid;
    gap: 0.18rem;
}

.goal-widget-chart-title[b-6c19uqs332] {
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #28493a;
}

.goal-widget-chart-caption[b-6c19uqs332],
.goal-widget-stat-label[b-6c19uqs332] {
    font-size: var(--font-size-body-sm);
    color: #816a59;
}

.goal-widget-chart-shell[b-6c19uqs332] {
    width: 100%;
    min-width: 0;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-canvas,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-svg {
    width: 100% !important;
    max-width: 100% !important;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-toolbar {
    display: none !important;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-gridline,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-xaxis line,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-yaxis line {
    stroke: rgba(223, 202, 178, 0.62) !important;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-area-series .apexcharts-series-markers circle,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-line-series .apexcharts-series-markers circle {
    stroke: rgba(214, 205, 234, 0.98) !important;
    stroke-width: 2px !important;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-series path.apexcharts-area {
    fill-opacity: 0.6 !important;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-series path.apexcharts-line,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-annotation-line {
    stroke-width: 3px !important;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-annotation-line {
    stroke-dasharray: 5 5;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-xaxis-label,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-yaxis-label {
    fill: #816a59 !important;
    color: #816a59 !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-tooltip,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-xaxistooltip {
    border: 1px solid rgba(223, 202, 178, 0.42) !important;
    box-shadow: 0 16px 30px rgba(80, 74, 63, 0.08) !important;
}

.goal-widget-stat-grid[b-6c19uqs332] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: 1fr;
}

.goal-widget-stat[b-6c19uqs332] {
    display: grid;
    gap: 0.45rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
}

.goal-widget-stat strong[b-6c19uqs332] {
    color: #28493a;
}

.home-shell[b-6c19uqs332],
.public-home-shell[b-6c19uqs332] {
    --home-aurelian-bg: #f8f5f1;
    --home-aurelian-surface: rgba(255, 252, 250, 0.94);
    --home-aurelian-surface-strong: rgba(255, 255, 255, 0.96);
    --home-aurelian-surface-soft: rgba(249, 244, 255, 0.68);
    --home-aurelian-border: rgba(226, 219, 241, 0.92);
    --home-aurelian-border-strong: rgba(214, 205, 234, 0.98);
    --home-aurelian-shadow: 0 18px 42px rgba(95, 86, 124, 0.12);
    --home-aurelian-shadow-soft: 0 10px 24px rgba(104, 96, 137, 0.10);
    --home-aurelian-ink: #2e3448;
    --home-aurelian-subtle: #6f7089;
    --home-aurelian-muted: #8f90a7;
    --home-aurelian-mint: #dff5eb;
    --home-aurelian-peach: #ffe9dd;
    --home-aurelian-butter: #fff2c8;
    --home-aurelian-blue: #e2eeff;
    --home-aurelian-lilac: #eee5ff;
    --hero-background: #fff5c8;
    --hero-text: #2f3550;
    --hero-subtle-text: rgba(71, 74, 102, 0.78);
}

.home-shell[b-6c19uqs332] {
    gap: 1rem;
}

.dashboard-grid[b-6c19uqs332] {
    gap: 0.95rem;
}

.dashboard-attention-banner[b-6c19uqs332] {
    padding: 1rem;
    border-radius: 1.45rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    box-shadow: var(--surface-shadow);
}

.dashboard-attention-copy h2[b-6c19uqs332] {
    color: #9a6222;
}

.dashboard-attention-item[b-6c19uqs332] {
    padding: 0.9rem 0.95rem;
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.66);
    border: 1px solid rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.dashboard-attention-link[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #4a3521;
    box-shadow: 0 10px 24px rgba(235, 156, 117, 0.24);
}

.dashboard-attention-link:hover[b-6c19uqs332] {
    color: #4a3521;
}

.dashboard-section[b-6c19uqs332] {
    gap: 0.95rem;
    padding: 1rem;
    border-radius: 1.65rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--home-aurelian-border);
    box-shadow:
        var(--home-aurelian-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.dashboard-section-standard[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.dashboard-section-standard.dashboard-section-bills[b-6c19uqs332] {
    background: var(--surface-card-strong);
    border-color: rgba(240, 190, 182, 0.72);
}

.dashboard-section-standard.dashboard-section-income[b-6c19uqs332] {
    background: var(--surface-card-strong);
    border-color: rgba(173, 219, 194, 0.74);
}

.dashboard-section-networth[b-6c19uqs332] {
    min-height: 0;
    background: var(--surface-card-strong);
    border: 1px solid var(--home-aurelian-border);
    box-shadow: var(--home-aurelian-shadow);
}

.dashboard-section-networth[b-6c19uqs332]::after {
    inset: auto -3.5rem -4rem auto;
    width: 12rem;
    height: 12rem;
    background: none;
}

.section-header-row[b-6c19uqs332] {
    gap: 0.75rem;
}

.section-heading[b-6c19uqs332] {
    gap: 0.8rem;
    align-items: center;
}

.dashboard-widget-title[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.dashboard-section-networth .dashboard-widget-title[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
}

.eyebrow[b-6c19uqs332],
.section-kicker[b-6c19uqs332],
.metric-label[b-6c19uqs332] {
    width: fit-content;
    max-width: 100%;
    padding: 0.34rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.84);
    color: #6a6885;
/*    font-size: 0.68rem;*/
    font-weight: 800;
    letter-spacing: 0.08em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.dashboard-section-networth .metric-label[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.54);
    color: var(--hero-subtle-text);
}

.icon-shell[b-6c19uqs332] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.95rem;
    background: var(--surface-card-strong);
    color: #625d8c;
    border: 1px solid rgba(236, 228, 247, 0.9);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 8px 18px rgba(151, 143, 191, 0.10);
}

.networth-icon-shell[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: var(--hero-text);
}

.section-action-button[b-6c19uqs332],
.spending-timeframe-select[b-6c19uqs332],
.spending-view-toggle[b-6c19uqs332] {
    border-color: rgba(221, 213, 240, 0.94);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.section-action-button[b-6c19uqs332] {
    color: #716d97;
}

.section-action-button:not(:disabled):hover[b-6c19uqs332] {
    background: rgba(255, 248, 255, 0.96);
    border-color: rgba(205, 197, 232, 0.96);
}

.dashboard-section-networth .section-action-button[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.52);
    border-color: rgba(255, 255, 255, 0.68);
    color: var(--hero-text);
}

.spending-timeframe-select[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
}

.spending-view-toggle[b-6c19uqs332] {
    background: rgba(255, 255, 255, 0.58);
}

.spending-view-button[b-6c19uqs332] {
    color: #7d7a9a;
}

.spending-view-button.active[b-6c19uqs332] {
    background: var(--surface-card-strong);
    color: #54527a;
    box-shadow: 0 8px 18px rgba(153, 143, 196, 0.18);
}

.networth-value[b-6c19uqs332] {
    color: var(--hero-text);
    letter-spacing: -0.08em;
}

.metric-tile[b-6c19uqs332],
.compact-list-item[b-6c19uqs332],
.category-spend-item[b-6c19uqs332],
.cashflow-chart-panel[b-6c19uqs332],
.spending-category-bar-item[b-6c19uqs332],
.goal-widget-hero[b-6c19uqs332],
.goal-widget-progress-block[b-6c19uqs332],
.goal-widget-chart-panel[b-6c19uqs332],
.goal-widget-stat[b-6c19uqs332],
.goal-widget-summary-badge[b-6c19uqs332] {
    border: 1px solid rgba(232, 225, 248, 0.9);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 8px 20px rgba(144, 134, 178, 0.08);
}

.networth-breakdown-row[b-6c19uqs332],
.networth-count-pill[b-6c19uqs332] {
    border-radius: 1.1rem;
}

.networth-breakdown-row.positive[b-6c19uqs332] {
    background: rgba(220, 245, 232, 0.9);
    color: #305a4c;
}

.networth-breakdown-row.negative[b-6c19uqs332] {
    background: rgba(255, 235, 229, 0.92);
    color: #7b4d4c;
}

.networth-count-pill.positive[b-6c19uqs332] {
    background: rgba(220, 245, 232, 0.9);
    color: #305a4c;
}

.networth-count-pill.negative[b-6c19uqs332] {
    background: rgba(255, 235, 229, 0.92);
    color: #7b4d4c;
}

.metric-tile[b-6c19uqs332] {
    padding: 0.9rem 0.95rem;
    border-radius: 1.25rem;
    background: var(--surface-card-strong);
}

.metric-tile span[b-6c19uqs332] {
    color: var(--home-aurelian-muted);
}

.metric-tile strong[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
    letter-spacing: -0.03em;
}

.metric-tile.positive[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.metric-tile.negative[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.metric-tile.warning[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.compact-list-item[b-6c19uqs332] {
    padding: 0.9rem 1rem;
    border-radius: 1.2rem;
    background: var(--surface-card-strong);
}

.account-widget-modal[b-6c19uqs332] {
    width: min(34rem, 100%);
}

.account-widget-selection-list[b-6c19uqs332] {
    display: grid;
    gap: 0.8rem;
    margin-top: 0.25rem;
}

.account-widget-selection-item[b-6c19uqs332] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(232, 225, 248, 0.9);
    border-radius: 1.1rem;
    background: var(--surface-card-strong);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 8px 20px rgba(144, 134, 178, 0.08);
}

.account-widget-selection-copy[b-6c19uqs332] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.account-widget-selection-copy strong[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
}

.account-widget-selection-item > strong.positive[b-6c19uqs332] {
    color: #1f7a45;
}

.account-widget-selection-item > strong.negative[b-6c19uqs332] {
    color: #b24d47;
}

.compact-list-item strong[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
}

.compact-list-item span[b-6c19uqs332],
.list-block-head span[b-6c19uqs332],
.cashflow-summary-caption[b-6c19uqs332],
.spending-summary-caption[b-6c19uqs332],
.spending-legend-item[b-6c19uqs332],
.spending-category-bar-head span[b-6c19uqs332],
.goal-widget-chart-caption[b-6c19uqs332],
.goal-widget-stat-label[b-6c19uqs332],
.goal-widget-hero small[b-6c19uqs332] {
    color: var(--home-aurelian-subtle);
}

.list-block-head h3[b-6c19uqs332],
.goal-widget-name[b-6c19uqs332],
.goal-widget-chart-title[b-6c19uqs332],
.spending-category-bar-head strong[b-6c19uqs332],
.category-spend-head strong[b-6c19uqs332] {
    color: var(--home-aurelian-ink);
}

.cashflow-chart-panel[b-6c19uqs332] {
    padding: 1rem;
    border-radius: 1.25rem;
    background: var(--surface-card-strong);
}

.cashflow-summary-track[b-6c19uqs332],
.spending-category-bar-track[b-6c19uqs332],
.spending-segmented-track[b-6c19uqs332],
.category-spend-bar[b-6c19uqs332] {
    background: rgba(223, 220, 238, 0.78);
}

.cashflow-bar.credit[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.cashflow-bar.debit[b-6c19uqs332] {
    background: var(--surface-card-strong);
}

.spending-chart-shell[b-6c19uqs332],
.cashflow-summary-shell[b-6c19uqs332],
.spending-summary-shell[b-6c19uqs332] {
    gap: 0.7rem;
}

.spending-category-bar-list.budget-risk-bar-list[b-6c19uqs332] {
    gap: 1rem;
}

.spending-category-bar-item[b-6c19uqs332] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.spending-category-bar-item.budget-risk-bar-item[b-6c19uqs332] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.spending-category-bar-item.active[b-6c19uqs332] {
    border-color: transparent;
    box-shadow: none;
    transform: none;
}

.goal-widget-hero[b-6c19uqs332],
.goal-widget-progress-block[b-6c19uqs332],
.goal-widget-chart-panel[b-6c19uqs332],
.goal-widget-stat[b-6c19uqs332] {
    border-radius: 1.25rem;
    background: color-mix(in srgb, rgba(255, 251, 246, 0.9) 86%, white 14%);
}

.goal-widget-summary-badge[b-6c19uqs332] {
    background: rgba(239, 234, 248, 0.92);
    color: #686387;
}

.goal-widget-progress-track[b-6c19uqs332] {
    background: rgba(223, 220, 238, 0.8);
}

.goal-widget-progress-fill[b-6c19uqs332] {
    background: #9bcfb2;
}

.goal-widget-chart-shell[b-6c19uqs332] {
    background: rgba(248, 241, 255, 0.7);
    border-radius: 1rem;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-canvas,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-svg,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-inner,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-graphical,
.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-plot-area {
    background: transparent !important;
}

.goal-widget-chart-shell[b-6c19uqs332]  .apexcharts-series path.apexcharts-area {
    fill: rgba(190, 179, 224, 0.42) !important;
    fill-opacity: 1 !important;
}

.goal-widget-projection-pill[b-6c19uqs332] {
    border-radius: 999px;
}

.customize-trigger[b-6c19uqs332] {
    min-width: 2.85rem;
    height: 2.85rem;
    border: 1px solid rgba(227, 218, 243, 0.94);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.84);
    color: #6c698c;
    box-shadow: var(--home-aurelian-shadow-soft);
}

.customize-trigger:hover[b-6c19uqs332] {
    background: rgba(255, 251, 255, 0.96);
    color: black;
}

.dashboard-loading-state[b-6c19uqs332] {
    padding: 1rem 1.1rem;
    border-radius: 1.2rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(223, 202, 178, 0.42);
    box-shadow: var(--home-aurelian-shadow);
}

@container home-dashboard (max-width: 993.98px) {
    .dashboard-grid[b-6c19uqs332] {
        display: grid;
        gap: 1rem;
    }

    .dashboard-columns[b-6c19uqs332] {
        display: none;
    }

    .dashboard-section-bills[b-6c19uqs332],
    .dashboard-section-income[b-6c19uqs332] {
        width: 100%;
        max-width: 100%;
    }

    .dashboard-section-bills .section-header-row[b-6c19uqs332],
    .dashboard-section-income .section-header-row[b-6c19uqs332] {
        display: none;
    }

    .forecast-mobile-card[b-6c19uqs332] {
        display: grid;
    }

    .forecast-desktop-content[b-6c19uqs332] {
        display: none;
    }

    .dashboard-attention-banner[b-6c19uqs332] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .dashboard-attention-list[b-6c19uqs332] {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .section-header-row[b-6c19uqs332] {
        flex-direction: column;
        align-items: flex-start;
    }

    .section-header-row-has-tools[b-6c19uqs332] {
        flex-direction: row;
        align-items: stretch;
        gap: 0.85rem;
    }

    .spending-section-tools[b-6c19uqs332] {
        grid-template-columns: 1fr;
        width: min(100%, 7.4rem);
        max-width: 100%;
        gap: 0.45rem;
        align-items: stretch;
        justify-items: stretch;
        margin-left: auto;
    }

    .spending-timeframe-select[b-6c19uqs332] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        font-size: var(--font-size-caption-tight);
        padding: 0.5rem 2rem 0.5rem 0.7rem;
    }

    .goal-widget-stat-grid[b-6c19uqs332],
    .metric-row.two-up[b-6c19uqs332],
    .focus-stack[b-6c19uqs332] {
        grid-template-columns: 1fr;
    }

    .cashflow-summary-column[b-6c19uqs332] {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .metric-row.three-up[b-6c19uqs332] {
        grid-template-columns: 1fr;
    }

    .dashboard-attention-item[b-6c19uqs332] {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .dashboard-attention-item-actions[b-6c19uqs332] {
        justify-items: stretch;
    }

    .dashboard-attention-confirm[b-6c19uqs332] {
        white-space: normal;
    }

    .list-block-head[b-6c19uqs332],
    .compact-list-item[b-6c19uqs332] {
        flex-direction: column;
        align-items: flex-start;
    }

    .compact-list-item.account-balance-item[b-6c19uqs332] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
    }

}

:root[data-home-dashboard-layout="single"] .dashboard-customize-modal .mobile-customize-list[b-6c19uqs332] {
    display: grid;
}

:root[data-home-dashboard-layout="single"] .dashboard-customize-modal .dashboard-customize-grid[b-6c19uqs332] {
    display: none;
}

@media (min-width: 768px) {
    .dashboard-section-bills[b-6c19uqs332],
    .dashboard-section-income[b-6c19uqs332] {
        width: auto;
        max-width: none;
    }

    .dashboard-section-bills .section-header-row[b-6c19uqs332],
    .dashboard-section-income .section-header-row[b-6c19uqs332] {
        display: flex;
    }

    .dashboard-section-bills[b-6c19uqs332],
    .dashboard-section-income[b-6c19uqs332] {
        background: var(--surface-card-strong);
        border-color: rgba(223, 202, 178, 0.42);
    }

    .home-shell[b-6c19uqs332] {
    }

    .forecast-mobile-card[b-6c19uqs332] {
        display: none;
    }

    .forecast-desktop-content[b-6c19uqs332] {
        display: grid;
        gap: 0.75rem;
    }

    .networth-value[b-6c19uqs332] {
        font-size: var(--font-size-display-xl);
    }

    .onboarding-flow-hero[b-6c19uqs332] {
        grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.95fr);
        align-items: stretch;
        padding: 1.9rem;
        border-radius: 1.7rem;
    }

    .onboarding-progress-card[b-6c19uqs332] {
        padding: 1.35rem;
        border-radius: 1.35rem;
        align-content: center;
    }

    .onboarding-card-head[b-6c19uqs332] {
        grid-template-columns: auto minmax(0, 1fr) minmax(12rem, auto);
        align-items: start;
    }

    .onboarding-form-grid[b-6c19uqs332] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-attention-banner[b-6c19uqs332] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .dashboard-attention-list[b-6c19uqs332] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    }

.dashboard-grid[b-6c19uqs332] {
        display: none;
    }

    .dashboard-columns[b-6c19uqs332] {
        display: flex;
        align-items: flex-start;
        gap: 1.15rem;
        min-width: 0;
    }

    .dashboard-column-stack[b-6c19uqs332] {
        display: flex;
        flex: 1 1 0;
        flex-direction: column;
        align-items: stretch;
        gap: 1.15rem;
        min-width: 0;
    }

    .dashboard-column-stack > .dashboard-section[b-6c19uqs332] {
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .dashboard-section[b-6c19uqs332] {
        padding: 1.35rem;
        border-radius: 1.45rem;
    }

    .section-header-row[b-6c19uqs332] {
        flex-direction: row;
        align-items: start;
    }

    .section-header-row-has-tools[b-6c19uqs332] {
        flex-direction: row;
        align-items: flex-start;
        gap: 1rem;
    }

    .spending-section-tools[b-6c19uqs332] {
        grid-template-columns: auto auto;
        width: auto;
        max-width: none;
        gap: 0.55rem;
        align-items: center;
        justify-items: stretch;
        flex: 0 0 auto;
    }

    .spending-timeframe-select[b-6c19uqs332] {
        width: auto;
        min-width: 8rem;
        max-width: none;
        font-size: var(--font-size-support);
        padding: 0.58rem 2.1rem 0.58rem 0.9rem;
    }

    .spending-view-button[b-6c19uqs332] {
        width: 2.4rem;
        height: 2.4rem;
    }

    .goal-widget-stat-grid[b-6c19uqs332] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cashflow-summary-column[b-6c19uqs332] {
        grid-template-columns: minmax(4.2rem, auto) minmax(0, 1fr) auto;
        gap: 0.75rem;
    }

    .cashflow-summary-label[b-6c19uqs332] {
        display: block;
    }

    .icon-shell[b-6c19uqs332] {
        width: 2.7rem;
        height: 2.7rem;
    }

    .section-actions[b-6c19uqs332] {
        display: inline-flex;
        width: auto;
    }
    .dashboard-section-networth[b-6c19uqs332] {
        min-height: 17.5rem;
    }

    .metric-row.two-up[b-6c19uqs332] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .forecast-primary-tile[b-6c19uqs332],
    .forecast-support-pill[b-6c19uqs332] {
        display: block;
        width: auto;
        max-width: none;
        padding: 0.85rem 0.9rem;
        border-radius: 1.25rem;
    }

    .forecast-primary-tile span[b-6c19uqs332],
    .forecast-support-pill span[b-6c19uqs332],
    .forecast-support-pill strong[b-6c19uqs332] {
        display: block;
    }

    .forecast-primary-tile strong[b-6c19uqs332] {
        font-size: var(--font-size-title-sm);
        letter-spacing: normal;
    }

    .forecast-list-block .list-block-head h3[b-6c19uqs332] {
        font-size: var(--font-size-body);
    }

    .forecast-list-item[b-6c19uqs332] {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        padding: 0.9rem 1rem;
    }

    .forecast-list-meta[b-6c19uqs332] {
        display: block;
    }

    .forecast-list-icon[b-6c19uqs332] {
        display: none;
    }

    .forecast-list-copy strong[b-6c19uqs332] {
        font-weight: 700;
    }

    .metric-row.three-up[b-6c19uqs332] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .metric-row.three-up.activity-metric-row[b-6c19uqs332] {
        gap: 0.8rem;
    }

    .dashboard-attention-item[b-6c19uqs332] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .dashboard-attention-item-actions[b-6c19uqs332] {
        justify-items: end;
    }

    .dashboard-attention-confirm[b-6c19uqs332] {
        white-space: nowrap;
    }

    .list-block-head[b-6c19uqs332] {
        flex-direction: row;
        align-items: baseline;
    }

    .compact-list-item[b-6c19uqs332] {
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }

    .compact-list-item.account-balance-item[b-6c19uqs332] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
    }

    .focus-stack[b-6c19uqs332] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .networth-hero[b-6c19uqs332] {
        grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.95fr);
        padding: 1.9rem;
        border-radius: 1.7rem;
    }

    .networth-card[b-6c19uqs332] {
        padding: 1.35rem;
        border-radius: 1.35rem;
    }

    .public-trust-section[b-6c19uqs332] {
        padding: 1.35rem;
        border-radius: 1.35rem;
    }

    .public-trust-grid[b-6c19uqs332] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .public-callout-actions[b-6c19uqs332] {
        justify-items: start;
    }

    .public-callout-primary[b-6c19uqs332] {
        width: auto;
        min-width: 10rem;
    }

    .public-callout-secondary[b-6c19uqs332] {
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .dashboard-toolbar .customize-trigger[b-6c19uqs332] {
        width: 2.95rem;
        min-width: 2.95rem;
        height: 2.95rem;
        padding: 0;
        border: 1px solid rgba(255, 249, 253, 0.2);
        border-radius: 0.9rem;
/*        background: var(--sidebar-header-background);*/
        background: rgba(255,255,255,0.08);
        color: rgba(255, 247, 252, 0.82);
        box-shadow: none;
        backdrop-filter: none;
    }

    .dashboard-toolbar .customize-trigger:hover[b-6c19uqs332] {
        background: rgba(255, 255, 255, 0.18);
    }

    .dashboard-toolbar .customize-trigger-glyph[b-6c19uqs332] {
        width: 1.45rem;
        height: 1.45rem;
    }
}

@media (min-width: 1024px) {
    .onboarding-card-head[b-6c19uqs332] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.9rem;
        align-items: start;
    }

    .onboarding-card-status[b-6c19uqs332] {
        margin-left: 0;
    }

    .onboarding-flow-shell[b-6c19uqs332] {
        max-width: none;
        width: 100%;
    }

    .onboarding-card-stack[b-6c19uqs332] {
        width: min(48rem, calc(50vw - 3.5rem));
        max-width: 100%;
        margin-inline: auto;
    }

    .onboarding-card-actions .btn[b-6c19uqs332],
    .onboarding-continue-button[b-6c19uqs332] {
        width: var(--onboarding-action-width);
        max-width: 100%;
        flex: 0 0 auto;
    }

    .onboarding-entry-actions[b-6c19uqs332] {
        justify-items: start;
    }
}

@media (min-width: 768px) {
    .shares-widget-summary[b-6c19uqs332] {
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        gap: 0.8rem;
    }
}

@media (min-width: 768px) {
    .dashboard-toolbar[b-6c19uqs332] {
        position: fixed;
        top: calc((var(--desktop-header-height, 4.25rem) - 3rem) / 2);
        right: 1.4rem;
        z-index: 45;
        margin-bottom: 0;
    }

    .customize-trigger[b-6c19uqs332] {
        width: auto;
        min-width: 0;
        height: 3rem;
        padding: 0 1.15rem;
        border-color: rgba(255, 255, 255, 0.18);
        background: rgba(255, 255, 255, 0.1);
        color: var(--hero-text);
        box-shadow: 0 12px 24px rgba(17, 31, 47, 0.18);
    }

    .customize-trigger:hover[b-6c19uqs332] {
        background: rgba(255, 255, 255, 0.16);
    }

    .customize-trigger-label[b-6c19uqs332] {
        display: inline;
        font-size: var(--font-size-body-sm);
        font-weight: 800;
        letter-spacing: 0.01em;
    }
}

@media (min-width: 768px) {
    .mobile-customize-list[b-6c19uqs332] {
        display: none;
    }

    .dashboard-customize-grid[b-6c19uqs332] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .home-shell[b-6c19uqs332] {
        gap: 1.15rem;
    }

    .transaction-form-row-two-up[b-6c19uqs332] {
        align-items: start;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .transaction-recurring-mode-picker[b-6c19uqs332] {
        gap: 1.1rem;
    }

    .transaction-recurring-mode-option[b-6c19uqs332] {
        column-gap: 0.85rem;
        row-gap: 0.65rem;
    }

    .transaction-form-actions[b-6c19uqs332] {
        align-items: center;
        justify-content: flex-end;
    }

    .dashboard-grid[b-6c19uqs332] {
        gap: 1.1rem;
    }

    .dashboard-section[b-6c19uqs332] {
        padding: 1.15rem;
        border-radius: 1.6rem;
    }

    .customize-trigger[b-6c19uqs332] {
        height: 3rem;
        padding: 0 1rem;
        background: rgba(255, 255, 255, 0.14);
        color: rgba( 255, 252, 247, 0.9);
    }
}
/* /Pages/InvestmentsWasmPage.razor.rz.scp.css */
.investments-layout[b-1s2vsjx0y0] {
    display: grid;
    gap: 1.4rem;
}

.investment-section[b-1s2vsjx0y0] {
    position: relative;
    overflow: hidden;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border);
    border-radius: 1.5rem;
    padding: 1.45rem;
    box-shadow: var(--surface-shadow);
    backdrop-filter: blur(12px);
}

.investment-section.list-section[b-1s2vsjx0y0] {
    overflow: visible;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
}

.investment-section[b-1s2vsjx0y0]::before {
    content: none;
}

.investment-section > *[b-1s2vsjx0y0] {
    position: relative;
    z-index: 1;
}

.investment-status-banner[b-1s2vsjx0y0] {
    padding-block: 1rem;
    font-weight: 700;
    color: var(--accent-soft-text);
    background: color-mix(in srgb, var(--accent-soft-bg) 74%, white 26%);
}

.investment-status-banner-error[b-1s2vsjx0y0] {
    color: var(--danger-soft-text);
    background: color-mix(in srgb, var(--danger-soft-bg) 78%, white 22%);
}

.page-heading-section[b-1s2vsjx0y0] {
    padding: 1.35rem 1.15rem;
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.page-heading-section[b-1s2vsjx0y0]::before {
    content: none;
}

.page-heading-section h2[b-1s2vsjx0y0] {
    font-size: var(--font-size-title-xl);
    letter-spacing: -0.03em;
    margin: 0;
}

.section-subtitle[b-1s2vsjx0y0],
.empty-state[b-1s2vsjx0y0],
.summary-meta[b-1s2vsjx0y0],
.field-hint[b-1s2vsjx0y0] {
    color: var(--muted-text);
}

.section-header-row[b-1s2vsjx0y0],
.asset-card-head[b-1s2vsjx0y0],
.asset-title-row[b-1s2vsjx0y0],
.lot-main[b-1s2vsjx0y0],
.lot-actions[b-1s2vsjx0y0],
.card-actions[b-1s2vsjx0y0],
.picker-actions[b-1s2vsjx0y0],
.property-card.single-line[b-1s2vsjx0y0] {
    display: flex;
    gap: 1rem;
}

.section-header-row[b-1s2vsjx0y0],
.asset-card-head[b-1s2vsjx0y0],
.lot-main[b-1s2vsjx0y0],
.property-card.single-line[b-1s2vsjx0y0] {
    align-items: flex-start;
    justify-content: space-between;
}

.section-header-row h2[b-1s2vsjx0y0] {
    margin: 0;
    line-height: 1.1;
}

.summary-stack[b-1s2vsjx0y0],
.summary-secondary-grid[b-1s2vsjx0y0],
.asset-grid[b-1s2vsjx0y0],
.investment-asset-list[b-1s2vsjx0y0],
.form-grid[b-1s2vsjx0y0] {
    display: grid;
    gap: 1rem;
}

.summary-stack[b-1s2vsjx0y0] {
    gap: 1rem;
}

.summary-secondary-grid[b-1s2vsjx0y0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.summary-card[b-1s2vsjx0y0],
.asset-card[b-1s2vsjx0y0],
.lot-item[b-1s2vsjx0y0] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 1.15rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.summary-card[b-1s2vsjx0y0],
.asset-card[b-1s2vsjx0y0] {
    padding: 1.15rem;
}

.summary-card[b-1s2vsjx0y0] {
    display: grid;
/*    gap: 0.45rem;*/
}

.summary-card strong[b-1s2vsjx0y0],
.property-inline-value strong[b-1s2vsjx0y0] {
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.04em;
    color: var(--page-text);
}

.total-card[b-1s2vsjx0y0] {
    background: color-mix(in srgb, var(--accent-soft-bg) 58%, rgba(255, 255, 255, 0.96));
}

.total-card .summary-label[b-1s2vsjx0y0] {
    font-size: 0.72rem;
}

.total-card strong[b-1s2vsjx0y0] {
    font-size: clamp(2rem, 1.55rem + 0.7vw, 2.15rem);
}

.summary-label[b-1s2vsjx0y0] {
    display: block;
    font-size: var(--font-size-caption);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--muted-text);
}

.asset-grid[b-1s2vsjx0y0] {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.share-asset-grid[b-1s2vsjx0y0] {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}

.investment-asset-list[b-1s2vsjx0y0],
.share-asset-list[b-1s2vsjx0y0],
.property-list[b-1s2vsjx0y0] {
    grid-template-columns: 1fr;
    margin-top: 0.5rem;
}

.asset-card[b-1s2vsjx0y0] {
    display: grid;
    gap: 1rem;
}

.investment-asset-entry[b-1s2vsjx0y0] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.investment-asset-body[b-1s2vsjx0y0] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    flex: 1 1 auto;
    min-width: 0;
}

.investment-asset-entry .investment-asset-actions[b-1s2vsjx0y0] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 0.45rem;
    flex: 0 0 auto;
    margin-left: auto;

    .share-card-action-button {
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 0.45rem;
        border: 0;
    }
}



.share-holding-form-grid[b-1s2vsjx0y0] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.share-holding-form-row[b-1s2vsjx0y0] {
    display: flex;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.share-holding-form-row .share-holding-edit-box[b-1s2vsjx0y0] {
    flex: 1 1 180px;
    min-width: 0;
}

.share-holding-edit-box[b-1s2vsjx0y0] {
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--surface-border) 58%, white 42%);
    box-shadow: 0 10px 20px rgba(52, 70, 92, 0.06);
    padding: 0.75rem 0.7rem;
    border-radius: 1rem;
    max-height: 95px;
    height: 100%;
}

.share-card-action-button:hover[b-1s2vsjx0y0],
.share-card-action-button:focus-visible[b-1s2vsjx0y0] {
    background: color-mix(in srgb, var(--accent-soft-bg) 72%, white 28%);
    color: var(--accent-soft-text);
    border-color: color-mix(in srgb, var(--accent-border) 36%, var(--surface-border-soft));
}

.share-card-action-button-primary[b-1s2vsjx0y0] {
    background: var(--accent-border);
    border-color: var(--accent-border);
    color: #fff;
}

.share-card-action-button-primary:hover[b-1s2vsjx0y0],
.share-card-action-button-primary:focus-visible[b-1s2vsjx0y0] {
    background: color-mix(in srgb, var(--accent-border) 88%, black 12%);
    border-color: color-mix(in srgb, var(--accent-border) 88%, black 12%);
    color: #fff;
}

.share-card-heading-copy[b-1s2vsjx0y0] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.share-card-display-name[b-1s2vsjx0y0] {
    color: var(--muted-text);
    font-size: var(--font-size-body-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.share-card[b-1s2vsjx0y0] {
    background: #fff;
}

.share-card-head[b-1s2vsjx0y0] {
    width: 100%;
}

.share-card-headline[b-1s2vsjx0y0] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
    flex-wrap: nowrap;
    min-width: 0;
    width: 100%;
}

.share-card-headline h3[b-1s2vsjx0y0] {
    margin: 0;
/*    flex: 1 1 auto;*/
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-card-total-value[b-1s2vsjx0y0] {
    color: var(--page-text);
    font-size: var(--font-size-title-md);
    letter-spacing: -0.03em;
    white-space: nowrap;
    margin-left: auto;
}

.share-performance-pill[b-1s2vsjx0y0] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.share-performance-pill.positive[b-1s2vsjx0y0] {
    color: #17543a;
    background: color-mix(in srgb, #d9f1df 80%, white 20%);
}

.share-performance-pill.negative[b-1s2vsjx0y0] {
    color: #8f2f29;
    background: color-mix(in srgb, #f6d7d4 80%, white 20%);
}

.share-performance-glyph[b-1s2vsjx0y0] {
    width: 0.9rem;
    height: 0.9rem;
}

.share-card.is-clickable[b-1s2vsjx0y0] {
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.share-card.is-clickable:hover[b-1s2vsjx0y0],
.share-card.is-clickable:focus-visible[b-1s2vsjx0y0] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--accent-border) 40%, var(--surface-border-soft));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 18px 34px color-mix(in srgb, var(--accent-border) 12%, transparent);
}

.share-card.is-clickable:focus-visible[b-1s2vsjx0y0] {
    outline: 3px solid color-mix(in srgb, var(--accent-border) 28%, white 72%);
    outline-offset: 3px;
}

.share-card-summary[b-1s2vsjx0y0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.share-summary-stat[b-1s2vsjx0y0],
.share-detail-stat[b-1s2vsjx0y0] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--surface-border) 62%, white 38%);
    box-shadow: 0 12px 24px rgba(52, 70, 92, 0.08);
}

.share-summary-stat strong[b-1s2vsjx0y0],
.share-detail-stat strong[b-1s2vsjx0y0] {
    color: var(--page-text);
    font-size: var(--font-size-body);
}

.share-card-footer[b-1s2vsjx0y0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.25rem;
    flex-wrap: wrap;
}

.share-card-hint[b-1s2vsjx0y0] {
    color: var(--muted-text);
    font-size: var(--font-size-body-sm);
}

.share-card-link[b-1s2vsjx0y0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--accent-soft-text);
    font-size: var(--font-size-body-sm);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.share-card-link[b-1s2vsjx0y0]::after {
    content: ">";
    font-size: var(--font-size-body-sm);
}

.property-card[b-1s2vsjx0y0] {
    background: #fff;
}

.property-card-main[b-1s2vsjx0y0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    width: 100%;
}

.property-card-body[b-1s2vsjx0y0] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    flex: 1 1 auto;
}

.property-card-row[b-1s2vsjx0y0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.property-card-row-top h3[b-1s2vsjx0y0] {
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.property-card-value[b-1s2vsjx0y0] {
    color: var(--page-text);
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.04em;
    white-space: nowrap;
    margin-left: auto;
}

.property-card-row-bottom[b-1s2vsjx0y0] {
    align-items: flex-start;
}

.asset-title-row[b-1s2vsjx0y0] {
    align-items: flex-start;
    min-width: 0;
}

.asset-icon-shell[b-1s2vsjx0y0] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
/*    background: color-mix(in srgb, var(--accent-soft-bg) 78%, white 22%);*/
    color: var(--accent-soft-text);
    flex-shrink: 0;
}

.asset-glyph[b-1s2vsjx0y0] {
    width: 1.2rem;
    height: 1.2rem;
}

.asset-card h3[b-1s2vsjx0y0] {
    margin: 0;
    color: var(--page-text);
}

.asset-meta-row[b-1s2vsjx0y0],
.lot-meta-row[b-1s2vsjx0y0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.35rem;
}

.asset-pill[b-1s2vsjx0y0] {
    display: inline-flex;
    align-items: center;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.04em;
}

.asset-pill.soft[b-1s2vsjx0y0] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 88%, white 12%);
    color: var(--neutral-soft-text);
}

.asset-pill.linked[b-1s2vsjx0y0] {
    background: color-mix(in srgb, #d8f0e0 78%, white 22%);
    color: #17543a;
}

.asset-pill.current-value-pill[b-1s2vsjx0y0] {
    background: color-mix(in srgb, var(--accent-soft-bg) 88%, white 12%);
    color: var(--accent-soft-text);
}

.lot-list[b-1s2vsjx0y0] {
    display: grid;
    gap: 0.75rem;
}

.share-lot-shell[b-1s2vsjx0y0] {
    overflow: hidden;
    max-height: 14rem;
    opacity: 1;
    transform: translateY(0);
    transition:
        max-height 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.18s ease,
        transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.share-lot-shell.is-closing[b-1s2vsjx0y0] {
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
}

.lot-item[b-1s2vsjx0y0] {
    display: grid;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
}

.lot-item.is-closing[b-1s2vsjx0y0] {
    pointer-events: none;
}

.lot-main[b-1s2vsjx0y0] {
    align-items: center;
}

.lot-summary-block[b-1s2vsjx0y0] {
    display: grid;
    justify-items: end;
    gap: 0.65rem;
}

.lot-main strong[b-1s2vsjx0y0],
.lot-total[b-1s2vsjx0y0],
.property-inline-value strong[b-1s2vsjx0y0] {
    color: var(--page-text);
}

.lot-total[b-1s2vsjx0y0] {
    white-space: nowrap;
}

.lot-meta-row[b-1s2vsjx0y0] {
    color: var(--muted-text);
    font-size: var(--font-size-body-sm);
}

.lot-meta-row span[b-1s2vsjx0y0]::after {
    content: "\2022";
    margin-left: 0.45rem;
}

.lot-meta-row span:last-child[b-1s2vsjx0y0]::after {
    content: none;
    margin: 0;
}

.lot-actions[b-1s2vsjx0y0],
.card-actions[b-1s2vsjx0y0] {
    justify-content: flex-end;
}

.property-inline-value[b-1s2vsjx0y0] {
    display: grid;
    gap: 0.25rem;
    justify-items: end;
    text-align: right;
    min-width: 10rem;
    flex: 0 0 auto;
    margin-left: auto;
}

.property-card .icon-button[b-1s2vsjx0y0] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.45rem;
}

.property-card .delete-button[b-1s2vsjx0y0] {
    border-radius: 0.45rem;
}

.icon-button[b-1s2vsjx0y0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    background: var(--surface-card-strong);
    color: var(--page-text);
    transition: transform 0.15s ease, background-color 0.15s ease;
}

.icon-button:hover[b-1s2vsjx0y0],
.icon-button:focus-visible[b-1s2vsjx0y0] {
    background: color-mix(in srgb, var(--accent-soft-bg) 78%, white 22%);
    color: var(--accent-soft-text);
    border-color: color-mix(in srgb, var(--accent-border) 40%, white 60%);
}

.delete-button[b-1s2vsjx0y0],
.delete-button:hover[b-1s2vsjx0y0],
.delete-button:focus-visible[b-1s2vsjx0y0] {
    background: var(--danger-soft-bg);
    color: var(--danger-soft-text);
    border-color: rgba(181, 60, 51, 0.14);
}

.flat-delete-button[b-1s2vsjx0y0] {
    border: none;
    border-radius: 0.7rem;
    box-shadow: none;
}

.edit-icon-button[b-1s2vsjx0y0] {
    border: none;
    border-radius: 0.7rem;
    background: transparent;
    box-shadow: none;
}

.edit-icon-button:hover[b-1s2vsjx0y0],
.edit-icon-button:focus-visible[b-1s2vsjx0y0] {
    background: color-mix(in srgb, var(--accent-soft-bg) 72%, white 28%);
    color: var(--accent-soft-text);
    border-color: transparent;
}

.action-glyph[b-1s2vsjx0y0] {
    width: 1rem;
    height: 1rem;
}

.investment-form-modal[b-1s2vsjx0y0] {
    display: grid;
    gap: 1rem;
    width: min(900px, calc(100vw - 2rem));
    background: color-mix(in srgb, var(--hero-background) 16%, white 84%);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: min(44rem, calc(100vh - 1.5rem));
    transition:
        max-height 0.32s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.2s ease,
        transform 0.2s ease;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.investment-form-modal.has-share-expanded[b-1s2vsjx0y0] {
    max-height: min(60rem, calc(100vh - 1.5rem));
}

.investment-form-modal[b-1s2vsjx0y0]::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.share-modal-header-actions[b-1s2vsjx0y0] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-left: auto;
}

.share-modal-inline-action[b-1s2vsjx0y0] {
    white-space: nowrap;
}

.share-holding-workspace[b-1s2vsjx0y0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.share-holding-layout[b-1s2vsjx0y0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.share-holding-shell[b-1s2vsjx0y0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    max-height: 4.75rem;
    transition:
        max-height 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    --share-holding-shell-summary-height: 4.75rem;
    --share-holding-shell-edit-height: 17.5rem;
}

.share-holding-shell.is-editing[b-1s2vsjx0y0] {
    max-height: var(--share-holding-shell-edit-height);
}

.share-holding-shell.is-closing[b-1s2vsjx0y0] {
    max-height: var(--share-holding-shell-summary-height);
}

.share-holding-form-shell[b-1s2vsjx0y0],
.share-holding-summary-card[b-1s2vsjx0y0] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid color-mix(in srgb, var(--surface-border) 48%, white 52%);
    box-shadow: 0 18px 32px rgba(52, 70, 92, 0.08);
}

.share-holding-form-shell[b-1s2vsjx0y0] {
    opacity: 1;
    transition: opacity 0.18s ease;
}

.share-holding-form-shell.is-closing[b-1s2vsjx0y0] {
    opacity: 0;
    pointer-events: none;
}

.share-holding-summary-card[b-1s2vsjx0y0] {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.share-holding-form-grid[b-1s2vsjx0y0],
.share-holding-summary-grid[b-1s2vsjx0y0],
.share-holding-preview-grid[b-1s2vsjx0y0],
.share-holding-metrics-grid[b-1s2vsjx0y0],
.share-lot-form-grid[b-1s2vsjx0y0] {
    display: grid;
    gap: 0.9rem;
}

.share-holding-form-grid[b-1s2vsjx0y0] {
    opacity: 1;
    transition: opacity 0.18s ease;
}

.share-holding-form-grid.is-closing[b-1s2vsjx0y0] {
    opacity: 0;
    pointer-events: none;
}

.share-holding-summary-grid[b-1s2vsjx0y0] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.share-lot-action-row[b-1s2vsjx0y0],
.share-holding-edit-actions[b-1s2vsjx0y0],
.share-draft-lot-actions[b-1s2vsjx0y0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.share-holding-edit-actions[b-1s2vsjx0y0] {
    overflow: hidden;
    max-height: 0;
    margin-block: 0;
    opacity: 0;
    transition:
        max-height 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        margin-block 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.18s ease;
}

.share-holding-shell.is-editing .share-holding-edit-actions[b-1s2vsjx0y0] {
    max-height: 54px;
    margin-block: 1rem;
    opacity: 1;
}

.share-holding-shell.is-closing .share-holding-edit-actions[b-1s2vsjx0y0] {
    max-height: 0;
    margin-block: 0;
    opacity: 0;
}

.share-holding-modal-actions[b-1s2vsjx0y0] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

.share-lot-trigger.is-disabled[b-1s2vsjx0y0] {
    opacity: 0.55;
}

.share-draft-lot-card[b-1s2vsjx0y0] {
    display: grid;
    gap: 1rem;
    padding: 1.05rem 1.1rem;
    border-radius: 1.2rem;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--accent-border) 34%, white 66%);
    box-shadow:
        0 18px 34px color-mix(in srgb, var(--accent-border) 12%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
    animation: share-draft-lot-reveal-b-1s2vsjx0y0 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    transform-origin: top center;
    overflow: hidden;
}

.share-draft-lot-shell[b-1s2vsjx0y0] {
    overflow: hidden;
    max-height: 34rem;
    opacity: 1;
    transform: translateY(0);
    transition:
        max-height 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.18s ease,
        transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.share-draft-lot-shell.is-opening[b-1s2vsjx0y0] {
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
}

.share-draft-lot-shell.is-closing[b-1s2vsjx0y0] {
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
}

.share-draft-lot-card.is-closing[b-1s2vsjx0y0] {
    animation: none;
    pointer-events: none;
}

.share-lot-form-grid[b-1s2vsjx0y0] {
    padding: 1rem;
    border-radius: 1rem;
    background: color-mix(in srgb, white 94%, var(--hero-background) 6%);
    border: 1px solid color-mix(in srgb, var(--surface-border) 58%, white 42%);
    box-shadow: 0 10px 20px rgba(52, 70, 92, 0.05);
    align-items: end;
}

.share-draft-lot-actions-inline[b-1s2vsjx0y0] {
    justify-content: flex-end;
    align-items: center;
    padding-top: 0.35rem;
}

.investment-type-toggle[b-1s2vsjx0y0] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.65rem;
    width: 100%;
}

.investment-type-toggle .type-option[b-1s2vsjx0y0] {
    flex: 1 1 0;
    min-width: 0;
    appearance: none;
    border: 1px solid color-mix(in srgb, var(--surface-border-soft) 82%, white 18%);
    border-radius: 999px;
    background: var(--surface-card-strong);
    color: var(--page-text);
    padding: 0.7rem 1rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.investment-type-toggle .type-option:hover[b-1s2vsjx0y0] {
    transform: translateY(-1px);
}

.investment-type-toggle .type-option.active[b-1s2vsjx0y0] {
    background: var(--accent-gradient);
    color: var(--hero-text);
    border-color: var(--accent-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.investment-modal-hint[b-1s2vsjx0y0] {
    margin: -0.2rem 0 0;
}

.picker-actions[b-1s2vsjx0y0] {
    flex-direction: column;
}

.picker-action-button[b-1s2vsjx0y0],
.section-add-button[b-1s2vsjx0y0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
}

.section-add-button[b-1s2vsjx0y0] {
    white-space: nowrap;
}

.section-add-button-icon[b-1s2vsjx0y0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    font-size: 1.15rem;
    line-height: 1;
    font-weight: 700;
}

.share-detail-header[b-1s2vsjx0y0] {
    align-items: flex-start;
    gap: 1rem;
}

.share-detail-header-actions[b-1s2vsjx0y0] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.share-detail-summary[b-1s2vsjx0y0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.share-price-editor[b-1s2vsjx0y0] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.1rem;
    background: var(--surface-card-strong);
    border: 1px solid color-mix(in srgb, var(--surface-border-soft) 78%, white 22%);
}

.share-price-editor-copy[b-1s2vsjx0y0] {
    display: grid;
    gap: 0.4rem;
}

.share-price-editor-copy p[b-1s2vsjx0y0] {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
}

.share-price-editor-form[b-1s2vsjx0y0] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: end;
}

.share-price-input-block[b-1s2vsjx0y0] {
    flex: 1 1 14rem;
    min-width: 0;
}

.share-price-editor-actions[b-1s2vsjx0y0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.share-detail-lot-list[b-1s2vsjx0y0] {
    gap: 0.9rem;
}

.form-grid[b-1s2vsjx0y0] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.property-form-grid[b-1s2vsjx0y0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.span-2[b-1s2vsjx0y0] {
    grid-column: span 2;
}

.form-label[b-1s2vsjx0y0] {
    display: inline-block;
    margin-bottom: 0.45rem;
    font-size: var(--font-size-support);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--muted-text);
}

.field-hint[b-1s2vsjx0y0] {
    margin-top: 0.45rem;
    font-size: var(--font-size-body-sm);
    line-height: 1.45;
}

.form-error[b-1s2vsjx0y0] {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    color: var(--danger-soft-text);
    background: color-mix(in srgb, var(--danger-soft-bg) 82%, white 18%);
    border: 1px solid rgba(181, 60, 51, 0.18);
}

.property-form-grid[b-1s2vsjx0y0],
.asset-grid[b-1s2vsjx0y0],
.investment-asset-list[b-1s2vsjx0y0],
.form-grid[b-1s2vsjx0y0] {
    grid-template-columns: 1fr;
}

.investments-layout[b-1s2vsjx0y0] {
    gap: 1rem;
}

.section-header-row[b-1s2vsjx0y0] {
    flex-direction: row;
    align-items: center;
}

.asset-card-head[b-1s2vsjx0y0],
.asset-title-row[b-1s2vsjx0y0],
.lot-main[b-1s2vsjx0y0],
.lot-actions[b-1s2vsjx0y0],
.card-actions[b-1s2vsjx0y0],
.investment-asset-entry[b-1s2vsjx0y0],
.share-detail-header[b-1s2vsjx0y0],
.share-detail-header-actions[b-1s2vsjx0y0] {
    flex-direction: column;
    align-items: stretch;
}

.span-2[b-1s2vsjx0y0] {
    grid-column: auto;
}

.lot-summary-block[b-1s2vsjx0y0],
.property-inline-value[b-1s2vsjx0y0] {
    justify-items: start;
    text-align: left;
    min-width: 0;
}

.lot-main[b-1s2vsjx0y0] {
    flex-direction: row;
    align-items: flex-start;
}

.lot-summary-block[b-1s2vsjx0y0] {
    margin-left: auto;
    align-self: flex-start;
}

.lot-actions[b-1s2vsjx0y0] {
    width: auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.lot-total[b-1s2vsjx0y0] {
    white-space: normal;
}

.share-card-footer[b-1s2vsjx0y0] {
    flex-direction: column;
    align-items: stretch;
}

.share-card-link[b-1s2vsjx0y0] {
    justify-content: flex-start;
    white-space: normal;
}

.share-summary-stat[b-1s2vsjx0y0],
.share-detail-stat[b-1s2vsjx0y0] {
    padding: 0.75rem 0.7rem;
}

.share-card[b-1s2vsjx0y0] {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.share-card .asset-icon-shell[b-1s2vsjx0y0] {
    width: 3rem;
    height: 3rem;
    border-radius: 1.05rem;
    background: var(--surface-card-strong);
    color: #25597f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.share-title-row[b-1s2vsjx0y0] {
    gap: 1rem;
    align-items: stretch;
}

.share-card-primary[b-1s2vsjx0y0] {
    gap: 0.9rem;
}

.share-card-headline h3[b-1s2vsjx0y0] {
        font-size: clamp(1.12rem, 1.06rem + 0.3vw, 1.28rem);
        letter-spacing: -0.03em;
        color: #1d3550;
    }

.share-card-total-value[b-1s2vsjx0y0] {
    color: #153f64;
    font-size: clamp(1.45rem, 1.34rem + 0.7vw, 1.8rem);
    font-weight: 550;
    line-height: 1;
    letter-spacing: -0.05em;
}

.share-summary-stat[b-1s2vsjx0y0] {
    gap: 0.32rem;
    padding: 0.82rem 0.9rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid rgba(59, 94, 130, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.share-summary-stat:nth-child(1)[b-1s2vsjx0y0] {
    background: var(--surface-card-strong);
}

.share-summary-stat:nth-child(2)[b-1s2vsjx0y0] {
    background: var(--surface-card-strong);
}

.share-summary-stat:nth-child(3)[b-1s2vsjx0y0] {
    background: var(--surface-card-strong);
}

.share-summary-stat .summary-label[b-1s2vsjx0y0] {
    font-size: var(--font-size-caption-tight);
    letter-spacing: 0.1em;
    color: #66778a;
}

.share-summary-stat strong[b-1s2vsjx0y0] {
    color: #213a55;
    font-size: clamp(0.98rem, 0.94rem + 0.16vw, 1.06rem);
    font-weight: 760;
    letter-spacing: -0.02em;
}

.share-card-link[b-1s2vsjx0y0] {
    color: #245f8b;
    font-size: var(--font-size-caption);
    letter-spacing: 0.08em;
}

.investment-form-modal .share-holding-form-shell[b-1s2vsjx0y0] {
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--surface-border) 68%, white 32%);
    box-shadow:
        0 20px 36px rgba(52, 70, 92, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.investment-form-modal .share-detail-stat[b-1s2vsjx0y0],
.investment-form-modal .share-summary-stat[b-1s2vsjx0y0] {
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--surface-border) 58%, white 42%);
    box-shadow: 0 10px 20px rgba(52, 70, 92, 0.06);
}

.investment-form-modal .share-draft-lot-card[b-1s2vsjx0y0] {
    padding: 1.15rem;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--surface-border) 52%, var(--accent-border) 48%);
    box-shadow:
        0 20px 38px color-mix(in srgb, var(--accent-border) 12%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

.investment-form-modal .edit-icon-button[b-1s2vsjx0y0] {
    border: none;
    background: transparent;
    color: color-mix(in srgb, var(--page-text) 82%, var(--accent-soft-text) 18%);
}

.investment-form-modal .edit-icon-button:hover[b-1s2vsjx0y0],
.investment-form-modal .edit-icon-button:focus-visible[b-1s2vsjx0y0] {
    background: color-mix(in srgb, var(--accent-soft-bg) 70%, white 30%);
    color: var(--accent-soft-text);
    box-shadow: none;
}

@keyframes share-draft-lot-reveal-b-1s2vsjx0y0 {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(16px) scale(0.985);
    }

    to {
        opacity: 1;
        max-height: 32rem;
        transform: translateY(0) scale(1);
    }
}

@media (min-width: 768px) {
    .investments-layout[b-1s2vsjx0y0] {
        gap: 1.4rem;
    }

    .investment-section[b-1s2vsjx0y0] {
        padding: 1.45rem;
        border-radius: 1.5rem;
    }

    .property-form-grid[b-1s2vsjx0y0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .asset-grid[b-1s2vsjx0y0] {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    }

    .share-asset-grid[b-1s2vsjx0y0] {
        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    }

    .investment-asset-list[b-1s2vsjx0y0],
    .share-asset-list[b-1s2vsjx0y0],
    .property-list[b-1s2vsjx0y0] {
        grid-template-columns: 1fr;
    }

    .form-grid[b-1s2vsjx0y0] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .share-card-total-value[b-1s2vsjx0y0] {
        white-space: nowrap;
    }

    .share-card-summary[b-1s2vsjx0y0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .share-detail-summary[b-1s2vsjx0y0] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .share-card-footer[b-1s2vsjx0y0] {
        flex-direction: row;
        align-items: center;
    }

    .share-card-link[b-1s2vsjx0y0] {
        white-space: nowrap;
    }

    .span-2[b-1s2vsjx0y0] {
        grid-column: span 2;
    }

    .section-header-row[b-1s2vsjx0y0],
    .asset-card-head[b-1s2vsjx0y0],
    .asset-title-row[b-1s2vsjx0y0],
    .lot-main[b-1s2vsjx0y0],
    .lot-actions[b-1s2vsjx0y0],
    .card-actions[b-1s2vsjx0y0],
    .investment-asset-entry[b-1s2vsjx0y0],
    .share-detail-header[b-1s2vsjx0y0],
    .share-detail-header-actions[b-1s2vsjx0y0] {
        flex-direction: row;
    }

    .section-header-row[b-1s2vsjx0y0],
    .asset-card-head[b-1s2vsjx0y0],
    .share-detail-header[b-1s2vsjx0y0] {
        align-items: center;
    }

    .section-add-button[b-1s2vsjx0y0],
    .picker-action-button[b-1s2vsjx0y0] {
        width: auto;
    }

    .lot-main[b-1s2vsjx0y0],
    .investment-asset-entry[b-1s2vsjx0y0] {
        align-items: center;
    }

    .share-detail-header-actions[b-1s2vsjx0y0] {
        align-items: center;
        margin-left: auto;
    }

    .lot-summary-block[b-1s2vsjx0y0],
    .property-inline-value[b-1s2vsjx0y0] {
        justify-items: end;
        text-align: right;
        min-width: 10rem;
    }

    .investment-asset-entry .investment-asset-actions[b-1s2vsjx0y0] {
        align-items: flex-end;
        flex-direction: column;
    }

    .lot-total[b-1s2vsjx0y0] {
        white-space: nowrap;
    }
}

@media (min-width: 768px) {
    .share-card-total-value[b-1s2vsjx0y0] {
        white-space: nowrap;
    }
}
/* /Pages/RecurringWasmPage.razor.rz.scp.css */
.recurring-page-shell[b-xfue8zg8sq] {
    display: grid;
}

.recurring-inline-top-bar[b-xfue8zg8sq] {
    position: sticky;
    top: 76px;
    z-index: 18;
    display: flex;
    justify-content: center;
    background: var(--sidebar-header-background);
    padding: 0.5rem;
    margin: -0.5rem;
    border-bottom: 1px solid rgba(203, 186, 166, 0.28);
    backdrop-filter: blur(14px);
    box-shadow: 0 12px 24px rgba(80, 74, 63, 0.08);
}

.recurring-inline-top-bar[b-xfue8zg8sq]  .header-timeframe-toolbar {
    width: min(100%, 34rem);
}

.recurring-layout[b-xfue8zg8sq] {
    display: grid;
    gap: 1.4rem;
}

.recurring-section[b-xfue8zg8sq] {
    position: relative;
    overflow: hidden;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border);
    border-radius: 1.5rem;
    padding: 1.45rem;
    box-shadow: var(--surface-shadow);
    backdrop-filter: blur(12px);
}

.recurring-section[b-xfue8zg8sq]::before {
    content: none;
}

.recurring-section > *[b-xfue8zg8sq] {
    position: relative;
    z-index: 1;
}

.page-heading-section[b-xfue8zg8sq] {
    background: var(--hero-background);
}

.section-subtitle[b-xfue8zg8sq],
.empty-state[b-xfue8zg8sq],
.schedule-row-notes[b-xfue8zg8sq],
.field-hint[b-xfue8zg8sq],
.forecast-item-meta[b-xfue8zg8sq],
.forecast-date[b-xfue8zg8sq],
.mini-list-footer[b-xfue8zg8sq],
.cashflow-scale[b-xfue8zg8sq],
.summary-range[b-xfue8zg8sq] {
    color: var(--muted-text);
}

.section-header-row[b-xfue8zg8sq],
.panel-header-row[b-xfue8zg8sq],
.chart-panel-head[b-xfue8zg8sq],
.schedule-actions[b-xfue8zg8sq],
.summary-header[b-xfue8zg8sq] {
    display: flex;
    gap: 1rem;
}

.section-header-row[b-xfue8zg8sq],
.panel-header-row[b-xfue8zg8sq],
.chart-panel-head[b-xfue8zg8sq],
.summary-header[b-xfue8zg8sq] {
    align-items: flex-start;
    justify-content: space-between;
}

.section-header-row[b-xfue8zg8sq],
.summary-header[b-xfue8zg8sq] {
    margin-bottom: 1rem;
}

.section-header-row h2[b-xfue8zg8sq],
.summary-header h2[b-xfue8zg8sq],
.panel-header-row h3[b-xfue8zg8sq],
.chart-panel-head h3[b-xfue8zg8sq] {
    margin: 0 0 0.25rem;
}

.summary-pill-group[b-xfue8zg8sq] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.3rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.summary-pill[b-xfue8zg8sq] {
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--muted-text);
    padding: 0.55rem 0.95rem;
    font-size: var(--font-size-support);
    font-weight: 800;
    letter-spacing: 0.03em;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.summary-pill.active[b-xfue8zg8sq] {
    background: var(--accent-gradient);
    color: var(--hero-text);
}

.summary-pill:hover[b-xfue8zg8sq],
.icon-button:hover[b-xfue8zg8sq],
.schedule-row:hover[b-xfue8zg8sq] {
    transform: translateY(-1px);
}

.summary-stack[b-xfue8zg8sq] {
    display: grid;
    gap: 1rem;
}

.summary-secondary-grid[b-xfue8zg8sq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.recurring-summary-stack[b-xfue8zg8sq] {
    margin-bottom: 1rem;
}

.overview-bottom-row[b-xfue8zg8sq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
}

.overview-budget-row[b-xfue8zg8sq] {
    margin: 1rem 0 2.4rem;
    display: grid;
    gap: 1rem;
}

.overview-budget-head h3[b-xfue8zg8sq],
.budget-graph-head h3[b-xfue8zg8sq] {
    margin: 0 0 0.25rem;
}

.budget-graph-grid[b-xfue8zg8sq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.budget-graph-card[b-xfue8zg8sq] {
    --budget-accent: #6e8ecf;
    --budget-accent-soft: #e1e9fb;
    --budget-accent-strong: #47619e;
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.15rem;
    background: color-mix(in srgb, var(--budget-accent-soft) 38%, rgba(255, 255, 255, 0.92));
    border: 1px solid color-mix(in srgb, var(--budget-accent) 26%, var(--surface-border-soft) 74%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 12px 30px -22px color-mix(in srgb, var(--budget-accent) 40%, transparent);
}

.budget-graph-head[b-xfue8zg8sq],
.budget-title-line.compact[b-xfue8zg8sq] {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    justify-content: space-between;
}

.budget-title-line.compact[b-xfue8zg8sq] {
    justify-content: flex-start;
}

.budget-icon-shell[b-xfue8zg8sq] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--budget-accent-soft) 78%, white 22%);
    color: var(--budget-accent-strong);
    flex-shrink: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.budget-glyph[b-xfue8zg8sq] {
    width: 1.2rem;
    height: 1.2rem;
}

.budget-variance-chip[b-xfue8zg8sq] {
    display: inline-flex;
    align-items: center;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.04em;
}

.budget-variance-chip.positive[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
}

.budget-variance-chip.negative[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--danger-soft-bg) 82%, white 18%);
    color: var(--danger-soft-text);
}

.budget-graph-body[b-xfue8zg8sq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.budget-circle-wrap[b-xfue8zg8sq] {
    display: grid;
    place-items: center;
}

.budget-circle[b-xfue8zg8sq] {
    --budget-circle-percent: 0%;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--surface-card-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.budget-circle-center[b-xfue8zg8sq] {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    background: var(--surface-overlay);
    display: grid;
    place-items: center;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.budget-circle-center strong[b-xfue8zg8sq] {
    font-size: var(--font-size-title-sm);
    letter-spacing: -0.04em;
    color: var(--page-text);
}

.budget-circle-center span[b-xfue8zg8sq],
.budget-legend-label[b-xfue8zg8sq] {
    color: var(--muted-text);
}

.budget-circle-center span[b-xfue8zg8sq] {
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.budget-legend[b-xfue8zg8sq] {
    display: grid;
    gap: 0.85rem;
}

.budget-legend-row[b-xfue8zg8sq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid var(--surface-border-soft);
}

.budget-legend-row:last-child[b-xfue8zg8sq] {
    padding-bottom: 0;
    border-bottom: none;
}

.budget-legend-row strong[b-xfue8zg8sq] {
    color: var(--budget-accent-strong);
}

.budget-legend-row.positive strong[b-xfue8zg8sq] {
    color: var(--accent-soft-text);
}

.budget-legend-row.negative strong[b-xfue8zg8sq] {
    color: var(--danger-soft-text);
}

.overview-panel[b-xfue8zg8sq],
.summary-card[b-xfue8zg8sq],
.schedule-row[b-xfue8zg8sq],
.forecast-table-wrap[b-xfue8zg8sq] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.overview-panel[b-xfue8zg8sq],
.summary-card[b-xfue8zg8sq],
.schedule-row[b-xfue8zg8sq] {
    border-radius: 1.15rem;
}

.overview-panel[b-xfue8zg8sq],
.summary-card[b-xfue8zg8sq] {
    padding: 1.15rem;
}

.goal-link-block[b-xfue8zg8sq] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1.1rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.mortgage-audit-list[b-xfue8zg8sq] {
    display: grid;
    gap: 0.8rem;
}

.mortgage-audit-card[b-xfue8zg8sq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--surface-border-soft);
    background: var(--surface-card-strong);
}

.mortgage-audit-card.warning[b-xfue8zg8sq] {
    border-color: color-mix(in srgb, #e2a94b 42%, var(--surface-border-soft) 58%);
    background: color-mix(in srgb, #fff2d8 70%, white 30%);
}

.mortgage-audit-card.info[b-xfue8zg8sq] {
    border-color: color-mix(in srgb, #78a6d9 34%, var(--surface-border-soft) 66%);
    background: color-mix(in srgb, #e9f2fd 72%, white 28%);
}

.mortgage-audit-copy[b-xfue8zg8sq] {
    min-width: 0;
}

.goal-link-grid[b-xfue8zg8sq] {
    margin-top: 0.85rem;
}

.summary-card[b-xfue8zg8sq] {
    display: grid;
    gap: 0.45rem;
}

.summary-card strong[b-xfue8zg8sq] {
    font-size: var(--font-size-title-lg);
    letter-spacing: -0.04em;
    color: var(--page-text);
}

.summary-stack .amount-value[b-xfue8zg8sq] {
        font-weight: 700;
    }

.credit-summary-card[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--accent-soft-bg) 55%, rgba(255, 255, 255, 0.96));
}

.debit-summary-card[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--danger-soft-bg) 62%, rgba(255, 255, 255, 0.95));
}

.net-summary-card[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 84%, rgba(255, 255, 255, 0.95));
}

.summary-label[b-xfue8zg8sq] {
    display: block;
    font-size: var(--font-size-caption);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--muted-text);
}

.summary-badge[b-xfue8zg8sq],
.schedule-frequency-pill[b-xfue8zg8sq],
.type-pill[b-xfue8zg8sq],
.forecast-badge[b-xfue8zg8sq] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.04em;
}

.summary-badge[b-xfue8zg8sq] {
    padding: 0.42rem 0.78rem;
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
}

.goal-link-pill[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 86%, white 14%);
    color: var(--page-text);
}

.mortgage-link-pill[b-xfue8zg8sq] {
    background: color-mix(in srgb, #dbe9fb 82%, white 18%);
    color: #1f4c82;
}

.upcoming-mini-list[b-xfue8zg8sq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.8rem;
}

.upcoming-mini-item[b-xfue8zg8sq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid var(--surface-border-soft);
}

.upcoming-mini-item:last-child[b-xfue8zg8sq] {
    padding-bottom: 0;
    border-bottom: none;
}

.upcoming-mini-copy[b-xfue8zg8sq] {
    min-width: 0;
}

.upcoming-mini-amount[b-xfue8zg8sq] {
    white-space: nowrap;
}

.forecast-item-heading[b-xfue8zg8sq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
    color: var(--page-text);
}

.forecast-item-heading strong[b-xfue8zg8sq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.forecast-item-meta[b-xfue8zg8sq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    font-size: var(--font-size-body-sm);
}

.forecast-item-meta span[b-xfue8zg8sq]::after {
    content: "�";
    margin-left: 0.55rem;
}

.forecast-item-meta span:last-child[b-xfue8zg8sq]::after {
    content: none;
    margin: 0;
}

.forecast-item-meta span[b-xfue8zg8sq]::after {
    content: "\00B7";
}

.mini-list-footer[b-xfue8zg8sq],
.cashflow-scale[b-xfue8zg8sq] {
    margin: 0.85rem 0 0;
    font-size: var(--font-size-body-sm);
}

.chart-legend[b-xfue8zg8sq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.legend-item[b-xfue8zg8sq] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 700;
    color: var(--page-text);
}

.legend-swatch[b-xfue8zg8sq] {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 999px;
}

.legend-swatch.credit[b-xfue8zg8sq],
.type-pill.credit[b-xfue8zg8sq],
.amount-value.credit[b-xfue8zg8sq] {
    color: var(--accent-soft-text);
}

.legend-swatch.credit[b-xfue8zg8sq] {
    background: var(--credit-color);
}

.legend-swatch.debit[b-xfue8zg8sq],
.type-pill.debit[b-xfue8zg8sq],
.amount-value.debit[b-xfue8zg8sq],
.delete-button[b-xfue8zg8sq] {
    color: var(--danger-soft-text);
}

.legend-swatch.debit[b-xfue8zg8sq] {
    background: var(--debit-color);
}

.cashflow-chart-shell[b-xfue8zg8sq] {
    padding: 0.95rem 1rem 1rem;
    border-radius: 1rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.cashflow-summary-chart[b-xfue8zg8sq] {
    display: grid;
    gap: 0.9rem;
}

.cashflow-summary-column[b-xfue8zg8sq] {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
}

.cashflow-summary-track[b-xfue8zg8sq] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 1rem;
}

.cashflow-summary-track .cashflow-bar[b-xfue8zg8sq] {
    max-width: 100%;
}

.cashflow-bar[b-xfue8zg8sq] {
    display: block;
    height: 1rem;
    border-radius: 999px;
    min-width: 0;
    align-items: center;
}

.cashflow-bar.credit[b-xfue8zg8sq] {
    background: var(--surface-card-strong);
}

.cashflow-bar.debit[b-xfue8zg8sq] {
    background: var(--surface-card-strong);
}

.cashflow-summary-label[b-xfue8zg8sq] {
    text-align: center;
    font-size: var(--font-size-caption);
    font-weight: 700;
    color: var(--muted-text);
}

.cashflow-summary-value[b-xfue8zg8sq] {
    font-weight: 800;
    text-align: center;
}

.schedule-list[b-xfue8zg8sq] {
    display: grid;
    gap: 0.8rem;
}

.schedules-section[b-xfue8zg8sq],
.schedule-row[b-xfue8zg8sq] {
    scroll-margin-top: 6rem;
}

.schedule-row[b-xfue8zg8sq] {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) repeat(2, minmax(120px, 0.8fr)) minmax(120px, 0.9fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.15rem;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.schedule-row:hover[b-xfue8zg8sq] {
    border-color: color-mix(in srgb, var(--accent-soft-strong-bg) 36%, transparent);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

.schedule-primary[b-xfue8zg8sq],
.schedule-stat-block[b-xfue8zg8sq],
.schedule-amount-cell[b-xfue8zg8sq] {
    display: grid;
    gap: 0.35rem;
}

.schedule-primary[b-xfue8zg8sq] {
    min-width: 0;
    gap: 0.55rem;
}

.schedule-heading-line[b-xfue8zg8sq],
.schedule-meta-line[b-xfue8zg8sq],
.forecast-name-line[b-xfue8zg8sq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.schedule-heading-line h3[b-xfue8zg8sq] {
    margin: 0;
    font-size: var(--font-size-title-sm);
    color: var(--page-text);
}

.schedule-frequency-pill[b-xfue8zg8sq] {
    padding: 0.32rem 0.72rem;
    background: var(--accent-soft-bg);
    color: var(--accent-soft-text);
}

.status-pill[b-xfue8zg8sq] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 0.34rem 0.72rem;
}

.posting-mode-pill[b-xfue8zg8sq] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 0.34rem 0.72rem;
}

.status-pill.active[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
}

.status-pill.paused[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 86%, white 14%);
    color: var(--neutral-soft-text);
}

.posting-mode-pill.positive[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
}

.posting-mode-pill.warning[b-xfue8zg8sq] {
    background: color-mix(in srgb, #f6d58a 76%, white 24%);
    color: #8a5a08;
}

.posting-mode-pill.neutral[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 86%, white 14%);
    color: var(--neutral-soft-text);
}

.type-pill[b-xfue8zg8sq] {
    padding: 0.34rem 0.72rem;
}

.type-pill.credit[b-xfue8zg8sq] {
    background: var(--accent-soft-bg);
}

.type-pill.debit[b-xfue8zg8sq] {
    background: var(--danger-soft-bg);
}

.type-pill.neutral[b-xfue8zg8sq] {
    background: var(--neutral-soft-bg);
    color: var(--neutral-soft-text);
}

.schedule-row-notes[b-xfue8zg8sq],
.empty-state[b-xfue8zg8sq] {
    margin: 0;
    line-height: 1.5;
}

.mortgage-schedule-note[b-xfue8zg8sq] {
    font-weight: 700;
}

.schedule-actions[b-xfue8zg8sq] {
    justify-content: flex-end;
}

.schedule-state-button[b-xfue8zg8sq] {
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    font-size: var(--font-size-support);
    font-weight: 800;
    padding: 0.58rem 0.95rem;
}

.schedule-state-button.pause[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 82%, white 18%);
    color: var(--neutral-soft-text);
}

.schedule-state-button.resume[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
}

.schedule-link-button[b-xfue8zg8sq] {
    align-items: center;
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    color: var(--accent-soft-text);
    display: inline-flex;
    font-size: var(--font-size-support);
    font-weight: 800;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.58rem 0.95rem;
    text-decoration: none;
    white-space: nowrap;
}

.mortgage-audit-card[b-xfue8zg8sq],
.schedule-row[b-xfue8zg8sq] {
    min-width: 0;
}

.schedule-amount-cell[b-xfue8zg8sq],
.amount-column[b-xfue8zg8sq] {
    text-align: right;
}

.amount-value[b-xfue8zg8sq] {
    font-weight: 800;
}

.forecast-table-wrap[b-xfue8zg8sq] {
    overflow-x: auto;
    border-radius: 1.15rem;
}

.forecast-table[b-xfue8zg8sq] {
    width: 100%;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.forecast-table thead th[b-xfue8zg8sq] {
    background: var(--surface-card-strong);
    border-bottom: 1px solid var(--surface-border-soft);
    color: var(--muted-text);
    font-size: var(--font-size-caption);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.9rem 1rem;
    text-align: left;
    white-space: nowrap;
}

.forecast-table tbody td[b-xfue8zg8sq] {
    padding: 0.95rem 1rem;
    border-bottom: 1px solid var(--surface-border-soft);
    vertical-align: middle;
}

.forecast-name-line[b-xfue8zg8sq] {
    font-weight: 700;
    color: var(--page-text);
}

.forecast-badge[b-xfue8zg8sq] {
    padding: 0.2rem 0.55rem;
    background: color-mix(in srgb, var(--accent-soft-bg) 56%, white 44%);
    border: 1px solid color-mix(in srgb, var(--accent-border) 24%, white 76%);
    color: var(--page-text);
}

.forecast-badge.edited[b-xfue8zg8sq] {
    background: color-mix(in srgb, #f6d58a 72%, white 28%);
    color: #8a5a08;
}

.forecast-state-line[b-xfue8zg8sq] {
    margin-top: 0.45rem;
}

.forecast-notes[b-xfue8zg8sq] {
    margin-top: 0.35rem;
    color: var(--muted-text);
    line-height: 1.45;
}

.forecast-row-actions[b-xfue8zg8sq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.forecast-actions-cell[b-xfue8zg8sq] {
    text-align: right;
}

.forecast-action-button[b-xfue8zg8sq] {
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    font-size: var(--font-size-caption);
    font-weight: 800;
    padding: 0.48rem 0.82rem;
}

.forecast-action-button.confirm[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--accent-soft-bg) 82%, white 18%);
    color: var(--accent-soft-text);
}

.forecast-action-button.edit[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 86%, white 14%);
    color: var(--neutral-soft-text);
}

.forecast-action-button.skip[b-xfue8zg8sq] {
    background: color-mix(in srgb, var(--danger-soft-bg) 82%, white 18%);
    color: var(--danger-soft-text);
}

.form-grid[b-xfue8zg8sq],
.repeat-grid[b-xfue8zg8sq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.form-grid[b-xfue8zg8sq] {
    margin: 1rem 0 2.4rem;
}

.repeat-block[b-xfue8zg8sq] {
    margin: 1rem 0 2.4rem;
}

.repeat-block[b-xfue8zg8sq] {
    border-top: 1px solid var(--surface-border-soft);
    padding-top: 1rem;
}

.form-label[b-xfue8zg8sq] {
    display: inline-block;
    margin-bottom: 0.45rem;
    font-size: var(--font-size-support);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--muted-text);
}

.icon-button[b-xfue8zg8sq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    border: 1px solid var(--surface-border-soft);
    background: var(--surface-card-strong);
    color: var(--page-text);
    transition: transform 0.15s ease, background-color 0.15s ease;
}

.icon-button svg[b-xfue8zg8sq] {
    width: 1rem;
    height: 1rem;
}

.category-token[b-xfue8zg8sq],
.category-option-content[b-xfue8zg8sq],
.category-cell[b-xfue8zg8sq] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.category-token[b-xfue8zg8sq],
.category-cell[b-xfue8zg8sq] {
    color: var(--page-text);
    font-weight: 600;
}

.category-option-content[b-xfue8zg8sq] {
    color: inherit;
}

.category-cell.empty[b-xfue8zg8sq] {
    color: var(--muted-text);
    font-weight: 500;
}

.category-glyph[b-xfue8zg8sq] {
    width: 0.95rem;
    height: 0.95rem;
    color: var(--accent-soft-text);
}

.repeat-toggle-label[b-xfue8zg8sq] {
    align-items: center;
    display: inline-flex;
    gap: 0.65rem;
    font-weight: 700;
    color: var(--page-text);
}

.indefinite-toggle[b-xfue8zg8sq] {
    margin: 1rem 0 2.4rem;
}

.chart-panel .cashflow-summary-column[b-xfue8zg8sq] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr) 7rem;
    gap: 0.85rem;
    align-items: center;
}

.chart-panel .cashflow-summary-label[b-xfue8zg8sq] {
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 1rem;
    text-align: left;
    font-size: var(--font-size-support);
    font-weight: 800;
    color: var(--page-text);
}

.chart-panel .cashflow-summary-track[b-xfue8zg8sq] {
/*    grid-column: 2;*/
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 1rem;
    padding: 0.2rem;
    border-radius: 999px;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.chart-panel .cashflow-summary-track .cashflow-bar[b-xfue8zg8sq] {
    display: block;
    max-width: 100%;
    min-width: 0.45rem;
    height: 0.75rem;
    border-radius: 999px;
}

.chart-panel .cashflow-summary-value[b-xfue8zg8sq] {
/*    grid-column: 3;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 1rem;
    min-width: 0;
    text-align: right;
    font-weight: 800;
}

@media (min-width: 768px) {
    .recurring-inline-top-bar[b-xfue8zg8sq] {
        top: 0;
        justify-content: flex-end;
        margin: -6rem -2rem 1.75rem;
        z-index: 36;
        padding: 0.65rem 2rem;
    }
}

@media (max-width: 767px) {
    .recurring-inline-top-bar[b-xfue8zg8sq] {
        /*        top: var(--mobile-nav-height, 56px);*/
        top: 76px;
    }

    .recurring-inline-top-bar[b-xfue8zg8sq]  .header-timeframe-toolbar {
        width: 100%;
    }

    .mortgage-audit-card[b-xfue8zg8sq] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .recurring-inline-top-bar[b-xfue8zg8sq] {
        top: 0;
        justify-content: flex-end;
    }

    .recurring-inline-top-bar[b-xfue8zg8sq]  .header-timeframe-toolbar {
        margin-left: auto;
        width: auto;
    }

    .recurring-layout[b-xfue8zg8sq] {
        gap: 1.4rem;
    }

    .recurring-section[b-xfue8zg8sq] {
        padding: 1.45rem;
        border-radius: 1.5rem;
    }

    .summary-pill-group[b-xfue8zg8sq] {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0.45rem;
        padding: 0.3rem;
        border-radius: 999px;
    }

    .summary-pill[b-xfue8zg8sq] {
        width: auto;
        min-width: unset;
        padding: 0.55rem 0.95rem;
        font-size: var(--font-size-support);
        letter-spacing: 0.03em;
        line-height: normal;
        overflow: visible;
        text-overflow: clip;
        text-align: center;
    }
    .overview-top-row[b-xfue8zg8sq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .overview-bottom-row[b-xfue8zg8sq] {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    }

    .budget-graph-grid[b-xfue8zg8sq] {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

    .form-grid[b-xfue8zg8sq],
    .repeat-grid[b-xfue8zg8sq] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .form-grid[b-xfue8zg8sq],
    .repeat-grid[b-xfue8zg8sq] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .budget-graph-body[b-xfue8zg8sq] {
        grid-template-columns: auto minmax(0, 1fr);
        justify-items: stretch;
    }

    .schedule-row[b-xfue8zg8sq] {
        grid-template-columns: minmax(0, 2.2fr) repeat(2, minmax(120px, 0.8fr)) minmax(120px, 0.9fr) auto;
    }

    .upcoming-mini-item[b-xfue8zg8sq] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .cashflow-summary-column[b-xfue8zg8sq] {
        grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
    }

    .section-header-row[b-xfue8zg8sq],
    .panel-header-row[b-xfue8zg8sq],
    .chart-panel-head[b-xfue8zg8sq],
    .summary-header[b-xfue8zg8sq],
    .forecast-item-heading[b-xfue8zg8sq],
    .forecast-name-line[b-xfue8zg8sq],
    .schedule-meta-line[b-xfue8zg8sq],
    .budget-graph-head[b-xfue8zg8sq],
    .schedule-actions[b-xfue8zg8sq],
    .budget-graph-head[b-xfue8zg8sq] {
        flex-direction: row;
    }

    .section-header-row[b-xfue8zg8sq],
    .panel-header-row[b-xfue8zg8sq],
    .chart-panel-head[b-xfue8zg8sq],
    .summary-header[b-xfue8zg8sq] {
        align-items: flex-start;
        justify-content: space-between;
    }

    .forecast-item-heading[b-xfue8zg8sq] {
        align-items: baseline;
        justify-content: space-between;
    }

    .forecast-item-heading[b-xfue8zg8sq] {
        align-items: baseline;
        justify-content: space-between;
    }

    .summary-pill-group[b-xfue8zg8sq] {
        width: auto;
    }

    .summary-pill[b-xfue8zg8sq],
    .schedule-state-button[b-xfue8zg8sq],
    .schedule-link-button[b-xfue8zg8sq],
    .forecast-action-button[b-xfue8zg8sq] {
        width: auto;
    }

    .schedule-amount-cell[b-xfue8zg8sq],
    .amount-column[b-xfue8zg8sq] {
        text-align: right;
    }

    .schedule-actions[b-xfue8zg8sq] {
        justify-content: flex-end;
    }

    .cashflow-summary-label[b-xfue8zg8sq],
    .cashflow-summary-value[b-xfue8zg8sq] {
        text-align: center;
    }

    .forecast-table[b-xfue8zg8sq] {
        display: table;
        width: 100%;
    }

    .forecast-table thead[b-xfue8zg8sq] {
        display: table-header-group;
    }

    .forecast-table tbody[b-xfue8zg8sq] {
        display: table-row-group;
    }

    .forecast-table tr[b-xfue8zg8sq] {
        display: table-row;
    }

    .forecast-table td[b-xfue8zg8sq] {
        display: table-cell;
        width: auto;
    }

    .forecast-table tbody td[b-xfue8zg8sq] {
        padding: 0.95rem 1rem;
    }

    .chart-panel .cashflow-summary-column[b-xfue8zg8sq] {
        grid-template-columns: 5.5rem minmax(0, 1fr) 7rem;
        gap: 0.85rem;
    }

    .chart-panel .cashflow-summary-label[b-xfue8zg8sq] {
        justify-content: flex-start;
        text-align: left;
    }

    .chart-panel .cashflow-summary-value[b-xfue8zg8sq] {
        justify-content: flex-end;
        text-align: right;
        min-width: 0;
    }
}

@media (max-width: 767px) {
    .recurring-layout[b-xfue8zg8sq] {
        gap: 1rem;
    }

    .overview-bottom-row[b-xfue8zg8sq],
    .form-grid[b-xfue8zg8sq],
    .repeat-grid[b-xfue8zg8sq],
    .budget-graph-grid[b-xfue8zg8sq],
    .cashflow-summary-column[b-xfue8zg8sq],
    .budget-graph-body[b-xfue8zg8sq] {
        grid-template-columns: 1fr;
    }

    .upcoming-mini-item[b-xfue8zg8sq] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
        align-items: start;
    }

    .upcoming-mini-amount[b-xfue8zg8sq] {
        white-space: normal;
    }

    .schedule-row[b-xfue8zg8sq] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "primary"
            "next"
            "ends"
            "amount"
            "actions";
        gap: 0.75rem;
        align-items: start;
        padding: 0.9rem 1rem;
    }

    .schedule-primary[b-xfue8zg8sq] {
        grid-area: primary;
    }

    .schedule-next-cell[b-xfue8zg8sq] {
        grid-area: next;
    }

    .schedule-ends-cell[b-xfue8zg8sq] {
        grid-area: ends;
    }

    .schedule-amount-cell[b-xfue8zg8sq] {
        grid-area: amount;
    }

    .schedule-actions[b-xfue8zg8sq] {
        grid-area: actions;
    }

    .section-header-row[b-xfue8zg8sq],
    .panel-header-row[b-xfue8zg8sq],
    .chart-panel-head[b-xfue8zg8sq],
    .summary-header[b-xfue8zg8sq],
    .forecast-name-line[b-xfue8zg8sq],
    .budget-graph-head[b-xfue8zg8sq],
    .budget-graph-head[b-xfue8zg8sq] {
        flex-direction: column;
    }

    .forecast-item-heading[b-xfue8zg8sq],
    .schedule-meta-line[b-xfue8zg8sq],
    .schedule-actions[b-xfue8zg8sq],
    .budget-graph-head[b-xfue8zg8sq] {
        align-items: flex-start;
    }

    .summary-pill[b-xfue8zg8sq],
    .forecast-action-button[b-xfue8zg8sq] {
        width: 100%;
    }

    .schedule-state-button[b-xfue8zg8sq],
    .schedule-link-button[b-xfue8zg8sq] {
        width: auto;
    }

    .schedule-amount-cell[b-xfue8zg8sq],
    .amount-column[b-xfue8zg8sq],
    .cashflow-summary-label[b-xfue8zg8sq],
    .cashflow-summary-value[b-xfue8zg8sq],
    .forecast-actions-cell[b-xfue8zg8sq] {
        text-align: left;
        justify-content: flex-start;
    }

    .schedule-actions[b-xfue8zg8sq] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.45rem;
    }

    .schedule-stat-block[b-xfue8zg8sq],
    .schedule-amount-cell[b-xfue8zg8sq] {
        padding: 0.75rem 0.8rem;
        border-radius: 0.95rem;
        background: var(--surface-card-strong);
        border: 1px solid var(--surface-border-soft);
    }

    .schedule-amount-cell .amount-value[b-xfue8zg8sq] {
        font-size: var(--font-size-title-sm);
    }

    .forecast-item-heading[b-xfue8zg8sq] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.45rem;
    }

    .forecast-item-heading strong[b-xfue8zg8sq] {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .forecast-item-heading .forecast-date[b-xfue8zg8sq] {
        flex: 0 0 auto;
        font-size: var(--font-size-caption-tight);
        text-align: left;
    }

    .forecast-table thead[b-xfue8zg8sq] {
        display: none;
    }

    .forecast-table[b-xfue8zg8sq],
    .forecast-table tbody[b-xfue8zg8sq],
    .forecast-table tr[b-xfue8zg8sq],
    .forecast-table td[b-xfue8zg8sq] {
        display: block;
        width: 100%;
    }

    .forecast-table tbody tr[b-xfue8zg8sq] {
        padding: 0.9rem;
        border-bottom: 1px solid var(--surface-border-soft);
        background: var(--surface-card-strong);
    }

    .forecast-table tbody td[b-xfue8zg8sq] {
        display: grid;
        grid-template-columns: minmax(5.6rem, auto) minmax(0, 1fr);
        gap: 0.75rem;
        align-items: start;
        padding: 0.4rem 0;
        border-bottom: none;
    }

    .forecast-table tbody td[b-xfue8zg8sq]::before {
        content: attr(data-label);
        font-size: var(--font-size-caption-tight);
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--muted-text);
    }

    .forecast-actions-cell[b-xfue8zg8sq] {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .forecast-row-actions[b-xfue8zg8sq] {
        justify-content: flex-start;
    }

    .forecast-name-line[b-xfue8zg8sq] {
        align-items: flex-start;
    }

    .forecast-name-line > :first-child[b-xfue8zg8sq] {
        min-width: 0;
    }

    .schedule-state-button[b-xfue8zg8sq],
    .schedule-link-button[b-xfue8zg8sq],
    .forecast-action-button[b-xfue8zg8sq] {
        width: 100%;
    }

    .schedule-link-button[b-xfue8zg8sq] {
        white-space: normal;
    }
}

@media (max-width: 767px) {
    .chart-panel .cashflow-summary-column[b-xfue8zg8sq] {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .chart-panel .cashflow-summary-label[b-xfue8zg8sq],
    .chart-panel .cashflow-summary-track[b-xfue8zg8sq],
    .chart-panel .cashflow-summary-value[b-xfue8zg8sq] {
        grid-column: auto;
    }

    .chart-panel .cashflow-summary-label[b-xfue8zg8sq],
    .chart-panel .cashflow-summary-value[b-xfue8zg8sq] {
        justify-content: flex-start;
        text-align: left;
    }

    .chart-panel .cashflow-summary-value[b-xfue8zg8sq] {
        min-width: 0;
    }

    .summary-pill-group[b-xfue8zg8sq] {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        gap: 0.25rem;
        padding: 0.25rem;
        border-radius: 1rem;
    }

    .summary-pill[b-xfue8zg8sq] {
        width: auto;
        min-width: 0;
        padding: 0.42rem 0.35rem;
        font-size: var(--font-size-caption-tight);
        letter-spacing: 0.01em;
        line-height: 1.15;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
}
/* /Pages/ReportsWasmPage.razor.rz.scp.css */
.reports-page-shell[b-4j2xpy2vvl] {
    display: grid;
}

.reports-inline-top-bar[b-4j2xpy2vvl] {
    position: sticky;
    /*    top: var(--mobile-nav-height, 56px);*/
    top: 76px;
    z-index: 18;
    display: flex;
    justify-content: center;
    background: var(--sidebar-header-background);
    padding: 0.5rem;
    margin: -0.5rem;
    /*    margin: -1rem -0.5rem 0;*/
    /*    padding: 0.7rem 0.85rem 0.8rem;*/
    /*    background: rgba(244, 249, 246, 0.94);*/
    border-bottom: 1px solid rgba(203, 186, 166, 0.28);
    backdrop-filter: blur(14px);
    box-shadow: 0 12px 24px rgba(80, 74, 63, 0.08);
}

.reports-inline-top-bar[b-4j2xpy2vvl]  .header-timeframe-toolbar {
    width: min(100%, 34rem);
}

.reports-layout[b-4j2xpy2vvl] {
    display: grid;
    gap: 1.4rem;
}

.reports-section[b-4j2xpy2vvl] {
    position: relative;
    overflow: hidden;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border);
    border-radius: 1.5rem;
    box-shadow: var(--surface-shadow);
    padding: 1.45rem;
    backdrop-filter: blur(12px);
}

.reports-section[b-4j2xpy2vvl]::before {
    content: none;
}

.reports-section.page-heading-section[b-4j2xpy2vvl] {
    background: var(--hero-background);
    color: var(--hero-text);
    border: none;
    box-shadow: var(--surface-shadow-strong);
}

.reports-section.page-heading-section h2[b-4j2xpy2vvl] {
    font-size: var(--font-size-title-xl);
    letter-spacing: -0.03em;
    margin: 0;
}

.reports-section > *[b-4j2xpy2vvl] {
    position: relative;
    z-index: 1;
}

.reports-hero-section[b-4j2xpy2vvl],
.reports-categories-card[b-4j2xpy2vvl] {
    display: grid;
    gap: 1rem;
}

.reports-heading-copy[b-4j2xpy2vvl],
.reports-card-head[b-4j2xpy2vvl],
.insight-head[b-4j2xpy2vvl] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.reports-heading-copy p[b-4j2xpy2vvl],
.reports-card-head p[b-4j2xpy2vvl],
.insight-head p[b-4j2xpy2vvl] {
    margin: 0.35rem 0 0;
}

.reports-range-section[b-4j2xpy2vvl] {
    background: var(--surface-card-strong);
}

.summary-header[b-4j2xpy2vvl] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.summary-header h2[b-4j2xpy2vvl] {
    margin: 0 0 0.25rem;
}

.summary-range[b-4j2xpy2vvl] {
    margin: 0;
    color: var(--muted-text);
}

.summary-pill-group[b-4j2xpy2vvl] {
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
    border-radius: 999px;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.3rem;
}

.summary-pill[b-4j2xpy2vvl] {
    background: transparent;
    border: none;
    border-radius: 999px;
    color: var(--muted-text);
    padding: 0.55rem 0.95rem;
    font-size: var(--font-size-support);
    font-weight: 800;
    letter-spacing: 0.03em;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.summary-pill.active[b-4j2xpy2vvl] {
    background: var(--accent-gradient);
    color: var(--hero-text);
}

.summary-pill:hover[b-4j2xpy2vvl],
.summary-pill:focus-visible[b-4j2xpy2vvl] {
    transform: translateY(-1px);
}

.reports-summary-grid[b-4j2xpy2vvl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.report-summary-card[b-4j2xpy2vvl] {
    display: grid;
    gap: 0.45rem;
    border-radius: 1.15rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--surface-border-soft);
    background: var(--surface-card-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.income-card[b-4j2xpy2vvl] {
    background: var(--surface-card-strong);
}

.expense-card[b-4j2xpy2vvl] {
    background: rgba(255, 255, 255, 0.94);
}

.net-card[b-4j2xpy2vvl] {
    background: rgba(255, 255, 255, 0.94);
}

.savings-card[b-4j2xpy2vvl] {
    background: rgba(255, 255, 255, 0.94);
}

.report-summary-label[b-4j2xpy2vvl] {
    font-size: var(--font-size-caption);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted-text);
}

.report-summary-card strong[b-4j2xpy2vvl] {
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    line-height: 1.05;
}

.report-summary-change[b-4j2xpy2vvl] {
    font-size: 0.9rem;
    font-weight: 700;
}

.report-summary-change.positive[b-4j2xpy2vvl] {
    color: var(--credit-color);
}

.report-summary-change.caution[b-4j2xpy2vvl] {
    color: var(--debit-color);
}

.report-summary-change.neutral[b-4j2xpy2vvl] {
    color: var(--muted-text);
}

.reports-insight-grid[b-4j2xpy2vvl],
.reports-main-grid[b-4j2xpy2vvl] {
    display: grid;
    gap: 1rem;
}

.reports-insight-grid[b-4j2xpy2vvl] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reports-main-grid[b-4j2xpy2vvl] {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.insight-card[b-4j2xpy2vvl] {
    padding: 1.15rem 1.2rem;
}

.insight-card.neutral[b-4j2xpy2vvl] {
    background: color-mix(in srgb, var(--neutral-soft-bg) 72%, var(--surface-panel-strong) 28%);
}

.insight-card.positive[b-4j2xpy2vvl] {
    background: color-mix(in srgb, var(--credit-fill) 52%, var(--surface-panel-strong) 48%);
}

.insight-card.caution[b-4j2xpy2vvl] {
    background: color-mix(in srgb, var(--danger-soft-bg) 76%, var(--surface-panel-strong) 24%);
}

.insight-head[b-4j2xpy2vvl] {
    align-items: center;
}

.insight-head > div[b-4j2xpy2vvl] {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: auto;
    text-align: right;
}

.insight-icon-shell[b-4j2xpy2vvl] {
    flex: 0 0 auto;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.72);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-soft-text);
    border: 1px solid var(--surface-border-soft);
}

.insight-glyph[b-4j2xpy2vvl] {
    width: 1.15rem;
    height: 1.15rem;
}

.insight-head h3[b-4j2xpy2vvl],
.reports-card-head h3[b-4j2xpy2vvl],
.reports-empty-state h3[b-4j2xpy2vvl] {
    margin: 0;
}

.reports-sankey-shell[b-4j2xpy2vvl] {
    margin-top: 1rem;
    border-radius: 1.3rem;
    background: rgba(255, 255, 255, 0.38);
    border: 1px solid var(--surface-border-soft);
    padding: 0.6rem;
}

.reports-sankey-toolbar[b-4j2xpy2vvl] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: nowrap;
}

.reports-sankey-zoom-button[b-4j2xpy2vvl],
.reports-sankey-zoom-readout[b-4j2xpy2vvl] {
    border: 1px solid var(--surface-border);
    border-radius: 999px;
    background: var(--surface-card-strong);
    color: var(--page-text);
    font-weight: 800;
    min-height: 2.3rem;
}

.reports-sankey-zoom-button[b-4j2xpy2vvl] {
    min-width: 2.3rem;
    padding: 0;
}

.reports-sankey-zoom-readout[b-4j2xpy2vvl] {
    min-width: 4.4rem;
    padding: 0.45rem 0.9rem;
}

.reports-sankey-scroll[b-4j2xpy2vvl] {
    overflow: auto;
    overscroll-behavior: contain;
    touch-action: pan-x pan-y pinch-zoom;
}

.reports-sankey-viewport[b-4j2xpy2vvl] {
    min-width: 100%;
    margin-inline: auto;
    transition: width 0.16s ease;
}

.reports-sankey-svg[b-4j2xpy2vvl] {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.sankey-column-label[b-4j2xpy2vvl] {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted-text);
}

.sankey-link[b-4j2xpy2vvl] {
    transition: fill-opacity 0.16s ease;
}

.sankey-link:hover[b-4j2xpy2vvl] {
    fill-opacity: 0.32;
}

.sankey-node-rect[b-4j2xpy2vvl],
.sankey-node-edge[b-4j2xpy2vvl] {
    transition: transform 0.16s ease, fill-opacity 0.16s ease, stroke-opacity 0.16s ease;
}

.sankey-node-group:hover .sankey-node-rect[b-4j2xpy2vvl] {
    stroke-opacity: 0.26;
}

.sankey-node-group:hover .sankey-node-edge[b-4j2xpy2vvl] {
    fill-opacity: 0.16;
}

.sankey-node-copy[b-4j2xpy2vvl] {
    width: 100%;
    height: 100%;
    display: grid;
    align-content: start;
    gap: 0.35rem;
}

.sankey-node-copy.compact[b-4j2xpy2vvl] {
    align-content: center;
    gap: 0.15rem;
}

.sankey-node-header[b-4j2xpy2vvl] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.4rem;
}

.sankey-node-header.compact[b-4j2xpy2vvl] {
    gap: 0.3rem;
}

.sankey-node-title[b-4j2xpy2vvl] {
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(31, 49, 44, 0.78);
}

.sankey-node-title.compact[b-4j2xpy2vvl] {
    font-size: 10px;
    line-height: 1.05;
}

.sankey-node-portion[b-4j2xpy2vvl] {
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.05;
    color: rgba(31, 49, 44, 0.6);
    text-align: right;
}

.sankey-node-portion.compact[b-4j2xpy2vvl] {
    font-size: 10px;
}

.sankey-node-value[b-4j2xpy2vvl] {
    display: block;
    font-size: 22px;
    font-weight: 800;
    color: var(--page-text);
}

.sankey-node-source .sankey-node-value[b-4j2xpy2vvl] {
    fill: var(--credit-color);
}

.sankey-node-expenses .sankey-node-value[b-4j2xpy2vvl],
.sankey-node-shortfall .sankey-node-value[b-4j2xpy2vvl] {
    fill: var(--debit-color);
}

.sankey-node-savings .sankey-node-value[b-4j2xpy2vvl] {
    fill: var(--accent-soft-text);
}

.sankey-node-category .sankey-node-value[b-4j2xpy2vvl] {
    font-size: 18px;
}

.sankey-node-value.compact[b-4j2xpy2vvl] {
    font-size: 12px;
    line-height: 1;
}

.reports-chart-shell[b-4j2xpy2vvl] {
    margin-top: 0.85rem;
    min-height: 320px;
}

.reports-category-list[b-4j2xpy2vvl] {
    display: grid;
    gap: 0.85rem;
}

.reports-category-item[b-4j2xpy2vvl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 16rem);
    gap: 1rem;
    align-items: center;
    border-radius: 1rem;
    padding: 0.95rem 1rem;
    background: var(--surface-card-strong);
    border: 1px solid var(--surface-border-soft);
}

.reports-category-copy[b-4j2xpy2vvl] {
    display: grid;
    gap: 0.35rem;
}

.reports-category-title-row[b-4j2xpy2vvl],
.reports-category-meta[b-4j2xpy2vvl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 0.8rem;
    align-items: center;
}

.reports-category-dot[b-4j2xpy2vvl] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    flex: 0 0 auto;
}

.reports-category-meta[b-4j2xpy2vvl] {
    color: var(--muted-text);
    font-size: 0.92rem;
}

.reports-category-change[b-4j2xpy2vvl] {
    font-size: 0.84rem;
    font-weight: 800;
}

.reports-category-change.positive[b-4j2xpy2vvl] {
    color: var(--credit-color);
}

.reports-category-change.caution[b-4j2xpy2vvl] {
    color: var(--debit-color);
}

.reports-category-change.neutral[b-4j2xpy2vvl] {
    color: var(--muted-text);
}

.reports-category-bar-track[b-4j2xpy2vvl] {
    height: 0.8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface-border) 70%, white 30%);
    overflow: hidden;
}

.reports-category-bar-fill[b-4j2xpy2vvl] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.reports-empty-state[b-4j2xpy2vvl] {
    min-height: 13rem;
    display: grid;
    place-items: center;
    text-align: center;
}

@media (max-width: 991px) {
    .reports-summary-grid[b-4j2xpy2vvl],
    .reports-insight-grid[b-4j2xpy2vvl],
    .reports-main-grid[b-4j2xpy2vvl] {
        grid-template-columns: 1fr 1fr;
    }

    .reports-category-item[b-4j2xpy2vvl] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .reports-inline-top-bar[b-4j2xpy2vvl] {
        top: 0;
        justify-content: flex-end;
        /*        margin: -1.4rem -2rem 0;*/
        margin: -6rem -2rem 1.75rem;
        z-index: 36;
        padding: 0.65rem 2rem;
        background: var(--sidebar-header-background);
/*        box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(17, 31, 47, 0.18);*/
    }

    .reports-inline-top-bar[b-4j2xpy2vvl]  .header-timeframe-toolbar {
        margin-left: auto;
        width: auto;
        max-width: min(100%, 44rem);
    }

    .summary-pill-group[b-4j2xpy2vvl] {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0.45rem;
        padding: 0.3rem;
        border-radius: 999px;
    }

    .summary-pill[b-4j2xpy2vvl] {
        width: auto;
        min-width: unset;
        padding: 0.55rem 0.95rem;
        font-size: var(--font-size-support);
        letter-spacing: 0.03em;
        line-height: normal;
        overflow: visible;
        text-overflow: clip;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .reports-layout[b-4j2xpy2vvl] {
        gap: 1rem;
    }

    .summary-header[b-4j2xpy2vvl] {
        flex-direction: column;
        align-items: stretch;
    }

    .reports-heading-copy[b-4j2xpy2vvl],
    .reports-card-head[b-4j2xpy2vvl],
    .insight-head[b-4j2xpy2vvl] {
        display: grid;
    }

    .insight-head > div[b-4j2xpy2vvl] {
        margin-left: 0;
        text-align: left;
    }

    .reports-page-heading[b-4j2xpy2vvl] {
        display: grid;
    }

    .reports-summary-grid[b-4j2xpy2vvl],
    .reports-insight-grid[b-4j2xpy2vvl],
    .reports-main-grid[b-4j2xpy2vvl] {
        grid-template-columns: 1fr;
    }

    .summary-pill-group[b-4j2xpy2vvl] {
        width: 100%;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        gap: 0.25rem;
        padding: 0.25rem;
        border-radius: 1rem;
    }

    .summary-pill[b-4j2xpy2vvl] {
        width: auto;
        min-width: 0;
        padding: 0.42rem 0.35rem;
        font-size: var(--font-size-caption-tight);
        letter-spacing: 0.01em;
        line-height: 1.15;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }

    .reports-sankey-shell[b-4j2xpy2vvl] {
        margin-left: -0.15rem;
        margin-right: -0.15rem;
        padding: 0.45rem;
    }

    .reports-sankey-svg[b-4j2xpy2vvl] {
        min-width: 46rem;
    }
}