@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("../../compiled/fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2"), url("../../compiled/fonts/plus-jakarta-sans-latin-400-normal.woff") format("woff");
    ascent-override: 103.25%;
    descent-override: 26.75%;
    line-gap-override: 0%;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("../../compiled/fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2"), url("../../compiled/fonts/plus-jakarta-sans-latin-500-normal.woff") format("woff");
    ascent-override: 103.25%;
    descent-override: 26.75%;
    line-gap-override: 0%;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("../../compiled/fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2"), url("../../compiled/fonts/plus-jakarta-sans-latin-600-normal.woff") format("woff");
    ascent-override: 103.25%;
    descent-override: 26.75%;
    line-gap-override: 0%;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("../../compiled/fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2"), url("../../compiled/fonts/plus-jakarta-sans-latin-700-normal.woff") format("woff");
    ascent-override: 103.25%;
    descent-override: 26.75%;
    line-gap-override: 0%;
}

:root {
    --cashly-fs-xs: 0.75rem;
    --cashly-fs-sm: 0.8125rem;
    --cashly-fs-md: 0.9375rem;
    --cashly-fs-lg: 1.0625rem;
    --cashly-fs-xl: 1.5rem;
    --cashly-fs-display: clamp(2rem, 10vw, 2.75rem);
    --cashly-lh-xs: 1.125rem;
    --cashly-lh-sm: 1.25rem;
    --cashly-lh-md: 1.5rem;
    --cashly-lh-xl: 2rem;
    --cashly-lh-display: 3.25rem;
    --cashly-radius-lg: 1.25rem;
    --cashly-radius: 1rem;
    --cashly-radius-sm: 0.75rem;
    --cashly-radius-xs: 0.375rem;
    --cashly-avatar-radius: 30%;
    --cashly-control-h: 2.75rem;
    --cashly-control-h-sm: 2.25rem;
    --cashly-icon-tile: 2.5rem;
    --cashly-gap-xs: 0.5rem;
    --cashly-gap-sm: 0.75rem;
    --cashly-gap: 1rem;
    --cashly-gap-lg: 1.5rem;
    --cashly-card-pad: 1rem;
    --cashly-header-h: 3.5rem;
    --cashly-shell-width: 680px;
    --cashly-shell-wide: 1440px;
    --cashly-aside-width: 340px;
    --cashly-fab-size: 3.5rem;
    --cashly-fab-action-size: 2.75rem;
    --cashly-fab-clear: calc(var(--cashly-fab-size) + var(--cashly-fab-action-size) + var(--cashly-gap-sm) + 2 * var(--cashly-gap) + env(safe-area-inset-bottom));
    --cashly-voice-size: 4.5rem;
    --cashly-chat-height: 36rem;
    --cashly-chat-width: 26rem;
    --cashly-transition: 0.15s ease;
    --cashly-digit-em: 0.56;
}

html {
    scroll-padding-top: calc(var(--cashly-header-h) + env(safe-area-inset-top) + 2.375rem + var(--cashly-gap-xs));
    scroll-padding-bottom: var(--cashly-fab-clear);
}

body {
    letter-spacing: -0.006em;
    background: var(--cashly-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

h1,
h2,
h3,
h4,
h5,
h6,
.modal-title {
    letter-spacing: -0.015em;
    text-wrap: balance;
}

.cashly-shell {
    --cashly-shell-pad: var(--cashly-gap);
    max-width: var(--cashly-shell-width);
    margin: 0 auto;
    padding: 0 var(--cashly-shell-pad) var(--cashly-fab-clear);
}

.skip-link:focus {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    background: var(--cashly-primary);
    color: var(--cashly-on-primary);
    padding: 0.75rem 1.25rem;
    border-radius: 0 0 0.375rem 0;
    text-decoration: none;
}

.btn {
    --bs-btn-border-radius: var(--cashly-radius-sm);
    font-weight: 600;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.bi,
.btn[aria-busy="true"]:disabled {
    opacity: 1;
    cursor: progress;
}

.bi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: -0.125em;
    translate: var(--icon-nudge-x, 0) var(--icon-nudge-y, 0);
}

.bi::before {
    display: block;
    line-height: 1;
    vertical-align: 0;
}

.bi.d-block {
    width: auto;
}

.bi.d-block::before {
    display: inline-block;
    vertical-align: 0;
}

.btn.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bi-123 {
    --icon-nudge-y: 0.0156em;
}

.bi-person-check {
    --icon-nudge-x: -0.0625em;
    --icon-nudge-y: -0.0625em;
}

.bi-crop {
    --icon-nudge-x: -0.0605em;
    --icon-nudge-y: -0.0605em;
}

.bi-filetype-md,
.bi-filetype-txt,
.bi-stars {
    --icon-nudge-x: 0.0605em;
}

.bi-arrow-clockwise,
.bi-arrow-counterclockwise {
    --icon-nudge-y: 0.0547em;
}

.bi-collection-fill,
.bi-link-45deg {
    --icon-nudge-y: 0.0332em;
}

.bi-check2-circle {
    --icon-nudge-x: -0.0313em;
}

.bi-folder2-open,
.bi-scissors {
    --icon-nudge-y: -0.0313em;
}

.bi-body-text,
.bi-cloud-arrow-up,
.bi-cloud-upload,
.bi-folder-fill,
.bi-folder-plus,
.bi-trash {
    --icon-nudge-y: 0.0312em;
}

.bi-journal-text,
.bi-moon,
.bi-unlock {
    --icon-nudge-x: 0.0312em;
}

.bi-briefcase {
    --icon-nudge-y: 0.0293em;
}

.bi-check-lg {
    --icon-nudge-x: -0.0293em;
}

.bi-check2 {
    --icon-nudge-x: -0.0176em;
    --icon-nudge-y: 0.0293em;
}

.bi-type {
    --icon-nudge-y: -0.0293em;
}

.bi-vector-pen {
    --icon-nudge-x: -0.0254em;
    --icon-nudge-y: 0.0273em;
}

.bi-chat-left-text {
    --icon-nudge-y: 0.0215em;
}

.bi-pencil-square {
    --icon-nudge-x: -0.0195em;
    --icon-nudge-y: 0.0176em;
}

.bi-eraser {
    --icon-nudge-y: -0.0176em;
}

.btn:focus-visible,
.cashly-account:focus-visible,
.cashly-item-btn:focus-visible,
.cashly-date-chip:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: -2px;
}

.btn-primary:focus-visible,
.btn-danger:focus-visible {
    outline-color: var(--cashly-on-primary);
}

.btn-check:focus-visible + .btn {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 2px;
    box-shadow: none;
}

a:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 2px;
    border-radius: 2px;
}

.skip-link:focus-visible {
    outline-color: var(--cashly-on-primary);
    outline-offset: -4px;
}

.cashly-top {
    display: contents;
}

.cashly-brand,
.cashly-actions {
    position: sticky;
    top: 0;
    z-index: 1010;
    order: 0;
    align-items: center;
    min-height: calc(var(--cashly-header-h) + env(safe-area-inset-top));
    margin-bottom: var(--cashly-gap-xs);
    padding-top: env(safe-area-inset-top);
    background: var(--cashly-bg);
}

.cashly-brand {
    display: flex;
    flex: 1 1 0;
    gap: var(--cashly-gap-sm);
    min-width: 0;
    margin-left: calc(-1 * var(--cashly-shell-pad));
    padding-left: var(--cashly-shell-pad);
}

.cashly-brand-text {
    min-width: 0;
}

