.finance_manager_hub {
  --fm-ink: #173c3a;
  --fm-muted: #667b79;
  --fm-line: var(--border_color_lighter);
  --fm-soft: #f2f7f6;
  --fm-positive: #167759;
  --fm-negative: #b44b4b;
  --fm-action-popover-z: 1100;
  position: relative;
  color: var(--fm-ink);
  max-width: 1500px;
  margin: 0 auto;
}
.finance_manager_hub button, .finance_manager_hub a, .finance_manager_hub select, .finance_manager_hub input, .finance_manager_hub textarea {
  min-height: 38px;
}
.finance_manager_hub .page_kicker {
  color: var(--fm-muted);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.finance_manager_hub article {
  background: var(--white_color);
}

.finance_workspace_heading {
  display: grid;
  gap: 3px;
  margin-right: auto;
}
.finance_workspace_heading .finance_back {
  width: fit-content;
  min-height: 0;
  color: var(--main_color);
  font-size: 15px;
  font-weight: 600;
}
.finance_workspace_heading h2 {
  margin: 0;
  font-size: 18px;
}

.finance_manage_header_tools {
  align-items: center;
  gap: 12px;
}

.finance_mobile_select, .finance_panel_mobile {
  display: none;
}

.finance_panel_head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px 20px;
  padding: 18px;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
}
.finance_panel_head > div:first-child {
  min-width: 0;
}
.finance_panel_head h2 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}
.finance_panel_head p {
  max-width: 68ch;
  color: var(--fm-muted);
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
}
.finance_panel_head > .finance_currency_control {
  flex: 0 1 320px;
  max-width: 320px;
}
.finance_panel_head > .finance_head_actions,
.finance_panel_head > .finance_report_actions,
.finance_panel_head > .manage_add_new_btn {
  align-self: center;
  margin: 0;
}

.finance_overview_date {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}
.finance_overview_date time {
  color: var(--fm-ink);
  font-weight: 650;
}

.finance_overview_head > .manage_add_new_btn {
  flex: 0 0 auto;
}

.finance_hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(300px, 380px);
  align-items: center;
  gap: 42px;
  padding: 20px 30px;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
}
.finance_hero .finance_hero_visual {
  position: relative;
  display: grid;
  place-items: center;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background: #eaf6f3;
}
.finance_hero .finance_hero_visual::after {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: calc(100% + 30px);
  width: 1px;
  background: var(--fm-line);
  content: "";
}
.finance_hero .finance_hero_visual img {
  width: 54px;
  height: 54px;
  border-radius: 12px;
}
.finance_hero .finance_hero_copy {
  display: grid;
  gap: 8px;
  max-width: 650px;
}
.finance_hero .finance_hero_copy h2 {
  margin: 0;
  font-size: clamp(1.2rem, 1.5vw, 1.1rem);
  line-height: 1.25;
}
.finance_hero p {
  margin: 0;
  color: var(--fm-muted);
  font-size: 0.96rem;
  line-height: 1.5;
}

.finance_currency_control {
  width: 100%;
  min-width: 0;
}
.finance_currency_control label {
  display: grid;
  gap: 6px;
}
.finance_currency_control span {
  color: var(--fm-ink);
  font-size: 0.78rem;
  font-weight: 700;
}
.finance_currency_control small {
  color: var(--fm-muted);
  font-size: 0.72rem;
  line-height: 1.4;
}
.finance_currency_control select {
  width: 100%;
  min-height: 48px;
  border-radius: 9px;
}

.finance_summary, .finance_metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}
.finance_summary article, .finance_metrics article {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--fm-line);
  border-radius: 10px;
  background: var(--white_color);
}
.finance_summary span, .finance_summary small, .finance_metrics span, .finance_metrics small {
  color: var(--fm-muted);
  font-size: 0.78rem;
}
.finance_summary strong, .finance_metrics strong {
  font-size: 1.25rem;
}
.finance_summary button, .finance_metrics button {
  justify-self: start;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--fm-positive);
}

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

