@layerfi/components 0.1.114-alpha.2 → 0.1.114-alpha.4

package/dist/index.css

@@ -3143,12 +3143,6 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__bank-transactions__header--with-date-picker.Layer__bank-transactions__header--mobile .Layer__MonthPicker__InputGroup {
   margin-right: 4px;
 }
-.Layer__bank-transactions__header-menu__icon {
-  padding: var(--spacing-3xs);
-  border-radius: var(--spacing-3xs);
-  background: var(--color-base-200);
-  color: var(--color-base-500);
-}
 .Layer__bank-transaction-row {
   transition: all var(--transition-speed) ease-in-out;
   opacity: 0.3;
@@ -3565,10 +3559,9 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__bank-transaction-list-item__processing-info {
   box-sizing: border-box;
   display: flex;
-  gap: 4px;
-  justify-content: flex-end;
+  gap: var(--spacing-3xs);
   width: 100%;
-  padding: var(--spacing-sm) var(--spacing-md);
+  padding: var(--spacing-xs) var(--spacing-md);
   color: var(--text-color-primary);
 }
 .Layer__bank-transaction-list-item__processing-info .Layer__tooltip-trigger {
@@ -5409,33 +5402,12 @@ tbody .Layer__table__empty-row:first-child {
     --column-count: 4;
   }
 }
-.Layer__ProfitAndLossSummariesSummary {
-  display: grid;
-  grid-template-areas: "chart heading" "chart amount";
-  grid-template-columns: auto minmax(0, 1fr);
-  gap: var(--spacing-3xs) var(--spacing-xs);
-  min-block-size: 3rem;
-}
-.Layer__ProfitAndLossSummariesSummary[data-size=lg] {
-  column-gap: var(--spacing-md);
-  min-block-size: 6rem;
-}
-.Layer__ProfitAndLossSummariesSummary [slot=heading] {
-  grid-area: heading;
-  align-self: end;
-}
-.Layer__ProfitAndLossSummariesSummary [slot=amount] {
-  grid-area: amount;
-  align-self: start;
-}
 .Layer__ProfitAndLossSummariesSummaryChartArea {
-  grid-area: chart;
-  align-content: center;
   border-radius: var(--border-radius-xs);
   background: var(--color-base-50);
 }
-.Layer__ProfitAndLossSummariesSummaryChartAreaEmptyFrame {
-  grid-area: chart;
+.Layer__ProfitAndLossSummariesSummary {
+  min-height: 40px;
 }
 .Layer__ProfitAndLossSummaries {
   display: grid;
@@ -6450,826 +6422,1030 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__onboarding .Layer__actionable_row {
   width: 640px;
   max-width: 90%;
-}.Layer__hover-menu {
-  position: relative;
+}.Layer__Stack {
   display: flex;
-  width: 100%;
 }
-.Layer__hover-menu.Layer__hover-menu--open .Layer__hover-menu__list-wrapper {
-  top: 100%;
-  right: 0;
-  opacity: 1;
-  touch-action: auto;
-  pointer-events: auto;
+.Layer__Stack[data-fluid] {
+  flex: 1;
 }
-.Layer__hover-menu .Layer__hover-menu__children {
-  display: flex;
+.Layer__Stack[data-direction=row] {
+  flex-direction: row;
+}
+.Layer__Stack[data-direction=column] {
+  flex-direction: column;
+}
+.Layer__Stack[data-align=start] {
+  align-items: start;
+}
+.Layer__Stack[data-align=center] {
   align-items: center;
+}
+.Layer__Stack[data-align=end] {
+  align-items: end;
+}
+.Layer__Stack[data-align=baseline] {
+  align-items: baseline;
+}
+.Layer__Stack[data-justify=start] {
+  justify-content: start;
+}
+.Layer__Stack[data-justify=center] {
   justify-content: center;
-  width: 100%;
-  cursor: pointer;
 }
-.Layer__hover-menu .Layer__hover-menu__list-wrapper {
-  position: absolute;
-  z-index: 99;
-  top: 80%;
-  right: -8px;
-  display: flex;
-  justify-content: stretch;
-  min-width: 160px;
-  padding-top: var(--spacing-xs);
-  touch-action: none;
-  pointer-events: none;
-  opacity: 0;
-  transition: all 0.15s ease-out;
+.Layer__Stack[data-justify=end] {
+  justify-content: end;
 }
-.Layer__hover-menu .Layer__hover-menu__list-wrapper .Layer__hover-menu__list {
-  box-sizing: border-box;
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  gap: var(--spacing-3xs);
-  padding: var(--spacing-3xs);
-  border-radius: var(--spacing-xs);
-  box-shadow: 0 0 0 1px rgba(25, 25, 25, 0.06), 0 4px 12px 0 var(--base-transparent-1, rgba(16, 24, 40, 0.01)), 0 2px 4px 0 rgba(25, 25, 25, 0.06);
-  margin: 0;
-  background: var(--color-base-0);
-  list-style: none;
+.Layer__Stack[data-justify=space-between] {
+  justify-content: space-between;
 }
-.Layer__hover-menu .Layer__hover-menu__list-wrapper .Layer__hover-menu__list .Layer__hover-menu__list-item {
-  display: flex;
-  align-items: center;
-  padding: var(--spacing-3xs);
-  padding-left: var(--spacing-xs);
-  border-radius: var(--spacing-2xs);
-  color: var(--color-base-500);
-  transition: all 0.2s ease-in-out;
+.Layer__Stack[data-overflow=scroll] {
+  overflow: scroll;
 }
-.Layer__hover-menu .Layer__hover-menu__list-wrapper .Layer__hover-menu__list .Layer__hover-menu__list-item .Layer__hover-menu__list-item-button {
-  width: 100%;
-  border: none;
-  outline: none;
-  background: none;
-  cursor: pointer;
-  font-size: var(--text-sm);
-  line-height: normal;
-  font-family: inherit;
-  font-weight: 500;
-  text-align: start;
-  color: inherit;
-  font-feature-settings: inherit;
-  letter-spacing: -0.06px;
+.Layer__Stack[data-overflow=hidden] {
+  overflow: hidden;
 }
-.Layer__hover-menu .Layer__hover-menu__list-wrapper .Layer__hover-menu__list .Layer__hover-menu__list-item:hover {
-  background: var(--color-base-50);
-  font-weight: 540;
-  color: var(--color-base-800);
-}.Layer__Pill {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  padding: var(--spacing-2xs) var(--spacing-sm);
-  border-radius: var(--badge-border-radius);
-  border: none;
-  outline: none;
-  background-color: var(--badge-bg-color);
-  cursor: pointer;
-  user-select: none;
-  font-size: var(--text-sm);
-  color: var(--badge-color);
-  white-space: nowrap;
+.Layer__Stack[data-overflow=auto] {
+  overflow: auto;
 }
-.Layer__Pill svg {
-  margin-right: 0.25rem;
+.Layer__Stack[data-overflow=clip] {
+  overflow: clip;
 }
-.Layer__Pill[data-status=error] {
-  background-color: var(--color-info-error-bg);
-  color: var(--color-info-error-fg);
+.Layer__Stack[data-overflow=visible] {
+  overflow: visible;
 }
-.Layer__Pill[data-status=error][data-focus-visible] {
-  outline: 1px solid var(--color-info-error-bg);
-  outline-offset: 1px;
-}.Layer__Menu {
-  display: flex;
-  flex-direction: column;
+.Layer__Stack[data-gap="3xs"] {
   gap: var(--spacing-3xs);
-  overflow: auto;
-  max-block-size: inherit;
-  min-inline-size: 9rem;
-  padding: var(--spacing-3xs);
-  border-radius: var(--spacing-xs);
-  border: 1px solid var(--border-color);
-  outline: none;
-  background: white;
 }
-
-.Layer__MenuItem {
-  display: flex;
-  align-items: center;
+.Layer__Stack[data-pb="3xs"] {
   padding-block: var(--spacing-3xs);
-  padding-inline: var(--spacing-xs);
-  border-radius: var(--spacing-2xs);
-  outline: none;
-  cursor: pointer;
 }
-.Layer__MenuItem[data-focused] {
-  background: var(--color-base-50);
-  color: var(--color-base-800);
+.Layer__Stack[data-pbe="3xs"] {
+  padding-block-end: var(--spacing-3xs);
 }
-.Layer__MenuItem[data-focus-visible] {
-  outline: 1px solid var(--color-base-100);
-  outline-offset: 1px;
-}.Layer__Header,
-.Layer__Label,
-.Layer__P,
-.Layer__Span {
-  max-inline-size: min(80ch, 60rem);
-  margin: 0;
-  font-size: var(--text-md);
-  line-height: 140%;
-  font-family: var(--font-family);
-  color: var(--color-base-900);
-  text-wrap: pretty;
+.Layer__Stack[data-pbs="3xs"] {
+  padding-block-start: var(--spacing-3xs);
 }
-.Layer__Header[data-variant=placeholder],
-.Layer__Label[data-variant=placeholder],
-.Layer__P[data-variant=placeholder],
-.Layer__Span[data-variant=placeholder] {
-  color: var(--color-base-700);
+.Layer__Stack[data-pi="3xs"] {
+  padding-inline: var(--spacing-3xs);
 }
-.Layer__Header[data-variant=subtle],
-.Layer__Label[data-variant=subtle],
-.Layer__P[data-variant=subtle],
-.Layer__Span[data-variant=subtle] {
-  color: var(--fg-subtle);
+.Layer__Stack[data-pie="3xs"] {
+  padding-inline-end: var(--spacing-3xs);
 }
-.Layer__Header[data-variant=inherit],
-.Layer__Label[data-variant=inherit],
-.Layer__P[data-variant=inherit],
-.Layer__Span[data-variant=inherit] {
-  color: inherit;
+.Layer__Stack[data-pis="3xs"] {
+  padding-inline-start: var(--spacing-3xs);
 }
-.Layer__Header[data-status=error],
-.Layer__Label[data-status=error],
-.Layer__P[data-status=error],
-.Layer__Span[data-status=error] {
-  color: var(--color-info-error);
+.Layer__Stack[data-gap="2xs"] {
+  gap: var(--spacing-2xs);
 }
-.Layer__Header[data-no-wrap],
-.Layer__Label[data-no-wrap],
-.Layer__P[data-no-wrap],
-.Layer__Span[data-no-wrap] {
-  white-space: nowrap;
+.Layer__Stack[data-pb="2xs"] {
+  padding-block: var(--spacing-2xs);
 }
-.Layer__Header[data-ellipsis], .Layer__Header[data-with-tooltip],
-.Layer__Label[data-ellipsis],
-.Layer__Label[data-with-tooltip],
-.Layer__P[data-ellipsis],
-.Layer__P[data-with-tooltip],
-.Layer__Span[data-ellipsis],
-.Layer__Span[data-with-tooltip] {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.Layer__Stack[data-pbe="2xs"] {
+  padding-block-end: var(--spacing-2xs);
 }
-.Layer__Header[data-size="2xs"],
-.Layer__Label[data-size="2xs"],
-.Layer__P[data-size="2xs"],
-.Layer__Span[data-size="2xs"] {
-  font-size: var(--text-2xs);
+.Layer__Stack[data-pbs="2xs"] {
+  padding-block-start: var(--spacing-2xs);
 }
-.Layer__Header[data-size=xs],
-.Layer__Label[data-size=xs],
-.Layer__P[data-size=xs],
-.Layer__Span[data-size=xs] {
-  font-size: var(--text-xs);
+.Layer__Stack[data-pi="2xs"] {
+  padding-inline: var(--spacing-2xs);
 }
-.Layer__Header[data-size=sm],
-.Layer__Label[data-size=sm],
-.Layer__P[data-size=sm],
-.Layer__Span[data-size=sm] {
-  font-size: var(--text-sm);
+.Layer__Stack[data-pie="2xs"] {
+  padding-inline-end: var(--spacing-2xs);
 }
-.Layer__Header[data-size=md],
-.Layer__Label[data-size=md],
-.Layer__P[data-size=md],
-.Layer__Span[data-size=md] {
-  font-size: var(--text-md);
-}
-.Layer__Header[data-size=lg],
-.Layer__Label[data-size=lg],
-.Layer__P[data-size=lg],
-.Layer__Span[data-size=lg] {
-  font-size: var(--text-lg);
-}
-.Layer__Header[data-size=xl],
-.Layer__Label[data-size=xl],
-.Layer__P[data-size=xl],
-.Layer__Span[data-size=xl] {
-  font-size: var(--text-xl);
-}
-.Layer__Header[data-pb="3xs"],
-.Layer__Label[data-pb="3xs"],
-.Layer__P[data-pb="3xs"],
-.Layer__Span[data-pb="3xs"] {
-  padding-block: var(--spacing-3xs);
+.Layer__Stack[data-pis="2xs"] {
+  padding-inline-start: var(--spacing-2xs);
 }
-.Layer__Header[data-pbe="3xs"],
-.Layer__Label[data-pbe="3xs"],
-.Layer__P[data-pbe="3xs"],
-.Layer__Span[data-pbe="3xs"] {
-  padding-block-end: var(--spacing-3xs);
+.Layer__Stack[data-gap=xs] {
+  gap: var(--spacing-xs);
 }
-.Layer__Header[data-pbs="3xs"],
-.Layer__Label[data-pbs="3xs"],
-.Layer__P[data-pbs="3xs"],
-.Layer__Span[data-pbs="3xs"] {
-  padding-block-start: var(--spacing-3xs);
+.Layer__Stack[data-pb=xs] {
+  padding-block: var(--spacing-xs);
 }
-.Layer__Header[data-pb="2xs"],
-.Layer__Label[data-pb="2xs"],
-.Layer__P[data-pb="2xs"],
-.Layer__Span[data-pb="2xs"] {
-  padding-block: var(--spacing-2xs);
+.Layer__Stack[data-pbe=xs] {
+  padding-block-end: var(--spacing-xs);
 }
-.Layer__Header[data-pbe="2xs"],
-.Layer__Label[data-pbe="2xs"],
-.Layer__P[data-pbe="2xs"],
-.Layer__Span[data-pbe="2xs"] {
-  padding-block-end: var(--spacing-2xs);
+.Layer__Stack[data-pbs=xs] {
+  padding-block-start: var(--spacing-xs);
 }
-.Layer__Header[data-pbs="2xs"],
-.Layer__Label[data-pbs="2xs"],
-.Layer__P[data-pbs="2xs"],
-.Layer__Span[data-pbs="2xs"] {
-  padding-block-start: var(--spacing-2xs);
+.Layer__Stack[data-pi=xs] {
+  padding-inline: var(--spacing-xs);
 }
-.Layer__Header[data-pb=xs],
-.Layer__Label[data-pb=xs],
-.Layer__P[data-pb=xs],
-.Layer__Span[data-pb=xs] {
-  padding-block: var(--spacing-xs);
+.Layer__Stack[data-pie=xs] {
+  padding-inline-end: var(--spacing-xs);
 }
-.Layer__Header[data-pbe=xs],
-.Layer__Label[data-pbe=xs],
-.Layer__P[data-pbe=xs],
-.Layer__Span[data-pbe=xs] {
-  padding-block-end: var(--spacing-xs);
+.Layer__Stack[data-pis=xs] {
+  padding-inline-start: var(--spacing-xs);
 }
-.Layer__Header[data-pbs=xs],
-.Layer__Label[data-pbs=xs],
-.Layer__P[data-pbs=xs],
-.Layer__Span[data-pbs=xs] {
-  padding-block-start: var(--spacing-xs);
+.Layer__Stack[data-gap=sm] {
+  gap: var(--spacing-sm);
 }
-.Layer__Header[data-pb=sm],
-.Layer__Label[data-pb=sm],
-.Layer__P[data-pb=sm],
-.Layer__Span[data-pb=sm] {
+.Layer__Stack[data-pb=sm] {
   padding-block: var(--spacing-sm);
 }
-.Layer__Header[data-pbe=sm],
-.Layer__Label[data-pbe=sm],
-.Layer__P[data-pbe=sm],
-.Layer__Span[data-pbe=sm] {
+.Layer__Stack[data-pbe=sm] {
   padding-block-end: var(--spacing-sm);
 }
-.Layer__Header[data-pbs=sm],
-.Layer__Label[data-pbs=sm],
-.Layer__P[data-pbs=sm],
-.Layer__Span[data-pbs=sm] {
+.Layer__Stack[data-pbs=sm] {
   padding-block-start: var(--spacing-sm);
 }
-.Layer__Header[data-pb=md],
-.Layer__Label[data-pb=md],
-.Layer__P[data-pb=md],
-.Layer__Span[data-pb=md] {
+.Layer__Stack[data-pi=sm] {
+  padding-inline: var(--spacing-sm);
+}
+.Layer__Stack[data-pie=sm] {
+  padding-inline-end: var(--spacing-sm);
+}
+.Layer__Stack[data-pis=sm] {
+  padding-inline-start: var(--spacing-sm);
+}
+.Layer__Stack[data-gap=md] {
+  gap: var(--spacing-md);
+}
+.Layer__Stack[data-pb=md] {
   padding-block: var(--spacing-md);
 }
-.Layer__Header[data-pbe=md],
-.Layer__Label[data-pbe=md],
-.Layer__P[data-pbe=md],
-.Layer__Span[data-pbe=md] {
+.Layer__Stack[data-pbe=md] {
   padding-block-end: var(--spacing-md);
 }
-.Layer__Header[data-pbs=md],
-.Layer__Label[data-pbs=md],
-.Layer__P[data-pbs=md],
-.Layer__Span[data-pbs=md] {
+.Layer__Stack[data-pbs=md] {
   padding-block-start: var(--spacing-md);
 }
-.Layer__Header[data-pb=lg],
-.Layer__Label[data-pb=lg],
-.Layer__P[data-pb=lg],
-.Layer__Span[data-pb=lg] {
+.Layer__Stack[data-pi=md] {
+  padding-inline: var(--spacing-md);
+}
+.Layer__Stack[data-pie=md] {
+  padding-inline-end: var(--spacing-md);
+}
+.Layer__Stack[data-pis=md] {
+  padding-inline-start: var(--spacing-md);
+}
+.Layer__Stack[data-gap=lg] {
+  gap: var(--spacing-lg);
+}
+.Layer__Stack[data-pb=lg] {
   padding-block: var(--spacing-lg);
 }
-.Layer__Header[data-pbe=lg],
-.Layer__Label[data-pbe=lg],
-.Layer__P[data-pbe=lg],
-.Layer__Span[data-pbe=lg] {
+.Layer__Stack[data-pbe=lg] {
   padding-block-end: var(--spacing-lg);
 }
-.Layer__Header[data-pbs=lg],
-.Layer__Label[data-pbs=lg],
-.Layer__P[data-pbs=lg],
-.Layer__Span[data-pbs=lg] {
+.Layer__Stack[data-pbs=lg] {
   padding-block-start: var(--spacing-lg);
 }
-.Layer__Header[data-pb=xl],
-.Layer__Label[data-pb=xl],
-.Layer__P[data-pb=xl],
-.Layer__Span[data-pb=xl] {
+.Layer__Stack[data-pi=lg] {
+  padding-inline: var(--spacing-lg);
+}
+.Layer__Stack[data-pie=lg] {
+  padding-inline-end: var(--spacing-lg);
+}
+.Layer__Stack[data-pis=lg] {
+  padding-inline-start: var(--spacing-lg);
+}
+.Layer__Stack[data-gap=xl] {
+  gap: var(--spacing-xl);
+}
+.Layer__Stack[data-pb=xl] {
   padding-block: var(--spacing-xl);
 }
-.Layer__Header[data-pbe=xl],
-.Layer__Label[data-pbe=xl],
-.Layer__P[data-pbe=xl],
-.Layer__Span[data-pbe=xl] {
+.Layer__Stack[data-pbe=xl] {
   padding-block-end: var(--spacing-xl);
 }
-.Layer__Header[data-pbs=xl],
-.Layer__Label[data-pbs=xl],
-.Layer__P[data-pbs=xl],
-.Layer__Span[data-pbs=xl] {
+.Layer__Stack[data-pbs=xl] {
   padding-block-start: var(--spacing-xl);
 }
-.Layer__Header[data-pb="2xl"],
-.Layer__Label[data-pb="2xl"],
-.Layer__P[data-pb="2xl"],
-.Layer__Span[data-pb="2xl"] {
+.Layer__Stack[data-pi=xl] {
+  padding-inline: var(--spacing-xl);
+}
+.Layer__Stack[data-pie=xl] {
+  padding-inline-end: var(--spacing-xl);
+}
+.Layer__Stack[data-pis=xl] {
+  padding-inline-start: var(--spacing-xl);
+}
+.Layer__Stack[data-gap="2xl"] {
+  gap: var(--spacing-2xl);
+}
+.Layer__Stack[data-pb="2xl"] {
   padding-block: var(--spacing-2xl);
 }
-.Layer__Header[data-pbe="2xl"],
-.Layer__Label[data-pbe="2xl"],
-.Layer__P[data-pbe="2xl"],
-.Layer__Span[data-pbe="2xl"] {
+.Layer__Stack[data-pbe="2xl"] {
   padding-block-end: var(--spacing-2xl);
 }
-.Layer__Header[data-pbs="2xl"],
-.Layer__Label[data-pbs="2xl"],
-.Layer__P[data-pbs="2xl"],
-.Layer__Span[data-pbs="2xl"] {
+.Layer__Stack[data-pbs="2xl"] {
   padding-block-start: var(--spacing-2xl);
 }
-.Layer__Header[data-pb="3xl"],
-.Layer__Label[data-pb="3xl"],
-.Layer__P[data-pb="3xl"],
-.Layer__Span[data-pb="3xl"] {
+.Layer__Stack[data-pi="2xl"] {
+  padding-inline: var(--spacing-2xl);
+}
+.Layer__Stack[data-pie="2xl"] {
+  padding-inline-end: var(--spacing-2xl);
+}
+.Layer__Stack[data-pis="2xl"] {
+  padding-inline-start: var(--spacing-2xl);
+}
+.Layer__Stack[data-gap="3xl"] {
+  gap: var(--spacing-3xl);
+}
+.Layer__Stack[data-pb="3xl"] {
   padding-block: var(--spacing-3xl);
 }
-.Layer__Header[data-pbe="3xl"],
-.Layer__Label[data-pbe="3xl"],
-.Layer__P[data-pbe="3xl"],
-.Layer__Span[data-pbe="3xl"] {
+.Layer__Stack[data-pbe="3xl"] {
   padding-block-end: var(--spacing-3xl);
 }
-.Layer__Header[data-pbs="3xl"],
-.Layer__Label[data-pbs="3xl"],
-.Layer__P[data-pbs="3xl"],
-.Layer__Span[data-pbs="3xl"] {
+.Layer__Stack[data-pbs="3xl"] {
   padding-block-start: var(--spacing-3xl);
 }
-.Layer__Header[data-pb="5xl"],
-.Layer__Label[data-pb="5xl"],
-.Layer__P[data-pb="5xl"],
-.Layer__Span[data-pb="5xl"] {
+.Layer__Stack[data-pi="3xl"] {
+  padding-inline: var(--spacing-3xl);
+}
+.Layer__Stack[data-pie="3xl"] {
+  padding-inline-end: var(--spacing-3xl);
+}
+.Layer__Stack[data-pis="3xl"] {
+  padding-inline-start: var(--spacing-3xl);
+}
+.Layer__Stack[data-gap="5xl"] {
+  gap: var(--spacing-5xl);
+}
+.Layer__Stack[data-pb="5xl"] {
   padding-block: var(--spacing-5xl);
 }
-.Layer__Header[data-pbe="5xl"],
-.Layer__Label[data-pbe="5xl"],
-.Layer__P[data-pbe="5xl"],
-.Layer__Span[data-pbe="5xl"] {
+.Layer__Stack[data-pbe="5xl"] {
   padding-block-end: var(--spacing-5xl);
 }
-.Layer__Header[data-pbs="5xl"],
-.Layer__Label[data-pbs="5xl"],
-.Layer__P[data-pbs="5xl"],
-.Layer__Span[data-pbs="5xl"] {
+.Layer__Stack[data-pbs="5xl"] {
   padding-block-start: var(--spacing-5xl);
 }
-.Layer__Header[data-align=left],
-.Layer__Label[data-align=left],
-.Layer__P[data-align=left],
-.Layer__Span[data-align=left] {
-  text-align: left;
-}
-.Layer__Header[data-align=center],
-.Layer__Label[data-align=center],
-.Layer__P[data-align=center],
-.Layer__Span[data-align=center] {
-  text-align: center;
-}
-.Layer__Header[data-align=right],
-.Layer__Label[data-align=right],
-.Layer__P[data-align=right],
-.Layer__Span[data-align=right] {
-  text-align: right;
-}
-.Layer__Header[data-align=justify],
-.Layer__Label[data-align=justify],
-.Layer__P[data-align=justify],
-.Layer__Span[data-align=justify] {
-  text-align: justify;
+.Layer__Stack[data-pi="5xl"] {
+  padding-inline: var(--spacing-5xl);
 }
-.Layer__Header[data-weight=normal],
-.Layer__Label[data-weight=normal],
-.Layer__P[data-weight=normal],
-.Layer__Span[data-weight=normal] {
-  font-weight: var(--font-weight-normal);
+.Layer__Stack[data-pie="5xl"] {
+  padding-inline-end: var(--spacing-5xl);
 }
-.Layer__Header[data-weight=bold],
-.Layer__Label[data-weight=bold],
-.Layer__P[data-weight=bold],
-.Layer__Span[data-weight=bold] {
-  font-weight: var(--font-weight-bold);
+.Layer__Stack[data-pis="5xl"] {
+  padding-inline-start: var(--spacing-5xl);
 }
 
-.Layer__Label {
-  /*
-   * A `label` is an inline element by default. This change allows us to apply padding.
-   */
-  display: inline-block;
-}.Layer__Stack {
-  display: flex;
-}
-.Layer__Stack[data-fluid] {
-  flex: 1;
-}
-.Layer__Stack[data-direction=row] {
-  flex-direction: row;
-}
-.Layer__Stack[data-direction=column] {
-  flex-direction: column;
-}
-.Layer__Stack[data-align=start] {
-  align-items: start;
-}
-.Layer__Stack[data-align=center] {
+.Layer__Spacer {
+  flex: 1 1 0%;
+}.Layer__LoadingSpinner {
+  animation-name: Layer__rotate;
+  animation-duration: 2s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}.Layer__UI__Button {
+  all: unset;
+  box-sizing: border-box;
+  display: inline-grid;
+  grid-template-rows: minmax(0, 1fr);
+  grid-auto-columns: auto;
+  grid-auto-flow: column;
+  gap: 0.5rem;
   align-items: center;
-}
-.Layer__Stack[data-align=end] {
-  align-items: end;
-}
-.Layer__Stack[data-align=baseline] {
-  align-items: baseline;
-}
-.Layer__Stack[data-justify=start] {
-  justify-content: start;
-}
-.Layer__Stack[data-justify=center] {
   justify-content: center;
+  block-size: var(--size);
+  min-inline-size: 0;
+  padding-inline: var(--spacing-md);
+  border-radius: var(--btn-border-radius);
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--text-md);
+  font-family: var(--font-family);
+  font-weight: var(--font-weight-normal);
+  appearance: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  --size: 2.25rem;
 }
-.Layer__Stack[data-justify=end] {
-  justify-content: end;
-}
-.Layer__Stack[data-justify=space-between] {
-  justify-content: space-between;
+.Layer__UI__Button[data-inset] {
+  --size: 2rem;
 }
-.Layer__Stack[data-overflow=scroll] {
-  overflow: scroll;
+.Layer__UI__Button[data-icon] {
+  min-inline-size: var(--size);
+  padding-inline: 0;
 }
-.Layer__Stack[data-overflow=hidden] {
+.Layer__UI__Button[data-ellipsis], .Layer__UI__Button[data-with-tooltip] {
+  display: inline-block;
   overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.Layer__Stack[data-overflow=auto] {
-  overflow: auto;
+.Layer__UI__Button[data-focus-visible] {
+  outline: 1px auto -webkit-focus-ring-color;
 }
-.Layer__Stack[data-overflow=clip] {
-  overflow: clip;
+.Layer__UI__Button[data-disabled] {
+  cursor: not-allowed;
 }
-.Layer__Stack[data-overflow=visible] {
-  overflow: visible;
+.Layer__UI__Button[data-variant=ghost] {
+  border: none;
+  background-color: transparent;
+  color: var(--button-fg-ghost);
 }
-.Layer__Stack[data-gap="3xs"] {
-  gap: var(--spacing-3xs);
+.Layer__UI__Button[data-variant=ghost][data-pending], .Layer__UI__Button[data-variant=ghost][data-disabled] {
+  background-color: transparent;
+  color: var(--button-fg-disabled);
 }
-.Layer__Stack[data-pb="3xs"] {
-  padding-block: var(--spacing-3xs);
+.Layer__UI__Button[data-variant=ghost][data-hovered]:not([data-disabled], [data-pressed]) {
+  background-color: var(--button-bg-ghost-hovered);
 }
-.Layer__Stack[data-pbe="3xs"] {
-  padding-block-end: var(--spacing-3xs);
+.Layer__UI__Button[data-variant=ghost][data-pressed]:not([data-focus-visible]) {
+  background-color: var(--button-bg-ghost-pressed);
 }
-.Layer__Stack[data-pbs="3xs"] {
-  padding-block-start: var(--spacing-3xs);
+.Layer__UI__Button[data-variant=outlined] {
+  border: 1px solid var(--button-border-color-ghost);
+  background-color: transparent;
+  color: var(--button-fg-ghost);
 }
-.Layer__Stack[data-pi="3xs"] {
-  padding-inline: var(--spacing-3xs);
+.Layer__UI__Button[data-variant=outlined][data-pending], .Layer__UI__Button[data-variant=outlined][data-disabled] {
+  background-color: transparent;
+  color: var(--button-fg-disabled);
 }
-.Layer__Stack[data-pie="3xs"] {
-  padding-inline-end: var(--spacing-3xs);
+.Layer__UI__Button[data-variant=outlined][data-hovered]:not([data-pressed], [data-focus-visible]) {
+  outline: 1px solid var(--outline-default);
 }
-.Layer__Stack[data-pis="3xs"] {
-  padding-inline-start: var(--spacing-3xs);
+.Layer__UI__Button[data-variant=outlined][data-pressed]:not([data-focus-visible]) {
+  border-color: var(--button-border-color-ghost-active);
+  outline: 2px solid var(--outline-default);
 }
-.Layer__Stack[data-gap="2xs"] {
-  gap: var(--spacing-2xs);
+.Layer__UI__Button[data-variant=solid] {
+  background-color: var(--button-bg-default);
+  color: var(--button-fg-default);
 }
-.Layer__Stack[data-pb="2xs"] {
-  padding-block: var(--spacing-2xs);
+.Layer__UI__Button[data-variant=solid][data-disabled], .Layer__UI__Button[data-variant=solid][data-pending] {
+  background-color: var(--button-bg-disabled);
+  color: var(--button-fg-disabled);
 }
-.Layer__Stack[data-pbe="2xs"] {
-  padding-block-end: var(--spacing-2xs);
+.Layer__UI__Button[data-variant=solid][data-hovered]:not([data-disabled], [data-pressed]) {
+  outline: 1px solid var(--outline-default);
+  background-color: var(--button-bg-active);
 }
-.Layer__Stack[data-pbs="2xs"] {
-  padding-block-start: var(--spacing-2xs);
+.Layer__UI__Button[data-variant=solid][data-pressed]:not([data-focus-visible]) {
+  outline: 2px solid var(--outline-default);
+  background-color: var(--button-bg-active);
 }
-.Layer__Stack[data-pi="2xs"] {
-  padding-inline: var(--spacing-2xs);
+.Layer__UI__Button[data-variant=text] {
+  --size: inherit;
+  display: inline-flex;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-inline: 0;
+  border: none;
+  background-color: transparent;
 }
-.Layer__Stack[data-pie="2xs"] {
-  padding-inline-end: var(--spacing-2xs);
+.Layer__UI__Button[data-variant=text][data-hovered]:not([data-disabled], [data-pressed]) {
+  text-decoration: underline;
 }
-.Layer__Stack[data-pis="2xs"] {
-  padding-inline-start: var(--spacing-2xs);
+.Layer__UI__Button[data-variant=text][data-pressed]:not([data-focus-visible]) {
+  text-decoration: none;
 }
-.Layer__Stack[data-gap=xs] {
-  gap: var(--spacing-xs);
+.Layer__UI__Button[data-variant=branded] {
+  background-color: var(--bg-brand-accent, var(--color-accent));
+  color: var(--fg-brand-accent, var(--color-primary));
 }
-.Layer__Stack[data-pb=xs] {
-  padding-block: var(--spacing-xs);
+.Layer__UI__Button[data-full-width] {
+  inline-size: 100%;
 }
-.Layer__Stack[data-pbe=xs] {
-  padding-block-end: var(--spacing-xs);
+.Layer__UI__Button[data-flex] {
+  display: flex;
 }
-.Layer__Stack[data-pbs=xs] {
-  padding-block-start: var(--spacing-xs);
+
+.Layer__ButtonTransparentContent {
+  opacity: 0;
+  grid-row: 1/-1;
+  grid-column: 1/-1;
 }
-.Layer__Stack[data-pi=xs] {
-  padding-inline: var(--spacing-xs);
+
+.Layer__ButtonSpinnerContainer {
+  grid-row: 1/-1;
+  grid-column: 1/-1;
+  height: 1rem;
+  place-self: center;
+}.Layer__UI__tooltip {
+  z-index: 50;
 }
-.Layer__Stack[data-pie=xs] {
-  padding-inline-end: var(--spacing-xs);
+
+.Layer__UI__tooltip-content {
+  box-sizing: border-box;
+  display: block;
+  max-width: 20rem;
+  padding: var(--spacing-2xs) var(--spacing-sm);
+  border-radius: var(--border-radius-2xs);
+  background: var(--color-base-1000);
 }
-.Layer__Stack[data-pis=xs] {
-  padding-inline-start: var(--spacing-xs);
+
+.Layer__UI__tooltip-content--text {
+  display: block;
+  font-size: var(--text-sm);
+  text-align: justify;
+  color: var(--color-base-300);
+  word-break: break-all;
+  white-space: normal;
 }
-.Layer__Stack[data-gap=sm] {
-  gap: var(--spacing-sm);
+
+.Layer__UI__tooltip-trigger {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}.Layer__Header,
+.Layer__Label,
+.Layer__P,
+.Layer__Span {
+  max-inline-size: min(80ch, 60rem);
+  margin: 0;
+  font-size: var(--text-md);
+  line-height: 140%;
+  font-family: var(--font-family);
+  color: var(--color-base-900);
+  text-wrap: pretty;
 }
-.Layer__Stack[data-pb=sm] {
-  padding-block: var(--spacing-sm);
+.Layer__Header[data-variant=placeholder],
+.Layer__Label[data-variant=placeholder],
+.Layer__P[data-variant=placeholder],
+.Layer__Span[data-variant=placeholder] {
+  color: var(--color-base-700);
 }
-.Layer__Stack[data-pbe=sm] {
-  padding-block-end: var(--spacing-sm);
+.Layer__Header[data-variant=subtle],
+.Layer__Label[data-variant=subtle],
+.Layer__P[data-variant=subtle],
+.Layer__Span[data-variant=subtle] {
+  color: var(--fg-subtle);
 }
-.Layer__Stack[data-pbs=sm] {
-  padding-block-start: var(--spacing-sm);
+.Layer__Header[data-variant=inherit],
+.Layer__Label[data-variant=inherit],
+.Layer__P[data-variant=inherit],
+.Layer__Span[data-variant=inherit] {
+  color: inherit;
 }
-.Layer__Stack[data-pi=sm] {
-  padding-inline: var(--spacing-sm);
+.Layer__Header[data-status=error],
+.Layer__Label[data-status=error],
+.Layer__P[data-status=error],
+.Layer__Span[data-status=error] {
+  color: var(--color-info-error);
 }
-.Layer__Stack[data-pie=sm] {
-  padding-inline-end: var(--spacing-sm);
+.Layer__Header[data-status=success],
+.Layer__Label[data-status=success],
+.Layer__P[data-status=success],
+.Layer__Span[data-status=success] {
+  color: var(--color-info-success);
 }
-.Layer__Stack[data-pis=sm] {
-  padding-inline-start: var(--spacing-sm);
+.Layer__Header[data-no-wrap],
+.Layer__Label[data-no-wrap],
+.Layer__P[data-no-wrap],
+.Layer__Span[data-no-wrap] {
+  white-space: nowrap;
 }
-.Layer__Stack[data-gap=md] {
-  gap: var(--spacing-md);
+.Layer__Header[data-ellipsis], .Layer__Header[data-with-tooltip],
+.Layer__Label[data-ellipsis],
+.Layer__Label[data-with-tooltip],
+.Layer__P[data-ellipsis],
+.Layer__P[data-with-tooltip],
+.Layer__Span[data-ellipsis],
+.Layer__Span[data-with-tooltip] {
+  overflow: hidden;
+  max-inline-size: min(80ch, 60rem, 100%);
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.Layer__Stack[data-pb=md] {
-  padding-block: var(--spacing-md);
+.Layer__Header[data-size="2xs"],
+.Layer__Label[data-size="2xs"],
+.Layer__P[data-size="2xs"],
+.Layer__Span[data-size="2xs"] {
+  font-size: var(--text-2xs);
 }
-.Layer__Stack[data-pbe=md] {
-  padding-block-end: var(--spacing-md);
+.Layer__Header[data-size=xs],
+.Layer__Label[data-size=xs],
+.Layer__P[data-size=xs],
+.Layer__Span[data-size=xs] {
+  font-size: var(--text-xs);
 }
-.Layer__Stack[data-pbs=md] {
-  padding-block-start: var(--spacing-md);
+.Layer__Header[data-size=sm],
+.Layer__Label[data-size=sm],
+.Layer__P[data-size=sm],
+.Layer__Span[data-size=sm] {
+  font-size: var(--text-sm);
 }
-.Layer__Stack[data-pi=md] {
-  padding-inline: var(--spacing-md);
+.Layer__Header[data-size=md],
+.Layer__Label[data-size=md],
+.Layer__P[data-size=md],
+.Layer__Span[data-size=md] {
+  font-size: var(--text-md);
 }
-.Layer__Stack[data-pie=md] {
-  padding-inline-end: var(--spacing-md);
+.Layer__Header[data-size=lg],
+.Layer__Label[data-size=lg],
+.Layer__P[data-size=lg],
+.Layer__Span[data-size=lg] {
+  font-size: var(--text-lg);
 }
-.Layer__Stack[data-pis=md] {
-  padding-inline-start: var(--spacing-md);
+.Layer__Header[data-size=xl],
+.Layer__Label[data-size=xl],
+.Layer__P[data-size=xl],
+.Layer__Span[data-size=xl] {
+  font-size: var(--text-xl);
 }
-.Layer__Stack[data-gap=lg] {
-  gap: var(--spacing-lg);
+.Layer__Header[data-pb="3xs"],
+.Layer__Label[data-pb="3xs"],
+.Layer__P[data-pb="3xs"],
+.Layer__Span[data-pb="3xs"] {
+  padding-block: var(--spacing-3xs);
 }
-.Layer__Stack[data-pb=lg] {
-  padding-block: var(--spacing-lg);
+.Layer__Header[data-pbe="3xs"],
+.Layer__Label[data-pbe="3xs"],
+.Layer__P[data-pbe="3xs"],
+.Layer__Span[data-pbe="3xs"] {
+  padding-block-end: var(--spacing-3xs);
 }
-.Layer__Stack[data-pbe=lg] {
-  padding-block-end: var(--spacing-lg);
+.Layer__Header[data-pbs="3xs"],
+.Layer__Label[data-pbs="3xs"],
+.Layer__P[data-pbs="3xs"],
+.Layer__Span[data-pbs="3xs"] {
+  padding-block-start: var(--spacing-3xs);
 }
-.Layer__Stack[data-pbs=lg] {
-  padding-block-start: var(--spacing-lg);
+.Layer__Header[data-pb="2xs"],
+.Layer__Label[data-pb="2xs"],
+.Layer__P[data-pb="2xs"],
+.Layer__Span[data-pb="2xs"] {
+  padding-block: var(--spacing-2xs);
 }
-.Layer__Stack[data-pi=lg] {
-  padding-inline: var(--spacing-lg);
+.Layer__Header[data-pbe="2xs"],
+.Layer__Label[data-pbe="2xs"],
+.Layer__P[data-pbe="2xs"],
+.Layer__Span[data-pbe="2xs"] {
+  padding-block-end: var(--spacing-2xs);
 }
-.Layer__Stack[data-pie=lg] {
-  padding-inline-end: var(--spacing-lg);
+.Layer__Header[data-pbs="2xs"],
+.Layer__Label[data-pbs="2xs"],
+.Layer__P[data-pbs="2xs"],
+.Layer__Span[data-pbs="2xs"] {
+  padding-block-start: var(--spacing-2xs);
 }
-.Layer__Stack[data-pis=lg] {
-  padding-inline-start: var(--spacing-lg);
+.Layer__Header[data-pb=xs],
+.Layer__Label[data-pb=xs],
+.Layer__P[data-pb=xs],
+.Layer__Span[data-pb=xs] {
+  padding-block: var(--spacing-xs);
 }
-.Layer__Stack[data-gap=xl] {
-  gap: var(--spacing-xl);
+.Layer__Header[data-pbe=xs],
+.Layer__Label[data-pbe=xs],
+.Layer__P[data-pbe=xs],
+.Layer__Span[data-pbe=xs] {
+  padding-block-end: var(--spacing-xs);
 }
-.Layer__Stack[data-pb=xl] {
-  padding-block: var(--spacing-xl);
+.Layer__Header[data-pbs=xs],
+.Layer__Label[data-pbs=xs],
+.Layer__P[data-pbs=xs],
+.Layer__Span[data-pbs=xs] {
+  padding-block-start: var(--spacing-xs);
 }
-.Layer__Stack[data-pbe=xl] {
-  padding-block-end: var(--spacing-xl);
+.Layer__Header[data-pb=sm],
+.Layer__Label[data-pb=sm],
+.Layer__P[data-pb=sm],
+.Layer__Span[data-pb=sm] {
+  padding-block: var(--spacing-sm);
 }
-.Layer__Stack[data-pbs=xl] {
-  padding-block-start: var(--spacing-xl);
+.Layer__Header[data-pbe=sm],
+.Layer__Label[data-pbe=sm],
+.Layer__P[data-pbe=sm],
+.Layer__Span[data-pbe=sm] {
+  padding-block-end: var(--spacing-sm);
 }
-.Layer__Stack[data-pi=xl] {
-  padding-inline: var(--spacing-xl);
+.Layer__Header[data-pbs=sm],
+.Layer__Label[data-pbs=sm],
+.Layer__P[data-pbs=sm],
+.Layer__Span[data-pbs=sm] {
+  padding-block-start: var(--spacing-sm);
 }
-.Layer__Stack[data-pie=xl] {
-  padding-inline-end: var(--spacing-xl);
+.Layer__Header[data-pb=md],
+.Layer__Label[data-pb=md],
+.Layer__P[data-pb=md],
+.Layer__Span[data-pb=md] {
+  padding-block: var(--spacing-md);
 }
-.Layer__Stack[data-pis=xl] {
-  padding-inline-start: var(--spacing-xl);
+.Layer__Header[data-pbe=md],
+.Layer__Label[data-pbe=md],
+.Layer__P[data-pbe=md],
+.Layer__Span[data-pbe=md] {
+  padding-block-end: var(--spacing-md);
 }
-.Layer__Stack[data-gap="2xl"] {
-  gap: var(--spacing-2xl);
+.Layer__Header[data-pbs=md],
+.Layer__Label[data-pbs=md],
+.Layer__P[data-pbs=md],
+.Layer__Span[data-pbs=md] {
+  padding-block-start: var(--spacing-md);
 }
-.Layer__Stack[data-pb="2xl"] {
-  padding-block: var(--spacing-2xl);
+.Layer__Header[data-pb=lg],
+.Layer__Label[data-pb=lg],
+.Layer__P[data-pb=lg],
+.Layer__Span[data-pb=lg] {
+  padding-block: var(--spacing-lg);
 }
-.Layer__Stack[data-pbe="2xl"] {
-  padding-block-end: var(--spacing-2xl);
+.Layer__Header[data-pbe=lg],
+.Layer__Label[data-pbe=lg],
+.Layer__P[data-pbe=lg],
+.Layer__Span[data-pbe=lg] {
+  padding-block-end: var(--spacing-lg);
 }
-.Layer__Stack[data-pbs="2xl"] {
-  padding-block-start: var(--spacing-2xl);
+.Layer__Header[data-pbs=lg],
+.Layer__Label[data-pbs=lg],
+.Layer__P[data-pbs=lg],
+.Layer__Span[data-pbs=lg] {
+  padding-block-start: var(--spacing-lg);
 }
-.Layer__Stack[data-pi="2xl"] {
-  padding-inline: var(--spacing-2xl);
+.Layer__Header[data-pb=xl],
+.Layer__Label[data-pb=xl],
+.Layer__P[data-pb=xl],
+.Layer__Span[data-pb=xl] {
+  padding-block: var(--spacing-xl);
 }
-.Layer__Stack[data-pie="2xl"] {
-  padding-inline-end: var(--spacing-2xl);
+.Layer__Header[data-pbe=xl],
+.Layer__Label[data-pbe=xl],
+.Layer__P[data-pbe=xl],
+.Layer__Span[data-pbe=xl] {
+  padding-block-end: var(--spacing-xl);
 }
-.Layer__Stack[data-pis="2xl"] {
-  padding-inline-start: var(--spacing-2xl);
+.Layer__Header[data-pbs=xl],
+.Layer__Label[data-pbs=xl],
+.Layer__P[data-pbs=xl],
+.Layer__Span[data-pbs=xl] {
+  padding-block-start: var(--spacing-xl);
 }
-.Layer__Stack[data-gap="3xl"] {
-  gap: var(--spacing-3xl);
+.Layer__Header[data-pb="2xl"],
+.Layer__Label[data-pb="2xl"],
+.Layer__P[data-pb="2xl"],
+.Layer__Span[data-pb="2xl"] {
+  padding-block: var(--spacing-2xl);
 }
-.Layer__Stack[data-pb="3xl"] {
+.Layer__Header[data-pbe="2xl"],
+.Layer__Label[data-pbe="2xl"],
+.Layer__P[data-pbe="2xl"],
+.Layer__Span[data-pbe="2xl"] {
+  padding-block-end: var(--spacing-2xl);
+}
+.Layer__Header[data-pbs="2xl"],
+.Layer__Label[data-pbs="2xl"],
+.Layer__P[data-pbs="2xl"],
+.Layer__Span[data-pbs="2xl"] {
+  padding-block-start: var(--spacing-2xl);
+}
+.Layer__Header[data-pb="3xl"],
+.Layer__Label[data-pb="3xl"],
+.Layer__P[data-pb="3xl"],
+.Layer__Span[data-pb="3xl"] {
   padding-block: var(--spacing-3xl);
 }
-.Layer__Stack[data-pbe="3xl"] {
+.Layer__Header[data-pbe="3xl"],
+.Layer__Label[data-pbe="3xl"],
+.Layer__P[data-pbe="3xl"],
+.Layer__Span[data-pbe="3xl"] {
   padding-block-end: var(--spacing-3xl);
 }
-.Layer__Stack[data-pbs="3xl"] {
+.Layer__Header[data-pbs="3xl"],
+.Layer__Label[data-pbs="3xl"],
+.Layer__P[data-pbs="3xl"],
+.Layer__Span[data-pbs="3xl"] {
   padding-block-start: var(--spacing-3xl);
 }
-.Layer__Stack[data-pi="3xl"] {
-  padding-inline: var(--spacing-3xl);
-}
-.Layer__Stack[data-pie="3xl"] {
-  padding-inline-end: var(--spacing-3xl);
-}
-.Layer__Stack[data-pis="3xl"] {
-  padding-inline-start: var(--spacing-3xl);
-}
-.Layer__Stack[data-gap="5xl"] {
-  gap: var(--spacing-5xl);
-}
-.Layer__Stack[data-pb="5xl"] {
+.Layer__Header[data-pb="5xl"],
+.Layer__Label[data-pb="5xl"],
+.Layer__P[data-pb="5xl"],
+.Layer__Span[data-pb="5xl"] {
   padding-block: var(--spacing-5xl);
 }
-.Layer__Stack[data-pbe="5xl"] {
+.Layer__Header[data-pbe="5xl"],
+.Layer__Label[data-pbe="5xl"],
+.Layer__P[data-pbe="5xl"],
+.Layer__Span[data-pbe="5xl"] {
   padding-block-end: var(--spacing-5xl);
 }
-.Layer__Stack[data-pbs="5xl"] {
+.Layer__Header[data-pbs="5xl"],
+.Layer__Label[data-pbs="5xl"],
+.Layer__P[data-pbs="5xl"],
+.Layer__Span[data-pbs="5xl"] {
   padding-block-start: var(--spacing-5xl);
 }
-.Layer__Stack[data-pi="5xl"] {
-  padding-inline: var(--spacing-5xl);
+.Layer__Header[data-align=left],
+.Layer__Label[data-align=left],
+.Layer__P[data-align=left],
+.Layer__Span[data-align=left] {
+  text-align: left;
 }
-.Layer__Stack[data-pie="5xl"] {
-  padding-inline-end: var(--spacing-5xl);
+.Layer__Header[data-align=center],
+.Layer__Label[data-align=center],
+.Layer__P[data-align=center],
+.Layer__Span[data-align=center] {
+  text-align: center;
 }
-.Layer__Stack[data-pis="5xl"] {
-  padding-inline-start: var(--spacing-5xl);
+.Layer__Header[data-align=right],
+.Layer__Label[data-align=right],
+.Layer__P[data-align=right],
+.Layer__Span[data-align=right] {
+  text-align: right;
 }
-
-.Layer__Spacer {
-  flex: 1 1 0%;
-}.Layer__UI__tooltip {
-  z-index: 50;
+.Layer__Header[data-align=justify],
+.Layer__Label[data-align=justify],
+.Layer__P[data-align=justify],
+.Layer__Span[data-align=justify] {
+  text-align: justify;
 }
-
-.Layer__UI__tooltip-content {
-  box-sizing: border-box;
-  display: block;
-  max-width: 20rem;
-  padding: var(--spacing-2xs) var(--spacing-sm);
-  border-radius: var(--border-radius-2xs);
-  background: var(--color-base-1000);
+.Layer__Header[data-weight=normal],
+.Layer__Label[data-weight=normal],
+.Layer__P[data-weight=normal],
+.Layer__Span[data-weight=normal] {
+  font-weight: var(--font-weight-normal);
 }
-
-.Layer__UI__tooltip-content--text {
-  display: block;
-  font-size: var(--text-sm);
-  text-align: justify;
-  color: var(--color-base-300);
-  word-break: break-all;
-  white-space: normal;
+.Layer__Header[data-weight=bold],
+.Layer__Label[data-weight=bold],
+.Layer__P[data-weight=bold],
+.Layer__Span[data-weight=bold] {
+  font-weight: var(--font-weight-bold);
 }
 
-.Layer__UI__tooltip-trigger {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}.Layer__ModalOverlay {
-  position: fixed;
-  z-index: 1001;
-  inset: 0;
+.Layer__Label {
+  /*
+   * A `label` is an inline element by default. This change allows us to apply padding.
+   */
+  display: inline-block;
+}.Layer__ComboBoxContainer {
   display: grid;
-  height: var(--visual-viewport-height);
-  background: rgba(0, 0, 0, 0.5);
-  place-items: center;
-}
-.Layer__ModalOverlay[data-variant=drawer] {
-  place-items: end;
-}
-.Layer__ModalOverlay[data-variant=mobile-drawer] {
-  place-items: end center;
 }
 
-.Layer__Modal {
-  block-size: min(42rem, 90%);
-  inline-size: min(36rem, 90%);
+.Layer__ComboBoxControl {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  --block-size: 2.25rem;
+  block-size: var(--block-size);
+  border-radius: var(--input-border-radius);
+  border: 1px solid var(--color-base-300);
+  background-color: var(--color-base-0);
 }
-.Layer__Modal[data-size=lg] {
-  inline-size: min(42rem, 90%);
+.Layer__ComboBoxControl--focused {
+  border-color: var(--outline-active);
 }
-.Layer__Modal[data-size=xl] {
-  inline-size: min(70rem, 100%);
+.Layer__ComboBoxControl--disabled {
+  cursor: not-allowed;
 }
-.Layer__Modal[data-variant=drawer] {
-  block-size: 100%;
+.Layer__ComboBoxControl--readonly {
+  background-color: var(--bg-muted);
 }
-.Layer__Modal[data-variant=drawer][data-entering] {
-  animation: drawer-slide 300ms;
+
+.Layer__ComboBoxContainer > .Layer__ComboBoxControl {
+  /*
+   * This is intentional.
+   *
+   * The "unstyled" variant of react-select still forces a min-height on the control of 38 px.
+   */
+  block-size: var(--block-size);
+  min-block-size: var(--block-size);
 }
-.Layer__Modal[data-variant=drawer][data-exiting] {
-  animation: drawer-slide 300ms reverse ease-in;
+.Layer__ComboBoxContainer > .Layer__ComboBoxControl--focused {
+  /*
+   * This seems like the only workaround when the "unstyled" variant
+   * includes a (malicious) `outline: 0 !important`.
+   *
+   * @see {https://github.com/JedWatson/react-select/blob/2a913698ad3d7759fb8e6bc5dd8a7d839227da2f/packages/react-select/src/components/Control.tsx#L49}
+   */
+  outline: 2px solid var(--outline-default) !important;
 }
-.Layer__Modal[data-variant=mobile-drawer] {
-  position: fixed;
-  bottom: 0;
-  overflow: hidden;
-  block-size: 80%;
-  inline-size: 100%;
-  border-radius: var(--border-radius-2xs) var(--border-radius-2xs) 0 0;
+
+.Layer__ComboBoxValueContainer {
+  padding-inline-start: var(--spacing-xs);
+  cursor: text;
+  font-size: var(--input-font-size);
 }
-.Layer__Modal[data-flex-block] {
-  block-size: auto;
+
+.Layer__ComboBoxIndicatorsContainer {
+  padding-inline-end: var(--spacing-3xs);
 }
-.Layer__Modal[data-flex-inline] {
-  inline-size: auto;
+.Layer__ComboBoxIndicatorsContainer--readonly {
+  visibility: hidden;
 }
 
-.Layer__Dialog {
+.Layer__ComboBoxClearIndicator {
   display: flex;
-  flex-direction: column;
-  block-size: 100%;
-  padding: var(--spacing-lg);
-  border-radius: var(--border-radius-2xs);
-  outline: none;
-  background-color: white;
-}
-.Layer__Dialog [slot=content] {
-  flex: 1;
-}
-.Layer__Dialog[data-variant=drawer] {
-  padding: 0;
-  border-radius: 0;
-}
-.Layer__Dialog[data-variant=mobile-drawer] {
-  padding: 0;
-  border-radius: var(--border-radius-2xs) var(--border-radius-2xs) 0 0;
-}
-.Layer__Dialog[data-variant=mobile-popover] {
-  padding: 0;
+  align-items: center;
+  justify-content: center;
+  --size: 1.25rem;
+  block-size: var(--size);
+  inline-size: var(--size);
+  cursor: pointer;
 }
 
-@keyframes drawer-slide {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
+.Layer__ComboBoxLoadingIndicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  --size: 1.25rem;
+  block-size: var(--size);
+  inline-size: var(--size);
+  cursor: default;
 }
-.Layer__ModalContentFadeMotionContent {
-  display: contents;
-  height: 100%;
-  width: 100%;
+
+.Layer__ComboBoxDropdownIndicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  block-size: var(--size);
+  inline-size: var(--size);
+  cursor: pointer;
+  color: var(--color-base-600);
+  --size: 1.25rem;
 }
 
-.Layer__ModalContentSlideUpMotionContent {
-  height: 100%;
-  width: 100%;
+.Layer__ComboBoxMenu {
+  overflow: hidden;
+  border-radius: var(--border-radius-xs);
+  border: 1px solid var(--border-color);
+  margin-block-start: var(--spacing-2xs);
+  background-color: var(--color-base-0);
+}
+
+.Layer__ComboBoxMenuList {
+  overflow-y: auto;
+}
+.Layer__ComboBoxMenuList .Layer__ComboBoxOption {
+  /*
+   * This is intentionally done indirectly to increase specificity.
+   *
+   * `react-select` explicitly sets 'block'
+   */
+  display: grid;
+  /*
+   * This is intentionally done indirectly to increase specificity.
+   *
+   * `react-select` explicitly sets 'default'
+   */
+  cursor: pointer;
+}
+.Layer__ComboBoxMenuList .Layer__ComboBoxOption--disabled {
+  cursor: not-allowed;
+}
+.Layer__ComboBoxMenuList .Layer__ComboBoxOption--hidden {
+  display: none;
+}
+
+.Layer__ComboBoxGroup {
+  padding-block: var(--spacing-xs);
+}
+.Layer__ComboBoxGroup > .Layer__ComboBoxGroupHeading {
+  padding-block-start: var(--spacing-3xs);
+  padding-block-end: var(--spacing-xs);
+  padding-inline: var(--spacing-sm);
+}
+.Layer__ComboBoxGroup > div > .Layer__ComboBoxOption {
+  padding-inline: var(--spacing-sm);
+}
+
+.Layer__ComboBoxOption {
+  padding-block: var(--spacing-xs);
+  padding-inline: var(--spacing-3xs);
+  border: 2px solid transparent;
+}
+.Layer__ComboBoxOption--focused {
+  background-color: var(--color-base-100);
+}
+.Layer__ComboBoxOption .Layer__ComboBoxOptionCheckIcon {
+  visibility: hidden;
+}
+.Layer__ComboBoxOption--selected {
+  background-color: var(--color-base-100);
+}
+.Layer__ComboBoxOption--selected .Layer__ComboBoxOptionCheckIcon {
+  visibility: visible;
+}
+.Layer__ComboBoxOption--disabled {
+  color: var(--color-base-500);
+}
+
+.Layer__ComboBoxNoOptionsMessage {
+  padding-block: var(--spacing-sm);
+}.Layer__MoneySpan[data-positive]::before {
+  content: "$";
+}
+.Layer__MoneySpan[data-negative]::before {
+  content: "-$";
+}
+.Layer__MoneySpan[data-display-plus-sign]::before {
+  content: "+$";
+}.Layer__datetime {
+  display: inline-flex;
+  gap: var(--spacing-md);
+  align-items: center;
+}.Layer__BankTransactionCategoryComboBox__LoadingSuggestionsOption {
+  color: var(--color-base-900);
+}
+
+.Layer__BankTransactionCategoryComboBox__CustomGroupHeading {
+  /* style the parent .Layer__ComboBoxGroupHeading of this element */
+}
+:is(.Layer__ComboBoxGroupHeading:has(.Layer__BankTransactionCategoryComboBox__CustomGroupHeading)) {
+  border-bottom: 1px solid var(--border-color);
+  margin-block-end: var(--spacing-3xs);
+}.Layer__ModalOverlay {
+  position: fixed;
+  z-index: 100;
+  inset: 0;
+  display: grid;
+  height: var(--visual-viewport-height);
+  background: rgba(0, 0, 0, 0.5);
+  place-items: center;
+}
+.Layer__ModalOverlay[data-variant=mobile-drawer][data-entering], .Layer__ModalOverlay[data-variant=drawer][data-entering] {
+  animation: overlay-fade 250ms;
+}
+.Layer__ModalOverlay[data-variant=mobile-drawer][data-exiting], .Layer__ModalOverlay[data-variant=drawer][data-exiting] {
+  animation: overlay-fade reverse 250ms;
+}
+.Layer__ModalOverlay[data-variant=drawer] {
+  place-items: end;
+}
+.Layer__ModalOverlay[data-variant=mobile-drawer] {
+  place-items: end center;
+}
+
+.Layer__Modal {
+  block-size: min(42rem, 90%);
+  inline-size: min(36rem, 90%);
+}
+.Layer__Modal[data-size=lg] {
+  inline-size: min(42rem, 90%);
+}
+.Layer__Modal[data-size=xl] {
+  inline-size: min(70rem, 100%);
+}
+.Layer__Modal[data-variant=drawer] {
+  block-size: 100%;
+}
+.Layer__Modal[data-variant=drawer][data-entering] {
+  animation: drawer-slide 250ms;
+}
+.Layer__Modal[data-variant=drawer][data-exiting] {
+  animation: drawer-slide 250ms reverse ease-in;
+}
+.Layer__Modal[data-variant=mobile-drawer] {
+  position: fixed;
+  bottom: 0;
+  overflow: hidden;
+  block-size: 80%;
+  inline-size: 100%;
+  border-radius: var(--border-radius-2xs) var(--border-radius-2xs) 0 0;
+}
+.Layer__Modal[data-variant=mobile-drawer][data-entering] {
+  animation: mobile-drawer-slide 250ms;
+}
+.Layer__Modal[data-variant=mobile-drawer][data-exiting] {
+  animation: mobile-drawer-slide 250ms reverse ease-in;
+}
+.Layer__Modal[data-flex-block] {
+  block-size: auto;
+}
+.Layer__Modal[data-flex-inline] {
+  inline-size: auto;
+}
+
+.Layer__Dialog {
+  display: flex;
+  flex-direction: column;
+  block-size: 100%;
+  padding: var(--spacing-lg);
+  border-radius: var(--border-radius-2xs);
+  outline: none;
+  background-color: white;
+}
+.Layer__Dialog [slot=content] {
+  flex: 1;
+}
+.Layer__Dialog[data-variant=drawer] {
+  padding: 0;
+  border-radius: 0;
+}
+.Layer__Dialog[data-variant=mobile-drawer] {
+  padding: 0;
+  border-radius: var(--border-radius-2xs) var(--border-radius-2xs) 0 0;
+}
+.Layer__Dialog[data-variant=mobile-popover] {
+  padding: 0;
+}
+
+@keyframes drawer-slide {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes mobile-drawer-slide {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+@keyframes overlay-fade {
+  from {
+    background: rgba(0, 0, 0, 0);
+  }
+  to {
+    background: rgba(0, 0, 0, 0.5);
+  }
 }.Layer__UI__Heading {
   max-inline-size: 60rem;
   margin: 0;
@@ -7389,139 +7565,70 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__UI__Heading[data-weight=bold] {
   font-weight: var(--font-weight-bold);
-}.Layer__LoadingSpinner {
-  animation-name: Layer__rotate;
-  animation-duration: 2s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-}.Layer__UI__Button {
-  all: unset;
-  box-sizing: border-box;
-  display: inline-grid;
-  grid-template-rows: minmax(0, 1fr);
-  grid-auto-columns: auto;
-  grid-auto-flow: column;
-  gap: 0.5rem;
-  align-items: center;
-  justify-content: center;
-  block-size: var(--size);
-  min-inline-size: 0;
-  padding-inline: var(--spacing-md);
-  border-radius: var(--btn-border-radius);
-  outline: none;
-  cursor: pointer;
-  user-select: none;
-  font-size: var(--text-md);
-  font-family: var(--font-family);
-  font-weight: var(--font-weight-normal);
-  appearance: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  --size: 2.25rem;
+}.Layer__separator {
+  height: 1px;
+  width: 100%;
+  background-color: var(--color-base-300);
 }
-.Layer__UI__Button[data-inset] {
-  --size: 2rem;
+.Layer__separator[data-mbe="3xs"] {
+  margin-block-end: var(--spacing-3xs);
 }
-.Layer__UI__Button[data-icon] {
-  min-inline-size: var(--size);
-  padding-inline: 0;
+.Layer__separator[data-mbs="3xs"] {
+  margin-block-start: var(--spacing-3xs);
 }
-.Layer__UI__Button[data-ellipsis], .Layer__UI__Button[data-with-tooltip] {
-  display: inline-block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+.Layer__separator[data-mbe="2xs"] {
+  margin-block-end: var(--spacing-2xs);
 }
-.Layer__UI__Button[data-focus-visible] {
-  outline: 1px auto -webkit-focus-ring-color;
+.Layer__separator[data-mbs="2xs"] {
+  margin-block-start: var(--spacing-2xs);
 }
-.Layer__UI__Button[data-disabled] {
-  cursor: not-allowed;
+.Layer__separator[data-mbe=xs] {
+  margin-block-end: var(--spacing-xs);
 }
-.Layer__UI__Button[data-variant=ghost] {
-  border: none;
-  background-color: transparent;
-  color: var(--button-fg-ghost);
+.Layer__separator[data-mbs=xs] {
+  margin-block-start: var(--spacing-xs);
 }
-.Layer__UI__Button[data-variant=ghost][data-pending], .Layer__UI__Button[data-variant=ghost][data-disabled] {
-  background-color: transparent;
-  color: var(--button-fg-disabled);
+.Layer__separator[data-mbe=sm] {
+  margin-block-end: var(--spacing-sm);
 }
-.Layer__UI__Button[data-variant=ghost][data-hovered]:not([data-disabled], [data-pressed]) {
-  background-color: var(--button-bg-ghost-hovered);
+.Layer__separator[data-mbs=sm] {
+  margin-block-start: var(--spacing-sm);
 }
-.Layer__UI__Button[data-variant=ghost][data-pressed]:not([data-focus-visible]) {
-  background-color: var(--button-bg-ghost-pressed);
-}
-.Layer__UI__Button[data-variant=outlined] {
-  border: 1px solid var(--button-border-color-ghost);
-  background-color: transparent;
-  color: var(--button-fg-ghost);
-}
-.Layer__UI__Button[data-variant=outlined][data-pending], .Layer__UI__Button[data-variant=outlined][data-disabled] {
-  background-color: transparent;
-  color: var(--button-fg-disabled);
-}
-.Layer__UI__Button[data-variant=outlined][data-hovered]:not([data-pressed], [data-focus-visible]) {
-  outline: 1px solid var(--outline-default);
-}
-.Layer__UI__Button[data-variant=outlined][data-pressed]:not([data-focus-visible]) {
-  border-color: var(--button-border-color-ghost-active);
-  outline: 2px solid var(--outline-default);
-}
-.Layer__UI__Button[data-variant=solid] {
-  background-color: var(--button-bg-default);
-  color: var(--button-fg-default);
+.Layer__separator[data-mbe=md] {
+  margin-block-end: var(--spacing-md);
 }
-.Layer__UI__Button[data-variant=solid][data-disabled], .Layer__UI__Button[data-variant=solid][data-pending] {
-  background-color: var(--button-bg-disabled);
-  color: var(--button-fg-disabled);
+.Layer__separator[data-mbs=md] {
+  margin-block-start: var(--spacing-md);
 }
-.Layer__UI__Button[data-variant=solid][data-hovered]:not([data-disabled], [data-pressed]) {
-  outline: 1px solid var(--outline-default);
-  background-color: var(--button-bg-active);
+.Layer__separator[data-mbe=lg] {
+  margin-block-end: var(--spacing-lg);
 }
-.Layer__UI__Button[data-variant=solid][data-pressed]:not([data-focus-visible]) {
-  outline: 2px solid var(--outline-default);
-  background-color: var(--button-bg-active);
+.Layer__separator[data-mbs=lg] {
+  margin-block-start: var(--spacing-lg);
 }
-.Layer__UI__Button[data-variant=text] {
-  --size: inherit;
-  display: inline-flex;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-inline: 0;
-  border: none;
-  background-color: transparent;
+.Layer__separator[data-mbe=xl] {
+  margin-block-end: var(--spacing-xl);
 }
-.Layer__UI__Button[data-variant=text][data-hovered]:not([data-disabled], [data-pressed]) {
-  text-decoration: underline;
+.Layer__separator[data-mbs=xl] {
+  margin-block-start: var(--spacing-xl);
 }
-.Layer__UI__Button[data-variant=text][data-pressed]:not([data-focus-visible]) {
-  text-decoration: none;
+.Layer__separator[data-mbe="2xl"] {
+  margin-block-end: var(--spacing-2xl);
 }
-.Layer__UI__Button[data-variant=branded] {
-  background-color: var(--bg-brand-accent, var(--color-accent));
-  color: var(--fg-brand-accent, var(--color-primary));
+.Layer__separator[data-mbs="2xl"] {
+  margin-block-start: var(--spacing-2xl);
 }
-.Layer__UI__Button[data-full-width] {
-  inline-size: 100%;
+.Layer__separator[data-mbe="3xl"] {
+  margin-block-end: var(--spacing-3xl);
 }
-.Layer__UI__Button[data-flex] {
-  display: flex;
+.Layer__separator[data-mbs="3xl"] {
+  margin-block-start: var(--spacing-3xl);
 }
-
-.Layer__ButtonTransparentContent {
-  opacity: 0;
-  grid-row: 1/-1;
-  grid-column: 1/-1;
+.Layer__separator[data-mbe="5xl"] {
+  margin-block-end: var(--spacing-5xl);
 }
-
-.Layer__ButtonSpinnerContainer {
-  grid-row: 1/-1;
-  grid-column: 1/-1;
-  height: 1rem;
-  place-self: center;
+.Layer__separator[data-mbs="5xl"] {
+  margin-block-start: var(--spacing-5xl);
 }.Layer__ModalCloseButton--position-absolute {
   position: absolute;
   align-self: end;
@@ -7558,100 +7665,348 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 
 .Layer__ModalActions {
   margin-block-start: var(--spacing-3xl);
-}.Layer__separator {
-  height: 1px;
-  width: 100%;
-  background-color: var(--color-base-300);
-}
-.Layer__separator[data-mbe="3xs"] {
-  margin-block-end: var(--spacing-3xs);
-}
-.Layer__separator[data-mbs="3xs"] {
-  margin-block-start: var(--spacing-3xs);
+}.Layer__actionable-list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
 }
-.Layer__separator[data-mbe="2xs"] {
-  margin-block-end: var(--spacing-2xs);
+.Layer__actionable-list li {
+  box-sizing: border-box;
+  display: flex;
+  gap: var(--spacing-2xs);
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);
+  border-radius: var(--spacing-xs);
+  cursor: pointer;
+  font-size: 12px;
 }
-.Layer__separator[data-mbs="2xs"] {
-  margin-block-start: var(--spacing-2xs);
+.Layer__actionable-list li .Layer__actionable-list__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2xs);
+  align-items: flex-start;
+  max-width: 36ch;
 }
-.Layer__separator[data-mbe=xs] {
-  margin-block-end: var(--spacing-xs);
+.Layer__actionable-list li .Layer__actionable-list__content .Layer__actionable-list__content-description {
+  color: var(--color-base-500);
 }
-.Layer__separator[data-mbs=xs] {
-  margin-block-start: var(--spacing-xs);
+.Layer__actionable-list li.Layer__actionable-list-item--secondary {
+  color: var(--color-base-500);
 }
-.Layer__separator[data-mbe=sm] {
-  margin-block-end: var(--spacing-sm);
+.Layer__actionable-list li.Layer__actionable-list-item--secondary.Layer__actionable-list-item--as-link:hover {
+  color: var(--color-base-1000);
 }
-.Layer__separator[data-mbs=sm] {
-  margin-block-start: var(--spacing-sm);
+.Layer__actionable-list li.Layer__actionable-list__item--selected {
+  background-color: var(--color-base-50);
 }
-.Layer__separator[data-mbe=md] {
-  margin-block-end: var(--spacing-md);
+.Layer__actionable-list .Layer__actionable-list__select {
+  display: flex;
+  height: 18px;
+  width: 18px;
+  border-radius: 50%;
+  border: 1px solid var(--color-base-300);
 }
-.Layer__separator[data-mbs=md] {
-  margin-block-start: var(--spacing-md);
+.Layer__actionable-list .Layer__actionable-list__select.Layer__actionable-list__select--selected {
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--color-info-success);
+  background-color: var(--color-info-success-bg);
+  color: var(--color-info-success);
+}.Layer__InputGroup {
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: var(--spacing-3xs);
+  align-items: center;
+  min-block-size: 2.25rem;
+  padding-inline-start: var(--spacing-xs);
+  padding-inline-end: var(--spacing-3xs);
+  border-radius: var(--input-border-radius);
+  border: 1px solid var(--border-color);
+  background-color: var(--color-base-0);
 }
-.Layer__separator[data-mbe=lg] {
-  margin-block-end: var(--spacing-lg);
+.Layer__InputGroup[data-focus-within], .Layer__InputGroup[data-focus-visible] {
+  border-color: var(--color-base-800);
+  outline: 2px solid var(--outline-default);
 }
-.Layer__separator[data-mbs=lg] {
-  margin-block-start: var(--spacing-lg);
+.Layer__InputGroup[data-invalid] {
+  border-color: var(--color-danger);
+  outline: none;
 }
-.Layer__separator[data-mbe=xl] {
-  margin-block-end: var(--spacing-xl);
+.Layer__InputGroup[data-action-count="2"] {
+  grid-template-columns: minmax(0, 1fr) auto auto;
 }
-.Layer__separator[data-mbs=xl] {
-  margin-block-start: var(--spacing-xl);
+.Layer__InputGroup[data-disabled] {
+  cursor: not-allowed;
+}.Layer__MinimalSearchField {
+  display: grid;
+  grid-template-areas: "input clear-button";
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  border: none;
 }
-.Layer__separator[data-mbe="2xl"] {
-  margin-block-end: var(--spacing-2xl);
+.Layer__MinimalSearchField > [slot=input] {
+  grid-area: input;
+  padding-inline: var(--spacing-3xs);
+  border: none;
+  outline: none;
+  /*
+   * The background on mobile is grey by default.
+   */
+  background: none;
+  font-family: var(--font-family);
 }
-.Layer__separator[data-mbs="2xl"] {
-  margin-block-start: var(--spacing-2xl);
+.Layer__MinimalSearchField > [slot=input]::-webkit-search-cancel-button, .Layer__MinimalSearchField > [slot=input]::-webkit-search-decoration {
+  appearance: none;
 }
-.Layer__separator[data-mbe="3xl"] {
-  margin-block-end: var(--spacing-3xl);
+.Layer__MinimalSearchField[data-empty] > [slot=input] {
+  grid-column: 1/-1;
 }
-.Layer__separator[data-mbs="3xl"] {
-  margin-block-start: var(--spacing-3xl);
+.Layer__MinimalSearchField > [slot=clear-button] {
+  grid-area: clear-button;
 }
-.Layer__separator[data-mbe="5xl"] {
-  margin-block-end: var(--spacing-5xl);
+.Layer__MinimalSearchField[data-empty] > [slot=clear-button] {
+  display: none;
 }
-.Layer__separator[data-mbs="5xl"] {
-  margin-block-start: var(--spacing-5xl);
-}.Layer__Checkbox {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
+.Layer__MinimalSearchField[data-disabled] {
+  cursor: not-allowed;
 }
-.Layer__Checkbox [slot=checkbox] {
-  box-sizing: border-box;
+.Layer__MinimalSearchField[data-disabled] > [slot=input] {
+  cursor: not-allowed;
+}.Layer__SearchField.Layer__InputGroup {
   display: grid;
-  height: var(--size);
-  width: var(--size);
-  border-radius: var(--checkbox-radius);
-  border: 2px solid var(--outline-default);
-  background-color: var(--color-base-50);
-  color: transparent;
-  place-items: center;
-  transition: all 100ms ease-out;
-  --size: 1rem;
-  --checkbox-radius: var(--border-radius-3xs);
+  grid-template-areas: "icon search";
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 0;
+  padding-inline-start: 0;
+  padding-inline-end: var(--spacing-3xs);
 }
-.Layer__Checkbox [slot=checkbox][data-pressed] {
-  border-color: var(--outline-active);
+.Layer__SearchField.Layer__InputGroup > [slot=icon] {
+  grid-area: icon;
+  block-size: 2rem;
+  inline-size: 2rem;
 }
-.Layer__Checkbox[data-size=md] [slot=checkbox] {
-  --size: 1.25rem;
-  --checkbox-radius: 5px;
+.Layer__SearchField.Layer__InputGroup > [slot=search] {
+  grid-area: search;
 }
-.Layer__Checkbox[data-size=lg] [slot=checkbox] {
-  --size: 1.5rem;
-  --checkbox-radius: var(--border-radius-2xs);
+.Layer__SearchField.Layer__InputGroup .Layer__SearchField__Icon[data-disabled] {
+  cursor: not-allowed;
+  color: var(--color-base-500);
+}.Layer__csv-upload {
+  position: relative;
+  height: 6rem;
+  padding: var(--spacing-xs);
+  border-radius: var(--spacing-3xs);
+  border: 1px dashed var(--color-base-300);
+  background: var(--color-base-100);
+  transition: border-color 0.5s, background-color 0.5s;
+}
+.Layer__csv-upload--drag-active {
+  background: var(--color-base-200);
+  border-color: var(--color-base-500);
+}
+
+.Layer__csv-upload__browse-link {
+  all: unset;
+  cursor: pointer;
+  text-decoration: underline;
+}
+.Layer__csv-upload__browse-link:focus, .Layer__csv-upload__browse-link:active, .Layer__csv-upload__browse-link:focus-visible {
+  border-radius: 2px;
+  box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.08), 0 0 0 1px var(--color-base-700);
+  outline: none;
+}
+
+.Layer__csv-upload__error-message {
+  position: absolute;
+  bottom: var(--spacing-sm);
+  left: var(--spacing-sm);
+}
+.Layer__csv-upload__error-message .Layer__data-state__icon {
+  background: var(--color-base-0);
+}
+
+.Layer__csv-upload__file-row {
+  height: 2rem;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--border-radius-3xs);
+  border: 1px solid var(--color-base-300);
+  background: var(--color-base-100);
+}
+
+.Layer__csv-upload__file-row--drop-target {
+  height: 6rem;
+}
+
+.Layer__csv-upload__copy-template-headers-button-group {
+  box-sizing: border-box;
+  padding: var(--spacing-3xs);
+  border-radius: var(--border-radius-3xs);
+  background-color: var(--color-base-200);
+}
+.Layer__csv-upload__copy-template-headers-button-group .Layer__btn {
+  flex: 1 1 auto;
+}
+
+.Layer__csv-upload__validate-csv-table__container {
+  position: relative;
+  overflow: auto;
+  border-radius: var(--border-radius-3xs);
+  border: 1px solid var(--border-color);
+  outline-offset: 1px;
+}
+
+.Layer__csv-upload__validate-csv-table__header {
+  position: sticky;
+  z-index: 1;
+  top: 0;
+  background-color: var(--bg-subtle);
+}
+
+.Layer__csv-upload__validate-csv-table__header-row {
+  display: flex;
+  width: 100%;
+}
+
+.Layer__table-header.Layer__csv-upload__validate-csv-table__header-cell {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1 1 0;
+  padding: 0;
+  border-bottom: 1px solid var(--border-color);
+  border-left: 1px solid var(--border-color);
+}
+.Layer__table-header.Layer__csv-upload__validate-csv-table__header-cell--row {
+  flex: 0 0 68px;
+  border-left: none;
+}
+
+.Layer__csv-upload__validate-csv-table__header-cell-content {
+  padding: var(--spacing-sm) var(--spacing-md);
+}
+.Layer__csv-upload__validate-csv-table__header-cell-content--row {
+  margin-left: auto;
+}
+
+.Layer__table-row.Layer__csv-upload__validate-csv-table__row {
+  position: absolute;
+  display: flex;
+  width: 100%;
+}
+.Layer__table-row.Layer__csv-upload__validate-csv-table__row--error {
+  background-color: var(--color-info-error-bg);
+}
+.Layer__table-row.Layer__csv-upload__validate-csv-table__row--bottom-border {
+  border-bottom: 1px solid var(--border-color);
+}
+
+.Layer__table-cell.Layer__csv-upload__validate-csv-table__cell {
+  box-sizing: border-box;
+  flex: 1 1 0%;
+  min-width: 0;
+  border-left: 1px solid var(--border-color);
+}
+.Layer__table-cell.Layer__csv-upload__validate-csv-table__cell--row {
+  flex: 0 0 68px;
+  border-left: none;
+}
+
+.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content {
+  display: block;
+  align-content: center;
+  overflow: hidden;
+  width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content--error {
+  color: var(--color-info-error-fg);
+}
+.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content--row {
+  text-align: end;
+}.Layer__UI__FieldError {
+  padding-block-start: var(--spacing-3xs);
+  font-size: var(--text-xs);
+  color: var(--color-danger);
+}
+
+.Layer__UI__TextField,
+.Layer__UI__DateField,
+.Layer__UI__NumberField {
+  display: grid;
+  grid-template-areas: "label" "input" "errorMessage";
+}
+.Layer__UI__TextField[data-inline],
+.Layer__UI__DateField[data-inline],
+.Layer__UI__NumberField[data-inline] {
+  grid-template-areas: "label input" ". errorMessage";
+  align-items: center;
+}
+.Layer__UI__TextField[data-inline][data-textarea],
+.Layer__UI__DateField[data-inline][data-textarea],
+.Layer__UI__NumberField[data-inline][data-textarea] {
+  align-items: flex-start;
+}
+.Layer__UI__TextField[data-readonly] [slot=input],
+.Layer__UI__DateField[data-readonly] [slot=input],
+.Layer__UI__NumberField[data-readonly] [slot=input] {
+  background-color: var(--bg-muted);
+}
+.Layer__UI__TextField > [slot=errorMessage],
+.Layer__UI__DateField > [slot=errorMessage],
+.Layer__UI__NumberField > [slot=errorMessage] {
+  grid-area: errorMessage;
+}.Layer__UI__Input,
+.Layer__UI__DateInput {
+  min-inline-size: 0;
+  padding-inline: var(--spacing-xs);
+  outline: none;
+  background-color: transparent;
+  font-size: var(--input-font-size);
+  line-height: 140%;
+  font-family: var(--font-family);
+  vertical-align: middle;
+}
+.Layer__UI__Input[data-inset],
+.Layer__UI__DateInput[data-inset] {
+  padding-inline: 0;
+  border: none;
+}
+.Layer__UI__Input[data-placement=first],
+.Layer__UI__DateInput[data-placement=first] {
+  border-start-start-radius: inherit;
+  border-end-start-radius: inherit;
+}.Layer__Checkbox {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+.Layer__Checkbox [slot=checkbox] {
+  box-sizing: border-box;
+  display: grid;
+  height: var(--size);
+  width: var(--size);
+  border-radius: var(--checkbox-radius);
+  border: 2px solid var(--outline-default);
+  background-color: var(--color-base-50);
+  color: transparent;
+  place-items: center;
+  transition: all 100ms ease-out;
+  --size: 1rem;
+  --checkbox-radius: var(--border-radius-3xs);
+}
+.Layer__Checkbox [slot=checkbox][data-pressed] {
+  border-color: var(--outline-active);
+}
+.Layer__Checkbox[data-size=md] [slot=checkbox] {
+  --size: 1.25rem;
+  --checkbox-radius: 5px;
+}
+.Layer__Checkbox[data-size=lg] [slot=checkbox] {
+  --size: 1.5rem;
+  --checkbox-radius: var(--border-radius-2xs);
 }
 .Layer__Checkbox svg {
   transition: all 100ms ease-out;
@@ -7707,178 +8062,27 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__Checkbox[data-labeled] {
   gap: var(--spacing-xs);
-}.Layer__BasicLinkedAccountContainer {
+}.Layer__FormCheckboxField {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  padding-block: var(--spacing-xs);
-  padding-inline: var(--spacing-xs) var(--spacing-md);
-  border-radius: var(--border-radius-xs);
-  border: 1px solid var(--outline-subtle);
-}
-.Layer__BasicLinkedAccountContainer[data-selected] {
-  background-color: var(--bg-subtle);
-}
-
-.Layer__BasicLinkedAccountLogo {
-  display: flex;
-  align-items: center;
+  grid-template-areas: "label" "checkbox";
   justify-content: center;
-  height: 28px;
-  width: 52px;
-  padding: var(--spacing-3xs) 0;
-  border-radius: var(--border-radius-3xs);
-  background: var(--color-base-0);
-  color: var(--color-base-200);
-}.Layer__caobfb {
-  position: relative;
-  display: flex;
-  gap: var(--spacing-sm);
-  max-height: 280px;
-  padding-block: var(--spacing-sm);
-  padding-inline: var(--spacing-md);
-  border-radius: var(--border-radius-xs);
-  border: 1px solid var(--color-base-100);
-  container-type: inline-size;
-  transition: all 0.25s ease-in-out;
-  transition-delay: 0.8s;
 }
-.Layer__caobfb[data-confirmed=true] {
-  background-color: var(--color-base-50);
+.Layer__FormCheckboxField > [slot=checkbox] {
+  grid-area: checkbox;
+  justify-self: center;
+  margin-block: var(--spacing-2xs);
 }
-
-.Layer__caobfb__icon-col {
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
+.Layer__FormCheckboxField > [slot=label] {
+  grid-area: label;
+  padding-block-end: var(--spacing-3xs);
 }
-
-.Layer__caobfb__details-col {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  gap: var(--spacing-2xs);
-  color: var(--color-base-700);
-}
-
-.Layer__caobfb__details-col__details {
-  padding-bottom: var(--spacing-sm);
-}
-
-.Layer__caobfb__details-col__name {
-  display: flex;
+.Layer__FormCheckboxField--inline {
+  grid-template-areas: "checkbox label";
   gap: var(--spacing-3xs);
-  width: 100%;
-  max-width: 500px;
-}
-
-.Layer__caobfb__details-col__name__institution-name {
-  overflow: hidden;
-  max-width: 50%;
-  color: var(--color-base-500);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.Layer__caobfb__details-col__name__account-name {
-  overflow: hidden;
-  max-width: 50%;
-  color: var(--color-base-1000);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.Layer__caobfb__details-col__inputs {
-  display: flex;
-  gap: var(--spacing-sm);
-  align-items: center;
-  padding: var(--spacing-sm) 0;
-  border-top: 1px solid var(--color-base-200);
-}
-.Layer__caobfb__details-col__inputs .Layer__input-group {
-  width: 100%;
-}
-.Layer__caobfb__details-col__inputs .Layer__input-group .Layer__input {
-  width: 100%;
-}
-@container (max-width: 440px) {
-  .Layer__caobfb__details-col__inputs {
-    flex-direction: column;
-  }
-}
-
-.Layer__caobfb__confirm-col {
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-end;
-}
-
-.Layer__caobfb__success-banner {
-  position: absolute;
-  z-index: -1;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
   align-items: center;
-  justify-content: center;
-  padding: var(--spacing-sm);
-  background-color: var(--color-base-50);
-  color: var(--color-info-success-fg);
-  opacity: 0;
-  transition: opacity 0.12s ease-in-out;
-}
-
-.Layer__caobfb[data-saved] {
-  overflow: hidden;
-  max-height: 0;
-  padding: 0;
-  border-width: 0;
-}
-.Layer__caobfb[data-saved] .Layer__caobfb__success-banner {
-  opacity: 1;
-  z-index: 101;
-}.Layer__UI__Calendar {
-  width: min-content;
-}
-
-.Layer__UI__CalendarGrid {
-  border-collapse: collapse;
-}
-
-.Layer__UI__CalendarCell,
-.Layer__UI__CalendarHeaderCell {
-  height: 2rem;
-  width: 2rem;
-  border-radius: var(--border-radius-3xs);
-  font-size: var(--text-sm);
-  line-height: 2rem;
-  text-align: center;
-}
-.Layer__UI__CalendarCell[data-size=md],
-.Layer__UI__CalendarHeaderCell[data-size=md] {
-  height: 2.75rem;
-  width: 2.75rem;
-  font-size: var(--text-md);
-  line-height: 2.75rem;
-}
-
-.Layer__UI__CalendarCell {
-  transition: background-color 0.2s ease, color 0.2s ease;
-}
-.Layer__UI__CalendarCell[data-hovered] {
-  background-color: var(--color-base-400);
-}
-.Layer__UI__CalendarCell[data-selected] {
-  background-color: var(--color-base-900);
-  color: var(--color-base-0);
-}
-.Layer__UI__CalendarCell[data-disabled] {
-  color: var(--color-base-400);
 }
-.Layer__UI__CalendarCell[data-outside-month] {
-  color: var(--color-base-0);
-  transition: none;
-}.Layer__DateCalendar__Header {
-  border-bottom: 1px solid var(--border-color);
+.Layer__FormCheckboxField--inline > [slot=label] {
+  padding-block-end: 0;
 }.Layer__UI__DateSegment {
   padding: 1px;
   border-radius: var(--border-radius-4xs);
@@ -7903,384 +8107,414 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__UI__DatePicker[data-disabled] {
   color: var(--color-base-500);
-}.Layer__Popover {
-  display: grid;
-  inline-size: min(90svi, 60ch);
-  border-radius: var(--border-radius-xs);
-  border: 1px solid var(--outline-default);
-  background: var(--color-base-0);
-}
-.Layer__Popover[data-flex-inline] {
-  inline-size: auto;
-}.Layer__InputGroup {
-  box-sizing: border-box;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: var(--spacing-3xs);
-  align-items: center;
-  min-block-size: 2.25rem;
+}.Layer__UI__TextArea {
+  box-sizing: content-box;
+  min-block-size: 5lh;
+  padding-block: var(--spacing-xs);
   padding-inline-start: var(--spacing-xs);
   padding-inline-end: var(--spacing-3xs);
   border-radius: var(--input-border-radius);
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--color-base-300);
   background-color: var(--color-base-0);
+  font-size: var(--input-font-size);
+  line-height: 140%;
+  font-family: var(--font-family);
 }
-.Layer__InputGroup[data-focus-within], .Layer__InputGroup[data-focus-visible] {
+.Layer__UI__TextArea::-webkit-scrollbar-track {
+  margin-block: 2px;
+}
+.Layer__UI__TextArea[data-resize=both] {
+  resize: both;
+}
+.Layer__UI__TextArea[data-resize=horizontal] {
+  resize: horizontal;
+}
+.Layer__UI__TextArea[data-resize=vertical] {
+  resize: vertical;
+}
+.Layer__UI__TextArea[data-resize=none] {
+  resize: none;
+}
+.Layer__UI__TextArea[data-focused] {
   border-color: var(--color-base-800);
   outline: 2px solid var(--outline-default);
 }
-.Layer__InputGroup[data-invalid] {
-  border-color: var(--color-danger);
-  outline: none;
+.Layer__UI__TextArea[data-disabled] {
+  cursor: not-allowed;
+}.Layer__custom-account-form .Layer__custom-account-form__field > .Layer__input-tooltip {
+  display: flex;
+  flex: 1 1;
 }
-.Layer__InputGroup[data-action-count="2"] {
-  grid-template-columns: minmax(0, 1fr) auto auto;
+.Layer__custom-account-form .Layer__custom-account-form__field > .Layer__input-tooltip > .Layer__custom-account-form__input {
+  flex: 1 1;
+}.Layer__upload-transactions {
+  container-type: inline-size;
 }
-.Layer__InputGroup[data-disabled] {
-  cursor: not-allowed;
-}.Layer__UI__FieldError {
-  padding-block-start: var(--spacing-3xs);
-  font-size: var(--text-xs);
-  color: var(--color-danger);
+.Layer__upload-transactions .Layer__upload-transactions__select-account-name-field > .Layer__input-tooltip {
+  flex: auto;
 }
-
-.Layer__UI__TextField,
-.Layer__UI__DateField {
-  display: grid;
-  grid-template-areas: "label" "input" "errorMessage";
+.Layer__upload-transactions .Layer__upload-transactions__select-account-name-input .Layer__select__control {
+  max-width: 24rem;
 }
-.Layer__UI__TextField[data-inline],
-.Layer__UI__DateField[data-inline] {
-  grid-template-areas: "label input" ". errorMessage";
-  align-items: center;
+.Layer__upload-transactions .Layer__upload-transactions__select-account-name-input--error .Layer__select__control {
+  box-shadow: 0 0 0 1px var(--color-base-300), 0 0 0 2px var(--color-danger);
 }
-.Layer__UI__TextField[data-inline][data-textarea],
-.Layer__UI__DateField[data-inline][data-textarea] {
-  align-items: flex-start;
+.Layer__upload-transactions .Layer__upload-transactions__select-account-name-input--error .Layer__select__placeholder {
+  color: var(--color-danger);
 }
-.Layer__UI__TextField[data-readonly] [slot=input],
-.Layer__UI__DateField[data-readonly] [slot=input] {
-  background-color: var(--bg-muted);
+.Layer__upload-transactions .Layer__upload-transactions__create-account-form {
+  padding: var(--spacing-md);
+  border-radius: var(--border-radius-3xs);
+  background: var(--color-base-100);
 }
-.Layer__UI__TextField > [slot=errorMessage],
-.Layer__UI__DateField > [slot=errorMessage] {
-  grid-area: errorMessage;
-}.Layer__file-thumb {
-  box-sizing: border-box;
-  position: relative;
+.Layer__upload-transactions .Layer__upload-transactions__parse-csv-error-message {
+  max-width: 29rem;
+}
+.Layer__upload-transactions .Layer__upload-transactions__template-section {
+  padding: var(--spacing-md);
+  border-radius: var(--border-radius-3xs);
+  border: 1px solid var(--color-base-300);
+}
+.Layer__upload-transactions .Layer__upload-transactions__template-section__button-row {
   display: flex;
-  gap: var(--spacing-2xs);
-  align-items: flex-start;
   justify-content: space-between;
-  min-height: 38px;
-  container-type: normal;
-}
-.Layer__file-thumb:not(.Layer__file-thumb--floating) {
-  width: 100%;
-  max-width: 680px;
 }
-@container (max-width: 300px) {
-  .Layer__file-thumb:not(.Layer__file-thumb--floating) {
+@container (max-width: 36rem) {
+  .Layer__upload-transactions .Layer__upload-transactions__template-section__button-row {
     flex-direction: column;
-    border-bottom: 1px solid var(--color-base-300);
   }
-  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) {
-    padding-right: 0;
-    padding-left: 0;
-    margin-left: -6px;
-  }
-  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) .Layer__icon-btn {
-    height: 26px;
-    width: 26px;
-  }
-  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) .Layer__icon-btn svg {
-    height: 14px;
-    width: 14px;
+  .Layer__upload-transactions .Layer__upload-transactions__template-section__button-row > .Layer__upload-transactions__template-section__button-row-item {
+    width: 100%;
   }
 }
-
-.Layer__file-thumb__main {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-  gap: var(--spacing-2xs);
+@container (max-width: 30rem) {
+  .Layer__upload-transactions .Layer__upload-transactions__confirmation-step__button-row {
+    flex-direction: column;
+  }
+  .Layer__upload-transactions .Layer__upload-transactions__confirmation-step__button-row > .Layer__upload-transactions__confirmation-step__button-row-item {
+    width: 100%;
+  }
 }
-
-.Layer__file-thumb__actions {
-  display: flex;
-  gap: var(--spacing-4xs);
-  padding: var(--spacing-4xs);
+.Layer__upload-transactions .Layer__upload-transactions__confirmation-step__data-state .Layer__data-state__description {
+  margin-bottom: 0;
 }
-.Layer__file-thumb__actions .Layer__icon-btn.Layer__icon-btn--active {
-  background-color: var(--color-base-50);
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--date,
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--date {
+  min-width: 7.5rem;
 }
-.Layer__file-thumb__actions .Layer__icon-btn.Layer__icon-btn--active:hover {
-  background-color: var(--color-base-100);
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--amount,
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--amount {
+  min-width: 7.5rem;
 }
-.Layer__file-thumb__actions .Layer__file-thumb__actions__remove {
-  color: var(--color-danger);
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--amount .Layer__csv-upload__validate-csv-table__header-cell-content,
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--amount .Layer__csv-upload__validate-csv-table__header-cell-content {
+  margin-left: auto;
 }
-.Layer__file-thumb__actions.Layer__file-thumb__actions--floating {
-  position: absolute;
-  top: -20px;
-  right: -10px;
-  display: none;
-  border-radius: var(--border-radius-3xs);
-  box-shadow: 0 1px 2px 0 var(--base-transparent-6), 0 0 0 1px var(--color-base-300);
-  background-color: var(--color-base-0);
-  transform: scale(0.8);
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--amount .Layer__csv-upload__validate-csv-table__cell-content,
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--amount .Layer__csv-upload__validate-csv-table__cell-content {
+  text-align: right;
 }
-
-.Layer__file-thumb:hover .Layer__file-thumb__actions--floating {
-  display: flex;
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--description,
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--description {
+  flex: 3 1 0;
+  min-width: 12rem;
+}
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--external_id,
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--external_id {
+  min-width: 7.5rem;
+}
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--reference_number,
+.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--reference_number {
+  min-width: 7.5rem;
+}.Layer__UI__DropdownMenu__Popover[data-entering] {
+  animation: popover-slide 120ms;
+}
+.Layer__UI__DropdownMenu__Popover[data-exiting] {
+  animation: popover-slide reverse 120ms;
 }
 
-.Layer__file-thumb__img {
-  height: 100%;
-  height: 38px;
-  width: 100%;
-  width: 38px;
-  border-radius: var(--border-radius-3xs, 4px);
-  box-shadow: 0 1px 2px 0 var(--base-transparent-6), 0 0 0 1px var(--color-base-300);
-  background: var(--color-base-300);
+@keyframes popover-slide {
+  from {
+    transform: translateY(-20px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
 }
-.Layer__file-thumb__img img {
-  height: 100%;
-  width: 100%;
-  object-fit: cover;
+.Layer__UI__DropdownMenu__Dialog {
+  display: grid;
+  gap: var(--spacing-xs);
+  overflow: hidden;
+  padding: var(--spacing-sm);
+  border-radius: var(--border-radius-xs);
+  border: 1px solid var(--border-color);
+  background: var(--color-base-0);
+}
+.Layer__UI__DropdownMenu__Dialog[data-variant=compact] {
+  padding: 0;
 }
 
-.Layer__file-thumb__details {
+.Layer__UI__DropdownMenu__MenuItem {
   display: flex;
-  flex-direction: column;
-  gap: var(--spacing-4xs);
-  align-items: flex-start;
-  justify-content: flex-start;
-  padding: var(--spacing-4xs) var(--spacing-2xs);
-  font-size: var(--text-sm);
+  gap: var(--spacing-xs);
+  align-items: center;
+  padding: var(--spacing-xs);
+  border-radius: var(--border-radius-3xs);
+  border: 1px solid var(--border-color);
+  cursor: pointer;
+  transition: background-color 0.1s ease-in-out;
 }
-
-.Layer__file-thumb__details__date {
-  color: var(--color-base-600);
+.Layer__UI__DropdownMenu__MenuItem:hover, .Layer__UI__DropdownMenu__MenuItem:focus-visible {
+  background-color: var(--color-base-50);
+}
+.Layer__UI__DropdownMenu__MenuItem[data-variant=compact] {
+  gap: 0;
+  border-radius: 0;
+  border: none;
+}
+.Layer__UI__DropdownMenu__MenuItem[data-variant=compact]:not(:last-child) {
+  border-bottom: 1px solid var(--border-color);
 }
 
-.Layer__file-thumb__details__uploading {
-  display: flex;
+.Layer__UI__DropdownMenu__Menu {
+  display: grid;
   gap: var(--spacing-3xs);
+}
+.Layer__UI__DropdownMenu__Menu[data-variant=compact] {
+  gap: 0;
+}.Layer__DataTableHeaderMenu__Icon {
+  padding: var(--spacing-3xs);
+  border-radius: var(--spacing-3xs);
+  background: var(--color-base-200);
+  color: var(--color-base-500);
+}.Layer__BankTransactionsActions {
+  display: grid;
+  grid-template-areas: "toggle . download-upload" "search search search";
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  gap: var(--spacing-xs);
   align-items: center;
-  color: var(--color-info-fg);
 }
-
-.Layer__file-thumb__details__error {
-  color: var(--color-danger);
+@container (min-width: 840px) {
+  .Layer__BankTransactionsActions {
+    grid-template-areas: "toggle . search download-upload";
+    grid-template-columns: auto minmax(0, 2fr) 15rem auto;
+  }
+}
+.Layer__BankTransactionsActions > [slot=toggle] {
+  grid-area: toggle;
+}
+.Layer__BankTransactionsActions > [slot=search] {
+  grid-area: search;
+}
+.Layer__BankTransactionsActions > [slot=download-upload] {
+  grid-area: download-upload;
+}.Layer__BulkActionsModule__SelectedItemsContainer {
+  height: 2.25rem;
+  border-radius: var(--border-radius-2xs);
+  border: 1px solid var(--color-base-300);
+  background-color: var(--color-base-100);
+}.Layer__MonthCalendar__Header {
+  border-bottom: 1px solid var(--border-color);
 }
 
-.Layer__file-thumb__details__name {
-  overflow-wrap: break-word;
-}.Layer__ComboBoxContainer {
+.Layer__MonthCalendar__MonthGrid {
   display: grid;
+  grid-template-columns: repeat(3, 4.5rem);
+  gap: var(--spacing-3xs);
+  padding: var(--spacing-xs);
+}
+.Layer__MonthCalendar__MonthGrid--mobile {
+  grid-template-columns: repeat(3, 6.5rem);
 }
 
-.Layer__ComboBoxControl {
+.Layer__MonthCalendar__MonthGridItem {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  --block-size: 2.25rem;
-  block-size: var(--block-size);
-  border-radius: var(--input-border-radius);
-  border: 1px solid var(--color-base-300);
-  background-color: var(--color-base-0);
+  justify-self: center;
+  block-size: 2rem;
+  inline-size: 4.5rem;
+  border-radius: var(--border-radius-2xs);
+  font-size: var(--text-sm);
+  text-align: center;
+  color: var(--button-fg-ghost);
+  place-items: center;
+  transition: background-color 0.2s ease, color 0.2s ease;
 }
-.Layer__ComboBoxControl--focused {
-  border-color: var(--outline-active);
+.Layer__MonthCalendar__MonthGridItem[data-focus-visible] {
+  outline: 1px auto -webkit-focus-ring-color;
 }
-.Layer__ComboBoxControl--disabled {
+.Layer__MonthCalendar__MonthGridItem[data-disabled] {
   cursor: not-allowed;
+  color: var(--button-fg-disabled);
 }
-.Layer__ComboBoxControl--readonly {
-  background-color: var(--bg-muted);
+.Layer__MonthCalendar__MonthGridItem[data-selected] {
+  background-color: var(--color-base-900);
+  color: var(--color-base-0);
 }
-
-.Layer__ComboBoxContainer > .Layer__ComboBoxControl {
-  /*
-   * This is intentional.
-   *
-   * The "unstyled" variant of react-select still forces a min-height on the control of 38 px.
-   */
-  block-size: var(--block-size);
-  min-block-size: var(--block-size);
+.Layer__MonthCalendar__MonthGridItem[data-hovered]:not([data-disabled], [data-selected]) {
+  background-color: var(--button-bg-ghost-hovered);
 }
-.Layer__ComboBoxContainer > .Layer__ComboBoxControl--focused {
-  /*
-   * This seems like the only workaround when the "unstyled" variant
-   * includes a (malicious) `outline: 0 !important`.
-   *
-   * @see {https://github.com/JedWatson/react-select/blob/2a913698ad3d7759fb8e6bc5dd8a7d839227da2f/packages/react-select/src/components/Control.tsx#L49}
-   */
-  outline: 2px solid var(--outline-default) !important;
+.Layer__MonthCalendar__MonthGridItem--mobile {
+  block-size: 2.75rem;
+  inline-size: 6.5rem;
+  font-size: var(--text-md);
+}.Layer__Popover {
+  display: grid;
+  inline-size: min(90svi, 60ch);
+  border-radius: var(--border-radius-xs);
+  border: 1px solid var(--outline-default);
+  background: var(--color-base-0);
+}
+.Layer__Popover[data-flex-inline] {
+  inline-size: auto;
+}.Layer__MonthPicker__Popover {
+  inline-size: auto;
 }
 
-.Layer__ComboBoxValueContainer {
-  padding-inline-start: var(--spacing-xs);
-  cursor: text;
-  font-size: var(--input-font-size);
+.Layer__MonthPicker__InputGroup {
+  inline-size: 12rem;
+}.Layer__InvisibleDownload {
+  display: none;
+}.Layer__UI__Table-Table {
+  border-collapse: collapse;
 }
 
-.Layer__ComboBoxIndicatorsContainer {
-  padding-inline-end: var(--spacing-3xs);
+.Layer__UI__Table-TableHeader {
+  height: 3.25rem;
 }
-.Layer__ComboBoxIndicatorsContainer--readonly {
-  visibility: hidden;
+.Layer__UI__Table-TableHeader:not(:last-child) .Layer__UI__Table-Column {
+  border-bottom: 1px solid var(--color-base-300);
 }
-
-.Layer__ComboBoxClearIndicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  --size: 1.25rem;
-  block-size: var(--size);
-  inline-size: var(--size);
-  cursor: pointer;
-}
-
-.Layer__ComboBoxLoadingIndicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  --size: 1.25rem;
-  block-size: var(--size);
-  inline-size: var(--size);
-  cursor: default;
+.Layer__UI__Table-TableHeader > tr {
+  height: inherit;
 }
-
-.Layer__ComboBoxDropdownIndicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  block-size: var(--size);
-  inline-size: var(--size);
-  cursor: pointer;
-  color: var(--color-base-600);
-  --size: 1.25rem;
+.Layer__UI__Table-TableHeader--hidden {
+  display: none;
 }
 
-.Layer__ComboBoxMenu {
-  overflow: hidden;
-  border-radius: var(--border-radius-xs);
-  border: 1px solid var(--border-color);
-  margin-block-start: var(--spacing-2xs);
-  background-color: var(--color-base-0);
+.Layer__UI__Table-Row {
+  height: 3.25rem;
+  background-color: var(--color-base-200);
 }
-
-.Layer__ComboBoxMenuList {
-  overflow-y: auto;
+.Layer__UI__Table-Row:not(:last-child) .Layer__UI__Table-Cell {
+  border-bottom: 1px solid var(--color-base-300);
 }
-.Layer__ComboBoxMenuList .Layer__ComboBoxOption {
-  /*
-   * This is intentionally done indirectly to increase specificity.
-   *
-   * `react-select` explicitly sets 'block'
-   */
-  display: grid;
-  /*
-   * This is intentionally done indirectly to increase specificity.
-   *
-   * `react-select` explicitly sets 'default'
-   */
-  cursor: pointer;
+.Layer__UI__Table-Row[data-depth="0"] {
+  background-color: var(--color-base-0);
 }
-.Layer__ComboBoxMenuList .Layer__ComboBoxOption--disabled {
-  cursor: not-allowed;
+.Layer__UI__Table-Row[data-depth="1"] {
+  background-color: var(--color-base-50);
 }
-.Layer__ComboBoxMenuList .Layer__ComboBoxOption--hidden {
-  display: none;
+.Layer__UI__Table-Row[data-depth="2"] {
+  background-color: var(--color-base-100);
 }
 
-.Layer__ComboBoxGroup {
-  padding-block: var(--spacing-xs);
+.Layer__UI__Table-Column {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  height: inherit;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  font-size: var(--text-sm);
+  font-weight: var(--font-weight-normal);
+  color: var(--color-base-600);
 }
-.Layer__ComboBoxGroup > .Layer__ComboBoxGroupHeading {
-  padding-block-start: var(--spacing-3xs);
-  padding-block-end: var(--spacing-xs);
-  padding-inline: var(--spacing-sm);
+.Layer__UI__Table-Column:first-child {
+  padding-left: var(--spacing-md);
 }
-.Layer__ComboBoxGroup > div > .Layer__ComboBoxOption {
-  padding-inline: var(--spacing-sm);
+.Layer__UI__Table-Column:last-child {
+  padding-right: var(--spacing-md);
 }
-
-.Layer__ComboBoxOption {
-  padding-block: var(--spacing-xs);
-  padding-inline: var(--spacing-3xs);
-  border: 2px solid transparent;
+.Layer__UI__Table-Column[data-text-align=left] {
+  text-align: left;
 }
-.Layer__ComboBoxOption--focused {
-  background-color: var(--color-base-100);
+.Layer__UI__Table-Column[data-text-align=center] {
+  text-align: center;
 }
-.Layer__ComboBoxOption .Layer__ComboBoxOptionCheckIcon {
-  visibility: hidden;
+.Layer__UI__Table-Column[data-text-align=right] {
+  text-align: right;
 }
-.Layer__ComboBoxOption--selected {
-  background-color: var(--color-base-100);
+
+.Layer__UI__Table-Cell {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  height: inherit;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  font-size: var(--text-md);
+  font-weight: var(--font-weight-normal);
+  color: var(--color-base-800);
 }
-.Layer__ComboBoxOption--selected .Layer__ComboBoxOptionCheckIcon {
-  visibility: visible;
+.Layer__UI__Table-Cell:first-child {
+  padding-left: var(--spacing-md);
 }
-.Layer__ComboBoxOption--disabled {
-  color: var(--color-base-500);
+.Layer__UI__Table-Cell:last-child {
+  padding-right: var(--spacing-md);
+}.Layer__UI__VirtualizedTable__container {
+  position: relative;
+  overflow: auto;
 }
 
-.Layer__ComboBoxNoOptionsMessage {
-  padding-block: var(--spacing-sm);
-}.Layer__TagDimensionsGroup__TagComboBox {
-  width: 100%;
-  min-width: 10rem;
-}.Layer__datetime {
-  display: inline-flex;
-  gap: var(--spacing-md);
+.Layer__UI__VirtualizedTable__state-container {
+  display: flex;
   align-items: center;
-}.Layer__MoneyText {
-  color: var(--color-base-800);
-}
-.Layer__MoneyText[data-bold] {
-  font-weight: var(--font-weight-bold);
-  font-variation-settings: "wght" var(--font-weight-bold);
+  justify-content: center;
 }
-.Layer__MoneyText[data-size=xs] {
-  font-size: var(--text-xs);
+
+.Layer__UI__VirtualizedTable {
+  display: grid;
 }
-.Layer__MoneyText[data-size=sm] {
-  font-size: var(--text-sm);
+
+.Layer__UI__VirtualizedTable__header {
+  position: sticky;
+  z-index: 1;
+  top: 0;
+  display: grid;
 }
-.Layer__MoneyText[data-size=md] {
-  font-size: var(--text-md);
+
+.Layer__UI__VirtualizedTable__header-cell {
+  background-color: var(--color-base-0);
 }
-.Layer__MoneyText[data-size=lg] {
-  font-size: var(--text-lg);
+
+.Layer__UI__VirtualizedTable__row {
+  position: absolute;
+  display: grid;
+  width: 100%;
+}.Layer__AffectedTransactionsTable {
+  container-type: inline-size;
+  --affected-transactions-table-cols:
+    minmax(10rem, 25%)
+    minmax(20rem, 50%)
+    minmax(10rem, 25%);
 }
-.Layer__MoneyText[data-positive]::before {
-  content: "$";
+.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable {
+  table-layout: fixed;
 }
-.Layer__MoneyText[data-negative]::before {
-  content: "-$";
+.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__row,
+.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__header > tr {
+  display: grid;
+  grid-template-columns: var(--affected-transactions-table-cols);
 }
-.Layer__MoneyText[data-display-plus-sign]::before {
-  content: "+$";
-}.Layer__BankTransactionCategoryComboBox__LoadingSuggestionsOption {
-  color: var(--color-base-900);
+.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Column__AffectedTransactionsTable--Date,
+.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Cell__AffectedTransactionsTable--Date {
+  color: var(--color-base-600);
 }
-
-.Layer__BankTransactionCategoryComboBox__CustomGroupHeading {
-  /* style the parent .Layer__ComboBoxGroupHeading of this element */
+.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Column__AffectedTransactionsTable--Amount,
+.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Cell__AffectedTransactionsTable--Amount {
+  justify-content: flex-end;
 }
-:is(.Layer__ComboBoxGroupHeading:has(.Layer__BankTransactionCategoryComboBox__CustomGroupHeading)) {
-  border-bottom: 1px solid var(--border-color);
-  margin-block-end: var(--spacing-3xs);
-}.Layer__ExpandedBankTransactionRow__Description {
-  width: 55%;
+@container (width <= 840px) {
+  .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__row,
+  .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__header > tr {
+    grid-template-columns: minmax(4rem, 25%) minmax(8rem, 50%) minmax(4rem, 25%); /* amount */
+  }
+}.Layer__suggested-categorization-rule-updates .Layer__UI__Button {
+  width: 100%;
 }
 
-@container (max-width: 760px) {
-  .Layer__ExpandedBankTransactionRow__Description {
-    width: 95%;
-  }
+.Layer__suggested-categorization-rule-updates-header {
+  padding-bottom: var(--spacing-sm);
 }.Layer__bookkeeping-status {
   display: flex;
   gap: var(--spacing-3xs);
@@ -8309,167 +8543,161 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__bookkeeping-status[data-status=error] .Layer__bookkeeping-status__icon-wrapper {
   background: var(--color-info-error-bg);
   color: var(--color-info-error-fg);
-}.Layer__bank-transaction-row__category-hstack {
-  max-width: 100%;
-}
-
-.Layer__bank-transaction-row__category-open {
-  padding-block-start: 0.875rem;
-}
-
-.Layer__bank-transaction-row__category {
-  overflow: hidden;
-  width: 100%;
-}
-
-.Layer__BankTransactionRow__Description {
-  width: 40%;
-}
-
-@container (max-width: 760px) {
-  .Layer__BankTransactionRow__Description {
-    width: 100%;
-  }
-}
-.Layer__BankTransactionRow__CategoryComboBoxMotionContent {
-  flex: 1 0 auto;
-  max-width: 17.5rem;
-}.Layer__bankTransactionsListItemCategory__List {
-  padding-block: var(--spacing-xs);
-  padding-inline: var(--spacing-md);
-  background-color: var(--color-base-100);
-}
-
-.Layer__bankTransactionsListItemCategory__Mobile {
+}.Layer__BankTransactionsProcessingInfo {
   padding-block: var(--spacing-xs);
   padding-inline: var(--spacing-md);
   border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
   border-top: 1px solid var(--color-base-400);
   background-color: var(--color-base-100);
-}.Layer__BusinessFormMobileItem[data-selected] {
-  background: var(--color-base-100);
-}.Layer__BusinessFormMobile {
-  border-radius: var(--border-radius-2xs);
-  border: 1px solid var(--color-base-300);
-}.Layer__actionable-list {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-.Layer__actionable-list li {
+}.Layer__file-thumb {
   box-sizing: border-box;
+  position: relative;
   display: flex;
   gap: var(--spacing-2xs);
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
-  padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);
-  border-radius: var(--spacing-xs);
-  cursor: pointer;
-  font-size: 12px;
+  min-height: 38px;
+  container-type: normal;
 }
-.Layer__actionable-list li .Layer__actionable-list__content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-2xs);
-  align-items: flex-start;
-  max-width: 36ch;
+.Layer__file-thumb:not(.Layer__file-thumb--floating) {
+  width: 100%;
+  max-width: 680px;
 }
-.Layer__actionable-list li .Layer__actionable-list__content .Layer__actionable-list__content-description {
-  color: var(--color-base-500);
+@container (max-width: 300px) {
+  .Layer__file-thumb:not(.Layer__file-thumb--floating) {
+    flex-direction: column;
+    border-bottom: 1px solid var(--color-base-300);
+  }
+  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) {
+    padding-right: 0;
+    padding-left: 0;
+    margin-left: -6px;
+  }
+  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) .Layer__icon-btn {
+    height: 26px;
+    width: 26px;
+  }
+  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) .Layer__icon-btn svg {
+    height: 14px;
+    width: 14px;
+  }
 }
-.Layer__actionable-list li.Layer__actionable-list-item--secondary {
-  color: var(--color-base-500);
+
+.Layer__file-thumb__main {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: var(--spacing-2xs);
 }
-.Layer__actionable-list li.Layer__actionable-list-item--secondary.Layer__actionable-list-item--as-link:hover {
-  color: var(--color-base-1000);
+
+.Layer__file-thumb__actions {
+  display: flex;
+  gap: var(--spacing-4xs);
+  padding: var(--spacing-4xs);
 }
-.Layer__actionable-list li.Layer__actionable-list__item--selected {
+.Layer__file-thumb__actions .Layer__icon-btn.Layer__icon-btn--active {
   background-color: var(--color-base-50);
 }
-.Layer__actionable-list .Layer__actionable-list__select {
-  display: flex;
-  height: 18px;
-  width: 18px;
-  border-radius: 50%;
-  border: 1px solid var(--color-base-300);
+.Layer__file-thumb__actions .Layer__icon-btn.Layer__icon-btn--active:hover {
+  background-color: var(--color-base-100);
 }
-.Layer__actionable-list .Layer__actionable-list__select.Layer__actionable-list__select--selected {
-  align-items: center;
-  justify-content: center;
-  border: 1px solid var(--color-info-success);
-  background-color: var(--color-info-success-bg);
-  color: var(--color-info-success);
-}.Layer__MinimalSearchField {
-  display: grid;
-  grid-template-areas: "input clear-button";
-  grid-template-columns: minmax(0, 1fr) auto;
-  align-items: center;
-  border: none;
+.Layer__file-thumb__actions .Layer__file-thumb__actions__remove {
+  color: var(--color-danger);
 }
-.Layer__MinimalSearchField > [slot=input] {
-  grid-area: input;
-  padding-inline: var(--spacing-3xs);
-  border: none;
-  outline: none;
-  /*
-   * The background on mobile is grey by default.
-   */
-  background: none;
-  font-family: var(--font-family);
+.Layer__file-thumb__actions.Layer__file-thumb__actions--floating {
+  position: absolute;
+  top: -20px;
+  right: -10px;
+  display: none;
+  border-radius: var(--border-radius-3xs);
+  box-shadow: 0 1px 2px 0 var(--base-transparent-6), 0 0 0 1px var(--color-base-300);
+  background-color: var(--color-base-0);
+  transform: scale(0.8);
 }
-.Layer__MinimalSearchField > [slot=input]::-webkit-search-cancel-button, .Layer__MinimalSearchField > [slot=input]::-webkit-search-decoration {
-  appearance: none;
+
+.Layer__file-thumb:hover .Layer__file-thumb__actions--floating {
+  display: flex;
 }
-.Layer__MinimalSearchField[data-empty] > [slot=input] {
-  grid-column: 1/-1;
+
+.Layer__file-thumb__img {
+  height: 100%;
+  height: 38px;
+  width: 100%;
+  width: 38px;
+  border-radius: var(--border-radius-3xs, 4px);
+  box-shadow: 0 1px 2px 0 var(--base-transparent-6), 0 0 0 1px var(--color-base-300);
+  background: var(--color-base-300);
 }
-.Layer__MinimalSearchField > [slot=clear-button] {
-  grid-area: clear-button;
+.Layer__file-thumb__img img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
 }
-.Layer__MinimalSearchField[data-empty] > [slot=clear-button] {
-  display: none;
+
+.Layer__file-thumb__details {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4xs);
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: var(--spacing-4xs) var(--spacing-2xs);
+  font-size: var(--text-sm);
 }
-.Layer__MinimalSearchField[data-disabled] {
-  cursor: not-allowed;
+
+.Layer__file-thumb__details__date {
+  color: var(--color-base-600);
 }
-.Layer__MinimalSearchField[data-disabled] > [slot=input] {
-  cursor: not-allowed;
-}.Layer__SearchField.Layer__InputGroup {
-  display: grid;
-  grid-template-areas: "icon search";
-  grid-template-columns: auto minmax(0, 1fr);
-  gap: 0;
-  padding-inline-start: 0;
-  padding-inline-end: var(--spacing-3xs);
+
+.Layer__file-thumb__details__uploading {
+  display: flex;
+  gap: var(--spacing-3xs);
+  align-items: center;
+  color: var(--color-info-fg);
 }
-.Layer__SearchField.Layer__InputGroup > [slot=icon] {
-  grid-area: icon;
-  block-size: 2rem;
-  inline-size: 2rem;
+
+.Layer__file-thumb__details__error {
+  color: var(--color-danger);
 }
-.Layer__SearchField.Layer__InputGroup > [slot=search] {
-  grid-area: search;
+
+.Layer__file-thumb__details__name {
+  overflow-wrap: break-word;
+}.Layer__TagDimensionsGroup__TagComboBox {
+  width: 100%;
+  min-width: 10rem;
+}.Layer__ExpandedBankTransactionRow__Description {
+  width: 55%;
 }
-.Layer__SearchField.Layer__InputGroup .Layer__SearchField__Icon[data-disabled] {
-  cursor: not-allowed;
-  color: var(--color-base-500);
-}.Layer__MatchFormMobileItem__Checkbox {
-  padding-inline-end: var(--spacing-md);
-}.Layer__MatchFormMobile {
-  border-radius: var(--border-radius-2xs);
-  border: 1px solid var(--color-base-300);
+
+@container (max-width: 760px) {
+  .Layer__ExpandedBankTransactionRow__Description {
+    width: 95%;
+  }
+}.Layer__bank-transaction-row__category-hstack {
+  max-width: 100%;
 }
-.Layer__MatchFormMobile [data-selected] {
-  background: var(--color-base-100);
-}.Layer__BankTransactionsMobileSplitForm__AmountInput {
-  inline-size: 6rem;
-}.Layer__bankTransactionsMobileListItem__categorizedValue {
-  color: var(--color-base-500);
+
+.Layer__bank-transaction-row__category-open {
+  padding-block-start: 0.875rem;
 }
 
-.Layer__bankTransactionsMobileListItem__headingContentLeft {
+.Layer__bank-transaction-row__category {
   overflow: hidden;
-  min-width: 0;
+  width: 100%;
+}
+
+.Layer__BankTransactionRow__CategoryComboBoxMotionContent {
+  flex: 1 0 auto;
+  max-width: 17.5rem;
+}.Layer__bankTransactionsListItemCategory__List {
+  padding-block: var(--spacing-xs);
+  padding-inline: var(--spacing-md);
+}
+
+.Layer__bankTransactionsListItemCategory__Mobile {
+  padding-block: var(--spacing-xs);
+  padding-inline: var(--spacing-md);
+  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
+  border-top: 1px solid var(--color-base-400);
+  background-color: var(--color-base-100);
 }.Layer__Switch {
   display: flex;
   gap: 0.5rem;
@@ -8502,6 +8730,44 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   transform: translateX(1.125rem);
 }.Layer__BankTransactionsMobileBulkActionsHeader__checkbox-container {
   gap: 20px;
+}.Layer__BusinessFormMobile {
+  border-radius: var(--border-radius-2xs);
+  border: 1px solid var(--color-base-300);
+}.Layer__BusinessFormMobileItem[data-selected] {
+  background: var(--color-base-100);
+}.Layer__MatchFormMobile {
+  border-radius: var(--border-radius-2xs);
+  border: 1px solid var(--color-base-300);
+}
+.Layer__MatchFormMobile [data-selected] {
+  background: var(--color-base-100);
+}.Layer__MatchFormMobileItem__Checkbox {
+  padding-inline-end: var(--spacing-md);
+}.Layer__BankTransactionsMobileSplitForm__AmountInput {
+  inline-size: 6rem;
+}.Layer__BankTransactionsMobileListItem__CategorizedValue {
+  color: var(--color-base-500);
+}
+
+.Layer__BankTransactionsMobileListItem__HeadingContentLeft {
+  overflow: hidden;
+  min-width: 0;
+}.Layer__BaseDetailView {
+  overflow: hidden;
+}
+
+.Layer__BaseDetailView__Header {
+  align-items: center;
+  height: 4.75rem;
+  padding-left: 1.25rem;
+  border-bottom: 1px solid var(--border-color);
+}.Layer__DataTable__EmptyState__Row {
+  height: fit-content;
+}
+
+.Layer__DataTable__EmptyState__Cell {
+  grid-column: 1/-1;
+  justify-content: center;
 }.Layer__pagination-container {
   justify-content: end;
   padding: var(--spacing-md);
@@ -8527,612 +8793,330 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   border: 1px solid var(--color-base-300);
   background: var(--color-base-50);
   list-style-type: none;
-}.Layer__BankTransactionsActions {
-  display: grid;
-  grid-template-areas: "toggle . download-upload" "search search search";
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  gap: var(--spacing-xs);
-  align-items: center;
+}.Layer__PaginatedDataTable__Pagination {
+  border-top: 1px solid var(--border-color);
+}.Layer__CategorizationRulesTable {
+  border: none;
 }
-@container (min-width: 840px) {
-  .Layer__BankTransactionsActions {
-    grid-template-areas: "toggle . search download-upload";
-    grid-template-columns: auto minmax(0, 2fr) 15rem auto;
-  }
+
+.Layer__UI__Table__CategorizationRulesTable {
+  table-layout: fixed;
+  width: 100%;
 }
-.Layer__BankTransactionsActions > [slot=toggle] {
-  grid-area: toggle;
-}
-.Layer__BankTransactionsActions > [slot=search] {
-  grid-area: search;
-}
-.Layer__BankTransactionsActions > [slot=download-upload] {
-  grid-area: download-upload;
-}.Layer__InvisibleDownload {
-  display: none;
-}.Layer__UI__DropdownMenu__Popover[data-entering] {
-  animation: popover-slide 120ms;
-}
-.Layer__UI__DropdownMenu__Popover[data-exiting] {
-  animation: popover-slide reverse 120ms;
-}
-
-@keyframes popover-slide {
-  from {
-    transform: translateY(-20px);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-.Layer__UI__DropdownMenu__Dialog {
+.Layer__UI__Table__CategorizationRulesTable .Layer__UI__Table-Row,
+.Layer__UI__Table__CategorizationRulesTable .Layer__UI__Table-TableHeader > tr {
   display: grid;
-  gap: var(--spacing-xs);
-  overflow: hidden;
-  padding: var(--spacing-sm);
-  border-radius: var(--border-radius-xs);
-  border: 1px solid var(--border-color);
+  grid-template-columns: minmax(8rem, 45%) minmax(8rem, 45%) auto;
+}
+.Layer__UI__Table__CategorizationRulesTable .Layer__UI__Table-Cell__CategorizationRulesTable--Delete {
+  justify-content: end;
+}.Layer__card {
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--spacing-sm);
+  box-shadow: 0 4px 12px 0 var(--base-transparent-8), 0 2px 4px 0 var(--base-transparent-6), 0 0 0 1px var(--base-transparent-4);
   background: var(--color-base-0);
+}.Layer__hover-menu {
+  position: relative;
+  display: flex;
+  width: 100%;
 }
-.Layer__UI__DropdownMenu__Dialog[data-variant=compact] {
-  padding: 0;
+.Layer__hover-menu.Layer__hover-menu--open .Layer__hover-menu__list-wrapper {
+  top: 100%;
+  right: 0;
+  opacity: 1;
+  touch-action: auto;
+  pointer-events: auto;
 }
-
-.Layer__UI__DropdownMenu__MenuItem {
+.Layer__hover-menu .Layer__hover-menu__children {
   display: flex;
-  gap: var(--spacing-xs);
   align-items: center;
-  padding: var(--spacing-xs);
-  border-radius: var(--border-radius-3xs);
-  border: 1px solid var(--border-color);
-  cursor: pointer;
-  transition: background-color 0.1s ease-in-out;
-}
-.Layer__UI__DropdownMenu__MenuItem:hover, .Layer__UI__DropdownMenu__MenuItem:focus-visible {
-  background-color: var(--color-base-50);
-}
-.Layer__UI__DropdownMenu__MenuItem[data-variant=compact] {
-  gap: 0;
-  border-radius: 0;
-  border: none;
-}
-.Layer__UI__DropdownMenu__MenuItem[data-variant=compact]:not(:last-child) {
-  border-bottom: 1px solid var(--border-color);
-}
-
-.Layer__UI__DropdownMenu__Menu {
-  display: grid;
-  gap: var(--spacing-3xs);
-}
-.Layer__UI__DropdownMenu__Menu[data-variant=compact] {
-  gap: 0;
-}.Layer__UI__Input,
-.Layer__UI__DateInput {
-  min-inline-size: 0;
-  padding-inline: var(--spacing-xs);
-  outline: none;
-  background-color: transparent;
-  font-size: var(--input-font-size);
-  line-height: 140%;
-  font-family: var(--font-family);
-  vertical-align: middle;
-}
-.Layer__UI__Input[data-inset],
-.Layer__UI__DateInput[data-inset] {
-  padding-inline: 0;
-  border: none;
-}
-.Layer__UI__Input[data-placement=first],
-.Layer__UI__DateInput[data-placement=first] {
-  border-start-start-radius: inherit;
-  border-end-start-radius: inherit;
-}.Layer__FormCheckboxField {
-  display: grid;
-  grid-template-areas: "label" "checkbox";
   justify-content: center;
-}
-.Layer__FormCheckboxField > [slot=checkbox] {
-  grid-area: checkbox;
-  justify-self: center;
-  margin-block: var(--spacing-2xs);
-}
-.Layer__FormCheckboxField > [slot=label] {
-  grid-area: label;
-  padding-block-end: var(--spacing-3xs);
-}
-.Layer__FormCheckboxField--inline {
-  grid-template-areas: "checkbox label";
-  gap: var(--spacing-3xs);
-  align-items: center;
-}
-.Layer__FormCheckboxField--inline > [slot=label] {
-  padding-block-end: 0;
-}.Layer__UI__TextArea {
-  box-sizing: content-box;
-  min-block-size: 5lh;
-  padding-block: var(--spacing-xs);
-  padding-inline-start: var(--spacing-xs);
-  padding-inline-end: var(--spacing-3xs);
-  border-radius: var(--input-border-radius);
-  border: 1px solid var(--color-base-300);
-  background-color: var(--color-base-0);
-  font-size: var(--input-font-size);
-  line-height: 140%;
-  font-family: var(--font-family);
-}
-.Layer__UI__TextArea::-webkit-scrollbar-track {
-  margin-block: 2px;
-}
-.Layer__UI__TextArea[data-resize=both] {
-  resize: both;
-}
-.Layer__UI__TextArea[data-resize=horizontal] {
-  resize: horizontal;
-}
-.Layer__UI__TextArea[data-resize=vertical] {
-  resize: vertical;
-}
-.Layer__UI__TextArea[data-resize=none] {
-  resize: none;
-}
-.Layer__UI__TextArea[data-focused] {
-  border-color: var(--color-base-800);
-  outline: 2px solid var(--outline-default);
-}
-.Layer__UI__TextArea[data-disabled] {
-  cursor: not-allowed;
-}.Layer__custom-account-form .Layer__custom-account-form__field > .Layer__input-tooltip {
-  display: flex;
-  flex: 1 1;
-}
-.Layer__custom-account-form .Layer__custom-account-form__field > .Layer__input-tooltip > .Layer__custom-account-form__input {
-  flex: 1 1;
-}.Layer__csv-upload {
-  position: relative;
-  height: 6rem;
-  padding: var(--spacing-xs);
-  border-radius: var(--spacing-3xs);
-  border: 1px dashed var(--color-base-300);
-  background: var(--color-base-100);
-  transition: border-color 0.5s, background-color 0.5s;
-}
-.Layer__csv-upload--drag-active {
-  background: var(--color-base-200);
-  border-color: var(--color-base-500);
-}
-
-.Layer__csv-upload__browse-link {
-  all: unset;
+  width: 100%;
   cursor: pointer;
-  text-decoration: underline;
 }
-.Layer__csv-upload__browse-link:focus, .Layer__csv-upload__browse-link:active, .Layer__csv-upload__browse-link:focus-visible {
-  border-radius: 2px;
-  box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.08), 0 0 0 1px var(--color-base-700);
-  outline: none;
-}
-
-.Layer__csv-upload__error-message {
+.Layer__hover-menu .Layer__hover-menu__list-wrapper {
   position: absolute;
-  bottom: var(--spacing-sm);
-  left: var(--spacing-sm);
-}
-.Layer__csv-upload__error-message .Layer__data-state__icon {
-  background: var(--color-base-0);
-}
-
-.Layer__csv-upload__file-row {
-  height: 2rem;
-  padding: var(--spacing-xs) var(--spacing-sm);
-  border-radius: var(--border-radius-3xs);
-  border: 1px solid var(--color-base-300);
-  background: var(--color-base-100);
-}
-
-.Layer__csv-upload__file-row--drop-target {
-  height: 6rem;
-}
-
-.Layer__csv-upload__copy-template-headers-button-group {
-  box-sizing: border-box;
-  padding: var(--spacing-3xs);
-  border-radius: var(--border-radius-3xs);
-  background-color: var(--color-base-200);
-}
-.Layer__csv-upload__copy-template-headers-button-group .Layer__btn {
-  flex: 1 1 auto;
-}
-
-.Layer__csv-upload__validate-csv-table__container {
-  position: relative;
-  overflow: auto;
-  border-radius: var(--border-radius-3xs);
-  border: 1px solid var(--border-color);
-  outline-offset: 1px;
-}
-
-.Layer__csv-upload__validate-csv-table__header {
-  position: sticky;
-  z-index: 1;
-  top: 0;
-  background-color: var(--bg-subtle);
-}
-
-.Layer__csv-upload__validate-csv-table__header-row {
+  z-index: 99;
+  top: 80%;
+  right: -8px;
   display: flex;
-  width: 100%;
+  justify-content: stretch;
+  min-width: 160px;
+  padding-top: var(--spacing-xs);
+  touch-action: none;
+  pointer-events: none;
+  opacity: 0;
+  transition: all 0.15s ease-out;
 }
-
-.Layer__table-header.Layer__csv-upload__validate-csv-table__header-cell {
+.Layer__hover-menu .Layer__hover-menu__list-wrapper .Layer__hover-menu__list {
   box-sizing: border-box;
   display: flex;
-  flex: 1 1 0;
-  padding: 0;
-  border-bottom: 1px solid var(--border-color);
-  border-left: 1px solid var(--border-color);
-}
-.Layer__table-header.Layer__csv-upload__validate-csv-table__header-cell--row {
-  flex: 0 0 68px;
-  border-left: none;
-}
-
-.Layer__csv-upload__validate-csv-table__header-cell-content {
-  padding: var(--spacing-sm) var(--spacing-md);
-}
-.Layer__csv-upload__validate-csv-table__header-cell-content--row {
-  margin-left: auto;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--spacing-3xs);
+  padding: var(--spacing-3xs);
+  border-radius: var(--spacing-xs);
+  box-shadow: 0 0 0 1px rgba(25, 25, 25, 0.06), 0 4px 12px 0 var(--base-transparent-1, rgba(16, 24, 40, 0.01)), 0 2px 4px 0 rgba(25, 25, 25, 0.06);
+  margin: 0;
+  background: var(--color-base-0);
+  list-style: none;
 }
-
-.Layer__table-row.Layer__csv-upload__validate-csv-table__row {
-  position: absolute;
+.Layer__hover-menu .Layer__hover-menu__list-wrapper .Layer__hover-menu__list .Layer__hover-menu__list-item {
   display: flex;
-  width: 100%;
-}
-.Layer__table-row.Layer__csv-upload__validate-csv-table__row--error {
-  background-color: var(--color-info-error-bg);
-}
-.Layer__table-row.Layer__csv-upload__validate-csv-table__row--bottom-border {
-  border-bottom: 1px solid var(--border-color);
-}
-
-.Layer__table-cell.Layer__csv-upload__validate-csv-table__cell {
-  box-sizing: border-box;
-  flex: 1 1 0%;
-  min-width: 0;
-  border-left: 1px solid var(--border-color);
-}
-.Layer__table-cell.Layer__csv-upload__validate-csv-table__cell--row {
-  flex: 0 0 68px;
-  border-left: none;
+  align-items: center;
+  padding: var(--spacing-3xs);
+  padding-left: var(--spacing-xs);
+  border-radius: var(--spacing-2xs);
+  color: var(--color-base-500);
+  transition: all 0.2s ease-in-out;
 }
-
-.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content {
-  display: block;
-  align-content: center;
-  overflow: hidden;
+.Layer__hover-menu .Layer__hover-menu__list-wrapper .Layer__hover-menu__list .Layer__hover-menu__list-item .Layer__hover-menu__list-item-button {
   width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content--error {
-  color: var(--color-info-error-fg);
-}
-.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content--row {
-  text-align: end;
-}.Layer__upload-transactions {
-  container-type: inline-size;
-}
-.Layer__upload-transactions .Layer__upload-transactions__select-account-name-field > .Layer__input-tooltip {
-  flex: auto;
-}
-.Layer__upload-transactions .Layer__upload-transactions__select-account-name-input .Layer__select__control {
-  max-width: 24rem;
-}
-.Layer__upload-transactions .Layer__upload-transactions__select-account-name-input--error .Layer__select__control {
-  box-shadow: 0 0 0 1px var(--color-base-300), 0 0 0 2px var(--color-danger);
-}
-.Layer__upload-transactions .Layer__upload-transactions__select-account-name-input--error .Layer__select__placeholder {
-  color: var(--color-danger);
+  border: none;
+  outline: none;
+  background: none;
+  cursor: pointer;
+  font-size: var(--text-sm);
+  line-height: normal;
+  font-family: inherit;
+  font-weight: 500;
+  text-align: start;
+  color: inherit;
+  font-feature-settings: inherit;
+  letter-spacing: -0.06px;
 }
-.Layer__upload-transactions .Layer__upload-transactions__create-account-form {
-  padding: var(--spacing-md);
-  border-radius: var(--border-radius-3xs);
-  background: var(--color-base-100);
+.Layer__hover-menu .Layer__hover-menu__list-wrapper .Layer__hover-menu__list .Layer__hover-menu__list-item:hover {
+  background: var(--color-base-50);
+  font-weight: 540;
+  color: var(--color-base-800);
+}.Layer__BasicLinkedAccountContainer {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  padding-block: var(--spacing-xs);
+  padding-inline: var(--spacing-xs) var(--spacing-md);
+  border-radius: var(--border-radius-xs);
+  border: 1px solid var(--outline-subtle);
 }
-.Layer__upload-transactions .Layer__upload-transactions__parse-csv-error-message {
-  max-width: 29rem;
+.Layer__BasicLinkedAccountContainer[data-selected] {
+  background-color: var(--bg-subtle);
 }
-.Layer__upload-transactions .Layer__upload-transactions__template-section {
-  padding: var(--spacing-md);
+
+.Layer__BasicLinkedAccountLogo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 28px;
+  width: 52px;
+  padding: var(--spacing-3xs) 0;
   border-radius: var(--border-radius-3xs);
-  border: 1px solid var(--color-base-300);
-}
-.Layer__upload-transactions .Layer__upload-transactions__template-section__button-row {
+  background: var(--color-base-0);
+  color: var(--color-base-200);
+}.Layer__Menu {
   display: flex;
-  justify-content: space-between;
-}
-@container (max-width: 36rem) {
-  .Layer__upload-transactions .Layer__upload-transactions__template-section__button-row {
-    flex-direction: column;
-  }
-  .Layer__upload-transactions .Layer__upload-transactions__template-section__button-row > .Layer__upload-transactions__template-section__button-row-item {
-    width: 100%;
-  }
-}
-@container (max-width: 30rem) {
-  .Layer__upload-transactions .Layer__upload-transactions__confirmation-step__button-row {
-    flex-direction: column;
-  }
-  .Layer__upload-transactions .Layer__upload-transactions__confirmation-step__button-row > .Layer__upload-transactions__confirmation-step__button-row-item {
-    width: 100%;
-  }
-}
-.Layer__upload-transactions .Layer__upload-transactions__confirmation-step__data-state .Layer__data-state__description {
-  margin-bottom: 0;
-}
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--date,
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--date {
-  min-width: 7.5rem;
-}
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--amount,
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--amount {
-  min-width: 7.5rem;
-}
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--amount .Layer__csv-upload__validate-csv-table__header-cell-content,
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--amount .Layer__csv-upload__validate-csv-table__header-cell-content {
-  margin-left: auto;
-}
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--amount .Layer__csv-upload__validate-csv-table__cell-content,
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--amount .Layer__csv-upload__validate-csv-table__cell-content {
-  text-align: right;
-}
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--description,
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--description {
-  flex: 3 1 0;
-  min-width: 12rem;
-}
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--external_id,
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--external_id {
-  min-width: 7.5rem;
-}
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--reference_number,
-.Layer__upload-transactions .Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--reference_number {
-  min-width: 7.5rem;
-}.Layer__BulkActionsModule__SelectedItemsContainer {
-  height: 2.25rem;
-  border-radius: var(--border-radius-2xs);
-  border: 1px solid var(--color-base-300);
-  background-color: var(--color-base-100);
-}.Layer__MonthCalendar__Header {
-  border-bottom: 1px solid var(--border-color);
-}
-
-.Layer__MonthCalendar__MonthGrid {
-  display: grid;
-  grid-template-columns: repeat(3, 4.5rem);
+  flex-direction: column;
   gap: var(--spacing-3xs);
-  padding: var(--spacing-xs);
-}
-.Layer__MonthCalendar__MonthGrid--mobile {
-  grid-template-columns: repeat(3, 6.5rem);
+  overflow: auto;
+  max-block-size: inherit;
+  min-inline-size: 9rem;
+  padding: var(--spacing-3xs);
+  border-radius: var(--spacing-xs);
+  border: 1px solid var(--border-color);
+  outline: none;
+  background: white;
 }
 
-.Layer__MonthCalendar__MonthGridItem {
-  display: grid;
-  justify-self: center;
-  block-size: 2rem;
-  inline-size: 4.5rem;
-  border-radius: var(--border-radius-2xs);
-  font-size: var(--text-sm);
-  text-align: center;
-  color: var(--button-fg-ghost);
-  place-items: center;
-  transition: background-color 0.2s ease, color 0.2s ease;
-}
-.Layer__MonthCalendar__MonthGridItem[data-focus-visible] {
-  outline: 1px auto -webkit-focus-ring-color;
+.Layer__MenuItem {
+  display: flex;
+  align-items: center;
+  padding-block: var(--spacing-3xs);
+  padding-inline: var(--spacing-xs);
+  border-radius: var(--spacing-2xs);
+  outline: none;
+  cursor: pointer;
 }
-.Layer__MonthCalendar__MonthGridItem[data-disabled] {
-  cursor: not-allowed;
-  color: var(--button-fg-disabled);
+.Layer__MenuItem[data-focused] {
+  background: var(--color-base-50);
+  color: var(--color-base-800);
 }
-.Layer__MonthCalendar__MonthGridItem[data-selected] {
-  background-color: var(--color-base-900);
-  color: var(--color-base-0);
+.Layer__MenuItem[data-focus-visible] {
+  outline: 1px solid var(--color-base-100);
+  outline-offset: 1px;
+}.Layer__Pill {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  padding: var(--spacing-2xs) var(--spacing-sm);
+  border-radius: var(--badge-border-radius);
+  border: none;
+  outline: none;
+  background-color: var(--badge-bg-color);
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--text-sm);
+  color: var(--badge-color);
+  white-space: nowrap;
 }
-.Layer__MonthCalendar__MonthGridItem[data-hovered]:not([data-disabled], [data-selected]) {
-  background-color: var(--button-bg-ghost-hovered);
+.Layer__Pill svg {
+  margin-right: 0.25rem;
 }
-.Layer__MonthCalendar__MonthGridItem--mobile {
-  block-size: 2.75rem;
-  inline-size: 6.5rem;
-  font-size: var(--text-md);
-}.Layer__MonthPicker__Popover {
-  inline-size: auto;
+.Layer__Pill[data-status=error] {
+  background-color: var(--color-info-error-bg);
+  color: var(--color-info-error-fg);
+}
+.Layer__Pill[data-status=error][data-focus-visible] {
+  outline: 1px solid var(--color-info-error-bg);
+  outline-offset: 1px;
+}.Layer__UI__Calendar {
+  width: min-content;
 }
 
-.Layer__MonthPicker__InputGroup {
-  inline-size: 12rem;
-}.Layer__UI__Table-Table {
+.Layer__UI__CalendarGrid {
   border-collapse: collapse;
 }
 
-.Layer__UI__Table-TableHeader {
-  height: 3.25rem;
+.Layer__UI__CalendarCell,
+.Layer__UI__CalendarHeaderCell {
+  height: 2rem;
+  width: 2rem;
+  border-radius: var(--border-radius-3xs);
+  font-size: var(--text-sm);
+  line-height: 2rem;
+  text-align: center;
 }
-.Layer__UI__Table-TableHeader:not(:last-child) .Layer__UI__Table-Column {
-  border-bottom: 1px solid var(--color-base-300);
+.Layer__UI__CalendarCell[data-size=md],
+.Layer__UI__CalendarHeaderCell[data-size=md] {
+  height: 2.75rem;
+  width: 2.75rem;
+  font-size: var(--text-md);
+  line-height: 2.75rem;
 }
-.Layer__UI__Table-TableHeader > tr {
-  height: inherit;
+
+.Layer__UI__CalendarCell {
+  transition: background-color 0.2s ease, color 0.2s ease;
 }
-.Layer__UI__Table-TableHeader--hidden {
-  display: none;
+.Layer__UI__CalendarCell[data-hovered] {
+  background-color: var(--color-base-400);
 }
-
-.Layer__UI__Table-Row {
-  height: 3.25rem;
-  background-color: var(--color-base-200);
+.Layer__UI__CalendarCell[data-selected] {
+  background-color: var(--color-base-900);
+  color: var(--color-base-0);
 }
-.Layer__UI__Table-Row:not(:last-child) .Layer__UI__Table-Cell {
-  border-bottom: 1px solid var(--color-base-300);
+.Layer__UI__CalendarCell[data-disabled] {
+  color: var(--color-base-400);
 }
-.Layer__UI__Table-Row[data-depth="0"] {
-  background-color: var(--color-base-0);
+.Layer__UI__CalendarCell[data-outside-month] {
+  color: var(--color-base-0);
+  transition: none;
+}.Layer__DateCalendar__Header {
+  border-bottom: 1px solid var(--border-color);
+}.Layer__caobfb {
+  position: relative;
+  display: flex;
+  gap: var(--spacing-sm);
+  max-height: 280px;
+  padding-block: var(--spacing-sm);
+  padding-inline: var(--spacing-md);
+  border-radius: var(--border-radius-xs);
+  border: 1px solid var(--color-base-100);
+  container-type: inline-size;
+  transition: all 0.25s ease-in-out;
+  transition-delay: 0.8s;
 }
-.Layer__UI__Table-Row[data-depth="1"] {
+.Layer__caobfb[data-confirmed=true] {
   background-color: var(--color-base-50);
 }
-.Layer__UI__Table-Row[data-depth="2"] {
-  background-color: var(--color-base-100);
-}
 
-.Layer__UI__Table-Column {
-  box-sizing: border-box;
+.Layer__caobfb__icon-col {
   display: flex;
-  align-items: center;
-  height: inherit;
-  padding: var(--spacing-xs) var(--spacing-sm);
-  font-size: var(--text-sm);
-  font-weight: var(--font-weight-normal);
-  color: var(--color-base-600);
-}
-.Layer__UI__Table-Column:first-child {
-  padding-left: var(--spacing-md);
-}
-.Layer__UI__Table-Column:last-child {
-  padding-right: var(--spacing-md);
-}
-.Layer__UI__Table-Column[data-text-align=left] {
-  text-align: left;
-}
-.Layer__UI__Table-Column[data-text-align=center] {
-  text-align: center;
-}
-.Layer__UI__Table-Column[data-text-align=right] {
-  text-align: right;
+  align-items: flex-start;
+  justify-content: center;
 }
 
-.Layer__UI__Table-Cell {
-  box-sizing: border-box;
+.Layer__caobfb__details-col {
   display: flex;
-  align-items: center;
-  height: inherit;
-  padding: var(--spacing-xs) var(--spacing-sm);
-  font-size: var(--text-md);
-  font-weight: var(--font-weight-normal);
-  color: var(--color-base-800);
-}
-.Layer__UI__Table-Cell:first-child {
-  padding-left: var(--spacing-md);
+  flex: 1;
+  flex-direction: column;
+  gap: var(--spacing-2xs);
+  color: var(--color-base-700);
 }
-.Layer__UI__Table-Cell:last-child {
-  padding-right: var(--spacing-md);
-}.Layer__UI__VirtualizedTable__container {
-  position: relative;
-  overflow: auto;
+
+.Layer__caobfb__details-col__details {
+  padding-bottom: var(--spacing-sm);
 }
 
-.Layer__UI__VirtualizedTable__state-container {
+.Layer__caobfb__details-col__name {
   display: flex;
-  align-items: center;
-  justify-content: center;
+  gap: var(--spacing-3xs);
+  width: 100%;
+  max-width: 500px;
 }
 
-.Layer__UI__VirtualizedTable {
-  display: grid;
+.Layer__caobfb__details-col__name__institution-name {
+  overflow: hidden;
+  max-width: 50%;
+  color: var(--color-base-500);
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.Layer__UI__VirtualizedTable__header {
-  position: sticky;
-  z-index: 1;
-  top: 0;
-  display: grid;
+.Layer__caobfb__details-col__name__account-name {
+  overflow: hidden;
+  max-width: 50%;
+  color: var(--color-base-1000);
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.Layer__UI__VirtualizedTable__header-cell {
-  background-color: var(--color-base-0);
+.Layer__caobfb__details-col__inputs {
+  display: flex;
+  gap: var(--spacing-sm);
+  align-items: center;
+  padding: var(--spacing-sm) 0;
+  border-top: 1px solid var(--color-base-200);
 }
-
-.Layer__UI__VirtualizedTable__row {
-  position: absolute;
-  display: grid;
+.Layer__caobfb__details-col__inputs .Layer__input-group {
   width: 100%;
-}.Layer__AffectedTransactionsTable {
-  container-type: inline-size;
-  --affected-transactions-table-cols:
-    minmax(10rem, 25%)
-    minmax(20rem, 50%)
-    minmax(10rem, 25%);
-}
-.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable {
-  table-layout: fixed;
-}
-.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__row,
-.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__header > tr {
-  display: grid;
-  grid-template-columns: var(--affected-transactions-table-cols);
-}
-.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Column__AffectedTransactionsTable--Date,
-.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Cell__AffectedTransactionsTable--Date {
-  color: var(--color-base-600);
 }
-.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Column__AffectedTransactionsTable--Amount,
-.Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Cell__AffectedTransactionsTable--Amount {
-  justify-content: flex-end;
+.Layer__caobfb__details-col__inputs .Layer__input-group .Layer__input {
+  width: 100%;
 }
-@container (width <= 840px) {
-  .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__row,
-  .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__header > tr {
-    grid-template-columns: minmax(4rem, 25%) minmax(8rem, 50%) minmax(4rem, 25%); /* amount */
+@container (max-width: 440px) {
+  .Layer__caobfb__details-col__inputs {
+    flex-direction: column;
   }
-}.Layer__suggested-categorization-rule-updates .Layer__UI__Button {
-  width: 100%;
 }
 
-.Layer__suggested-categorization-rule-updates-header {
-  padding-bottom: var(--spacing-sm);
-}.Layer__BaseDetailView {
-  overflow: hidden;
+.Layer__caobfb__confirm-col {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
 }
 
-.Layer__BaseDetailView__Header {
+.Layer__caobfb__success-banner {
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
   align-items: center;
-  height: 4.75rem;
-  padding-left: 1.25rem;
-  border-bottom: 1px solid var(--border-color);
-}.Layer__DataTable__EmptyState__Row {
-  height: fit-content;
-}
-
-.Layer__DataTable__EmptyState__Cell {
-  grid-column: 1/-1;
   justify-content: center;
-}.Layer__PaginatedDataTable__Pagination {
-  border-top: 1px solid var(--border-color);
-}.Layer__CategorizationRulesTable {
-  border: none;
+  padding: var(--spacing-sm);
+  background-color: var(--color-base-50);
+  color: var(--color-info-success-fg);
+  opacity: 0;
+  transition: opacity 0.12s ease-in-out;
 }
 
-.Layer__UI__Table__CategorizationRulesTable {
-  table-layout: fixed;
-  width: 100%;
-}
-.Layer__UI__Table__CategorizationRulesTable .Layer__UI__Table-Row,
-.Layer__UI__Table__CategorizationRulesTable .Layer__UI__Table-TableHeader > tr {
-  display: grid;
-  grid-template-columns: minmax(8rem, 45%) minmax(8rem, 45%) auto;
+.Layer__caobfb[data-saved] {
+  overflow: hidden;
+  max-height: 0;
+  padding: 0;
+  border-width: 0;
 }
-.Layer__UI__Table__CategorizationRulesTable .Layer__UI__Table-Cell__CategorizationRulesTable--Delete {
-  justify-content: end;
-}.Layer__card {
-  display: flex;
-  flex-direction: column;
-  border-radius: var(--spacing-sm);
-  box-shadow: 0 4px 12px 0 var(--base-transparent-8), 0 2px 4px 0 var(--base-transparent-6), 0 0 0 1px var(--base-transparent-4);
-  background: var(--color-base-0);
+.Layer__caobfb[data-saved] .Layer__caobfb__success-banner {
+  opacity: 1;
+  z-index: 101;
 }.Layer__DateGroupByComboBox__Container {
   inline-size: 12rem;
   max-inline-size: 12rem;
@@ -9364,6 +9348,13 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   .Layer__panel.Layer__panel--open .Layer__panel__content {
     width: 100%;
   }
+}.Layer__ProfitAndLossSummariesSummaryChartArea {
+  border-radius: var(--border-radius-xs);
+  background: var(--color-base-50);
+}
+
+.Layer__ProfitAndLossSummariesSummary {
+  min-height: 40px;
 }.Layer__DateSelection {
   display: grid;
   grid-template-columns: repeat(2, minmax(10rem, 12rem));
@@ -9439,6 +9430,10 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   flex: 1;
   min-width: 20rem;
   max-width: 32rem;
+}.Layer__TasksEmptyContainer {
+  display: grid;
+  place-items: center;
+  min-block-size: 20rem;
 }.Layer__mobile-panel {
   position: fixed;
   z-index: -1;
@@ -9573,10 +9568,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   .Layer__tabs-option .Layer__tasks__badge .Layer__tasks__badge__label-short {
     display: flex;
   }
-}.Layer__TasksEmptyContainer {
-  display: grid;
-  place-items: center;
-  min-block-size: 20rem;
 }body .calendly-overlay .calendly-popup {
   max-height: 1024px;
 }
@@ -9737,6 +9728,43 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   flex-direction: column;
   gap: var(--spacing-md);
   container-type: inline-size;
+}.Layer__platform-onboarding__book-onboarding-call .Layer__platform-onboarding__error {
+  height: 6rem;
+}
+.Layer__platform-onboarding__book-onboarding-call.is-tablet .Layer__calendly-inline-widget--success, .Layer__platform-onboarding__book-onboarding-call.is-desktop .Layer__calendly-inline-widget--success {
+  height: 36rem;
+}
+.Layer__platform-onboarding__book-onboarding-call.is-tablet .Layer__calendly-inline-widget, .Layer__platform-onboarding__book-onboarding-call.is-desktop .Layer__calendly-inline-widget {
+  height: 56rem;
+}.Layer__business-form {
+  width: 100%;
+  max-width: 620px;
+}
+
+.Layer__business-form__name-fields {
+  display: flex;
+  gap: var(--spacing-sm);
+}
+@container (width < 400px) {
+  .Layer__business-form__name-fields {
+    flex-direction: column;
+  }
+}
+
+.Layer__business-form__state-tin-fields {
+  display: flex;
+  gap: var(--spacing-sm);
+}
+.Layer__business-form__state-tin-fields .Layer__business-form__state {
+  max-width: 200px;
+}
+@container (width < 400px) {
+  .Layer__business-form__state-tin-fields {
+    flex-direction: column;
+  }
+  .Layer__business-form__state-tin-fields .Layer__business-form__state {
+    max-width: 100%;
+  }
 }.Layer__progress-steps {
   display: flex;
   align-items: center;
@@ -9844,43 +9872,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   .Layer__progress-steps .Layer__progress-steps--step-wrapper .Layer__progress-steps--label {
     display: none;
   }
-}.Layer__business-form {
-  width: 100%;
-  max-width: 620px;
-}
-
-.Layer__business-form__name-fields {
-  display: flex;
-  gap: var(--spacing-sm);
-}
-@container (width < 400px) {
-  .Layer__business-form__name-fields {
-    flex-direction: column;
-  }
-}
-
-.Layer__business-form__state-tin-fields {
-  display: flex;
-  gap: var(--spacing-sm);
-}
-.Layer__business-form__state-tin-fields .Layer__business-form__state {
-  max-width: 200px;
-}
-@container (width < 400px) {
-  .Layer__business-form__state-tin-fields {
-    flex-direction: column;
-  }
-  .Layer__business-form__state-tin-fields .Layer__business-form__state {
-    max-width: 100%;
-  }
-}.Layer__platform-onboarding__book-onboarding-call .Layer__platform-onboarding__error {
-  height: 6rem;
-}
-.Layer__platform-onboarding__book-onboarding-call.is-tablet .Layer__calendly-inline-widget--success, .Layer__platform-onboarding__book-onboarding-call.is-desktop .Layer__calendly-inline-widget--success {
-  height: 36rem;
-}
-.Layer__platform-onboarding__book-onboarding-call.is-tablet .Layer__calendly-inline-widget, .Layer__platform-onboarding__book-onboarding-call.is-desktop .Layer__calendly-inline-widget {
-  height: 56rem;
 }.Layer__platform-onboarding {
   container-type: inline-size;
 }
@@ -10037,145 +10028,9 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
     align-items: flex-start;
     padding: var(--spacing-sm);
   }
-  .Layer__bar-banner--bookkeeping .Layer__icon-box {
-    display: none;
-  }
-}.Layer__UI__Link {
-  position: relative;
-  display: inline;
-  outline: none;
-  cursor: pointer;
-  font-size: var(--text-md);
-  font-family: var(--font-family);
-  font-weight: var(--font-weight-normal);
-  text-decoration: none;
-  /* Sizes */
-}
-.Layer__UI__Link[data-ellipsis], .Layer__UI__Link[data-with-tooltip] {
-  display: inline-block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-inline-size: 100%;
-}
-.Layer__UI__Link[data-disabled] {
-  cursor: not-allowed;
-  color: var(--color-base-500);
-  pointer-events: none;
-}
-.Layer__UI__Link[data-size=xs] {
-  font-size: var(--text-xs);
-}
-.Layer__UI__Link[data-size=sm] {
-  font-size: var(--text-sm);
-}
-.Layer__UI__Link[data-size=md] {
-  font-size: var(--text-md);
-}
-.Layer__UI__Link[data-size=lg] {
-  font-size: var(--text-lg);
-}.Layer__AddToCalendar__CalendarIcon {
-  height: 1rem;
-  width: 1rem;
-}.Layer__call-booking {
-  padding: var(--spacing-lg);
-}
-.Layer__call-booking .Layer__call-booking-details {
-  width: 100%;
-}
-.Layer__call-booking .Layer__call-booking-actions {
-  position: relative;
-  width: 100%;
-}
-.Layer__call-booking .Layer__call-booking-state {
-  text-align: center;
-}
-
-@media (width <= 480px) {
-  .Layer__call-booking {
-    padding: var(--spacing-md);
-  }
-}.Layer__project-view .Layer__category-menu {
-  max-width: 300px;
-}
-.Layer__project-view .Layer__select__menu {
-  z-index: 2;
-}.Layer__due-status {
-  display: flex;
-  flex-direction: column;
-  white-space: nowrap;
-}
-.Layer__due-status--sm {
-  flex-direction: row;
-  gap: var(--spacing-3xs);
-  align-items: center;
-}
-.Layer__due-status[data-status=overdue] .Layer__due-status__title {
-  color: var(--color-info-error);
-}
-.Layer__due-status[data-status=today] .Layer__due-status__title {
-  color: var(--color-info-warning);
-}
-.Layer__due-status[data-status=paid] .Layer__due-status__title {
-  color: var(--color-info-success);
-}
-.Layer__due-status[data-status=soon] .Layer__due-status__title {
-  color: var(--color-base-800);
-}
-.Layer__due-status[data-status=before] .Layer__due-status__title {
-  color: var(--color-base-800);
-}.Layer__ExpandButton {
-  height: 16px;
-  min-width: 16px;
-  transition: transform 0.1s ease-in-out;
-}
-.Layer__ExpandButton--collapsed {
-  transform: rotate(-90deg);
-}
-.Layer__ExpandButton--expanded {
-  transform: rotate(0deg);
-}.Layer__UI__Table__UnifiedReport {
-  table-layout: fixed;
-  width: 100%;
-}
-.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Row,
-.Layer__UI__Table__UnifiedReport .Layer__UI__Table-TableHeader > tr {
-  display: grid;
-  grid-template-columns: minmax(16rem, 80%) minmax(8rem, 20%);
-}
-.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Column__UnifiedReport--Value,
-.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Cell__UnifiedReport--Value {
-  justify-content: flex-end;
-}.Layer__UnifiedReport__Header {
-  height: 4.75rem;
-  border-bottom: 1px solid var(--border-color);
-}
-@container (width <= 768px) {
-  .Layer__UnifiedReport__Header {
-    display: grid;
-    grid-template-columns: 100%;
-    height: fit-content;
-    padding-block: var(--spacing-md);
-  }
-  .Layer__UnifiedReport__Header > :last-child {
-    padding-block-start: var(--spacing-md);
-  }
-  .Layer__UnifiedReport__Header > :not(:last-child) {
-    padding-block-end: var(--spacing-md);
-    border-bottom: 1px solid var(--border-color);
-  }
-}
-
-.Layer__UnifiedReport__Header__SecondaryActions {
-  gap: var(--spacing-xs);
-}
-@media (width <= 500px) {
-  .Layer__UnifiedReport__Header__SecondaryActions {
-    gap: var(--spacing-3xs);
+  .Layer__bar-banner--bookkeeping .Layer__icon-box {
+    display: none;
   }
-}.Layer__UnifiedReport {
-  overflow: hidden;
-  width: clamp(24rem, 100%, 1406px);
 }.Layer__DataTableHeader__Filters {
   height: 4.25rem;
   border-bottom: 1px solid var(--border-color);
@@ -10209,6 +10064,35 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 
 .Layer__InvoiceTable__StatusFilter {
   width: 11rem;
+}.Layer__PaymentMethodComboBox {
+  display: grid;
+  grid-template-areas: "label" "input";
+  gap: var(--spacing-3xs);
+}
+.Layer__PaymentMethodComboBox--inline {
+  grid-template-areas: "label input";
+  gap: 0;
+  align-items: center;
+}.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__InvoiceNo,
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__CompletedAt,
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__PaymentMethod {
+  grid-template-columns: 8rem auto;
+  min-width: 16rem;
+}
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__Amount {
+  grid-template-columns: auto 8rem;
+}
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__FormError {
+  height: 4rem;
+  padding-inline: var(--spacing-md);
+  border-bottom: 1px solid var(--border-color);
+}
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__InvoiceNo {
+  display: grid;
+}
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Section {
+  padding: var(--spacing-md);
+  border-bottom: 1px solid var(--border-color);
 }.Layer__CustomerSelector {
   display: grid;
   grid-template-areas: "label" "input";
@@ -10295,15 +10179,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   height: 4rem;
   padding-left: 2.25rem;
   border-bottom: 1px solid var(--border-color);
-}.Layer__PaymentMethodComboBox {
-  display: grid;
-  grid-template-areas: "label" "input";
-  gap: var(--spacing-3xs);
-}
-.Layer__PaymentMethodComboBox--inline {
-  grid-template-areas: "label input";
-  gap: 0;
-  align-items: center;
 }.Layer__InvoicePaymentForm .Layer__InvoicePaymentForm__Field__InvoiceNo,
 .Layer__InvoicePaymentForm .Layer__InvoicePaymentForm__Field__PaidAt,
 .Layer__InvoicePaymentForm .Layer__InvoicePaymentForm__Field__PaymentMethod,
@@ -10335,26 +10210,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__InvoicePaymentForm .Layer__InvoicePaymentForm__Submit {
   display: grid;
-}.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__InvoiceNo,
-.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__CompletedAt,
-.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__PaymentMethod {
-  grid-template-columns: 8rem auto;
-  min-width: 16rem;
-}
-.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__Amount {
-  grid-template-columns: auto 8rem;
-}
-.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__FormError {
-  height: 4rem;
-  padding-inline: var(--spacing-md);
-  border-bottom: 1px solid var(--border-color);
-}
-.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__InvoiceNo {
-  display: grid;
-}
-.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Section {
-  padding: var(--spacing-md);
-  border-bottom: 1px solid var(--border-color);
 }.Layer__InvoiceDetail {
   width: clamp(62rem, 100%, 1406px);
 }
@@ -10400,6 +10255,248 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__InvoiceSummaryStats__Meter__fill {
   fill: var(--color-info-warning-bg);
+}.Layer__ExpandButton {
+  height: 16px;
+  min-width: 16px;
+  transition: transform 0.1s ease-in-out;
+}
+.Layer__ExpandButton--collapsed {
+  transform: rotate(-90deg);
+}
+.Layer__ExpandButton--expanded {
+  transform: rotate(0deg);
+}.Layer__UI__Table__UnifiedReport {
+  table-layout: fixed;
+  width: 100%;
+}
+.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Row,
+.Layer__UI__Table__UnifiedReport .Layer__UI__Table-TableHeader > tr {
+  display: grid;
+  grid-template-columns: minmax(16rem, 80%) minmax(8rem, 20%);
+}
+.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Column__UnifiedReport--Value,
+.Layer__UI__Table__UnifiedReport .Layer__UI__Table-Cell__UnifiedReport--Value {
+  justify-content: flex-end;
+}.Layer__UnifiedReport__Header {
+  height: 4.75rem;
+  border-bottom: 1px solid var(--border-color);
+}
+@container (width <= 768px) {
+  .Layer__UnifiedReport__Header {
+    display: grid;
+    grid-template-columns: 100%;
+    height: fit-content;
+    padding-block: var(--spacing-md);
+  }
+  .Layer__UnifiedReport__Header > :last-child {
+    padding-block-start: var(--spacing-md);
+  }
+  .Layer__UnifiedReport__Header > :not(:last-child) {
+    padding-block-end: var(--spacing-md);
+    border-bottom: 1px solid var(--border-color);
+  }
+}
+
+.Layer__UnifiedReport__Header__SecondaryActions {
+  gap: var(--spacing-xs);
+}
+@media (width <= 500px) {
+  .Layer__UnifiedReport__Header__SecondaryActions {
+    gap: var(--spacing-3xs);
+  }
+}.Layer__UnifiedReport {
+  overflow: hidden;
+  width: clamp(24rem, 100%, 1406px);
+}.Layer__due-status {
+  display: flex;
+  flex-direction: column;
+  white-space: nowrap;
+}
+.Layer__due-status--sm {
+  flex-direction: row;
+  gap: var(--spacing-3xs);
+  align-items: center;
+}
+.Layer__due-status[data-status=overdue] .Layer__due-status__title {
+  color: var(--color-info-error);
+}
+.Layer__due-status[data-status=today] .Layer__due-status__title {
+  color: var(--color-info-warning);
+}
+.Layer__due-status[data-status=paid] .Layer__due-status__title {
+  color: var(--color-info-success);
+}
+.Layer__due-status[data-status=soon] .Layer__due-status__title {
+  color: var(--color-base-800);
+}
+.Layer__due-status[data-status=before] .Layer__due-status__title {
+  color: var(--color-base-800);
+}.Layer__UI__Link {
+  position: relative;
+  display: inline;
+  outline: none;
+  cursor: pointer;
+  font-size: var(--text-md);
+  font-family: var(--font-family);
+  font-weight: var(--font-weight-normal);
+  text-decoration: none;
+  /* Sizes */
+}
+.Layer__UI__Link[data-ellipsis], .Layer__UI__Link[data-with-tooltip] {
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-inline-size: 100%;
+}
+.Layer__UI__Link[data-disabled] {
+  cursor: not-allowed;
+  color: var(--color-base-500);
+  pointer-events: none;
+}
+.Layer__UI__Link[data-size=xs] {
+  font-size: var(--text-xs);
+}
+.Layer__UI__Link[data-size=sm] {
+  font-size: var(--text-sm);
+}
+.Layer__UI__Link[data-size=md] {
+  font-size: var(--text-md);
+}
+.Layer__UI__Link[data-size=lg] {
+  font-size: var(--text-lg);
+}.Layer__AddToCalendar__CalendarIcon {
+  height: 1rem;
+  width: 1rem;
+}.Layer__call-booking {
+  padding: var(--spacing-lg);
+}
+.Layer__call-booking .Layer__call-booking-details {
+  width: 100%;
+}
+.Layer__call-booking .Layer__call-booking-actions {
+  position: relative;
+  width: 100%;
+}
+.Layer__call-booking .Layer__call-booking-state {
+  text-align: center;
+}
+
+@media (width <= 480px) {
+  .Layer__call-booking {
+    padding: var(--spacing-md);
+  }
+}.Layer__TripPurposeComboBox {
+  display: grid;
+  grid-template-areas: "label" "input";
+  gap: var(--spacing-3xs);
+}
+.Layer__TripPurposeComboBox--inline {
+  grid-template-areas: "label input";
+  gap: 0;
+  align-items: center;
+}.Layer__VehicleSelector {
+  display: grid;
+  grid-template-areas: "label" "input";
+  gap: var(--spacing-3xs);
+}
+.Layer__VehicleSelector--inline {
+  grid-template-areas: "label input";
+  gap: 0;
+  align-items: center;
+}.Layer__TripForm {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  max-width: 44rem;
+  padding-inline: var(--spacing-lg);
+}
+.Layer__TripForm .Layer__TripForm__FormError {
+  padding-block: var(--spacing-xs);
+}
+.Layer__TripForm .Layer__TripForm__Field__Vehicle,
+.Layer__TripForm .Layer__TripForm__Field__TripDate,
+.Layer__TripForm .Layer__TripForm__Field__Distance,
+.Layer__TripForm .Layer__TripForm__Field__Purpose,
+.Layer__TripForm .Layer__TripForm__Field__StartAddress,
+.Layer__TripForm .Layer__TripForm__Field__EndAddress,
+.Layer__TripForm .Layer__TripForm__Field__Description {
+  grid-template-columns: 10rem auto;
+  width: 100%;
+}
+.Layer__TripForm .Layer__TripForm__Submit {
+  align-items: flex-end;
+  padding-block-start: 1rem;
+}.Layer__TripsTable {
+  overflow: hidden;
+  width: clamp(61rem, 100%, 1406px);
+}
+
+.Layer__TripsTable__VehicleSelector {
+  width: 12rem;
+}
+
+.Layer__TripsTable__SearchField {
+  width: 15rem;
+}
+
+.Layer__UI__Table__TripsTable {
+  table-layout: fixed;
+  width: 100%;
+}
+.Layer__UI__Table__TripsTable .Layer__UI__Table-Row,
+.Layer__UI__Table__TripsTable .Layer__UI__Table-TableHeader > tr {
+  display: grid;
+  grid-template-columns: minmax(8rem, 10%) minmax(8rem, 15%) minmax(6rem, 10%) minmax(8rem, 10%) minmax(12rem, 25%) minmax(12rem, 30%) 3.75rem;
+}
+.Layer__UI__Table__TripsTable .Layer__UI__Table-Column__TripsTable--Distance,
+.Layer__UI__Table__TripsTable .Layer__UI__Table-Cell__TripsTable--Distance {
+  justify-content: flex-end;
+}.Layer__VehicleForm {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  width: 100%;
+}
+.Layer__VehicleForm .Layer__VehicleForm__FormError {
+  padding: var(--spacing-sm);
+}
+.Layer__VehicleForm .Layer__VehicleForm__Submit {
+  align-items: flex-end;
+  padding-block-start: 1rem;
+}
+.Layer__VehicleForm .Layer__VehicleForm__Field__MakeAndModel,
+.Layer__VehicleForm .Layer__VehicleForm__Field__Year,
+.Layer__VehicleForm .Layer__VehicleForm__Field__LicensePlate,
+.Layer__VehicleForm .Layer__VehicleForm__Field__Vin,
+.Layer__VehicleForm .Layer__VehicleForm__Field__Description {
+  grid-template-columns: 10rem auto;
+  width: 100%;
+}.Layer__VehicleManagementGrid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+  gap: var(--spacing-md);
+  padding: var(--spacing-md);
+}
+@media (width <= 768px) {
+  .Layer__VehicleManagementGrid {
+    grid-template-columns: 1fr;
+  }
+}.Layer__VehicleCard {
+  transition: box-shadow 0.2s ease;
+}
+.Layer__VehicleCard:hover {
+  box-shadow: 0 8px 16px 0 var(--base-transparent-8), 0 4px 8px 0 var(--base-transparent-6), 0 0 0 1px var(--base-transparent-4);
+}
+.Layer__VehicleCard .Layer__VehicleCard__icon {
+  min-height: 20px;
+  min-width: 20px;
+  color: var(--color-base-400);
+}.Layer__project-view .Layer__category-menu {
+  max-width: 300px;
+}
+.Layer__project-view .Layer__select__menu {
+  z-index: 2;
 }.Layer__toasts-container {
   position: fixed;
   z-index: 1000;