.cashly-title {
    font-size: var(--cashly-fs-md);
    font-weight: 700;
    line-height: var(--cashly-lh-sm);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashly-subtitle {
    margin: 0;
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    color: var(--cashly-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashly-top-balance {
    display: none;
    font-size: var(--cashly-fs-sm);
    font-weight: 700;
    line-height: var(--cashly-lh-xs);
    font-variant-numeric: tabular-nums;
    color: var(--cashly-heading);
}

.cashly-top.is-compact :is(.cashly-brand, .cashly-actions) {
    box-shadow: 0 1px 0 var(--cashly-border);
}

.cashly-top.is-compact .cashly-top-balance {
    display: block;
}

.cashly-top.is-compact .cashly-subtitle:not(.cashly-top-balance) {
    display: none;
}

.cashly-actions {
    display: flex;
    flex: 0 0 auto;
    margin-right: calc(-1 * var(--cashly-shell-pad));
    padding-right: calc(var(--cashly-shell-pad) - 0.5rem);
}

.cashly-actions .btn,
.cashly-icon-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--cashly-control-h);
    min-height: var(--cashly-control-h);
}

.cashly-icon-btn,
.cashly-icon-btn:hover,
.cashly-icon-btn:focus,
.cashly-icon-btn:active,
.cashly-icon-btn.show {
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-shadow: none;
    padding: 0;
    color: var(--cashly-muted);
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 1.125rem;
}

.cashly-icon-btn:hover,
.cashly-icon-btn:focus-visible,
.cashly-icon-btn.show {
    color: var(--cashly-heading);
}

.cashly-avatar {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--cashly-avatar-radius);
    object-fit: cover;
    flex-shrink: 0;
}

.cashly-avatar--initial {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cashly-primary);
    color: var(--cashly-on-primary);
    font-size: var(--cashly-fs-xs);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.cashly-avatar--lg {
    width: 5rem;
    height: 5rem;
    font-size: var(--cashly-fs-xl);
}

.cashly-overview {
    display: flex;
    flex-direction: column;
    gap: var(--cashly-gap);
    margin-bottom: var(--cashly-gap);
}

.cashly-balance {
    --cashly-heading: var(--cashly-hero-text);
    --cashly-text: var(--cashly-hero-text);
    --cashly-muted: var(--cashly-hero-muted);
    --cashly-hairline: var(--cashly-hero-line);
    --cashly-surface-soft: var(--cashly-hero-chip);
    --cashly-surface: var(--cashly-hero-chip);
    --cashly-surface-hover: var(--cashly-hero-line);
    --cashly-focus-border: var(--cashly-hero-text);
    overflow: hidden;
    color: var(--cashly-hero-text);
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, 0.12), transparent 60%),
        linear-gradient(150deg, var(--cashly-hero-from), var(--cashly-hero-to));
    border: 1px solid var(--cashly-hero-from);
    border-radius: var(--cashly-radius-lg);
}

.cashly-balance .text-danger {
    color: var(--cashly-hero-danger) !important;
}

.cashly-balance-main {
    container-type: inline-size;
    padding: var(--cashly-card-pad) var(--cashly-card-pad) var(--cashly-gap);
}

.cashly-balance-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cashly-gap-sm);
}

.cashly-balance-label {
    margin: 0;
    font-size: var(--cashly-fs-sm);
    font-weight: 600;
    line-height: var(--cashly-lh-sm);
    letter-spacing: 0;
    color: var(--cashly-muted);
}

.cashly-balance-period {
    flex-shrink: 0;
    padding: 0 0.5rem;
    font-size: var(--cashly-fs-xs);
    font-weight: 600;
    line-height: var(--cashly-lh-sm);
    color: var(--cashly-text);
    background: var(--cashly-surface-soft);
    border-radius: 999px;
}

.cashly-balance-total {
    margin: 0.5rem 0 0;
    font-size: min(var(--cashly-fs-display), var(--cashly-fit-size));
    font-weight: 700;
    line-height: var(--cashly-lh-display);
    letter-spacing: -0.035em;
    font-variant-numeric: tabular-nums;
    color: var(--cashly-heading);
    white-space: nowrap;
}

.cashly-balance-prev {
    margin: 0.25rem 0 0;
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    color: var(--cashly-muted);
}

.cashly-currency {
    margin-right: 0.15em;
    font-size: 0.5em;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--cashly-muted);
}

.cashly-balance-prev span {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--cashly-text);
}

.cashly-accounts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: 1px solid var(--cashly-hairline);
}

.cashly-account {
    container-type: inline-size;
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    grid-template-areas: "icon label value" "icon hint value";
    align-items: center;
    column-gap: var(--cashly-gap-sm);
    min-width: 0;
    padding: 0.5rem var(--cashly-card-pad);
    font: inherit;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    transition: background-color var(--cashly-transition);
}

.cashly-account + .cashly-account {
    border-top: 1px solid var(--cashly-hairline);
}

.cashly-account:hover {
    background: var(--cashly-surface-soft);
}

.cashly-account:active {
    background: var(--cashly-surface-hover);
}

.cashly-account-icon {
    grid-area: icon;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.625rem;
    background: var(--cashly-surface-soft);
    color: var(--cashly-muted);
    font-size: 1rem;
}

.cashly-account:hover .cashly-account-icon {
    background: var(--cashly-surface);
}

.cashly-account-label,
.cashly-account-value {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashly-account-label {
    grid-area: label;
    font-size: var(--cashly-fs-sm);
    font-weight: 600;
    line-height: var(--cashly-lh-sm);
    color: var(--cashly-heading);
}

.cashly-account-hint {
    grid-area: hint;
    min-width: 0;
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    font-variant-numeric: tabular-nums;
    color: var(--cashly-muted);
}

.cashly-account-value {
    grid-area: value;
    justify-self: end;
    font-size: min(var(--cashly-fs-md), var(--cashly-fit-size));
    font-weight: 600;
    line-height: var(--cashly-lh-md);
    letter-spacing: -0.015em;
    font-variant-numeric: tabular-nums;
    color: var(--cashly-heading);
}

.cashly-flow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cashly-gap-xs) var(--cashly-gap);
    padding: var(--cashly-gap) var(--cashly-card-pad);
    background: var(--cashly-surface);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius-lg);
    box-shadow: var(--cashly-elev);
}

.cashly-flow-head {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cashly-gap-sm);
    margin: 0;
    font-size: var(--cashly-fs-xs);
    font-weight: 600;
    line-height: var(--cashly-lh-xs);
    color: var(--cashly-muted);
}

.cashly-flow-head .cashly-filter-reset {
    margin: -0.375rem -0.25rem;
}

.cashly-flow-cell {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    min-height: var(--cashly-control-h);
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: var(--cashly-radius-xs);
    cursor: pointer;
}

.cashly-flow-cell:hover > span {
    color: var(--cashly-text);
}

.cashly-flow-cell:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 2px;
}

.cashly-flow-cell + .cashly-flow-cell {
    padding-left: var(--cashly-gap);
    border-left: 1px solid var(--cashly-border);
    border-radius: 0;
}

.cashly-flow-cell > span {
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    color: var(--cashly-muted);
}

.cashly-flow-label {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.cashly-flow-icon {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    font-size: 0.75rem;
}

.cashly-flow-icon--success {
    background: var(--cashly-success-tint);
    color: var(--cashly-success-text);
}

.cashly-flow-icon--danger {
    background: var(--cashly-danger-tint);
    color: var(--cashly-danger-text);
}

.cashly-flow-cell > b {
    font-size: min(var(--cashly-fs-lg), var(--cashly-fit-size));
    font-weight: 600;
    line-height: var(--cashly-lh-md);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color: var(--cashly-heading);
    white-space: nowrap;
}

.cashly-balance-total,
.cashly-flow-cell > b,
.cashly-account-value {
    --cashly-fit-size: calc(100cqi / (var(--cashly-chars, 1) * var(--cashly-digit-em)));
}

.cashly-filter {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--cashly-gap-xs);
    margin-bottom: var(--cashly-gap);
}

.cashly-period-nav {
    display: flex;
    align-items: stretch;
    gap: 0.25rem;
    height: var(--cashly-control-h);
    padding: 0.1875rem;
    background: var(--cashly-surface);
    border: 1px solid var(--cashly-border);
    border-radius: 999px;
}

.cashly-period-nav .form-select.cashly-period {
    flex: 1 1 0;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0 1.75rem 0 0.75rem;
    font-size: var(--cashly-fs-sm);
    font-weight: 600;
    line-height: var(--cashly-lh-sm);
    color: var(--cashly-heading);
    background-color: transparent;
    background-position: right 0.5rem center;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
}

.cashly-period-nav .form-select.cashly-period:first-child {
    flex-grow: 3;
}

.cashly-period-nav .form-select.cashly-period:last-child {
    flex-grow: 2;
}

.cashly-period-nav .form-select.cashly-period:hover {
    background-color: var(--cashly-surface-soft);
}

.cashly-period-nav .cashly-period:focus {
    box-shadow: none;
}