.is_home .finance_summary {
  gap: 16px;
  margin: 18px 0;
}
.is_home .finance_summary article {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 158px;
  padding: 28px 32px;
  border-radius: 12px;
}
.is_home .finance_summary article > div {
  display: grid;
  gap: 9px;
}
.is_home .finance_summary article span {
  font-size: 0.88rem;
}
.is_home .finance_summary article strong {
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1.1;
}
.is_home .finance_summary article small {
  font-size: 0.76rem;
}
.is_home .finance_summary article button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  font-size: 0.8rem;
}
.is_home .finance_summary_icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 18px;
  background: #eaf6f3;
  color: var(--main_color);
  font-style: normal;
}
.is_home .finance_summary_icon svg {
  width: 34px;
  height: 34px;
  fill: currentColor;
}
.is_home .finance_balance_icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  font-style: normal;
}
.is_home .finance_balance_icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.is_home .finance_balance_icon::after {
  position: absolute;
  width: 18px;
  height: 1px;
  background: currentColor;
  rotate: 45deg;
  content: "";
}
.is_home .finance_workspace_cards {
  margin: 0 0 26px;
}
.is_home .finance_workspace_cards > article {
  min-height: 172px;
  border-radius: 12px;
}
.is_home .finance_workspace_card {
  grid-template-columns: 74px minmax(0, 1fr) auto;
  grid-template-rows: auto auto minmax(28px, 1fr);
  gap: 5px 14px;
  min-height: 172px;
  padding: 26px 30px 20px;
}
.is_home .finance_workspace_card header {
  display: contents;
}
.is_home .finance_workspace_card .finance_workspace_mark {
  grid-column: 1;
  grid-row: 1/3;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  font-size: 1.08rem;
}
.is_home .finance_workspace_card .plugin_badge {
  grid-column: 3;
  grid-row: 1;
  align-self: start;
}
.is_home .finance_workspace_card h3 {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  font-size: 1.12rem;
}
.is_home .finance_workspace_card strong {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  font-size: 0.95rem;
  font-weight: 500;
}
.is_home .finance_workspace_card .finance_workspace_open {
  grid-column: 1/-1;
  grid-row: 3;
  align-self: end;
  min-height: 30px;
  font-size: 0.84rem;
}
.is_home .finance_recent > header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 5px 10px;
}
.is_home .finance_recent > header i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: var(--fm-ink);
  font-style: normal;
}
.is_home .finance_recent > header svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.is_home .finance_recent > header h3 {
  margin: 0;
  font-size: 1rem;
}
.is_home .finance_recent .finance_table {
  margin-top: 12px;
  border-radius: 12px;
}
.is_home .finance_recent .finance_table th {
  background: transparent;
  text-transform: none;
  letter-spacing: 0;
}
.is_home .finance_recent .finance_table th, .is_home .finance_recent .finance_table td {
  padding: 15px 28px;
}

.finance_workspace_cards, .finance_account_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}
.finance_workspace_cards > article, .finance_account_grid > article {
  display: grid;
  gap: 10px;
  min-height: 170px;
  overflow: hidden;
  border: 1px solid var(--fm-line);
  border-radius: 10px;
  background: var(--white_color);
}
.finance_workspace_cards > article header, .finance_account_grid > article header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--fm-muted);
  font-size: 0.72rem;
}
.finance_workspace_cards > article h3, .finance_account_grid > article h3 {
  margin: 0;
  font-size: 1rem;
}
.finance_workspace_cards > article strong, .finance_account_grid > article strong {
  font-size: 1.2rem;
}

.finance_account_grid > article {
  padding: 16px;
}

.finance_account_card_tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.finance_action_popover_host {
  display: inline-flex;
}

.finance_action_popover_trigger {
  display: inline-grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  padding: 0;
  border: 1px solid var(--fm-line);
  border-radius: 8px;
  background: var(--white_color);
  color: var(--fm-muted);
}
.finance_action_popover_trigger:hover, .finance_action_popover_trigger:focus-visible, .finance_action_popover_trigger[aria-expanded=true] {
  border-color: var(--main_color);
  background: var(--fm-soft);
  color: var(--main_color);
}

.finance_action_icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
  pointer-events: none;
}

.finance_action_popover {
  position: absolute;
  z-index: var(--fm-action-popover-z);
  display: grid;
  width: min(220px, 100vw - 24px);
  padding: 6px;
  border: 1px solid var(--fm-line);
  border-radius: 9px;
  background: var(--white_color);
  color: var(--fm-ink);
}
.finance_action_popover[hidden] {
  display: none;
}

.finance_action_popover_items {
  display: grid;
  gap: 2px;
}
.finance_action_popover_items form {
  margin: 0;
}
.finance_action_popover_items button {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--fm-ink);
  text-align: left;
  white-space: nowrap;
}
.finance_action_popover_items button:hover, .finance_action_popover_items button:focus-visible {
  background: var(--fm-soft);
  color: var(--main_color);
}
.finance_action_popover_items button.finance_delete {
  color: var(--fm-negative);
}

.finance_workspace_card {
  display: grid;
  gap: 10px;
  min-height: 170px;
  padding: 16px;
  color: inherit;
}
.finance_workspace_card:hover, .finance_workspace_card:focus-visible {
  border-color: var(--main_color);
  color: inherit;
}

.finance_workspace_open {
  align-self: end;
  color: var(--fm-positive);
}

.finance_workspace_mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #dcede7;
  color: #175b48;
  font-weight: 700;
}

.finance_blank {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 42px 20px;
  background: var(--white_color);
  text-align: center;
}
.finance_blank img {
  width: min(420px, 80%);
  max-height: 220px;
}
.finance_blank h3, .finance_blank p {
  margin: 0;
}
.finance_blank p {
  color: var(--fm-muted);
}
.finance_blank > div {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.finance_workspace_tabs {
  position: sticky;
  z-index: 30;
  top: 0;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin-bottom: 16px;
  padding: 4px 0;
  background: var(--bg_color);
  scrollbar-width: thin;
}
.finance_workspace_tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid var(--border_color_lighter);
  border-radius: 9px;
  background: var(--white_color);
  color: var(--text_color_lighter1);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.finance_workspace_tabs a:hover, .finance_workspace_tabs a:focus-visible {
  border-color: var(--main_color);
  color: var(--main_color);
}
.finance_workspace_tabs a.active {
  border-color: var(--main_color);
  background: var(--main_color);
  color: #fff;
}

.finance_workspace_content {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  font-size: 1.05em;
}
.finance_workspace_content > * {
  min-width: 0;
}
.finance_workspace_content p, .finance_workspace_content li, .finance_workspace_content label, .finance_workspace_content th, .finance_workspace_content td {
  line-height: 1.5;
}
.finance_workspace_content > .finance_panel_head,
.finance_workspace_content > .finance_metrics,
.finance_workspace_content > .finance_account_grid,
.finance_workspace_content > .finance_filters,
.finance_workspace_content > .finance_table,
.finance_workspace_content > .finance_head_actions,
.finance_workspace_content > .finance_report_actions,
.finance_workspace_content > .finance_settings_card,
.finance_workspace_content > .finance_settings_columns,
.finance_workspace_content > .finance_strategy,
.finance_workspace_content > .finance_projection,
.finance_workspace_content > .finance_report {
  margin: 0;
}
.finance_workspace_content > .finance_filters {
  padding: 12px;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
}
.finance_workspace_content > .finance_empty {
  margin: 0;
  padding: 20px;
  border: 1px dashed var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
  color: var(--fm-muted);
  text-align: center;
}
.finance_workspace_content .finance_recent {
  overflow: hidden;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
}
.finance_workspace_content .finance_recent > .finance_table {
  margin: 0;
  border: 0;
  border-radius: 0;
}
.finance_workspace_content .finance_recent > header {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 10px 5px 10px;
  border-bottom: 1px solid var(--fm-line);
}
.finance_workspace_content .finance_recent > header h3 {
  margin: 0;
  font-size: 1rem;
}

.finance_table {
  overflow-x: auto;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  margin: 12px 0;
  background: var(--white_color);
}
.finance_table table {
  width: 100%;
  border-collapse: collapse;
}
.finance_table th, .finance_table td {
  min-width: 100px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--fm-line);
  text-align: left;
  font-size: 13px;
}
.finance_table th {
  color: var(--fm-muted);
  background: var(--bg_color_darker1);
  font-size: 12px;
  font-weight: 700;
}
.finance_table tr:last-child td {
  border-bottom: 0;
}
.finance_table td strong, .finance_table td small {
  display: block;
}
.finance_table td small {
  color: var(--fm-muted);
  margin-top: 3px;
}
.finance_table .positive {
  color: var(--fm-positive);
  font-weight: 650;
}
.finance_table .negative {
  color: var(--fm-negative);
  font-weight: 650;
}

.finance_state {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 99px;
  background: #e8efed;
  color: var(--fm-muted);
}
.finance_state.is_reconciled {
  background: #dcede7;
  color: #175b48;
}
.finance_state.is_pending {
  background: #fff3ce;
  color: #795d10;
}