.cashly-period-nav .cashly-period:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 0;
}

.cashly-date-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.cashly-date-chip,
.cashly-chip {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 0.5rem;
    min-height: 2rem;
    padding: 0 0.75rem;
    font: inherit;
    font-size: var(--cashly-fs-xs);
    font-weight: 600;
    line-height: var(--cashly-lh-xs);
    font-variant-numeric: tabular-nums;
    color: var(--bs-link-color);
    background: var(--cashly-primary-tint);
    border: 0;
    border-radius: 999px;
    cursor: pointer;
}

.cashly-date-chip[hidden] {
    display: none;
}

.cashly-chip {
    max-width: 100%;
}

.cashly-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashly-chips {
    margin-bottom: var(--cashly-gap-xs);
    display: flex;
    flex-wrap: wrap;
    gap: var(--cashly-gap-xs);
}

.cashly-chips-list {
    display: contents;
}

.cashly-filter-row {
    display: flex;
    align-items: center;
    gap: var(--cashly-gap-xs);
}

.cashly-filter-row .form-control,
.cashly-filter-row .btn {
    min-height: var(--cashly-control-h);
    height: var(--cashly-control-h);
    border-radius: var(--cashly-radius-sm);
    line-height: var(--cashly-lh-sm);
}

.cashly-filter-row .btn {
    --bs-btn-bg: var(--cashly-surface);
    --bs-btn-hover-bg: var(--cashly-surface-soft);
    --bs-btn-active-bg: var(--cashly-surface-hover);
    --bs-btn-border-color: var(--cashly-border);
    --bs-btn-hover-border-color: var(--cashly-border);
    --bs-btn-active-border-color: var(--cashly-border);
    --bs-btn-color: var(--cashly-text);
    --bs-btn-hover-color: var(--cashly-heading);
    --bs-btn-active-color: var(--cashly-heading);
    padding: 0;
    font-size: var(--cashly-fs-md);
}

.cashly-search {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.cashly-search .bi {
    position: absolute;
    top: 50%;
    left: 0.875rem;
    transform: translateY(-50%);
    font-size: var(--cashly-fs-sm);
    line-height: 1;
    color: var(--cashly-placeholder);
    pointer-events: none;
}

.cashly-search .form-control {
    padding-left: 2.375rem;
    font-size: var(--cashly-fs-md);
    background-color: var(--cashly-surface);
    border-color: var(--cashly-border);
    border-radius: 999px;
}

.cashly-search .form-control:focus {
    border-color: var(--cashly-border);
    box-shadow: 0 0 0 2px var(--cashly-focus-border);
}

.cashly-icon-toggle {
    position: relative;
    flex: 0 0 auto;
}

.cashly-filter-row .cashly-icon-toggle.is-active {
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-hover-color: var(--bs-link-color);
    --bs-btn-active-color: var(--bs-link-color);
    --bs-btn-bg: var(--cashly-primary-tint);
    --bs-btn-hover-bg: var(--cashly-primary-tint);
    --bs-btn-active-bg: var(--cashly-primary-tint);
    --bs-btn-border-color: rgba(var(--cashly-link-rgb), 0.45);
    --bs-btn-hover-border-color: rgba(var(--cashly-link-rgb), 0.45);
    --bs-btn-active-border-color: rgba(var(--cashly-link-rgb), 0.45);
}

.cashly-icon-toggle.is-active::after {
    content: "";
    position: absolute;
    top: 0.4375rem;
    right: 0.4375rem;
    width: 0.4375rem;
    height: 0.4375rem;
    border: 2px solid var(--cashly-primary-tint);
    border-radius: 50%;
    background: var(--bs-link-color);
    box-sizing: content-box;
}

.cashly-filter-panel {
    padding: var(--cashly-gap-sm);
    background: var(--cashly-surface);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius);
}

.collapse > .cashly-filter-panel,
.collapsing > .cashly-filter-panel {
    margin-top: 0;
}

.cashly-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cashly-gap-sm);
}

.cashly-filter-grid .form-select {
    min-height: var(--cashly-control-h);
    border-radius: var(--cashly-radius-sm);
}

.cashly-filter-grid .form-label {
    font-size: var(--cashly-fs-xs);
    color: var(--cashly-muted);
}

.cashly-filter-reset {
    display: block;
    width: fit-content;
    margin: var(--cashly-gap-xs) 0 0 auto;
    padding: 0.375rem 0.25rem;
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-sm);
    font-weight: 600;
    text-decoration: none;
}

@keyframes cashly-shimmer {
    to {
        background-position: -200% 0;
    }
}

#reportResults.is-loading .cashly-item-icon,
#reportResults.is-loading .cashly-item-desc,
#reportResults.is-loading .cashly-item-amount,
#reportResults.is-loading .cashly-item-meta {
    color: transparent !important;
    background: linear-gradient(90deg, var(--cashly-surface-soft) 25%, var(--cashly-surface-hover) 50%, var(--cashly-surface-soft) 75%) 0 0 / 200% 100%;
    border-radius: var(--cashly-radius-xs);
    animation: cashly-shimmer 1.2s linear infinite;
}

#reportResults.is-loading .cashly-item-icon i,
#reportResults.is-loading .cashly-item-meta > * {
    visibility: hidden;
}

#reportResults.is-loading .cashly-item-meta {
    width: 45%;
}

.cashly-ledger {
    overflow: clip;
    padding-bottom: 0.375rem;
    background: var(--cashly-surface);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius-lg);
    box-shadow: var(--cashly-elev);
}

.cashly-ledger > .cashly-day {
    content-visibility: auto;
    contain-intrinsic-size: auto calc(2.375rem + var(--cashly-day-rows, 6) * 3.75rem);
}

.cashly-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cashly-gap-sm);
    margin: 0;
    padding: 2.5rem var(--cashly-gap);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    text-align: center;
    color: var(--cashly-muted);
}

.cashly-empty .btn {
    margin-top: var(--cashly-gap-xs);
}

.cashly-ledger .cashly-empty p {
    max-width: 14rem;
}

.cashly-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--cashly-surface-soft);
    font-size: 1.25rem;
}

.cashly-day-head {
    position: sticky;
    top: calc(var(--cashly-header-h) + env(safe-area-inset-top));
    z-index: 1;
    background: var(--cashly-surface);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0 var(--cashly-gap-sm);
    padding: var(--cashly-gap) var(--cashly-card-pad) 0.25rem;
}

.cashly-ledger > .cashly-day:first-child .cashly-day-head {
    border-radius: calc(var(--cashly-radius-lg) - 1px) calc(var(--cashly-radius-lg) - 1px) 0 0;
}

.cashly-day-head .cashly-day-title {
    padding: 0;
}

.cashly-day-total {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--cashly-gap-xs);
    margin-left: auto;
    font-size: var(--cashly-fs-xs);
    font-weight: 600;
    line-height: var(--cashly-lh-xs);
    font-variant-numeric: tabular-nums;
    color: var(--cashly-muted);
}

.cashly-day-title {
    margin: 0;
    padding: var(--cashly-gap) var(--cashly-card-pad) 0.25rem;
    font-size: var(--cashly-fs-xs);
    font-weight: 600;
    line-height: var(--cashly-lh-xs);
    letter-spacing: 0;
    color: var(--cashly-muted);
}

.cashly-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--cashly-surface);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius);
    overflow: hidden;
}

.cashly-list .cashly-item + .cashly-item {
    border-top: 1px solid var(--cashly-hairline);
}

.cashly-ledger .cashly-list {
    background: transparent;
    border: 0;
    border-radius: 0;
}

.cashly-ledger .cashly-list .cashly-item + .cashly-item {
    border-top: 0;
}

.cashly-item-btn {
    display: flex;
    align-items: center;
    gap: var(--cashly-gap-sm);
    width: 100%;
    padding: 0.875rem var(--cashly-gap);
    font: inherit;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: background-color var(--cashly-transition);
}

.cashly-ledger .cashly-item-btn {
    padding: 0.5rem var(--cashly-card-pad);
}

.cashly-item-btn:hover {
    background: var(--cashly-surface-soft);
}

.cashly-item-btn:active {
    background: var(--cashly-surface-hover);
}