.finance_filters, .finance_head_actions, .finance_report_actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
}

.finance_filters {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(150px, 220px));
  width: 100%;
  max-width: none;
}
.finance_filters .form_input {
  margin: 0;
}

.finance_head_actions, .finance_report_actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.finance_dialog {
  width: min(700px, 100vw - 28px);
  max-height: calc(100dvh - 28px);
  padding: 0;
  border: 1px solid var(--fm-line);
  border-radius: 14px;
  overflow: hidden;
  background: var(--white_color);
  color: var(--fm-ink);
}
.finance_dialog[open] {
  display: flex;
  flex-direction: column;
}
.finance_dialog::backdrop {
  background: rgba(10, 30, 29, 0.58);
  backdrop-filter: blur(2px);
}
.finance_dialog > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  gap: 16px;
  min-height: 78px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fm-line);
  background: var(--bg_color_darker1);
}
.finance_dialog > header h2, .finance_dialog > header p {
  margin: 0;
}
.finance_dialog > header p {
  color: var(--fm-muted);
  font-size: 0.78rem;
  margin-top: 3px;
}
.finance_dialog > header button {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid var(--border_color_lighter);
  border-radius: 9px;
  background: var(--white_color);
  color: inherit;
  font-size: 1.3rem;
}
.finance_dialog > form {
  display: grid;
  flex: 1 1 auto;
  gap: 12px;
  min-height: 0;
  padding: 20px;
  overflow-y: auto;
  background: var(--white_color);
}
.finance_dialog label {
  display: grid;
  gap: 5px;
}
.finance_dialog label > span, .finance_dialog legend {
  color: var(--fm-muted);
  font-size: 0.76rem;
}
.finance_dialog .form_input {
  min-height: 44px;
  border-radius: 9px;
}
.finance_dialog footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 4px -20px -20px;
  padding: 14px 20px;
  border-top: 1px solid var(--fm-line);
  background: var(--bg_color_darker1);
}
.finance_dialog footer button {
  min-height: 44px;
}
.finance_dialog fieldset {
  display: grid;
  gap: 6px;
  border: 1px solid var(--fm-line);
  border-radius: 8px;
}

.finance_form_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.finance_form_grid .wide {
  grid-column: 1/-1;
}

.finance_permission {
  grid-template-columns: 1fr auto auto auto auto !important;
  align-items: center;
}

.finance_strategy, .finance_report_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.finance_strategy article, .finance_report_grid article, .finance_projection {
  margin: 12px 0;
  padding: 16px;
  border: 1px solid var(--fm-line);
  border-radius: 10px;
  background: var(--white_color);
}
.finance_strategy article > header, .finance_report_grid article > header, .finance_projection > header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.finance_strategy article h3, .finance_report_grid article h3, .finance_projection h3 {
  margin: 0 0 10px;
}
.finance_strategy article article, .finance_report_grid article article, .finance_projection article {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--fm-line);
}

.finance_strategy > article,
.finance_report_grid > article {
  margin: 0;
}

.finance_report {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.finance_report > .finance_metrics,
.finance_report > .finance_report_grid,
.finance_report > .finance_report_section {
  margin: 0;
}

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

.finance_report_section {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
}
.finance_report_section > header {
  padding: 13px 16px;
  border-bottom: 1px solid var(--fm-line);
  background: var(--bg_color_darker1);
}
.finance_report_section > header h3 {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}
.finance_report_section > .finance_table {
  margin: 0;
  border: 0;
  border-radius: 0;
}
.finance_report_section > .finance_strategy {
  margin: 0;
  padding: 14px;
}
.finance_report_section > .finance_empty {
  margin: 0;
  padding: 16px;
  color: var(--fm-muted);
}

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

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

.finance_report_grid > article {
  display: grid;
  align-content: start;
  gap: 8px;
  border-radius: 11px;
}
.finance_report_grid > article > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.finance_report_grid > article h3, .finance_report_grid > article p {
  margin: 0;
}
.finance_report_grid > article h3 {
  font-size: 15px;
  line-height: 1.4;
}
.finance_report_grid > article p {
  color: var(--fm-muted);
  font-size: 13px;
  line-height: 1.5;
}
.finance_report_grid > article strong {
  color: var(--fm-ink);
  font-size: 18px;
}
.finance_report_grid > article .finance_empty {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
}

.finance_settings_summary {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
}
.finance_settings_summary h2, .finance_settings_summary p {
  margin: 0;
}
.finance_settings_summary h2 {
  font-size: 1rem;
  line-height: 1.35;
}
.finance_settings_summary p {
  margin-top: 3px;
  color: var(--fm-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.finance_settings_summary_icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--fm-soft);
  color: var(--main_color);
}
.finance_settings_summary_icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.finance_settings_summary_actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.finance_settings_summary_actions .sa_btn, .finance_settings_summary_actions .manage_add_new_btn {
  justify-content: center;
  min-height: 38px;
}

.finance_settings_dashboard {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.finance_settings_cards_form {
  display: contents;
}

.finance_settings_panel {
  grid-column: span 2;
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--fm-line);
  border-radius: 11px;
  background: var(--white_color);
}
.finance_settings_panel > header {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--fm-line);
}
.finance_settings_panel > header > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--fm-soft);
  color: var(--main_color);
}
.finance_settings_panel > header svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.finance_settings_panel > header h3, .finance_settings_panel > header p {
  margin: 0;
}
.finance_settings_panel > header h3 {
  font-size: 0.82rem;
  line-height: 1.35;
}
.finance_settings_panel > header p {
  margin-top: 2px;
  color: var(--fm-muted);
  font-size: 0.72rem;
  line-height: 1.4;
}
.finance_settings_panel > footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 2px;
}
.finance_settings_panel .finance_table {
  min-width: 0;
  margin: 0;
  border-radius: 9px;
}

.finance_settings_panel_wide {
  grid-column: span 3;
}

.finance_settings_panel_full {
  grid-column: 1/-1;
}

.finance_settings_fields {
  display: grid;
  gap: 9px;
  min-width: 0;
}
.finance_settings_fields > label, .finance_settings_fields .finance_currency_control label {
  display: grid;
  gap: 5px;
}
.finance_settings_fields > label > span, .finance_settings_fields .finance_currency_control label > span {
  color: var(--fm-ink);
  font-size: 0.72rem;
  font-weight: 700;
}
.finance_settings_fields .form_input {
  width: 100%;
  min-height: 40px;
  border-radius: 8px;
}
.finance_settings_fields .finance_currency_control select {
  min-height: 40px;
}

.finance_settings_toggles {
  display: grid;
  gap: 8px;
}
.finance_settings_toggles > label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid var(--fm-line);
  border-radius: 9px;
  background: var(--fm-soft);
}
.finance_settings_toggles strong, .finance_settings_toggles small {
  display: block;
}
.finance_settings_toggles strong {
  color: var(--fm-ink);
  font-size: 0.74rem;
  line-height: 1.35;
}
.finance_settings_toggles small {
  margin-top: 2px;
  color: var(--fm-muted);
  font-size: 0.67rem;
  line-height: 1.4;
}
.finance_settings_toggles input[role=switch] {
  position: relative;
  width: 46px !important;
  min-width: 46px;
  height: 26px !important;
  min-height: 26px;
  flex: 0 0 46px;
  margin: 0;
  padding: 0 !important;
  appearance: none;
  border: 1px solid var(--fm-line);
  border-radius: 999px;
  background: var(--bg_color_darker1);
  box-sizing: border-box;
  cursor: pointer;
}
.finance_settings_toggles input[role=switch]::after {
  content: none !important;
  display: none !important;
}
.finance_settings_toggles input[role=switch]::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--text_color_lighter2);
}
.finance_settings_toggles input[role=switch]:checked {
  border-color: var(--main_color);
  background: var(--main_color);
}
.finance_settings_toggles input[role=switch]:checked::before {
  left: 23px;
  background: #fff;
}
.finance_settings_toggles input[role=switch]:focus-visible {
  outline: 2px solid var(--main_color_lighter4);
  outline-offset: 2px;
}

.finance_notification_form {
  display: grid;
  gap: 9px;
}
.finance_notification_form > footer {
  display: flex;
  justify-content: flex-end;
}

.finance_notification_channels, .finance_notification_preference {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px 46px;
  align-items: center;
  gap: 10px;
}

.finance_notification_channels {
  padding-inline: 10px;
  color: var(--fm-muted);
  text-align: center;
}
.finance_notification_channels strong {
  font-size: 0.64rem;
}