.cashly-item-icon {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: var(--cashly-icon-tile);
    height: var(--cashly-icon-tile);
    border-radius: var(--cashly-radius-sm);
    background: var(--cashly-surface-soft);
    color: var(--cashly-muted);
    font-size: 1rem;
}

.cashly-item-icon--success {
    background: var(--cashly-success-tint);
    color: var(--cashly-success-text);
}

.cashly-item-icon--danger {
    background: var(--cashly-danger-tint);
    color: var(--cashly-danger-text);
}

.cashly-item-btn:hover .cashly-item-icon:not(.cashly-item-icon--success, .cashly-item-icon--danger) {
    background: var(--cashly-surface-hover);
}

.cashly-item-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.cashly-item-top {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 var(--cashly-gap-sm);
}

.cashly-item-top .cashly-item-desc {
    flex: 1 1 6.5rem;
    min-width: 0;
}

.cashly-item-top .cashly-item-amount {
    margin-left: auto;
}

.cashly-ledger .cashly-item-main {
    container-type: inline-size;
}

@container (max-width: 22rem) {
    .cashly-item-top--long .cashly-item-desc {
        flex-basis: 100%;
    }
}

.cashly-item.is-new .cashly-item-btn {
    animation: cashly-new 2.4s ease-out;
}

@keyframes cashly-new {
    0%,
    40% {
        background: var(--cashly-primary-tint);
    }

    100% {
        background: transparent;
    }
}

.cashly-item-source {
    display: inline-flex;
    align-items: center;
}

.cashly-item-source .bi {
    width: auto;
    height: auto;
    font-size: var(--cashly-fs-sm);
    line-height: 1;
}

.cashly-share + .cashly-share {
    margin-top: var(--cashly-gap-lg);
}

.cashly-share-title {
    display: flex;
    justify-content: space-between;
    gap: var(--cashly-gap-sm);
    margin: 0 0 var(--cashly-gap-xs);
    padding: 0 var(--cashly-gap-xs);
    font-size: var(--cashly-fs-md);
    font-weight: 700;
    line-height: var(--cashly-lh-md);
    font-variant-numeric: tabular-nums;
    color: var(--cashly-heading);
}

.cashly-share-list {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cashly-share-link {
    display: grid;
    grid-template-columns: minmax(0, 7rem) minmax(0, 1fr) 7rem 2.75rem;
    grid-template-areas: "name bar amount percent";
    align-items: center;
    gap: var(--cashly-gap-sm);
    width: 100%;
    min-height: var(--cashly-control-h);
    margin: 0;
    padding: 0.375rem var(--cashly-gap-xs);
    font: inherit;
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: var(--cashly-radius-sm);
    cursor: pointer;
    transition: background-color var(--cashly-transition), box-shadow var(--cashly-transition);
}

.cashly-share-link:hover {
    background: var(--cashly-surface-soft);
    box-shadow: inset 0 0 0 1px var(--cashly-border);
}

.cashly-share-link:active {
    background: var(--cashly-surface-hover);
}

.cashly-share-link:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 0;
}

.cashly-share-name {
    grid-area: name;
    overflow: hidden;
    font-weight: 600;
    color: var(--cashly-heading);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashly-share-amount {
    grid-area: amount;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
    color: var(--cashly-text);
}

.cashly-share-percent {
    grid-area: percent;
    font-size: var(--cashly-fs-xs);
    font-variant-numeric: tabular-nums;
    text-align: right;
    color: var(--cashly-muted);
}

.cashly-share-bar {
    grid-area: bar;
    display: block;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--cashly-border);
}

.cashly-share-bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.cashly-share-bar--danger > span {
    background: var(--cashly-danger-text);
}

.cashly-share-bar--success > span {
    background: var(--cashly-success-text);
}

@media (max-width: 575.98px) {
    .cashly-share-link {
        grid-template-columns: minmax(0, 1fr) auto 2.75rem;
        grid-template-areas: "name amount percent" "bar bar bar";
        row-gap: 0.375rem;
    }
}

.cashly-item-desc {
    font-size: var(--cashly-fs-md);
    font-weight: 600;
    line-height: var(--cashly-lh-md);
    letter-spacing: -0.01em;
    color: var(--cashly-heading);
    overflow-wrap: anywhere;
}

.cashly-item-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.375rem;
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    color: var(--cashly-muted);
}

.cashly-item-meta b {
    padding: 0 0.5rem;
    border-radius: var(--cashly-radius-xs);
    font-weight: 400;
    color: var(--cashly-text);
    background: var(--cashly-surface-soft);
    box-shadow: inset 0 0 0 1px var(--cashly-hairline);
}

.cashly-item-meta > span + span::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 0.375rem;
    vertical-align: 0.2em;
    border-radius: 50%;
    background: var(--cashly-divider);
}

.cashly-item-meta > span:nth-of-type(3) {
    font-variant-numeric: tabular-nums;
}

.cashly-item-amount {
    flex-shrink: 0;
    font-size: var(--cashly-fs-md);
    font-weight: 600;
    line-height: var(--cashly-lh-md);
    letter-spacing: -0.015em;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    text-align: right;
    color: var(--cashly-heading);
}

.form-label {
    margin-bottom: 0.375rem;
    font-size: var(--cashly-fs-xs);
    font-weight: 600;
    line-height: var(--cashly-lh-sm);
    color: var(--cashly-heading);
}

.form-control:not(.form-control-sm),
.form-select:not(.form-select-sm) {
    min-height: var(--cashly-control-h);
    border-radius: var(--cashly-radius-sm);
}

.form-control-sm,
.form-select-sm {
    min-height: var(--cashly-control-h);
    border-radius: var(--cashly-radius-sm);
}

.form-control,
.form-select {
    transition: border-color var(--cashly-transition), box-shadow var(--cashly-transition);
}

.cashly-money {
    position: relative;
}

.cashly-money-prefix {
    position: absolute;
    top: 50%;
    left: 0.875rem;
    transform: translateY(-50%);
    font-weight: 600;
    line-height: 1;
    color: var(--cashly-muted);
    pointer-events: none;
}

.cashly-money .form-control {
    padding-left: 2.5rem;
    font-size: var(--cashly-fs-lg);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.cashly-choice {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cashly-gap-xs);
}

.cashly-choice .btn {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--cashly-control-h);
    padding: 0 0.75rem;
    font-size: var(--cashly-fs-sm);
    font-weight: 600;
    line-height: var(--cashly-lh-sm);
    text-align: center;
    --bs-btn-color: var(--cashly-text);
    --bs-btn-bg: var(--cashly-surface);
    --bs-btn-border-color: var(--cashly-field-border);
    --bs-btn-hover-color: var(--cashly-heading);
    --bs-btn-hover-bg: var(--cashly-surface-soft);
    --bs-btn-hover-border-color: var(--cashly-field-border);
    --bs-btn-active-color: var(--bs-link-color);
    --bs-btn-active-bg: var(--cashly-primary-tint);
    --bs-btn-active-border-color: var(--bs-link-color);
}

.cashly-choice .cashly-choice-tone--success {
    --bs-btn-active-color: var(--cashly-success-text);
    --bs-btn-active-bg: var(--cashly-success-tint);
    --bs-btn-active-border-color: var(--cashly-success-text);
}

.cashly-choice .cashly-choice-tone--danger {
    --bs-btn-active-color: var(--cashly-danger-text);
    --bs-btn-active-bg: var(--cashly-danger-tint);
    --bs-btn-active-border-color: var(--cashly-danger-text);
}

.cashly-field-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cashly-gap-sm);
    margin-bottom: var(--cashly-gap);
}

.cashly-field-row .cashly-choice {
    flex-wrap: nowrap;
}

.cashly-field-row .cashly-choice .btn {
    min-width: 0;
    padding-inline: 0.4rem;
}

.cashly-field-row .form-group {
    margin-bottom: 0;
}

.cashly-submit {
    min-height: var(--cashly-control-h);
    font-weight: 700;
}

.modal-content {
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius-lg);
    box-shadow: var(--cashly-elev-float);
}

.modal-header {
    gap: var(--cashly-gap-sm);
    padding: var(--cashly-gap) 1.25rem;
    border-bottom: 1px solid var(--cashly-hairline);
}

.modal-header .btn-close {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin: 0 -0.375rem 0 auto;
    padding: 0.875rem;
    border-radius: var(--cashly-radius-sm);
    background-size: 0.75em;
}

.modal-title {
    font-size: var(--cashly-fs-lg);
    line-height: var(--cashly-lh-md);
    font-weight: 700;
    color: var(--cashly-heading);
}

.modal-body {
    padding: 1.25rem;
}

.modal,
.modal-body {
    overscroll-behavior: contain;
}

.modal-footer {
    justify-content: space-between;
    gap: var(--cashly-gap-sm);
    margin: 0;
    border-top: 1px solid var(--cashly-hairline);
    padding: var(--cashly-gap-sm) 1.25rem;
}

.modal-footer > * {
    margin: 0;
}

.modal-footer .btn {
    min-height: var(--cashly-control-h);
    padding-inline: 1.125rem;
    font-weight: 600;
}

.modal-footer .btn-primary {
    min-width: 8rem;
    margin-left: auto;
    font-weight: 700;
}

.cashly-voice {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cashly-gap-sm);
    padding: var(--cashly-gap) 0 var(--cashly-gap-sm);
    text-align: center;
}

.cashly-voice-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--cashly-voice-size);
    height: var(--cashly-voice-size);
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--cashly-primary);
    box-shadow: 0 8px 20px -6px rgba(var(--cashly-primary-rgb), 0.55);
    color: var(--cashly-on-primary);
    font-size: var(--cashly-fs-xl);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.cashly-voice-btn:disabled {
    background: var(--cashly-disabled-bg);
    box-shadow: none;
    color: var(--cashly-muted);
}

.cashly-voice-btn.is-listening {
    background: var(--cashly-danger-tint);
    box-shadow: none;
    color: var(--cashly-danger-text);
    animation: cashly-voice-pulse 1.4s ease-out infinite;
}

.cashly-voice-btn:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 2px;
}

@keyframes cashly-voice-pulse {
    from {
        box-shadow: 0 0 0 0 rgba(var(--cashly-danger-rgb), 0.4);
    }

    to {
        box-shadow: 0 0 0 1rem rgba(var(--cashly-danger-rgb), 0);
    }
}

.cashly-voice-status {
    margin: 0;
    color: var(--cashly-muted);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
}

.cashly-voice-caption {
    min-height: calc(var(--cashly-lh-sm) * 2);
    margin: 0;
    color: var(--bs-heading-color);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    font-weight: 600;
}

.cashly-footer-group {
    display: flex;
    gap: 0.5rem;
}

.cashly-footer-group[hidden] {
    display: none;
}

.cashly-footer-group + .btn-primary {
    min-width: 0;
}

.cashly-delete-btn {
    color: var(--cashly-danger-text);
    background: transparent;
    border-color: transparent;
}

.cashly-delete-btn:hover,
.cashly-delete-btn:focus-visible {
    color: var(--cashly-danger-text);
    background: var(--cashly-danger-tint);
    border-color: transparent;
}

.modal-dialog-scrollable .modal-content > form,
.modal-dialog-scrollable .modal-content > .cashly-stage,
.modal-dialog-scrollable .modal-content > .cashly-notes-stage {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.dropdown-menu {
    min-width: 12rem;
    padding: 0.375rem;
    border-radius: var(--cashly-radius);
    box-shadow: var(--cashly-elev-float);
}

.dropdown-item {
    display: flex;
    align-items: center;
    min-height: var(--cashly-control-h);
    padding: 0 0.75rem;
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    font-weight: 500;
    border-radius: 0.5rem;
}

.dropdown-item .bi {
    font-size: 1rem;
    color: var(--cashly-muted);
}

.dropdown-divider {
    margin: 0.375rem 0.25rem;
}

.cashly-photo-row {
    display: flex;
    align-items: center;
    gap: var(--cashly-gap);
    margin-bottom: var(--cashly-gap);
}

.cashly-section-title {
    font-size: var(--cashly-fs-md);
    font-weight: 700;
    margin: var(--cashly-gap) 0 var(--cashly-gap-sm);
    padding-top: var(--cashly-gap);
    border-top: 1px solid var(--cashly-border);
}

.cashly-section-title--first {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.cashly-category-row {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr) var(--cashly-control-h);
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.4rem;
    background: var(--bs-body-bg);
}

.cashly-drag-handle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--cashly-control-h);
    color: var(--bs-secondary-color);
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.cashly-drag-handle::before {
    content: "";
    position: absolute;
    inset: 0 -0.5rem 0 -0.75rem;
}

.cashly-drag-handle:active {
    cursor: grabbing;
}

.cashly-category-row.sortable-ghost {
    opacity: 0.35;
}

.cashly-category-row.sortable-chosen .cashly-drag-handle {
    color: var(--bs-primary);
}

.cashly-category-row .form-control,
.cashly-category-row .btn {
    min-height: var(--cashly-control-h);
    border-radius: var(--cashly-radius-sm);
}

.cashly-category-row .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cashly-category-add {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: var(--cashly-gap-sm);
}

.cashly-category-add .btn {
    flex: 0 0 auto;
    min-height: var(--cashly-control-h);
    border-radius: var(--cashly-radius-sm);
    white-space: nowrap;
}

.cashly-category-add .form-control {
    flex: 1 1 auto;
    min-width: 0;
    min-height: var(--cashly-control-h);
    border-radius: var(--cashly-radius-sm);
}

.cashly-category-used {
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    text-align: center;
    color: var(--bs-secondary-color);
}

.cashly-memory-intro {
    margin: 0 0 var(--cashly-gap);
    color: var(--cashly-muted);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
}

.cashly-memory-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--cashly-control-h);
    gap: 0.5rem;
    align-items: start;
    margin-bottom: var(--cashly-gap-sm);
}

.cashly-memory-row .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cashly-control-h);
    height: var(--cashly-control-h);
    padding: 0;
    border-radius: var(--cashly-radius-sm);
}

.cashly-memory-quote {
    color: var(--bs-heading-color);
    font-weight: 600;
}

.cashly-memory-replaces {
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
}

.modal-dialog-scrollable .modal-content > [data-notes-stage][hidden],
.modal-dialog-scrollable .modal-content > [data-stage][hidden] {
    display: none;
}

.cashly-plan {
    margin-bottom: var(--cashly-gap-sm);
}

.cashly-plan .cashly-list {
    border-radius: var(--cashly-radius-lg);
}

.cashly-plan--desk {
    display: none;
}

.cashly-shortcuts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cashly-gap-xs);
    margin-bottom: var(--cashly-gap-sm);
}

.cashly-shortcuts:has(> :nth-child(4)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cashly-shortcut {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    min-height: var(--cashly-control-h);
    padding: 0.875rem 0.75rem;
    font: inherit;
    color: inherit;
    text-align: center;
    background: var(--cashly-surface);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius);
    cursor: pointer;
    transition: background-color var(--cashly-transition);
}

.cashly-shortcut:hover {
    background: var(--cashly-surface-soft);
}

.cashly-shortcut:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 2px;
}

.cashly-shortcut-icon {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    font-size: var(--cashly-fs-md);
    color: var(--bs-link-color);
    background: var(--cashly-primary-tint);
    border-radius: 50%;
}

.cashly-shortcut-label {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: var(--cashly-fs-sm);
    font-weight: 600;
    line-height: var(--cashly-lh-sm);
    color: var(--cashly-heading);
    text-wrap: balance;
}

.cashly-shortcut-hint {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    color: var(--cashly-muted);
    text-wrap: balance;
}

.cashly-plan-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.cashly-plan-manage,
.cashly-plan-more {
    padding: 0.25rem var(--cashly-card-pad);
    font: inherit;
    font-size: var(--cashly-fs-xs);
    font-weight: 600;
    line-height: var(--cashly-lh-xs);
    color: var(--bs-link-color);
    background: transparent;
    border: 0;
    cursor: pointer;
}

.cashly-plan .cashly-day-title {
    padding-bottom: 0.5rem;
}

.cashly-plan-manage {
    padding-block: 0.5rem;
}

.cashly-plan-more {
    width: 100%;
    padding-block: 0.625rem;
    text-align: left;
}

.cashly-plan-more:hover {
    background: var(--cashly-surface-soft);
}

.cashly-plan-manage:focus-visible,
.cashly-plan-more:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: -2px;
}