.finance_notification_preferences {
  display: grid;
  gap: 7px;
}

.finance_notification_preference {
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid var(--fm-line);
  border-radius: 9px;
  background: var(--fm-soft);
}
.finance_notification_preference > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.finance_notification_preference strong {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  color: var(--fm-ink);
  font-size: 0.72rem;
  line-height: 1.35;
}
.finance_notification_preference small {
  color: var(--fm-muted);
  font-size: 0.66rem;
  line-height: 1.4;
}
.finance_notification_preference em {
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--main_color_lighter5);
  color: var(--main_color);
  font-size: 0.6rem;
  font-style: normal;
}
.finance_notification_preference > label {
  width: 46px;
  margin: 0;
  cursor: pointer;
}
.finance_notification_preference input[role=switch] {
  position: relative;
  width: 46px !important;
  height: 26px !important;
  margin: 0;
  padding: 0 !important;
  appearance: none;
  border: 1px solid var(--fm-line);
  border-radius: 999px;
  background: var(--bg_color_darker1);
  box-sizing: border-box;
  cursor: pointer;
}
.finance_notification_preference input[role=switch]::after {
  content: none !important;
  display: none !important;
}
.finance_notification_preference input[role=switch]::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--text_color_lighter2);
}
.finance_notification_preference input[role=switch]:checked {
  border-color: var(--main_color);
  background: var(--main_color);
}
.finance_notification_preference input[role=switch]:checked::before {
  left: 23px;
  background: #fff;
}
.finance_notification_preference input[role=switch]:focus-visible {
  outline: 2px solid var(--main_color_lighter4);
  outline-offset: 2px;
}

.finance_notification_hint {
  color: var(--fm-muted);
  font-size: 0.66rem;
  line-height: 1.4;
}

.finance_settings_stat {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 9px 10px;
  border-radius: 9px;
  background: var(--fm-soft);
}
.finance_settings_stat strong {
  color: var(--fm-ink);
  font-size: 1.15rem;
  line-height: 1;
}
.finance_settings_stat span {
  color: var(--fm-muted);
  font-size: 0.72rem;
}

.finance_settings_list {
  display: grid;
  min-width: 0;
}
.finance_settings_list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 8px 2px;
  border-bottom: 1px solid var(--fm-line);
}
.finance_settings_list article:last-child {
  border-bottom: 0;
}
.finance_settings_list article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.finance_settings_list article strong, .finance_settings_list article small {
  overflow-wrap: anywhere;
}
.finance_settings_list article strong {
  font-size: 0.74rem;
  line-height: 1.4;
}
.finance_settings_list article small {
  color: var(--fm-muted);
  font-size: 0.68rem;
  line-height: 1.4;
}
.finance_settings_list article form {
  flex: 0 0 auto;
  margin: 0;
}

.finance_settings_circle_list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 14px;
}

.finance_settings_empty {
  margin: 0;
  padding: 9px 2px;
  color: var(--fm-muted);
  font-size: 0.72rem;
  line-height: 1.45;
}

.finance_projection article {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin: 8px 0;
}

.finance_projection progress {
  grid-column: 1/-1;
  width: 100%;
  accent-color: var(--fm-positive);
}

.finance_section_intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 2px 2px 16px;
}
.finance_section_intro h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: 1.05rem;
}
.finance_section_intro h2 span {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  min-height: 24px;
  padding: 0 6px;
  border: 1px solid var(--fm-line);
  border-radius: 7px;
  color: var(--fm-muted);
  font-size: 0.7rem;
}
.finance_section_intro p {
  max-width: 65ch;
  margin: 5px 0 0;
  color: var(--fm-muted);
  font-size: 0.78rem;
  line-height: 1.5;
}

.finance_workspaces .finance_workspace_cards {
  margin-top: 0;
}

.finance_invite_list {
  padding: 0 20px;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
}
.finance_invite_list > article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid var(--fm-line);
}
.finance_invite_list > article:last-child {
  border-bottom: 0;
}
.finance_invite_list article small {
  display: block;
  color: var(--fm-muted);
}
.finance_invite_list article > div:last-child {
  display: flex;
  gap: 7px;
}