.cashly-plan-empty {
    padding: 0.875rem var(--cashly-gap);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    color: var(--cashly-muted);
}

.cashly-static {
    cursor: default;
}

.cashly-static:hover,
.cashly-static:active {
    background: transparent;
}

.cashly-budget-percent {
    min-width: 3.5rem;
    text-align: right;
}

.cashly-budget-bar {
    height: 0.375rem;
    margin: 0.25rem 0;
    background-color: var(--cashly-surface-hover);
    border-radius: 999px;
}

.cashly-plan-icon {
    margin-right: 0.5rem;
    font-size: var(--cashly-fs-sm);
    color: var(--bs-link-color);
}

.cashly-plan--alert .cashly-plan-icon,
.cashly-plan--alert .cashly-item-meta b:not(.text-danger) {
    color: var(--cashly-warning-text);
}

.cashly-plan--alert .cashly-list {
    border-left: 3px solid var(--cashly-warning);
}

.cashly-plan--alert .cashly-item-meta b {
    background: var(--cashly-warning-tint);
    box-shadow: none;
    font-weight: 600;
}

.cashly-plan--alert .cashly-item-meta b.text-danger {
    background: var(--cashly-danger-tint);
}

.cashly-debt-row {
    display: flex;
    align-items: center;
    gap: var(--cashly-gap-sm);
    padding-right: var(--cashly-gap);
}

.cashly-item .btn-sm {
    flex-shrink: 0;
    min-width: var(--cashly-control-h);
    min-height: var(--cashly-control-h);
}

.cashly-check {
    display: flex;
    align-items: center;
    gap: var(--cashly-gap-xs);
    min-height: var(--cashly-control-h);
    padding-left: 0;
}

.cashly-check .form-check-input {
    float: none;
    flex-shrink: 0;
    margin: 0;
}

.cashly-check .form-check-label {
    flex: 1 1 auto;
    padding-block: 0.6875rem;
}

.cashly-debt-row .cashly-item-btn {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

.cashly-payment-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cashly-gap-sm);
    padding: 0.375rem 0;
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
}

.cashly-list-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: var(--cashly-gap-sm);
}

.cashly-list-filter .form-select {
    flex: 0 1 8rem;
    min-width: 0;
}

.cashly-item-preview {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    overflow-wrap: anywhere;
    white-space: pre-line;
    color: var(--bs-body-color);
}

.cashly-note-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--cashly-control-h);
    gap: 0.5rem;
    align-items: start;
    margin-bottom: var(--cashly-gap-sm);
}

.cashly-note-item .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cashly-control-h);
    height: var(--cashly-control-h);
    padding: 0;
    border-radius: var(--cashly-radius-sm);
}

.cashly-fab {
    position: fixed;
    right: max(var(--cashly-gap), calc((100vw - var(--cashly-shell-width)) / 2 + var(--cashly-gap)));
    bottom: calc(var(--cashly-gap) + env(safe-area-inset-bottom));
    z-index: 1020;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--cashly-gap-sm);
}

.cashly-fab-scrim {
    position: fixed;
    inset: 0;
    pointer-events: none;
}

.cashly-fab.is-open .cashly-fab-scrim {
    pointer-events: auto;
}

.cashly-fab-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--cashly-gap-xs);
    margin: 0;
    padding: 0;
    list-style: none;
}

.cashly-fab-menu[hidden] {
    display: none;
}

.cashly-fab-menu li {
    animation: cashly-fab-in 0.18s ease both;
}

.cashly-fab-menu li:nth-child(2) {
    animation-delay: 0.04s;
}

@keyframes cashly-fab-in {
    from {
        opacity: 0;
        transform: translateY(0.5rem);
    }
}

.cashly-fab-action {
    display: flex;
    align-items: center;
    gap: var(--cashly-gap-xs);
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

.cashly-fab-label {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0 var(--cashly-gap-sm);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius-sm);
    background: var(--cashly-surface);
    box-shadow: var(--cashly-elev-float);
    color: var(--cashly-heading);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    font-weight: 600;
    white-space: nowrap;
}

.cashly-fab-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--cashly-fab-action-size);
    height: var(--cashly-fab-action-size);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius);
    background: var(--cashly-surface);
    box-shadow: var(--cashly-elev-float);
    color: var(--bs-link-color);
    font-size: var(--cashly-fs-lg);
}

.cashly-fab-action:hover .cashly-fab-icon,
.cashly-fab-action:active .cashly-fab-icon {
    background: var(--cashly-primary-tint);
}

.cashly-fab-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--cashly-fab-size);
    height: var(--cashly-fab-size);
    padding: 0;
    border: 0;
    border-radius: 1.125rem;
    background: var(--cashly-primary);
    box-shadow: 0 1px 2px rgba(var(--cashly-primary-rgb), 0.3), 0 8px 20px -6px rgba(var(--cashly-primary-rgb), 0.55);
    color: var(--cashly-on-primary);
    transition: transform 0.2s ease, background-color var(--cashly-transition);
}

.cashly-fab-toggle:hover {
    background: var(--cashly-primary-hover);
}

.cashly-fab.is-open .cashly-fab-toggle {
    transform: rotate(45deg);
}

.cashly-fab-toggle:active {
    transform: scale(0.94);
}

.cashly-fab.is-open .cashly-fab-toggle:active {
    transform: rotate(45deg) scale(0.94);
}

.cashly-fab-plus {
    position: relative;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
}

.cashly-fab-plus::before,
.cashly-fab-plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 999px;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.cashly-fab-plus::before {
    width: 100%;
    height: 2px;
}

.cashly-fab-plus::after {
    width: 2px;
    height: 100%;
}

.cashly-fab-chat {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--cashly-fab-action-size);
    height: var(--cashly-fab-action-size);
    margin-right: calc((var(--cashly-fab-size) - var(--cashly-fab-action-size)) / 2);
    padding: 0;
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius);
    background: var(--cashly-surface);
    box-shadow: var(--cashly-elev-float);
    color: var(--bs-link-color);
    font-size: var(--cashly-fs-lg);
}

.cashly-fab-chat:hover,
.cashly-fab-chat:active {
    background: var(--cashly-primary-tint);
}

.cashly-fab-toggle:focus-visible,
.cashly-fab-chat:focus-visible,
.cashly-fab-action:focus-visible .cashly-fab-icon {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 2px;
}

.cashly-chat .modal-content {
    height: min(var(--cashly-chat-height), calc(100vh - 2 * var(--cashly-gap)));
    height: min(var(--cashly-chat-height), calc(100dvh - 2 * var(--cashly-gap)));
}

.cashly-chat .modal-header {
    padding-bottom: var(--cashly-gap-sm);
    border-bottom: 1px solid var(--cashly-border);
}

.cashly-chat-heading {
    flex: 1 1 auto;
    min-width: 0;
}

.cashly-chat-model {
    min-height: var(--cashly-lh-xs);
    margin: 0;
    overflow: hidden;
    color: var(--cashly-muted);
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashly-chat-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cashly-control-h);
    height: var(--cashly-control-h);
    margin-left: auto;
}

.cashly-chat .modal-header .cashly-chat-reset .bi {
    width: 1em;
    height: 1em;
    font-size: var(--cashly-fs-lg);
}

.cashly-chat-reset + .btn-close {
    margin-left: 0;
}

.cashly-chat-body {
    display: flex;
    flex-direction: column;
    gap: var(--cashly-gap-sm);
}

.cashly-chat-intro {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-block: auto;
}

.cashly-chat-intro[hidden] {
    display: none;
}

.cashly-chat-lead {
    margin: 0;
    color: var(--bs-heading-color);
    font-size: var(--cashly-fs-md);
    line-height: var(--cashly-lh-md);
    font-weight: 700;
}

.cashly-chat-sub {
    margin: 0 0 0.25rem;
    color: var(--cashly-muted);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
}

.cashly-chat-suggestions {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cashly-chat-suggestion {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.5rem var(--cashly-gap-sm);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius-sm);
    background: transparent;
    color: var(--bs-body-color);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    text-align: left;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.cashly-chat-suggestion:hover,
.cashly-chat-suggestion:active {
    border-color: var(--cashly-focus-border);
    background: var(--cashly-primary-tint);
}

.cashly-chat-suggestion:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: -2px;
}

.cashly-chat-thread {
    display: flex;
    flex-direction: column;
    gap: var(--cashly-gap-sm);
}

.cashly-chat-msg {
    max-width: 88%;
    padding: 0.625rem var(--cashly-gap-sm);
    border-radius: var(--cashly-radius-sm);
    font-size: var(--cashly-fs-md);
    line-height: var(--cashly-lh-md);
    overflow-wrap: anywhere;
}

.cashly-chat-msg--user {
    align-self: flex-end;
    border-bottom-right-radius: 0.25rem;
    background: var(--cashly-primary);
    color: var(--cashly-on-primary);
    white-space: pre-wrap;
}

.cashly-chat-msg--assistant {
    align-self: flex-start;
    border-bottom-left-radius: 0.25rem;
    background: var(--cashly-surface-soft);
    color: var(--bs-body-color);
}

.cashly-chat-msg--assistant strong {
    color: var(--bs-heading-color);
    font-weight: 700;
}

.cashly-chat-msg p,
.cashly-chat-msg ul {
    margin: 0 0 0.5rem;
}

.cashly-chat-msg ul {
    padding-left: 1.125rem;
}

.cashly-chat-msg > :last-child {
    margin-bottom: 0;
}

.cashly-chat-msg--error {
    background: var(--cashly-danger-tint);
    color: var(--cashly-danger-text);
}

.cashly-chat-retry {
    display: flex;
    align-items: center;
    min-height: var(--cashly-control-h);
    margin-top: 0.25rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
}

.cashly-chat-memory {
    align-self: flex-start;
    max-width: 88%;
    padding: 0.625rem var(--cashly-gap-sm);
    border: 1px solid var(--cashly-border);
    border-radius: var(--cashly-radius-sm);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    overflow-wrap: anywhere;
}

.cashly-chat-memory p {
    margin: 0 0 0.5rem;
}

.cashly-chat-memory > :last-child {
    margin-bottom: 0;
}

.cashly-chat-memory-label {
    color: var(--cashly-muted);
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    font-weight: 600;
}

.cashly-chat-memory-text {
    color: var(--bs-heading-color);
    font-weight: 600;
}

.cashly-chat-memory-actions {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.cashly-chat-memory-status {
    color: var(--cashly-success-text);
    font-weight: 600;
}

.cashly-chat-memory-status.is-error {
    color: var(--cashly-danger-text);
}

.cashly-chat-msg--loading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cashly-muted);
}

.cashly-chat-dots {
    display: inline-flex;
    gap: 0.25rem;
}

.cashly-chat-dots span {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: currentColor;
    animation: cashly-chat-pulse 1.2s ease-in-out infinite both;
}

.cashly-chat-dots span:nth-child(2) {
    animation-delay: 0.15s;
}

.cashly-chat-dots span:nth-child(3) {
    animation-delay: 0.3s;
}

@keyframes cashly-chat-pulse {
    0%,
    80%,
    100% {
        opacity: 0.25;
    }

    40% {
        opacity: 1;
    }
}

.cashly-chat-composer {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    padding: var(--cashly-gap-sm) var(--cashly-gap);
    border-top: 1px solid var(--cashly-border);
}

.cashly-chat-composer .form-control {
    flex: 1 1 auto;
    min-height: var(--cashly-control-h);
    max-height: 7.5rem;
    resize: none;
    overflow-y: auto;
}

.cashly-chat-send {
    display: flex;
    flex: 0 0 var(--cashly-control-h);
    align-items: center;
    justify-content: center;
    width: var(--cashly-control-h);
    height: var(--cashly-control-h);
    padding: 0;
    border: 0;
    border-radius: var(--cashly-radius-sm);
    background: var(--cashly-primary);
    color: var(--cashly-on-primary);
    font-size: var(--cashly-fs-lg);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.cashly-chat-send:disabled {
    background: var(--cashly-surface-soft);
    color: var(--cashly-muted);
}

.cashly-chat-send:focus-visible {
    outline: 2px solid var(--cashly-focus-border);
    outline-offset: 2px;
}

.cashly-file {
    display: flex;
    gap: 0.4rem;
}

.cashly-file-pick {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    min-height: var(--cashly-control-h);
    padding: 0 0.75rem;
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    text-align: left;
}

.cashly-file-pick > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashly-file-clear {
    display: flex;
    flex: 0 0 var(--cashly-control-h);
    align-items: center;
    justify-content: center;
    min-height: var(--cashly-control-h);
    padding: 0;
}

textarea.form-control {
    resize: vertical;
}

.cashly-ai-message {
    margin-bottom: var(--cashly-gap-sm);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
}

.cashly-ai-lines {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cashly-ai-lines li {
    padding: 0.625rem var(--cashly-gap-sm);
    border-radius: var(--cashly-radius-sm);
    background: var(--cashly-surface-soft);
    color: var(--bs-heading-color);
    font-size: var(--cashly-fs-sm);
    line-height: var(--cashly-lh-sm);
    font-weight: 600;
}

.cashly-footer a,
.login-footer a {
    display: inline-block;
    padding: 0.375rem 0.25rem;
}

.cashly-footer {
    text-align: center;
    color: var(--cashly-muted);
    font-size: var(--cashly-fs-xs);
    line-height: var(--cashly-lh-xs);
    padding: var(--cashly-gap-lg) 0 0;
}

@media (min-width: 576px) {
    .cashly-modal-wide {
        --bs-modal-width: 36rem;
    }

    .cashly-shell {
        --cashly-shell-pad: var(--cashly-gap-lg);
    }

    .cashly-brand,
    .cashly-actions {
        margin-bottom: var(--cashly-gap-sm);
    }

    .cashly-shortcuts:has(> :nth-child(4)) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .cashly-chat .modal-dialog {
        max-width: var(--cashly-chat-width);
    }
}

@media (max-width: 1023.98px) {
    .cashly-shell {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    #pageContent,
    .cashly-rail,
    .cashly-main {
        display: contents;
    }

    .cashly-filter {
        display: contents;
    }

    #cashlySummary,
    #cashlyAlerts,
    #cashlyPlans,
    .cashly-period-nav,
    .cashly-filter-row,
    .cashly-filter > .collapse,
    .cashly-filter > .collapsing,
    .cashly-chips,
    #reportResults,
    .cashly-footer {
        flex: 0 0 100%;
        min-width: 0;
    }

    .cashly-period-nav {
        order: 3;
        margin-bottom: var(--cashly-gap-sm);
    }

    #cashlySummary {
        order: 2;
    }

    #cashlyAlerts {
        order: 5;
    }

    #cashlyPlans {
        order: 6;
    }

    .cashly-filter-row,
    .cashly-filter > .collapse,
    .cashly-filter > .collapsing {
        order: 7;
        margin-bottom: var(--cashly-gap);
    }

    .cashly-chips {
        order: 8;
    }

    #reportResults {
        order: 9;
    }

    .cashly-footer {
        order: 10;
    }

    .cashly-menu-wide-only {
        display: none;
    }

    .cashly-accounts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .cashly-account {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "icon" "label" "value" "hint";
        align-items: start;
        row-gap: 0.125rem;
        padding: var(--cashly-gap) var(--cashly-card-pad);
    }

    .cashly-account-icon {
        width: 2rem;
        height: 2rem;
        margin-bottom: var(--cashly-gap-xs);
        font-size: var(--cashly-fs-md);
    }

    .cashly-account + .cashly-account {
        border-top: 0;
        border-left: 1px solid var(--cashly-hairline);
    }

    .cashly-account-value {
        justify-self: start;
        font-size: min(var(--cashly-fs-lg), var(--cashly-fit-size));
    }
}

@media (max-width: 575.98px) {
    .cashly-account {
        padding: 0.5rem var(--cashly-gap-sm);
    }

    .cashly-account-icon {
        display: none;
    }

    .cashly-account-label {
        font-size: var(--cashly-fs-xs);
        line-height: var(--cashly-lh-xs);
    }
}

@media (max-width: 767.98px) {
    #cashlySummary {
        display: contents;
    }

    .cashly-balance,
    .cashly-flow {
        flex: 0 0 100%;
        min-width: 0;
    }

    .cashly-balance {
        order: 2;
        margin-bottom: var(--cashly-gap-sm);
    }

    .cashly-flow {
        order: 4;
        margin-bottom: var(--cashly-gap);
    }
}