.finance_invite_empty {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 34px 20px;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
  text-align: center;
}
.finance_invite_empty h3, .finance_invite_empty p {
  margin: 0;
}
.finance_invite_empty p {
  max-width: 480px;
  color: var(--fm-muted);
  font-size: 0.8rem;
  line-height: 1.5;
}
.finance_invite_empty > div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.finance_invite_visual {
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  margin-bottom: 4px;
  border-radius: 50%;
  background: #eaf6f3;
  color: var(--main_color);
}
.finance_invite_visual svg {
  width: 46px;
  height: 46px;
  fill: currentColor;
}

.finance_secondary_link {
  display: inline-flex;
  align-items: center;
  color: var(--fm-positive);
  font-size: 0.78rem;
  font-weight: 700;
}

.finance_invite_empty .manage_add_new_btn, .finance_help_start .manage_add_new_btn {
  border-color: #007783;
  background: #007783;
  color: #fff;
}
.finance_invite_empty .manage_add_new_btn:hover, .finance_invite_empty .manage_add_new_btn:focus-visible, .finance_help_start .manage_add_new_btn:hover, .finance_help_start .manage_add_new_btn:focus-visible {
  border-color: #00636d;
  background: #00636d;
  color: #fff;
}

.finance_info_bar {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 14px;
  padding: 11px 16px;
  border: 1px solid #cfe8e2;
  border-radius: 9px;
  background: var(--fm-soft);
}
.finance_info_bar > span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 1px solid var(--main_color);
  border-radius: 50%;
  color: var(--main_color);
  font-size: 0.7rem;
  font-weight: 700;
}
.finance_info_bar strong, .finance_info_bar small {
  display: block;
}
.finance_info_bar strong {
  font-size: 0.75rem;
}
.finance_info_bar small {
  margin-top: 2px;
  color: var(--fm-muted);
  font-size: 0.68rem;
  line-height: 1.4;
}

.finance_help_start {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--fm-soft);
}
.finance_help_start h3, .finance_help_start p {
  margin: 0;
}
.finance_help_start p {
  max-width: 65ch;
  margin-top: 5px;
  color: var(--fm-muted);
  font-size: 0.78rem;
  line-height: 1.5;
}
.finance_help_start .manage_add_new_btn {
  flex: 0 0 auto;
}

.finance_help_groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.finance_help_group {
  padding: 18px 20px;
  border: 1px solid var(--fm-line);
  border-radius: 12px;
  background: var(--white_color);
}
.finance_help_group:last-child {
  grid-column: 1/-1;
}
.finance_help_group > h3 {
  margin: 0 0 6px;
  font-size: 0.88rem;
}
.finance_help_group article {
  padding: 12px 0;
  border-bottom: 1px solid var(--fm-line);
}
.finance_help_group article:last-child {
  border-bottom: 0;
}
.finance_help_group h4, .finance_help_group p {
  margin: 0;
}
.finance_help_group h4 {
  font-size: 0.8rem;
}
.finance_help_group p {
  max-width: 70ch;
  margin-top: 4px;
  color: var(--fm-muted);
  font-size: 0.74rem;
  line-height: 1.5;
}

.finance_delete {
  border: 0;
  background: transparent;
  color: var(--fm-negative);
}

.finance_row_actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.finance_row_actions form {
  margin: 0;
}

.finance_link {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--fm-accent);
}

.finance_attachment {
  display: block;
  margin-top: 4px;
  color: var(--fm-accent);
  font-size: 12px;
}

.darkmode .finance_manager_hub {
  --fm-ink: #e1ecea;
  --fm-muted: #9fb2af;
  --fm-soft: #203936;
  --fm-positive: #79c8a8;
  --fm-negative: #ef9999;
}
.darkmode .finance_workspace_mark {
  background: #294c45;
  color: #b6e5d2;
}
.darkmode .finance_hero .finance_hero_visual,
.darkmode .is_home .finance_summary_icon,
.darkmode .finance_invite_visual {
  background: #203936;
  color: #79c8a8;
}
.darkmode .finance_info_bar {
  border-color: #34504d;
}
.darkmode .finance_state {
  background: #304845;
}
.darkmode .finance_state.is_pending {
  background: #55491f;
  color: #f7d97c;
}

@media (max-width: 900px) {
  .finance_hub_tabs, .finance_workspace_tabs {
    display: none;
  }
  .finance_mobile_select, .finance_panel_mobile {
    display: grid;
    gap: 4px;
    width: 100%;
  }
  .finance_manage_header_tools {
    flex-wrap: wrap;
  }
  .finance_hero {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .finance_hero .finance_currency_control {
    grid-column: 1/-1;
  }
  .finance_summary, .finance_metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .finance_workspace_cards, .finance_account_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .finance_panel_head {
    align-items: stretch;
  }
  .finance_head_actions {
    flex-wrap: wrap;
  }
  .finance_workspace_content {
    padding: 0;
  }
  .finance_report_record_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .finance_settings_dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .finance_settings_panel {
    grid-column: span 1;
  }
  .finance_settings_panel_wide, .finance_settings_panel_full {
    grid-column: 1/-1;
  }
}
@media (max-width: 600px) {
  .finance_manager_hub {
    width: calc(100vw - 28px);
  }
  .finance_hero, .finance_panel_head {
    display: grid;
  }
  .finance_panel_head {
    grid-template-columns: minmax(0, 1fr);
  }
  .finance_hero {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 16px;
  }
  .finance_hero .finance_hero_visual {
    width: 68px;
    height: 68px;
  }
  .finance_hero .finance_hero_visual::after {
    display: none;
  }
  .finance_hero .finance_hero_visual img {
    width: 38px;
    height: 38px;
    border-radius: 9px;
  }
  .finance_hero .finance_currency_control {
    grid-column: auto;
  }
  .finance_currency_control {
    min-width: 0;
    width: 100%;
  }
  .finance_panel_head > .finance_currency_control {
    max-width: none;
  }
  .finance_workspace_content {
    gap: 14px;
    padding: 0;
  }
  .finance_workspace_cards, .finance_account_grid, .finance_summary, .finance_metrics, .finance_settings_dashboard, .finance_strategy, .finance_report_grid, .finance_help_groups, .finance_form_grid {
    grid-template-columns: 1fr;
  }
  .finance_form_grid .wide {
    grid-column: auto;
  }
  .finance_settings_summary {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .finance_settings_summary .finance_settings_summary_actions {
    grid-column: 1/-1;
  }
  .finance_settings_summary_actions {
    align-items: stretch;
  }
  .finance_settings_summary_actions .sa_btn, .finance_settings_summary_actions .manage_add_new_btn {
    flex: 1 1 0;
  }
  .finance_settings_panel, .finance_settings_panel_wide, .finance_settings_panel_full {
    grid-column: auto;
  }
  .finance_settings_circle_list {
    grid-template-columns: 1fr;
  }
  .finance_notification_channels, .finance_notification_preference {
    grid-template-columns: minmax(0, 1fr) 42px 42px;
    gap: 7px;
  }
  .finance_notification_channels {
    padding-inline: 7px;
  }
  .finance_notification_preference {
    padding-inline: 7px;
  }
  .finance_notification_preference > label {
    width: 42px;
  }
  .finance_notification_preference input[role=switch] {
    width: 42px !important;
  }
  .finance_notification_preference input[role=switch]::before {
    width: 17px;
    height: 17px;
  }
  .finance_notification_preference input[role=switch]:checked::before {
    left: 20px;
  }
  .finance_section_intro, .finance_help_start {
    align-items: stretch;
    flex-direction: column;
  }
  .finance_invite_list > article {
    align-items: stretch;
    flex-direction: column;
  }
  .finance_invite_empty > div {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }
  .finance_invite_empty .manage_add_new_btn, .finance_secondary_link {
    justify-content: center;
    width: 100%;
  }
  .finance_help_start .manage_add_new_btn {
    align-self: stretch;
  }
  .finance_help_group:last-child {
    grid-column: auto;
  }
  .finance_filters {
    grid-template-columns: 1fr;
  }
  .finance_head_actions, .finance_report_actions {
    justify-content: flex-start;
  }
  .finance_overview_head {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }
  .finance_overview_head > .manage_add_new_btn {
    justify-content: center;
    width: 100%;
  }
  .is_home .finance_summary article {
    min-height: 132px;
    padding: 20px;
  }
  .is_home .finance_summary_icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
  }
  .is_home .finance_workspace_card {
    grid-template-columns: 58px minmax(0, 1fr) auto;
    padding: 20px;
  }
  .is_home .finance_workspace_card .finance_workspace_mark {
    width: 50px;
    height: 50px;
  }
  .is_home .finance_recent .finance_table th, .is_home .finance_recent .finance_table td {
    padding: 12px 14px;
  }
}

/*# sourceMappingURL=finance-manager.css.map */