@media (min-width: 768px) {
    .cashly-filter {
        flex-flow: row wrap;
        align-items: center;
    }

    .cashly-filter-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .cashly-shell {
        max-width: 880px;
    }

    .cashly-overview {
        display: grid;
        grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
        align-items: stretch;
    }

    .cashly-flow {
        grid-template-columns: minmax(0, 1fr);
        align-content: center;
        row-gap: var(--cashly-gap-sm);
    }

    .cashly-flow-cell + .cashly-flow-cell {
        padding: var(--cashly-gap-sm) 0 0;
        border-top: 1px solid var(--cashly-border);
        border-left: 0;
        border-radius: 0;
    }
}

@media (min-width: 1024px) {
    .cashly-shell {
        max-width: var(--cashly-shell-wide);
    }

    #pageContent {
        display: grid;
        grid-template-columns: var(--cashly-aside-width) minmax(0, 1fr);
        column-gap: var(--cashly-gap-lg);
        align-items: start;
    }

    .cashly-rail {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
    }

    .cashly-main {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    #cashlySummary {
        margin-bottom: 0;
    }

    .cashly-alerts,
    .cashly-plans {
        display: flex;
        flex-direction: column;
        gap: var(--cashly-gap-sm);
    }

    .cashly-plan {
        margin-bottom: 0;
    }

    .cashly-rail .cashly-item-meta {
        column-gap: 0.5rem;
    }

    .cashly-rail .cashly-item-meta > span + span::before {
        display: none;
    }

    .cashly-plan--desk {
        display: block;
    }

    .cashly-shortcuts {
        display: none;
    }

    .cashly-fab {
        right: max(var(--cashly-gap-lg), calc((100vw - var(--cashly-shell-wide)) / 2 + var(--cashly-gap-lg)));
    }

    :root {
        --cashly-header-h: 4.5rem;
    }

    .cashly-top {
        position: sticky;
        top: 0;
        z-index: 1010;
        display: grid;
        grid-template-columns: var(--cashly-aside-width) minmax(0, 1fr) auto;
        align-items: center;
        column-gap: var(--cashly-gap-lg);
        min-height: calc(var(--cashly-header-h) + env(safe-area-inset-top));
        margin: 0 calc(-1 * var(--cashly-shell-pad)) var(--cashly-gap-xs);
        padding: env(safe-area-inset-top) var(--cashly-shell-pad) 0;
        background: var(--cashly-bg);
    }

    .cashly-top.is-scrolled {
        box-shadow: 0 1px 0 var(--cashly-border);
    }

    .cashly-brand,
    .cashly-actions {
        position: static;
        min-height: 0;
        margin: 0;
        padding: 0;
        background: none;
        box-shadow: none !important;
    }

    .cashly-actions {
        margin-right: -0.5rem;
    }

    .cashly-brand-text {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    .cashly-title {
        flex: 0 1 auto;
        min-width: 0;
        font-size: var(--cashly-fs-lg);
    }

    .cashly-brand-text .cashly-subtitle {
        flex: 1 1 0;
        min-width: 0;
        margin-left: var(--cashly-gap-sm);
        padding-left: var(--cashly-gap-sm);
        border-left: 1px solid var(--cashly-divider);
        font-size: var(--cashly-fs-sm);
    }

    .cashly-filter {
        flex-flow: row nowrap;
        margin-bottom: 0;
    }

    .cashly-period-nav {
        flex: 0 0 12.5rem;
    }

    .cashly-filter-row {
        flex: 1 1 0;
        min-width: 0;
    }

    .cashly-filter > .collapse,
    .cashly-filter > .collapsing {
        position: absolute;
        top: calc(100% + var(--cashly-gap-xs));
        left: 0;
        right: 0;
        z-index: 5;
    }

    .cashly-filter-panel {
        box-shadow: var(--cashly-elev-float);
    }

    .cashly-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .cashly-top {
        grid-template-columns: var(--cashly-aside-width) minmax(0, 1fr) var(--cashly-aside-width);
    }

    .cashly-actions {
        justify-self: end;
    }

    .cashly-filter-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #pageContent {
        grid-template-columns: var(--cashly-aside-width) minmax(0, 1fr) var(--cashly-aside-width);
        grid-template-rows: auto 1fr;
    }

    .cashly-rail {
        display: contents;
    }

    #cashlySummary {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .cashly-main {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    #cashlyAlerts {
        grid-column: 3;
        grid-row: 1;
    }

    #cashlyPlans {
        grid-column: 3;
        grid-row: 2;
    }

    #cashlyAlerts .cashly-plan {
        margin-bottom: var(--cashly-gap-sm);
    }

    #cashlyAlerts .cashly-day-title,
    #cashlyPlans > section:first-of-type .cashly-day-title {
        padding-top: 0;
    }
}

@media (min-width: 1280px) and (min-height: 640px) {
    #cashlySummary {
        position: sticky;
        top: calc(var(--cashly-header-h) + env(safe-area-inset-top) + var(--cashly-gap-xs));
        align-self: start;
    }
}

@media (max-width: 575.98px) {
    .modal-dialog {
        max-width: none;
        min-height: 100%;
        margin: 0;
        align-items: flex-end;
    }

    .modal.fade .modal-dialog {
        transform: translateY(100%);
    }

    .modal.show .modal-dialog {
        transform: none;
    }

    .modal-dialog-scrollable {
        height: auto;
    }

    .modal-dialog-scrollable .modal-content,
    .modal-content {
        width: 100%;
        max-height: 92vh;
        max-height: 92dvh;
        border-width: 1px 0 0;
        border-radius: var(--cashly-radius-lg) var(--cashly-radius-lg) 0 0;
    }

    .modal-header {
        position: relative;
        padding-top: 1.5rem;
    }

    .modal-header::before {
        content: "";
        position: absolute;
        top: 0.5rem;
        left: 50%;
        width: 2.5rem;
        height: 0.25rem;
        border-radius: 999px;
        background: var(--cashly-divider);
        transform: translateX(-50%);
    }

    .modal-body {
        padding: var(--cashly-gap);
    }

    .modal-header,
    .modal-footer {
        padding-inline: var(--cashly-gap);
    }

    .modal-footer {
        padding-bottom: calc(var(--cashly-gap-sm) + env(safe-area-inset-bottom));
    }

    .modal-footer .btn-primary {
        flex: 1 1 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    #reportResults.is-loading :is(.cashly-item-icon, .cashly-item-desc, .cashly-item-amount, .cashly-item-meta) {
        animation: none;
    }

    .btn,
    .form-control,
    .form-select,
    .cashly-account,
    .cashly-item-btn,
    .cashly-fab-toggle {
        transition: none;
    }

    .cashly-voice-btn,
    .cashly-voice-btn.is-listening {
        transition: none;
        animation: none;
    }

    .cashly-fab-menu li {
        animation: none;
    }

    .cashly-item.is-new .cashly-item-btn {
        animation: none;
        background: var(--cashly-primary-tint);
    }

    .cashly-chat-dots span {
        animation: none;
        opacity: 0.6;
    }

    .cashly-chat-suggestion,
    .cashly-chat-send {
        transition: none;
    }

    .modal.fade .modal-dialog {
        transition: none;
    }
}

@media (max-width: 359.98px) {
    .cashly-shell {
        --cashly-shell-pad: 0.75rem;
    }

    .cashly-balance {
        --cashly-card-pad: var(--cashly-gap);
    }

    .cashly-account {
        column-gap: 0.625rem;
    }

    .cashly-ledger {
        --cashly-card-pad: 0.75rem;
    }

    .cashly-item-btn {
        gap: 0.625rem;
    }

    .cashly-item-icon {
        width: 2.25rem;
        height: 2.25rem;
    }
}

@media (max-width: 479.98px) {
    .cashly-item-meta {
        column-gap: 0.5rem;
    }

    .cashly-item-meta > span + span::before {
        display: none;
    }
}

.swal2-popup.swal2-toast.cashly-undo-toast .swal2-actions {
    grid-column: 3;
    grid-row: 1 / 99;
    align-self: center;
    margin: 0;
    padding: 0;
}